/* 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 */
html.large-text {
  font-size: 150%; }

#block-ufafabrik-content {
  position: relative; }

.block.text-size-switcher {
  position: absolute;
  width: 100%;
  top: 0;
  pointer-events: none; }
  .block.text-size-switcher .field--name-body {
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    text-align: right; }
    .block.text-size-switcher .field--name-body .text-switcher-buttons {
      margin-right: 4em; }
      .block.text-size-switcher .field--name-body .text-switcher-buttons a {
        pointer-events: all; }
      .block.text-size-switcher .field--name-body .text-switcher-buttons #normal-text-size {
        display: none; }
      .block.text-size-switcher .field--name-body .text-switcher-buttons img {
        vertical-align: middle;
        width: 2em;
        height: 2em; }

html.large-text .block.text-size-switcher .text-switcher-buttons #large-text-size {
  display: none; }
html.large-text .block.text-size-switcher .text-switcher-buttons #normal-text-size {
  display: inline; }

body {
  font-family: BreuerText;
  letter-spacing: 0.03em;
  background-color: #bac4d4;
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
  -moz-osx-font-smoothing: grayscale;
  /*(For Firefox)*/
  -webkit-font-smoothing: antialiased;
  /*(For Chrome and Safari)*/ }

a {
  color: #1e427f; }

input[type=checkbox] {
  transform: scale(1.5);
  margin-right: 3px;
  margin-left: 3px; }

h1, h2, h3, h4, h5, h6 {
  color: #1e427f; }

main[role=main] {
  display: flex;
  position: relative;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }
  main[role=main] .layout-sidebar-first {
    order: 1;
    position: relative; }
  main[role=main] .layout-content {
    order: 2;
    flex-grow: 1;
    padding-left: 0;
    padding-right: 0; }
  main[role=main] .layout-sidebar-second {
    order: 3;
    position: relative; }

.region-content,
.region-breadcrumb,
.region-highlighted,
.region-secondary-menu,
.region-footer {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 5vw;
  box-sizing: border-box;
  background-color: #f8f8f8; }

.region-footer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-left: min(21.6vw, 280px);
  padding-right: min(14.5vw, 192px);
  background-color: #f1f1f1; }
  .region-footer nav.block.block-menu {
    margin-left: 1em;
    margin-right: auto; }
    .region-footer nav.block.block-menu ul.menu {
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 0; }
    .region-footer nav.block.block-menu li.menu-item {
      display: block; }
  .region-footer #block-ufafabrik-socialmediabuttons {
    margin-top: 1em;
    margin-left: auto;
    /*
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    */ }
    .region-footer #block-ufafabrik-socialmediabuttons .field--name-body .button-row {
      display: flex;
      justify-content: right; }
      .region-footer #block-ufafabrik-socialmediabuttons .field--name-body .button-row p {
        line-height: 0; }
      .region-footer #block-ufafabrik-socialmediabuttons .field--name-body .button-row a {
        margin-right: 1em;
        padding: 0.3em; }
      .region-footer #block-ufafabrik-socialmediabuttons .field--name-body .button-row.networks img {
        height: 1.5em;
        width: auto;
        display: block; }
      .region-footer #block-ufafabrik-socialmediabuttons .field--name-body .button-row.social-media img {
        width: 1.5em;
        height: 1.5em;
        display: block; }

.page-program .region-content {
  background-color: #faa896;
  padding: 0; }

/* admin */
#block-ufafabrik-primary-local-tasks ul.tabs {
  margin: 0 1rem; }

div[data-drupal-messages] {
  /*margin-bottom: 0.5rem;*/ }

.region-highlighted {
  padding: 1rem 0; }

#block-ufafabrik-search-form-narrow {
  padding: 0.5rem 0.5rem; }
  #block-ufafabrik-search-form-narrow form {
    display: flex;
    column-gap: 0.5em;
    font-size: 1rem; }
    #block-ufafabrik-search-form-narrow form .form-type-search {
      flex-grow: 1;
      margin: 0; }
      #block-ufafabrik-search-form-narrow form .form-type-search input {
        width: 100%; }

nav.main-menu-side ul ul {
  padding-left: 1em; }
nav.main-menu-side ul.menu {
  margin: 0; }
  nav.main-menu-side ul.menu li.menu-item {
    list-style: none;
    margin: 0; }
    nav.main-menu-side ul.menu li.menu-item.menu-item--expanded > a {
      background-image: url(../images/icons/menu-expanded.png);
      background-position-y: 0.9em; }
    nav.main-menu-side ul.menu li.menu-item.menu-item--collapsed > a {
      background-image: url(../images/icons/menu-collapsed.png);
      background-position-y: 0.8em; }
    nav.main-menu-side ul.menu li.menu-item a {
      position: relative;
      background-position-x: 0.3em;
      background-repeat: no-repeat;
      /* word breaking */
      word-wrap: break-word;
      overflow-wrap: break-word;
      word-break: break-word;
      hyphens: auto;
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 0.6em 0.5em 0.6em 0.9em;
      font-family: "BreuerText";
      font-size: 1.1rem;
      line-height: 1em;
      text-transform: uppercase;
      text-decoration: none; }
      nav.main-menu-side ul.menu li.menu-item a:hover {
        text-decoration: underline; }
      nav.main-menu-side ul.menu li.menu-item a.is-active {
        font-weight: 500; }

.region-secondary-menu {
  display: flex; }

#block-ufafabrik-account-menu {
  /* float: right;*/ }

nav.tabs {
  overflow: auto; }

nav.breadcrumb {
  padding-bottom: 0; }

.layout-container {
  /* respect child margins */
  overflow: auto;
  /* default */ }
  .layout-container .layout-sidebar-first, .layout-container .layout-sidebar-second, .layout-container .layout-content, .layout-container .region-highlighted, .layout-container .region-breadcrumb {
    background-color: #f5dd01; }
  .layout-container nav.main-menu-side li.menu-item {
    background-color: #ffe819; }
    .layout-container nav.main-menu-side li.menu-item a {
      color: #1e427f; }
      .layout-container nav.main-menu-side li.menu-item a.is-active {
        background-color: #fff7ae; }
  .layout-container.flavor-red .layout-sidebar-first, .layout-container.flavor-red .layout-sidebar-second, .layout-container.flavor-red .layout-content, .layout-container.flavor-red .region-highlighted, .layout-container.flavor-red .region-breadcrumb {
    background-color: #faa896; }
  .layout-container.flavor-red nav.main-menu-side li.menu-item {
    background-color: #ff8888; }
    .layout-container.flavor-red nav.main-menu-side li.menu-item a {
      color: #f6f6f6; }
      .layout-container.flavor-red nav.main-menu-side li.menu-item a.is-active {
        background-color: #ff6d6d; }
  .layout-container.flavor-yellow .layout-sidebar-first, .layout-container.flavor-yellow .layout-sidebar-second, .layout-container.flavor-yellow .layout-content, .layout-container.flavor-yellow .region-highlighted, .layout-container.flavor-yellow .region-breadcrumb {
    background-color: #f5dd01; }
  .layout-container.flavor-yellow nav.main-menu-side li.menu-item {
    background-color: #ffe819; }
    .layout-container.flavor-yellow nav.main-menu-side li.menu-item a {
      color: #1e427f; }
      .layout-container.flavor-yellow nav.main-menu-side li.menu-item a.is-active {
        background-color: #fff7ae; }
  .layout-container.flavor-green .layout-sidebar-first, .layout-container.flavor-green .layout-sidebar-second, .layout-container.flavor-green .layout-content, .layout-container.flavor-green .region-highlighted, .layout-container.flavor-green .region-breadcrumb {
    background-color: #c5ffaa; }
  .layout-container.flavor-green nav.main-menu-side li.menu-item {
    background-color: #98ff7e; }
    .layout-container.flavor-green nav.main-menu-side li.menu-item a {
      color: #1e427f; }
      .layout-container.flavor-green nav.main-menu-side li.menu-item a.is-active {
        background-color: #cdffc0; }
  .layout-container.flavor-blue .layout-sidebar-first, .layout-container.flavor-blue .layout-sidebar-second, .layout-container.flavor-blue .layout-content, .layout-container.flavor-blue .region-highlighted, .layout-container.flavor-blue .region-breadcrumb {
    background-color: #9cc9ff; }
  .layout-container.flavor-blue nav.main-menu-side li.menu-item {
    background-color: #7eb9ff; }
    .layout-container.flavor-blue nav.main-menu-side li.menu-item a {
      color: #f6f6f6; }
      .layout-container.flavor-blue nav.main-menu-side li.menu-item a.is-active {
        background-color: #61a8ff; }

main {
  font-size: 1.3rem;
  /* TODO create generic class (hero block or the like) */ }
  main p {
    line-height: 1.7em; }
  main li {
    line-height: 1.7em;
    margin-bottom: 0.7em; }
  main .text-formatted {
    /* Prevent margins of children to affect parent */
    /* and allow over-width images. */
    display: flow-root; }
  main .block-inline-blockbasic .field--name-body, main #block-ufafabrik-adressblock .field--name-body {
    background-color: white;
    padding: 0.5em;
    font-family: "BreuerText";
    font-weight: bold;
    text-transform: uppercase; }
    main .block-inline-blockbasic .field--name-body p, main #block-ufafabrik-adressblock .field--name-body p {
      margin: 0; }
  main .field--name-field-links, main .block-inline-blocklink-block, main .link-block {
    display: grid; }
    main .field--name-field-links .field__item, main .block-inline-blocklink-block .field__item, main .link-block .field__item {
      background-color: #ffe819; }
      main .field--name-field-links .field__item .link-wrapper, main .block-inline-blocklink-block .field__item .link-wrapper, main .link-block .field__item .link-wrapper {
        display: flex; }
        main .field--name-field-links .field__item .link-wrapper a, main .block-inline-blocklink-block .field__item .link-wrapper a, main .link-block .field__item .link-wrapper a {
          display: inline-block;
          /*column-gap: 0.5em;*/
          font-size: 1.1rem;
          padding: 1em 0.5em;
          color: #1e427f;
          text-decoration: none;
          font-family: "BreuerText";
          font-weight: bold;
          text-transform: uppercase; }
        main .field--name-field-links .field__item .link-wrapper::after, main .block-inline-blocklink-block .field__item .link-wrapper::after, main .link-block .field__item .link-wrapper::after {
          content: " \2192";
          align-self: center; }

header.site-header {
  position: relative;
  width: 100%;
  z-index: 501;
  background: none;
  background-position: top;
  background-size: cover;
  background-attachment: fixed; }
  header.site-header .region-header {
    position: relative;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto; }
    header.site-header .region-header #block-ufafabrik-site-branding {
      position: relative;
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      z-index: 2; }
      header.site-header .region-header #block-ufafabrik-site-branding .site-logo {
        /*position: fixed;*/
        z-index: 2;
        display: block; }
        header.site-header .region-header #block-ufafabrik-site-branding .site-logo img {
          width: 100%; }
    header.site-header .region-header #block-ufafabrik-languageswitch {
      position: absolute;
      width: 100%;
      top: 0;
      pointer-events: none; }
      header.site-header .region-header #block-ufafabrik-languageswitch .language-block {
        position: relative;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        z-index: 2;
        text-align: right; }
        header.site-header .region-header #block-ufafabrik-languageswitch .language-block ul {
          display: inline-flex;
          flex-direction: column;
          list-style: none;
          margin-right: 1em;
          padding: 0; }
          header.site-header .region-header #block-ufafabrik-languageswitch .language-block ul li {
            display: flex;
            background-color: #ffe819;
            opacity: 0.7;
            /* Hide FR and ES */ }
            header.site-header .region-header #block-ufafabrik-languageswitch .language-block ul li.is-active {
              opacity: 1.0; }
            header.site-header .region-header #block-ufafabrik-languageswitch .language-block ul li a {
              pointer-events: all;
              text-transform: uppercase;
              font-weight: bold;
              padding: 0.4em;
              text-decoration: none; }
            header.site-header .region-header #block-ufafabrik-languageswitch .language-block ul li[hreflang=fr], header.site-header .region-header #block-ufafabrik-languageswitch .language-block ul li[hreflang=es] {
              display: none; }
  header.site-header .site-logo {
    top: 14px;
    width: 100px;
    position: relative; }
  header.site-header .hero-content {
    position: absolute;
    font-family: "Staatliches";
    right: auto;
    left: 20%;
    top: 12%;
    bottom: 0;
    width: 50%;
    z-index: 2;
    color: white; }
    header.site-header .hero-content text {
      transform: translate(4px, 22px);
      /*font-size: 62px;*/
      fill: #fff;
      font-family: "Staatliches";
      font-size: 25px;
      letter-spacing: 0.03em;
      font-weight: normal;
      text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); }

.path-frontpage header.site-header #block-ufafabrik-ufahero .hero-content {
  left: auto;
  right: 10%;
  top: 12%;
  width: 68%; }
.path-frontpage header.site-header #block-ufafabrik-ufaheromobile .hero-content {
  left: auto;
  right: auto;
  top: 82px;
  width: 90%; }
.path-frontpage .page-title {
  display: none; }
.path-frontpage .region-highlighted {
  padding: 0; }
.path-frontpage .region-content {
  display: flex;
  padding: 0;
  background: none; }
  .path-frontpage .region-content .layout--twocol-section {
    height: 100%; }
  .path-frontpage .region-content .fill-with-image {
    position: relative;
    height: 100%; }
    .path-frontpage .region-content .fill-with-image div.field, .path-frontpage .region-content .fill-with-image article {
      position: static;
      height: 100%; }
    .path-frontpage .region-content .fill-with-image article .field__item {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden; }
      .path-frontpage .region-content .fill-with-image article .field__item img {
        min-width: 100%;
        min-height: 100%;
        object-fit: cover; }
.path-frontpage .frontpage-transparent {
  background-color: rgba(69, 137, 227, 0.7);
  color: white;
  font-family: "BreuerText";
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0 1em;
  height: 100%; }
.path-frontpage .site-logo {
  top: 70px;
  width: 170px;
  position: relative; }

/* required for fill-with-image */
.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
  flex: 1 1 50%; }

header #block-ufafabrik-ufahero, header #block-ufafabrik-ufaheromobile {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 1; }
header #block-ufafabrik-ufahero {
  display: none;
  pointer-events: none; }
  header #block-ufafabrik-ufahero .field--name-body {
    position: relative;
    max-width: 1280px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    /* .hero-content */ }
  header #block-ufafabrik-ufahero .field--name-field-hero-image img {
    /*height: auto;*/
    width: 80%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; }
header #block-ufafabrik-headerbackground {
  width: 100%;
  height: 82px;
  position: fixed;
  top: 0;
  background-color: #bac4d4;
  background-size: cover;
  background-attachment: fixed;
  background-position: top; }
header .region-primary-menu {
  background: none;
  width: 100%; }
  header .region-primary-menu nav.main-menu-top {
    /*display: none;*/ }

.page-title {
  margin-bottom: 0; }

.field--name-field-subtitle {
  color: #1e427f;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 1em; }

#block-ufafabrik-programlinksblock ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  #block-ufafabrik-programlinksblock ul li {
    background-color: #ff8888;
    margin: 0;
    line-height: 1em; }
    #block-ufafabrik-programlinksblock ul li a {
      display: block;
      box-sizing: border-box;
      width: 100%;
      padding: 0.5em 1em;
      text-decoration: none;
      font-family: "BreuerText";
      text-transform: uppercase;
      font-weight: bold;
      color: white; }
      #block-ufafabrik-programlinksblock ul li a.active {
        background-color: #ffe819;
        color: #1e427f; }

.page-node-type-event .field--name-field-venue, .page-node-type-event-series .field--name-field-venue {
  font-family: "BreuerText";
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5em; }
.page-node-type-event .field--name-field-genre, .page-node-type-event-series .field--name-field-genre {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-family: "BreuerText";
  text-transform: uppercase;
  font-weight: bold; }
.page-node-type-event .price-info .label, .page-node-type-event-series .price-info .label {
  font-weight: normal; }
.page-node-type-event .price-info .value, .page-node-type-event-series .price-info .value {
  font-weight: bold; }
.page-node-type-event .field--name-extra-field-pseudo-title-formatted h1, .page-node-type-event-series .field--name-extra-field-pseudo-title-formatted h1 {
  margin-top: 0; }
.page-node-type-event .layout-content .region-content .field--name-field-teaser-image, .page-node-type-event-series .layout-content .region-content .field--name-field-teaser-image {
  width: calc(100% + 10vw);
  margin-left: -5vw; }
  .page-node-type-event .layout-content .region-content .field--name-field-teaser-image img, .page-node-type-event-series .layout-content .region-content .field--name-field-teaser-image img {
    width: 100%;
    height: auto;
    vertical-align: middle; }
.page-node-type-event .layout-content .region-content .node__content, .page-node-type-event-series .layout-content .region-content .node__content {
  clear: both;
  display: flow-root; }
  .page-node-type-event .layout-content .region-content .node__content .field--name-title h3,
  .page-node-type-event .layout-content .region-content .node__content .field--name-extra-field-pseudo-title-formatted h3, .page-node-type-event-series .layout-content .region-content .node__content .field--name-title h3,
  .page-node-type-event-series .layout-content .region-content .node__content .field--name-extra-field-pseudo-title-formatted h3 {
    margin: 0; }
  .page-node-type-event .layout-content .region-content .node__content .field--name-field-genre,
  .page-node-type-event .layout-content .region-content .node__content .field--name-field-venue, .page-node-type-event-series .layout-content .region-content .node__content .field--name-field-genre,
  .page-node-type-event-series .layout-content .region-content .node__content .field--name-field-venue {
    font-size: 0.8em; }
.page-node-type-event .layout-content .region-content .node--view-mode-overview .event-details, .page-node-type-event-series .layout-content .region-content .node--view-mode-overview .event-details {
  margin-left: 30%;
  padding-left: 1em; }
.page-node-type-event .layout-content .region-content .node--view-mode-overview .field--name-field-teaser-image, .page-node-type-event-series .layout-content .region-content .node--view-mode-overview .field--name-field-teaser-image {
  float: left;
  width: 30%;
  margin-left: 0;
  margin-right: 1em; }
.page-node-type-event .layout-content .region-content .node--view-mode-overview .field--name-field-genre, .page-node-type-event-series .layout-content .region-content .node--view-mode-overview .field--name-field-genre {
  margin-top: 0;
  margin-bottom: 0; }
.page-node-type-event .event-banner, .page-node-type-event-series .event-banner {
  position: absolute;
  right: -5vw;
  transform: translateY(-100%); }
  .page-node-type-event .event-banner a, .page-node-type-event-series .event-banner a {
    line-height: 30px;
    display: block;
    font-family: "BreuerText";
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding: 0.1em 0.3em; }
  .page-node-type-event .event-banner.buy-tickets a, .page-node-type-event-series .event-banner.buy-tickets a {
    background-color: #ffe819; }
  .page-node-type-event .event-banner.sold-out a, .page-node-type-event-series .event-banner.sold-out a {
    background-color: #ffe819; }
  .page-node-type-event .event-banner.canceled a, .page-node-type-event-series .event-banner.canceled a {
    background-color: #ffe819; }

.region-primary-menu {
  position: relative;
  z-index: 2; }

nav.main-menu-top {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  width: 100%; }
  nav.main-menu-top ul.menu {
    background-color: #4e94e7;
    padding-top: 102px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-family: "BreuerText";
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin: 0; }
    nav.main-menu-top ul.menu li.menu-item {
      width: 100%;
      padding: 0;
      text-align: center; }
      nav.main-menu-top ul.menu li.menu-item a {
        display: block;
        width: 100%;
        color: white;
        text-decoration: none;
        line-height: 60px; }
      nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-red a {
        background-color: #ff8888;
        color: #f6f6f6; }
      nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-yellow a {
        background-color: #ffe819;
        color: #1e427f; }
      nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-green a {
        background-color: #98ff7e;
        color: #1e427f; }
      nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-blue a {
        background-color: #7eb9ff;
        color: #f6f6f6; }
      nav.main-menu-top ul.menu li.menu-item.flavor-red a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-red a:hover {
        background-color: #faa896;
        color: #f6f6f6; }
      nav.main-menu-top ul.menu li.menu-item.flavor-yellow a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-yellow a:hover {
        background-color: #f5dd01;
        color: #1e427f; }
      nav.main-menu-top ul.menu li.menu-item.flavor-green a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-green a:hover {
        background-color: #c5ffaa;
        color: #1e427f; }
      nav.main-menu-top ul.menu li.menu-item.flavor-blue a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-blue a:hover {
        background-color: #9cc9ff;
        color: #f6f6f6; }

/* layout builder
 * TODO put in new file
 */
.section-large-large-small {
  display: flex; }
  .section-large-large-small .region-left {
    flex: 1; }
  .section-large-large-small .region-main {
    flex: 1; }
  .section-large-large-small .region-right {
    flex: 0 0 230px;
    background-color: #ffe819; }

.field--name-field-days {
  margin: 0.5em 0; }
  .field--name-field-days .time-info:not(:first-child) {
    margin-top: 0.5em; }
  .field--name-field-days .field--name-field-time {
    display: inline-block; }

.block-other-events-block .heading {
  padding: 0.3em;
  font-family: "BreuerText";
  color: #1e427f; }
.block-other-events-block ul {
  list-style-type: none; }
  .block-other-events-block ul li {
    background-color: #ff8888;
    margin: 0 0 1px 0;
    line-height: 1em; }
    .block-other-events-block ul li .event {
      padding: 0.3em; }
      .block-other-events-block ul li .event .field--type-daterange {
        font-size: 0.8em;
        color: #f6f6f6; }
      .block-other-events-block ul li .event .title a {
        color: #f6f6f6;
        text-decoration: none; }
      .block-other-events-block ul li .event.active {
        background-color: #ffe819; }
        .block-other-events-block ul li .event.active .field--type-daterange {
          color: #1e427f; }
        .block-other-events-block ul li .event.active .title a {
          color: #1e427f; }

#block-ufafabrik-views-block-event-series-events-block-1 h2 {
  padding: 0.3em;
  margin: 0;
  font-size: inherit;
  font-weight: normal;
  font-family: "BreuerText";
  color: #1e427f; }
#block-ufafabrik-views-block-event-series-events-block-1 .views-row {
  background-color: #ff8888;
  margin: 0 0 1px 0;
  line-height: 1em;
  padding: 0.3em; }
  #block-ufafabrik-views-block-event-series-events-block-1 .views-row .views-field-field-date-range {
    font-size: 0.8em;
    color: #f6f6f6; }
  #block-ufafabrik-views-block-event-series-events-block-1 .views-row .views-field-title a {
    color: #f6f6f6;
    text-decoration: none;
    font-weight: bold; }

.media--view-mode-over-width {
  margin-left: -5vw;
  margin-right: -5vw; }
  .media--view-mode-over-width img {
    width: 100%;
    height: auto; }
  .media--view-mode-over-width iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; }

.media--view-mode-full-width img {
  width: 100%;
  height: auto; }
.media--view-mode-full-width iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; }

.media--view-mode-half-width {
  width: 50%; }
  .media--view-mode-half-width.align-left {
    margin-right: 1em; }
  .media--view-mode-half-width.align-right {
    margin-left: 1em; }
  .media--view-mode-half-width img {
    width: 100%;
    height: auto; }

.booking-form {
  margin-bottom: 1em; }
  .booking-form .form-item-name input,
  .booking-form .form-item-email input {
    width: 100%; }

.event-actions {
  /* raise this element above the link-span */
  position: relative;
  z-index: 2; }
  .event-actions .form-type-checkbox {
    float: right;
    padding-right: 0.5em; }
    .event-actions .form-type-checkbox input, .event-actions .form-type-checkbox label {
      cursor: pointer; }
  .event-actions .buy-tickets {
    clear: both; }
  .event-actions .sold-out, .event-actions .canceled {
    clear: both; }

.booking-confirmation {
  box-sizing: border-box;
  width: calc(100% + 10vw);
  margin-left: -5vw;
  padding: 2em;
  background-color: #ffe819; }

.search-results li {
  margin-bottom: 2em; }
  .search-results li .search-result__type {
    line-height: 1em;
    /* text-transform: uppercase;*/
    color: gray; }
  .search-results li .field--type-daterange {
    /* text-transform: uppercase;*/
    color: gray;
    display: inline-block; }
  .search-results li h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1em; }
  .search-results li .search-result__snippet {
    margin: 0; }

.lds-ring {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  vertical-align: middle; }

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 4px;
  border: 4px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #1b69c9 transparent transparent transparent; }

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s; }

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s; }

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* ADA: "Skip to main content" link */
a.visually-hidden.focusable {
  transform: translateX(-100%);
  transition: transform 0.5s;
  z-index: 1000;
  clip: auto;
  width: auto;
  height: auto;
  background-color: #1b69c9;
  color: white;
  padding: 0.2em 0.4em; }
  a.visually-hidden.focusable:active, a.visually-hidden.focusable:focus {
    transform: translateX(0%);
    position: absolute !important; }

.cookiesjsr-btn.denyAll {
  background-color: #b33d34;
  color: white; }
.cookiesjsr-btn.allowAll {
  background-color: #1e8e30;
  color: white; }

#block-ufafabrik-adressblock p {
  font-size: 1.1rem; }

.link-span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

/*# sourceMappingURL=common.css.map */