@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body,
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
https://gs.statcounter.com/screen-resolution-stats/tablet/austria
mobile:   360 x  640
tablet:   768 x 1024
desktop: 1366 x  768
desktop: 1920 x 1080
*/
/* BREAKPOINTS as used in JS too */
/* LAYOUT */
/* ARROWS */
/* POSITIONING */
/* COLOR */
/* GRID */
/* FONT */
.vh,
.sr-only {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#skip-to-content,
#skip-to-search {
  padding: 0;
  position: absolute;
  top: -2rem;
  left: 1em;
  z-index: 9000;
  color: white;
  background: #1a1a1a;
  border: none;
}

#skip-to-content:focus,
#skip-to-search:focus {
  position: absolute;
  top: 0;
  left: 0;
  border: 0.5em solid #222;
}

@media only screen and (min-width: 1024px) {
  #skip-to-navigation {
    padding: 0;
    position: absolute;
    top: -40px;
    left: 1em;
    z-index: 9000;
    border: none;
  }
  #skip-to-navigation:focus {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background: #1a1a1a;
    border: 0.5em solid black;
  }
}
@font-face {
  font-family: "Praxis Next W01 Bold";
  src: url("/fonts/praxis-net-w01-bold.woff2") format("woff2"), url("/fonts/praxis-net-w01-bold.woff") format("woff");
}
@font-face {
  font-family: "Praxis Next W01 Regular";
  src: url("/fonts/praxis-net-w01-regular.woff2") format("woff2"), url("/fonts/praxis-net-w01-regular.woff") format("woff");
}
@font-face {
  font-family: "WIEN MODERN";
  src: url("/fonts/WIENMODERN-MONO.woff2") format("woff2"), url("/fonts/WIENMODERN-MONO.woff") format("woff");
}
html {
  font-size: 16px;
  line-height: 1.375;
  font-family: "Praxis Next W01 Regular";
  font-weight: 400;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  html {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 1366px) {
  html {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
html {
  background: #fff;
}

body {
  color: #000;
  background: #fff;
  /*
  -ms-word-break: break-all;
     word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
  -webkit-hyphenate-character: '–';
     -moz-hyphenate-character: '–';
  */
}

p,
ul, ol, dl,
form, fieldset,
table,
blockquote,
iframe,
figure {
  margin-bottom: 1rem;
}

h1.h1-ext, .h1.h1-ext, .h1-ext {
  margin-bottom: 32px;
  margin-left: 0.01em;
}

h1 {
  margin: 0.5em 0;
}

h2 {
  margin: 0.75em 0;
}

h3, h4, h5, h6 {
  margin-bottom: 0;
}

@media only screen and (min-width: 1024px) and (min-height: 700px) {
  h1.h1-ext, .h1-ext {
    margin-bottom: 62px;
  }
  h2 {
    margin: 50px 0;
  }
}
h1, .h1 {
  font-family: "Praxis Next W01 Regular";
  font-size: 24px;
  line-height: 0.9230769231;
  font-weight: normal;
  font-style: normal;
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 64px;
    line-height: 0.9411764706;
  }
}
h1, .h1 {
  margin-left: -0.06em;
}

h1.h1-ext, .h1-ext {
  font-family: "WIEN MODERN";
  font-size: 40px;
  line-height: 0.525;
  letter-spacing: 1.29px;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  h1.h1-ext, .h1-ext {
    font-size: 100px;
    line-height: 0.5;
    letter-spacing: 3.23px;
  }
}

h2, .h2 {
  font-family: "Praxis Next W01 Regular";
  font-size: 19.2px;
  line-height: 1.6457142857;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  h2, .h2 {
    font-size: 32px;
    line-height: 0.8421052632;
  }
}

h2.h2-ext, .h2-ext {
  font-family: "Praxis Next W01 Regular";
  font-size: 19.2px;
  line-height: 1.6457142857;
  font-weight: normal;
  font-style: normal;
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  h2.h2-ext, .h2-ext {
    font-size: 32px;
    line-height: 1;
  }
}

h3, .h3 {
  font-family: "Praxis Next W01 Regular";
  font-size: inherit;
  font-style: normal;
  color: #ff0200;
}

h3.h3-ext, .h3-ext {
  font-family: "Praxis Next W01 Regular";
  font-size: 1.5rem;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  h3.h3-ext, .h3-ext {
    font-size: 24px;
    line-height: 1;
  }
}

h4, .h4 {
  font-family: "Praxis Next W01 Regular";
  font-size: inherit;
  font-style: normal;
  color: #999;
}

h6, .h6 {
  font-family: "Praxis Next W01 Regular";
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.75px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  h6, .h6 {
    font-size: 16px;
    line-height: 2.375;
    letter-spacing: 1px;
  }
}

h1 a:link, h1 a:visited, .h1 a:link, .h1 a:visited,
h2 a:link,
h2 a:visited, .h2 a:link, .h2 a:visited,
h3 a:link,
h3 a:visited, .h3 a:link, .h3 a:visited,
h4 a:link,
h4 a:visited, .h4 a:link, .h4 a:visited,
h5 a:link,
h5 a:visited, .h5 a:link, .h5 a:visited,
h6 a:link,
h6 a:visited, .h6 a:link, .h6 a:visited {
  color: inherit;
  text-decoration: inherit;
  border: 0;
}

cite {
  display: block;
  font-style: italic;
}

a {
  text-decoration: underline;
  color: #000;
  transition: all 150ms;
}
a:link {
  color: #000;
}
a:visited {
  color: #000;
}
a:hover {
  color: #000;
}
a:active {
  color: #ff0200;
}

@media only screen and (min-width: 1024px) {
  a[href^=tel] {
    color: inherit;
    text-decoration: none;
  }
}

abbr {
  outline: 0;
  border: 0;
  text-decoration: none;
}

b, strong {
  font-weight: bold;
}

ul, ol {
  display: block;
  list-style: disc outside none;
  padding-left: 1rem;
}

ol {
  list-style-type: decimal;
}

em, i {
  font-style: italic;
}

table {
  border-collapse: collapse;
  width: 99%;
}

table, tbody, thead, tfoot, tr, th, td {
  border: 0;
}

th, td {
  padding: 0.5rem;
  border: 1px solid #999;
}

sub,
sup {
  font-size: 88%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.5em;
}

sup {
  top: -0.75em;
}

img {
  border: 0;
}

/*
TOGGLE BLOCK
*/
.jscomp-toggle-block {
  position: relative;
}

.jscomp-toggle-block:hover {
  cursor: pointer;
}

.jscomp-toggle-block span:after {
  position: absolute;
  display: block;
  content: "+";
  width: 0.7em;
  height: 1em;
  top: 0;
  left: -1em;
  font-size: 120%;
  line-height: 1;
  font-weight: 100;
  text-align: center;
}

.jscomp-toggle-block-is-open span:after {
  content: "–";
}

.jscomp-toggle-block-content {
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

.jscomp-toggle-block-visible-setup {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.jscomp-toggle-block-visible {
  opacity: 1;
  max-height: 20000px;
  overflow: auto;
}

.jscomp-toggle-block-hidden-setup {
  opacity: 1;
  max-height: 20000px;
  overflow: auto;
}

.jscomp-toggle-block-hidden {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.jscomp-gallery {
  display: none;
}

.jscomp-gallery.jscomp-gallery-showthumbs {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
}

.jscomp-gallery.jscomp-gallery-showthumbs figure {
  position: relative;
  width: 100%;
  height: 1px;
  padding-bottom: 100%;
  overflow: hidden;
}

.jscomp-gallery.jscomp-gallery-showthumbs a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.jscomp-gallery.jscomp-gallery-showthumbs img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.jscomp-gallery.jscomp-gallery-showthumbs figcaption {
  display: none;
}

.jscomp-gallery-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  z-index: 999;
}

.jscomp-gallery-image {
  position: absolute;
  left: 1rem;
  top: 1rem;
  right: 1rem;
  bottom: 2em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease-in-out;
}

.jscomp-gallery-image.is-left {
  transform: translate3d(-110%, 0, 0);
}

.jscomp-gallery-image.is-right {
  transform: translate3d(110%, 0, 0);
}

.jscomp-gallery-caption {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.5rem 1rem;
  background: white;
  font-weight: bold;
  z-index: 99;
  font-size: 1rem;
}

.jscomp-gallery-logo {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 46px;
  max-width: 50%;
  padding: 3px;
  background: white;
  cursor: pointer;
  z-index: 100;
}

.jscomp-gallery-logo > img {
  display: block;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
}

.jscomp-gallery-button-prev,
.jscomp-gallery-button-next {
  position: absolute;
  top: 0;
  bottom: 50px;
  width: 33%;
  z-index: 98;
}

.jscomp-gallery-button-prev.disabled,
.jscomp-gallery-button-next.disabled {
  display: none;
}

.jscomp-gallery-button-prev {
  left: 0;
}

.jscomp-gallery-button-next {
  right: 0;
}

.jscomp-gallery-button-next > i,
.jscomp-gallery-button-prev > i {
  display: block;
  opacity: 0.08;
  position: absolute;
  top: 50%;
  width: 43px;
  height: 43px;
  margin-top: -22px;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

.jscomp-gallery-button-prev > i {
  left: 1rem;
  background: transparent url("/images/left.png") no-repeat;
}

.jscomp-gallery-button-next > i {
  right: 1rem;
  background: transparent url("/images/right.png") no-repeat;
}

.jscomp-gallery-button-prev:hover > i,
.jscomp-gallery-button-next:hover > i {
  opacity: 1;
  transition: all 250ms ease-in-out;
}

.jscomp-gallery-overlay.is-touch .jscomp-gallery-button-prev > i,
.jscomp-gallery-overlay.is-touch .jscomp-gallery-button-next > i {
  visibility: hidden;
}

body {
  padding-top: calc(8.407vw + 1rem);
}

.Site-wrapper {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: flex-start;
}
.Site-wrapper .Main {
  flex: 1;
}

.Header-wrapper,
.Main-wrapper > .Article-list,
.Main-wrapper > .Article,
.Main-wrapper > .Teaser,
.Footer-wrapper {
  margin: 0 auto;
  padding: 0 8px;
}
.Header-wrapper:after,
.Main-wrapper > .Article-list:after,
.Main-wrapper > .Article:after,
.Main-wrapper > .Teaser:after,
.Footer-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.Main-wrapper > .Article.ArticleFullscreen {
  max-width: none;
  padding: 0;
}

.Footer {
  margin-top: 2rem;
  color: #fff;
  background: #000;
}

@media only screen and (min-width: 1024px) {
  body {
    padding-top: 0;
  }
  .Site-wrapper {
    margin-top: 0;
  }
  .Header-wrapper,
  .Main-wrapper > .Article-list,
  .Main-wrapper > .Article,
  .Main-wrapper > .Teaser,
  .Footer-wrapper {
    max-width: 1314px;
    padding: 0 50px;
  }
  .Footer {
    margin-top: 50px;
  }
}
.Header .Header-wrapper {
  margin-bottom: 1rem;
}
.Header .Header-wrapper .Logo {
  position: absolute;
  top: 0;
  width: 33.3333vw;
  height: 1px;
  margin-top: 1rem;
  padding-bottom: 8.407vw;
}
.Header .Header-wrapper .Logo a, .Header .Header-wrapper .Logo img {
  display: block;
  border: 0;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .Header {
    position: fixed;
    z-index: 100;
    width: 100%;
    background: #fff;
  }
  .Header .Header-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 3fr 9fr;
  }
  .Header .Header-wrapper .Logo {
    position: relative;
    width: 66.6667%;
    height: auto;
    padding-bottom: 0;
  }
  .Header .Header-wrapper .Menu-wrapper {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: auto;
    grid-template-areas: ".     .     .     .     .     .     .     .     languages" "sites sites sites sites sites sites sites sites sites ";
    margin-top: 1rem;
    height: 50px;
  }
  .Header .Header-wrapper #nav-languages {
    grid-area: languages;
  }
  .Header .Header-wrapper #nav-sites {
    grid-area: sites;
  }
}

.Menu .Menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Menu .Menu-list-item a:link,
.Menu .Menu-list-item a:visited {
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 1;
  color: #999;
  text-transform: uppercase;
  text-decoration: none;
}
.Menu .Menu-list-item a:hover,
.Menu .Menu-list-item a:active,
.Menu .Menu-list-item a:focus {
  text-decoration: underline;
  outline: 0;
}
.Menu .Menu-list-itemActive > a:link,
.Menu .Menu-list-itemActive > a:visited {
  text-decoration: underline;
}

.Menu.c-offcanvas {
  text-transform: uppercase;
}
.Menu.c-offcanvas .Menu-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 8.407vw;
  padding-top: 2rem;
}
.Menu.c-offcanvas .Menu-wrapper #nav-languages {
  order: 2;
  display: flex;
  align-items: center;
}
.Menu.c-offcanvas .Menu-wrapper #nav-languages > .Menu-list-item {
  display: flex;
  align-items: center;
  height: 18px;
  line-height: 18px;
  border-right: 1px solid #000;
}
.Menu.c-offcanvas .Menu-wrapper #nav-languages > .Menu-list-item > a:link, .Menu.c-offcanvas .Menu-wrapper #nav-languages > .Menu-list-item > a:visited {
  display: inline-block;
  padding: 0 0.5rem;
  font-size: 16px;
  line-height: 1;
  color: #000;
}
.Menu.c-offcanvas .Menu-wrapper #nav-languages > .Menu-list-item:first-child > a {
  padding-left: 0;
}
.Menu.c-offcanvas .Menu-wrapper #nav-languages > .Menu-list-item:last-child {
  border: 0;
}
.Menu.c-offcanvas .Menu-wrapper #nav-sites {
  order: 1;
}
.Menu.c-offcanvas .Menu-wrapper #nav-sites.Menu-list-lvl-1 > .Menu-list-item {
  border-top: 8px solid #000;
  padding-bottom: 2rem;
}
.Menu.c-offcanvas .Menu-wrapper #nav-sites.Menu-list-lvl-1 > .Menu-list-item > a:link, .Menu.c-offcanvas .Menu-wrapper #nav-sites.Menu-list-lvl-1 > .Menu-list-item > a:visited {
  display: inline-block;
  padding: 0.5rem 0;
  font-size: 16px;
  line-height: 1;
  color: #000;
}
.Menu.c-offcanvas .Menu-wrapper #nav-sites.Menu-list-lvl-1 > .Menu-list-item:last-child {
  padding-bottom: 4rem;
}
.Menu.c-offcanvas .Menu-wrapper #nav-sites .Menu-list-lvl-2 {
  display: flex;
  flex-wrap: wrap;
}
.Menu.c-offcanvas .Menu-wrapper #nav-sites .Menu-list-lvl-2 > .Menu-list-item {
  flex: 0 1 50%;
}
.Menu.c-offcanvas .Menu-wrapper #nav-sites .Menu-list-lvl-2 > .Menu-list-item > a {
  display: block;
  padding: 0.5rem 0;
}

@media only screen and (min-width: 1024px) {
  #nav-languages {
    display: flex;
    align-self: start;
    align-items: end;
  }
  #nav-languages > .Menu-list-item {
    border-right: 1px solid #999;
  }
  #nav-languages > .Menu-list-item > a {
    display: inline-block;
    padding: 0 0.5rem;
  }
  #nav-languages > .Menu-list-item:last-child {
    border: 0;
  }
  #nav-languages > .Menu-list-item:last-child > a {
    padding-right: 0;
  }
  #nav-sites {
    align-self: end;
    position: relative;
    top: 3px;
  }
  #nav-sites.Menu-list-lvl-1 {
    display: flex;
    justify-content: space-between;
  }
  #nav-sites.Menu-list-lvl-1 a:link, #nav-sites.Menu-list-lvl-1 > a:visited {
    font-size: 18px;
    letter-spacing: 1.4px;
    color: #000;
  }
  #nav-sites.Menu-list-lvl-1 > .Menu-list-item:last-child {
    text-align: right;
  }
  #nav-sites .Menu-list-lvl-2 {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
  #_js-nav-sites-submenu {
    background: #000;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #_js-nav-sites-submenu .Menu-list {
    display: flex;
    max-width: 1314px;
    margin: 0 auto;
    padding: 6px 50px 8px;
  }
  #_js-nav-sites-submenu .Menu-list > .Menu-list-item {
    flex: 1 0 auto;
    margin-right: auto;
  }
  #_js-nav-sites-submenu .Menu-list .Menu-list-item a:link,
  #_js-nav-sites-submenu .Menu-list .Menu-list-item a:visited {
    line-height: 1;
    color: #fff;
  }
}
.Footer {
  color: #fff;
}
.Footer ul, .Footer ol {
  list-style: none;
  padding-left: 0;
}
.Footer ul li, .Footer ol li {
  font-weight: 200;
  margin-bottom: 0;
}
.Footer a, .Footer a:link, .Footer a:visited, .Footer a:active, .Footer a:hover {
  font-weight: 200;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: #fff;
  text-transform: none;
  text-decoration: underline;
}
.Footer .Footer-hd .hd {
  margin-top: 0;
}
.Footer .Footer-section .hd {
  font-weight: 200;
  color: inherit;
  text-transform: uppercase;
}
.Footer .Footer-section.Footer-section-social a, .Footer .Footer-section.Footer-section-social a:link, .Footer .Footer-section.Footer-section-social a:visited, .Footer .Footer-section.Footer-section-social a:active, .Footer .Footer-section.Footer-section-social a:hover {
  font-weight: 200;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: #fff;
  text-transform: none;
  text-decoration: underline;
}
.Footer .Footer-section.Footer-section-social .Menu-list-item {
  line-height: 2;
}
.Footer .Footer-section.Footer-section-social .Menu-list-item b {
  font-weight: inherit;
}
.Footer .Footer-section.Footer-section-social .Menu-list-item b:before {
  display: inline-block;
  content: "";
  height: 22px;
  width: 22px;
  border-right: 3px solid #000;
  vertical-align: text-bottom;
  background: transparent url("/images/Icon-x.png") no-repeat;
  background-size: contain;
}
.Footer .Footer-section.Footer-section-social .Menu-list-item.Menu-list-itemF b:before {
  background-image: url("/images/Icon-f.png");
}
.Footer .Footer-section.Footer-section-social .Menu-list-item.Menu-list-itemI b:before {
  background-image: url("/images/Icon-i.png");
}
.Footer .Footer-section.Footer-section-social .Menu-list-item.Menu-list-itemSc b:before {
  background-image: url("/images/Icon-sc.png");
}
.Footer .Footer-section.Footer-section-social .Menu-list-item.Menu-list-itemT b:before {
  background-image: url("/images/Icon-t.png");
}
.Footer .Footer-section.Footer-section-social .Menu-list-item.Menu-list-itemY b:before {
  background-image: url("/images/Icon-y.png");
}
.Footer .Footer-section.Footer-section-sponsors .hd {
  margin-bottom: 1rem;
  padding-bottom: 8px;
  border-bottom: 2px solid #fff;
}
.Footer .Footer-section.Footer-section-sponsors dl {
  list-style: none;
  padding: 0;
}
.Footer .Footer-section.Footer-section-sponsors dl dt {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Footer .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Footer .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item ul li {
  display: flex;
  align-items: center;
  min-height: 80px;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.Footer .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item.SectionSponsors-list-itemMin ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.Footer .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item.SectionSponsors-list-itemMin ul li {
  display: inline-block;
  margin: 0.5rem;
}
.Footer .Footer-section.Footer-section-sponsors dl img {
  max-width: 100%;
}

@media only screen and (min-width: 1024px) {
  .Footer .Footer-sections {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .Footer .Footer-sections .Footer-section {
    margin-right: 1rem;
  }
  .Footer .Footer-sections .Footer-section.Footer-section-sponsors {
    grid-column: 1/span 4;
  }
  .Footer .Footer-sections .Footer-section.Footer-section-sponsors .hd {
    margin-bottom: 0.5rem;
  }
  .Footer .Footer-sections .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
    text-align: left;
  }
  .Footer .Footer-sections .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item ul li {
    margin: 0.5rem 0.5rem 0.5rem 0;
  }
  .Footer .Footer-sections .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item.SectionSponsors-list-itemMin ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
  }
  .Footer .Footer-sections .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item.SectionSponsors-list-itemMin ul li {
    display: flex;
  }
  .Footer .Footer-sections .Footer-section.Footer-section-sponsors dl dd.SectionSponsors-list-item.SectionSponsors-list-itemMin ul li:last-of-type {
    margin-right: 0;
  }
}
._js_form_input_reset {
  font-family: "Praxis Next W01 Regular";
  font-size: inherit;
  font-style: normal;
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  ._js_form_input_reset {
    font-size: 18px;
  }
}
._js_form_input_reset {
  color: #ff0200;
  text-decoration: none;
}
._js_form_input_reset:hover {
  color: #ff0200;
  text-decoration: underline;
}

.Form {
  max-width: 450px;
}

.Form-fieldset legend {
  font-family: "Praxis Next W01 Regular";
  font-size: inherit;
  font-style: normal;
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  .Form-fieldset legend {
    font-size: 18px;
  }
}

.Form-field {
  position: relative;
}
.Form-field .label {
  display: grid;
  grid-template-columns: 8rem auto;
  margin: 0.5em 0;
  line-height: 1;
}
.Form-field .Input[type^=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.Form-field select,
.Form-field .Input,
.Form-field .Input[type^=color],
.Form-field .Input[type^=date],
.Form-field .Input[type^=datetime-local],
.Form-field .Input[type^=email],
.Form-field .Input[type^=month],
.Form-field .Input[type^=number],
.Form-field .Input[type^=password],
.Form-field .Input[type^=search],
.Form-field .Input[type^=tel],
.Form-field .Input[type^=text],
.Form-field .Input[type^=time],
.Form-field .Input[type^=url],
.Form-field .Input[type^=week],
.Form-field .Input[type^=reset],
.Form-field .Input[type^=submit],
.Form-field .Input[type^=button] {
  font: inherit;
  height: 1.5em;
  width: calc(100% - 0.8em - 2px);
  line-height: 1.5;
  padding: 0 0.4em;
  border: 1px solid #000;
  font: inherit;
  background-color: #fff;
}
.Form-field select:focus,
.Form-field .Input:focus,
.Form-field .Input[type^=color]:focus,
.Form-field .Input[type^=date]:focus,
.Form-field .Input[type^=datetime-local]:focus,
.Form-field .Input[type^=email]:focus,
.Form-field .Input[type^=month]:focus,
.Form-field .Input[type^=number]:focus,
.Form-field .Input[type^=password]:focus,
.Form-field .Input[type^=search]:focus,
.Form-field .Input[type^=tel]:focus,
.Form-field .Input[type^=text]:focus,
.Form-field .Input[type^=time]:focus,
.Form-field .Input[type^=url]:focus,
.Form-field .Input[type^=week]:focus,
.Form-field .Input[type^=reset]:focus,
.Form-field .Input[type^=submit]:focus,
.Form-field .Input[type^=button]:focus {
  outline: 0;
  border-color: #ff0200;
}
.Form-field select.Input {
  appearance: none;
  border: none;
  border: 1px solid #000;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  cursor: inherit;
  line-height: inherit;
  outline: none;
  background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #999, #999);
  background-position: calc(100% - 0.5em - 3px) calc(0.45em + 1px), calc(100% - 0.5em + 2px) calc(0.45em + 1px), calc(100% - 1em - 6px) 0em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.Form-field select.Input:hover {
  cursor: pointer;
}
.Form-field select.Input:focus {
  background-image: linear-gradient(45deg, #ff0200 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #ff0200 50%), linear-gradient(to right, #ff0200, #ff0200);
  background-position: calc(100% - 0.5em + 2px) calc(0.45em + 0px), calc(100% - 0.5em - 3px) calc(0.45em + 0px), calc(100% - 1em - 6px) 0em;
  border-color: #ff0200;
  outline: none;
}
.Form-field select::-ms-expand {
  display: none;
}
.Form-field .Input[type^=reset],
.Form-field .Input[type^=submit],
.Form-field .Input[type^=button] {
  background: #eee;
  border-radius: 4px;
}
.Form-field .Input[type^=reset]:active,
.Form-field .Input[type^=submit]:active,
.Form-field .Input[type^=button]:active {
  background: #ff0200;
  border-color: #ff0200;
  color: #fff;
}
.Form-field.Form-fieldCheckbox .label {
  display: block;
  position: relative;
  padding-left: 2em;
}
.Form-field.Form-fieldCheckbox .label b, .Form-field.Form-fieldCheckbox .label:hover b, .Form-field.Form-fieldCheckbox .label:before,
.Form-field.Form-fieldCheckbox .label .Input[type^=checkbox]:checked ~ b {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: content-box;
  z-index: 12345;
}
.Form-field.Form-fieldCheckbox .label:hover b {
  background: #eee;
}
.Form-field.Form-fieldCheckbox .label:before {
  content: "";
  background: transparent;
}
.Form-field.Form-fieldCheckbox .label .Input[type^=checkbox]:checked ~ b {
  background: #ff0200;
  border-color: #ff0200;
}

.Form-fieldset.Form-fieldsetSubmits {
  margin: 1em 0 0 0;
  font-size: 14px;
}

.Form.FormExt {
  background-color: #eee;
}
.Form.FormExt .Form-field .Input {
  border-color: #ff0200;
}
.Form.FormExt .Form-field select {
  background-image: linear-gradient(45deg, transparent 50%, #ff0200 50%), linear-gradient(135deg, #ff0200 50%, transparent 50%), linear-gradient(to right, #ff0200, #ff0200);
}
.Form.FormExt .Form-field select:focus {
  background-image: linear-gradient(45deg, #ff0200 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #ff0200 50%), linear-gradient(to right, #ff0200, #ff0200);
  background-position: calc(100% - 0.5em + 2px) calc(0.5em + 0px), calc(100% - 0.5em - 3px) calc(0.5em + 0px), calc(100% - 1em - 6px) 0em;
}

@media only screen and (min-width: 1024px) {
  .Form-fieldset .label {
    font-size: 14px;
  }
}
.Form.FormNewsletter {
  max-width: none;
}
@media only screen and (min-width: 1024px) {
  .Form.FormNewsletter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .Form.FormNewsletter .Form-fieldset:nth-of-type(1) {
    margin-right: 25px;
  }
  .Form.FormNewsletter .Form-fieldset:nth-of-type(2) {
    margin-left: 25px;
  }
  .Form.FormNewsletter .Form-fieldset:nth-of-type(3) {
    grid-column: 1/span 2;
  }
  .Form.FormNewsletter .Form-fieldset.Form-fieldsetSubmits {
    grid-column: 1/span 2;
  }
}

.Icon {
  position: relative;
  display: inline-block;
  content: "";
  height: 1em;
  width: 1em;
  margin-right: 0.35em;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.Icon.IconList {
  top: 0.15em;
  background: transparent;
}
.Icon.IconList:before, .Icon.IconList:after {
  position: absolute;
  top: 0;
  display: inline-block;
  content: "";
  width: 100%;
  height: 0.17em;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.Icon.IconList:after {
  top: calc(0.34em + 2px);
}
.Icon.IconCalendar {
  background-image: url("/images/svg/fff/Icon-calendar.svg");
}
.Icon.IconClock {
  background-image: url("/images/svg/fff/Icon-clock.svg");
  position: relative;
  top: -0.09em;
  height: 0.78em;
  width: 0.9em;
}
.Icon.IconDelete {
  background-image: url("/images/svg/fff/Icon-delete.svg");
  position: relative;
  top: -0.09em;
  height: 1em;
  width: 1em;
}
.Icon.IconMap {
  background-image: url("/images/svg/fff/Icon-map.svg");
  position: relative;
  top: -0.3em;
  height: 1.5em;
  width: 0.9em;
}
.Icon.IconMap.IconSmall {
  top: 0;
  height: 1.2em;
  margin-right: 0.35em;
}
.Icon.IconPrice {
  background-image: url("/images/svg/fff/Icon-price.svg");
  height: 1.5rem;
  width: 0.9rem;
}
.Icon.IconSearch {
  background-image: url("/images/svg/fff/Icon-search.svg");
}
.Icon.IconTicket {
  background-image: url("/images/svg/fff/Icon-ticket.svg");
  position: relative;
  top: 0.4em;
  left: -0.5em;
  height: 2.1em;
  width: 2.1em;
}
.Icon.IconTicket + * {
  position: relative;
  left: -1.4rem;
}
.Icon.IconPass {
  background-image: url("/images/Icon-Pass-transparent-inv.png");
  height: 1.2em;
  width: 0.609em;
  margin-right: 0.5rem;
  vertical-align: sub;
}
.Icon.IconA11y {
  background-image: url("/images/Icon-A11y.png");
  height: 1.2em;
  width: 1.2em;
  margin-right: 0.15rem;
  vertical-align: sub;
}
.Icon.IconA11y.IconA11yPartly {
  background-image: url("/images/Icon-A11yPartly.png");
}
.Icon.IconA11y.IconA11yNot {
  background-image: url("/images/Icon-A11yNot.png");
}
.Icon.bling.IconList:before, .Icon.bling.IconList:after {
  border-color: #ff0200;
}
.Icon.bling.IconCalendar {
  background-image: url("/images/svg/ff0200/Icon-calendar.svg");
}
.Icon.bling.IconClock {
  background-image: url("/images/svg/ff0200/Icon-clock.svg");
}
.Icon.bling.IconDelete {
  background-image: url("/images/svg/ff0200/Icon-delete.svg");
}
.Icon.bling.IconMap {
  background-image: url("/images/svg/ff0200/Icon-map.svg");
}
.Icon.bling.IconPrice {
  background-image: url("/images/svg/ff0200/Icon-price.svg");
}
.Icon.bling.IconSearch {
  background-image: url("/images/svg/ff0200/Icon-search.svg");
}
.Icon.bling.IconTicket {
  background-image: url("/images/svg/ff0200/Icon-ticket.svg");
}
.Icon.font.IconList:before, .Icon.font.IconList:after {
  border-color: #000;
}
.Icon.font.IconCalendar {
  background-image: url("/images/svg/000/Icon-calendar.svg");
}
.Icon.font.IconClock {
  background-image: url("/images/svg/000/Icon-clock.svg");
}
.Icon.font.IconDelete {
  background-image: url("/images/svg/000/Icon-delete.svg");
}
.Icon.font.IconMap {
  background-image: url("/images/svg/000/Icon-map.svg");
}
.Icon.font.IconPrice {
  background-image: url("/images/svg/000/Icon-price.svg");
}
.Icon.font.IconSearch {
  background-image: url("/images/svg/000/Icon-search.svg");
}
.Icon.font.IconTicket {
  background-image: url("/images/svg/000/Icon-ticket.svg");
}

.Article.ArticleTitle .Article-hd .hd {
  font-family: "WIEN MODERN";
  font-size: 40px;
  line-height: 0.525;
  letter-spacing: 1.29px;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .Article.ArticleTitle .Article-hd .hd {
    font-size: 100px;
    line-height: 0.5;
    letter-spacing: 3.23px;
  }
}
.Article.ArticleTitle .Article-hd .hd {
  border-top: 8px solid #ff0200;
  margin: 0.7em 0;
}
.Article .Article-aside .Article-keymedia .Figure-caption {
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.1em;
  background: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 768px) {
  .Article.Article-has_marginal_left .Article-body-wrapper {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  .Article.Article-has_marginal_left .Article-body-wrapper .Article-body.Article-body-1 {
    padding-right: 30px;
  }
  .Article.Article-has_marginal_left .Article-body-wrapper .Article-body.Article-body-1 {
    grid-column: 1;
    margin: 0;
    padding: 0;
  }
  .Article.Article-has_marginal_left .Article-body-wrapper .Article-body.Article-body-2,
  .Article.Article-has_marginal_left .Article-body-wrapper .Article-body.Article-body-3,
  .Article.Article-has_marginal_left .Article-body-wrapper .Article-body.Article-body-4 {
    grid-column: 2;
  }
  .Article .Article-body.marginal-left {
    clear: both;
    float: left;
    width: calc(33.3333% - 1rem);
    margin: 0 0 1rem 0;
  }
  .Article .Article-body.marginal-right {
    clear: both;
    float: right;
    width: calc(33.3333% - 1rem);
    margin: 0 0 1rem 0;
  }
  .Article .Article-body.marginal-left ~ .Article-body {
    padding-right: 0;
    padding-left: calc(33.3333% + 1rem);
  }
  .Article .Article-body.marginal-left ~ .Article-body.marginal-left, .Article .Article-body.marginal-left ~ .Article-body.marginal-right {
    padding: 0;
  }
  .Article .Article-body.marginal-right ~ .Article-body {
    padding-right: calc(33.3333% + 1rem);
    padding-left: 0;
  }
  .Article .Article-body.marginal-right ~ .Article-body.marginal-left, .Article .Article-body.marginal-right ~ .Article-body.marginal-right {
    padding: 0;
  }
  .Article .Article-body.marginal-left + .Article-body, .Article .Article-body.marginal-right + .Article-body {
    max-width: none;
  }
  .Article .Article-body.marginal-left + .Article-body:after, .Article .Article-body.marginal-right + .Article-body:after {
    content: "";
    display: table;
    clear: both;
  }
  .Article.ArticleColumns2 {
    display: grid;
    grid-template-columns: 2fr 1em 1fr;
  }
  .Article.ArticleColumns2 > .Article-header {
    grid-column: 1;
  }
  .Article.ArticleColumns2 > .Article-aside {
    grid-row: 2;
    grid-column: 3;
  }
  .Article.ArticleColumns2 > .Article-body-wrapper {
    grid-row: 2;
    grid-column: 1;
  }
  .Article.ArticleColumns2 > .Article-body-wrapper .Article-body {
    max-width: none;
  }
}
@media only screen and (min-width: 1024px) {
  .Article .Article-body {
    max-width: 75%;
  }
  .Article .Article-body.marginal-left {
    width: calc(25% - 1rem);
  }
  .Article .Article-body.marginal-right {
    width: calc(25% - 1rem);
  }
  .Article .Article-body.Article-bodyEvents {
    max-width: none;
  }
  .Article .Article-body.marginal-left ~ .Article-body {
    padding-left: calc(25% + 1rem);
  }
  .Article .Article-body.marginal-right ~ .Article-body {
    padding-right: calc(25% + 1rem);
  }
  .Article.ArticleTitle .Article-hd .hd {
    border-top-width: 30px;
  }
  .Article.ArticleFullscreen .Article-body {
    max-width: none;
  }
  .Article.ArticleColumns2 {
    grid-template-columns: 3fr 50px 1fr;
  }
}

.Article.ArticleFilter {
  background: #eee;
}
.Article.ArticleFilter .Section.SectionFilter {
  padding: 1rem 0;
}
.Section.SectionListTeasers {
  display: grid;
  grid-template-columns: 1fr 8px 1fr;
  max-width: 1314px;
  margin: 0 auto;
  padding: 0 8px;
}
.Section.SectionListTeasers .Teaser {
  grid-column: span 3;
  margin-bottom: 1rem;
}
.Section.SectionListTeasers .Teaser._no-img {
  grid-column: 1;
}
.Section.SectionListTeasers .Teaser._no-img .Figure {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Section.SectionListTeasers .Teaser._no-img + ._no-img {
  grid-column: 3;
}

@media only screen and (min-width: 1024px) {
  .Section.SectionListTeasers {
    grid-template-columns: 1fr 50px 1fr;
    padding: 0 50px;
  }
  .Section.SectionListTeasers .Teaser {
    clear: both;
  }
  .Section.SectionListTeasers .Teaser:before {
    border-top-width: 30px;
  }
  .Section.SectionListTeasers .Teaser .Teaser-figure {
    float: left;
    width: calc(50% - 25px);
  }
  .Section.SectionListTeasers .Teaser .Teaser-figure .Figure-caption {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
  .Section.SectionListTeasers .Teaser .Teaser-hd,
  .Section.SectionListTeasers .Teaser .Teaser-bd,
  .Section.SectionListTeasers .Teaser .Teaser-ft {
    clear: right;
    float: right;
    width: calc(50% - 25px);
  }
  .Section.SectionListTeasers .Teaser._no-img {
    clear: none;
    float: none;
    width: auto;
  }
  .Section.SectionListTeasers .Teaser._no-img .Teaser-hd,
  .Section.SectionListTeasers .Teaser._no-img .Teaser-bd,
  .Section.SectionListTeasers .Teaser._no-img .Teaser-ft {
    float: none;
    width: auto;
  }
  .Section.SectionListTeasers .Teaser._no-img + ._no-img {
    float: right;
  }
  .Section.SectionListTeasers .Teaser._no-img .Teaser-figure {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}
.Section.SectionListSearch {
  max-width: 1314px;
  margin: 0 auto;
  padding: 0 8px;
}

@media only screen and (min-width: 1024px) {
  .Section.SectionListSearch {
    padding: 0 50px;
  }
}
.Teaser .Teaser-figure .Figure-caption {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Teaser .Teaser-hd .hd-sub {
  margin: 8px 0;
}
.Teaser .Teaser-hd .hd {
  margin: 8px 0 1rem;
}
.Teaser.yearActive .Breadcrumb.Teaser-year {
  color: #ff0200;
}
.Teaser.TeaserNews:before {
  display: block;
  content: "";
  border-top: 8px solid #000;
}
.Teaser.TeaserNews:after {
  content: "";
  display: table;
  clear: both;
}
.Teaser.TeaserNews .Teaser-hd .hd {
  line-height: 1.1;
}

.Teaser.TeaserProduction {
  position: relative;
  color: #fff;
  background: #000;
}
.Teaser.TeaserProduction.TeaserProductionExt {
  background: #ff0200;
}
.Teaser.TeaserProduction.TeaserProductionMin {
  background: #999;
}
.Teaser.TeaserProduction .Teaser-figure .FigureImage {
  margin: 0;
}
.Teaser.TeaserProduction .Teaser-hd {
  padding: 8px 1rem 1rem;
}
.Teaser.TeaserProduction .Teaser-hd .hd-sub {
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 1.1;
  color: inherit;
  margin: 0 0 8px 0;
}
.Teaser.TeaserProduction .Teaser-hd .hd {
  color: inherit;
  margin: 0;
}
.Teaser.TeaserProduction .Teaser-intro {
  padding: 0 8px;
}
.Teaser.TeaserProduction .Teaser-bd {
  padding: 1rem 8px 8px;
  line-height: 2;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta {
  line-height: 1.65;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta p {
  margin: 0;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-date,
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-location .Production-meta-txt.Production-location-addinfo,
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-ticketlink,
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-availability,
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-ticketinfo,
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-timeend,
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-coronalink {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-time {
  margin-right: 0.3333333333rem;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-location a {
  font: inherit;
  color: inherit;
  text-decoration: inherit;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-date,
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-time {
  display: inline-block;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta .Production-date .vh {
  position: relative;
  height: auto;
  width: auto;
  overflow: show;
  clip: auto;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y {
  flex: 0 0 100%;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y a {
  color: inherit;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y .Icon.font.IconA11y, .Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y .Icon.font.IconA11y.IconA11yPartly, .Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y .Icon.font.IconA11y.IconA11yNot {
  position: relative;
  left: -4px;
  margin-right: 2px;
  background-position: 0;
  background-size: contain;
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y .Icon.font.IconA11y {
  background-image: url("/images/Icon-A11y-Bg.png");
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y .Icon.font.IconA11y.IconA11yPartly {
  background-image: url("/images/Icon-A11yPartly-Bg.png");
}
.Teaser.TeaserProduction .Teaser-bd .Production-meta p.Production-a11y .Icon.font.IconA11y.IconA11yNot {
  background-image: url("/images/Icon-A11yNot-Bg.png");
}
.Teaser.TeaserProduction .Teaser-ft, .Teaser.TeaserProduction .Teaser-ft p {
  margin: 0;
}
.Teaser.TeaserProduction .Teaser-ft, .Teaser.TeaserProduction .Teaser-ft a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.Teaser.TeaserProduction .Teaser-ft a {
  text-indent: 100%;
  white-space: nowrap;
}

@media only screen and (min-width: 1024px) {
  .Teaser.TeaserProduction .Teaser-intro {
    padding: 0 1rem;
  }
  .Teaser.TeaserProduction .Teaser-intro > :last-child {
    margin-bottom: 0;
  }
  .Teaser.TeaserProduction .Teaser-hd .hd-sub {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.1;
  }
  .Teaser.TeaserProduction .Teaser-bd {
    padding: 1rem;
  }
  .Teaser.TeaserProduction .Teaser-bd .Production-meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .Teaser.TeaserProduction .Teaser-bd p {
    margin: 0 1rem 0 0;
  }
  .Teaser.TeaserProduction .Teaser-bd p:last-child {
    margin: 0 0 0 auto;
  }
  .Teaser.TeaserProduction .Teaser-bd p.Production-pass {
    flex: 0 1 100%;
    margin: 0;
  }
  .Teaser.TeaserProduction .Teaser-bd p.Production-pass .Icon {
    margin-left: 0.125rem;
  }
  .Teaser.TeaserProduction.TeaserProductionMin {
    font-size: 16px;
  }
  .Teaser.TeaserProduction.TeaserProductionMin .Teaser-bd .Production-meta {
    display: block;
  }
}
.Teaser.TeaserSearch {
  position: relative;
}
.Teaser.TeaserSearch .Teaser-figure {
  float: right;
  width: 50%;
  margin: 0.3333333333rem 0 0.3333333333rem 0.5rem;
}
.Teaser.TeaserSearch:after {
  content: "";
  display: table;
  clear: both;
}
.Teaser.TeaserSearch {
  margin-bottom: 2rem;
}
.Teaser.TeaserSearch::before {
  border: 0;
}
.Teaser.TeaserSearch .Teaser-hd .hd {
  font-family: "Praxis Next W01 Regular";
  font-size: 1.5rem;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .Teaser.TeaserSearch .Teaser-hd .hd {
    font-size: 24px;
    line-height: 1;
  }
}
.Teaser.TeaserSearch .Teaser-hd .hd {
  line-height: 1.222;
  color: #000;
}
.Teaser.TeaserSearch .Teaser-hd .hd-sub {
  line-height: 1.222;
}
.Teaser.TeaserSearch .Teaser-hd .hd,
.Teaser.TeaserSearch .Teaser-hd .hd-sub,
.Teaser.TeaserSearch .Teaser-intro,
.Teaser.TeaserSearch .Teaser-excerpt {
  margin: 0.25rem 0;
}
.Teaser.TeaserSearch .Teaser-intro,
.Teaser.TeaserSearch .Teaser-excerpt {
  margin: 0.25rem 0;
  text-align: justify;
  word-wrap: break-all;
  hyphens: auto;
}
.Teaser.TeaserSearch .Teaser-bd {
  margin: 0;
}
.Teaser.TeaserSearch .Teaser-bd h1, .Teaser.TeaserSearch .Teaser-bd h2, .Teaser.TeaserSearch .Teaser-bd h3, .Teaser.TeaserSearch .Teaser-bd p, .Teaser.TeaserSearch .Teaser-bd ul, .Teaser.TeaserSearch .Teaser-bd ol, .Teaser.TeaserSearch .Teaser-bd dl, .Teaser.TeaserSearch .Teaser-bd table, .Teaser.TeaserSearch .Teaser-bd form, .Teaser.TeaserSearch .Teaser-bd blockquote {
  margin: 0;
}
.Teaser.TeaserSearch .Teaser-ft {
  margin-bottom: 0;
}
.Teaser.TeaserSearch .Teaser-ft .morelink:link, .Teaser.TeaserSearch .Teaser-ft .morelink:visited {
  color: #aaa;
  text-decoration: none;
}
.Teaser.TeaserSearch .Teaser-ft .morelink:hover, .Teaser.TeaserSearch .Teaser-ft .morelink:active {
  color: #000;
  text-decoration: underline;
}
.Teaser.TeaserSearch.yearActive .Teaser-hd .hd {
  color: #ff0200 !important;
}

@media only screen and (min-width: 768px) {
  .Teaser.TeaserSearch._no-img {
    margin-bottom: 4rem;
  }
  .Teaser.TeaserSearch .Teaser-figure {
    width: 25%;
    margin: 0.25rem 0 0.3333333333rem 0.5rem;
  }
  .Teaser.TeaserSearch .Teaser-hd .hd {
    font-family: "Praxis Next W01 Regular";
    font-size: 1.5rem;
    font-style: normal;
    color: #000;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .Teaser.TeaserSearch .Teaser-hd .hd {
    font-size: 24px;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) {
  .Teaser.TeaserSearch .Teaser-bd {
    max-width: 75%;
  }
  .Teaser.TeaserSearch .Teaser-intro,
  .Teaser.TeaserSearch .Teaser-excerpt {
    text-align: left;
    word-wrap: normal;
    hyphens: none;
  }
}
.Teaser.TeaserSearchProduction .Teaser-title {
  text-transform: uppercase;
}
.Teaser.TeaserSearchProduction .TeaserSearchProduction-body1 .Production-details-program-bd {
  list-style: none;
  padding: 0;
}
.Teaser.TeaserSearchProduction .TeaserSearchProduction-body1 .Production-details-program-bd li {
  display: inline;
}
.Teaser.TeaserSearchProduction .TeaserSearchProduction-body1 .Production-details-program-bd li::after {
  display: inline;
  content: " | ";
}
.Teaser.TeaserSearchProduction .TeaserSearchProduction-body1 .Production-details-program-bd li:last-child::after {
  display: none;
}
.Teaser.TeaserSearchProduction .TeaserSearchProduction-body1 .Production-details-program-hd,
.Teaser.TeaserSearchProduction .TeaserSearchProduction-body1 .Production-details-artists-hd,
.Teaser.TeaserSearchProduction .TeaserSearchProduction-body1 .Production-details-artists-bd {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

@media only screen and (min-width: 768px) {
  .Teaser.TeaserSearchProduction .TeaserSearchProduction-meta .Production-datetime,
  .Teaser.TeaserSearchProduction .TeaserSearchProduction-meta .Production-venue {
    width: auto;
  }
  .Teaser.TeaserSearchProduction .TeaserSearchProduction-meta .Production-datetime {
    min-width: 10em;
    padding-right: 0.5rem;
  }
}
.Teaser.TeaserSearch .TeaserSearch-meta {
  margin: 0.25rem 0;
}
.Teaser.TeaserSearch .TeaserSearch-meta .Production-datetime,
.Teaser.TeaserSearch .TeaserSearch-meta .Production-venue,
.Teaser.TeaserSearch .TeaserSearch-meta .Production-title,
.Teaser.TeaserSearch .TeaserSearch-meta .Production-more {
  display: inline-block;
  width: 100%;
  color: #999;
}
.Teaser.TeaserSearch .TeaserSearch-meta .Production-title {
  text-transform: uppercase;
}
.Teaser.TeaserSearch .TeaserSearch-meta ._c_comma {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Teaser.TeaserSearch .TeaserSearch-meta a, .Teaser.TeaserSearch .TeaserSearch-meta a:hover, .Teaser.TeaserSearch .TeaserSearch-meta a:link, .Teaser.TeaserSearch .TeaserSearch-meta a:visited, .Teaser.TeaserSearch .TeaserSearch-meta a:active {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .Teaser.TeaserSearch .TeaserSearch-meta .Production-datetime,
  .Teaser.TeaserSearch .TeaserSearch-meta .Production-venue,
  .Teaser.TeaserSearch .TeaserSearch-meta .Production-title {
    width: auto;
  }
  .Teaser.TeaserSearch .TeaserSearch-meta .Production-datetime {
    min-width: 10em;
    padding-right: 0.5rem;
  }
}
.Teaser.TeaserSearch.TeaserSearchMedia .Teaser-bd {
  max-width: none;
}
.Teaser.TeaserSearch.TeaserSearchMedia .FigureImageMedia {
  position: relative;
  align-self: flex-start;
}
.Teaser.TeaserSearch.TeaserSearchMedia .FigureImageMedia:after {
  display: block;
  content: "";
  position: absolute;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  background: transparent url("/images/Icon-media.png") no-repeat 50% 50%;
  background-size: contain;
}
.Teaser.TeaserSearch.TeaserSearchMedia .FigureImageMedia .figcaption {
  display: none;
}
.Teaser.TeaserSearch.TeaserSearchMedia .FigureImageMedia .Figure-media-src {
  background: rgba(0, 0, 0, 0.5);
}
.Teaser.TeaserSearch.TeaserSearchMedia .Teaser-ft .morelink {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 98;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.Figure {
  position: relative;
  width: 100%;
}
.Figure .Figure-media,
.Figure .Figure-media .Figure-media-src {
  display: block;
  width: 100%;
  border: none;
}
.Figure .Figure-caption {
  display: block;
  position: absolute;
  bottom: 8px;
  right: 8px;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  text-align: right;
  text-shadow: 0 0 1px white;
}
.Figure .Figure-caption .Figure-caption-description {
  margin: 0;
  font-size: 10px;
  line-height: 0.9523809524;
}
.Figure .Figure-caption .Figure-caption-author {
  margin: 0;
  font-size: 6px;
}
@media only screen and (min-width: 1024px) {
  .Figure .Figure-caption {
    right: 50px;
  }
  .Figure .Figure-caption .Figure-caption-description {
    font-size: 22px;
    line-height: 0.9128630705;
  }
  .Figure .Figure-caption .Figure-caption-author {
    font-size: 12px;
  }
}

.Article-body > .Figure .Figure-caption,
.Article-body .Article-keymedia .Figure .Figure-caption {
  display: block;
  position: relative;
  right: 0;
  bottom: 0;
  padding: 0.1em;
  max-height: none;
  max-width: none;
  overflow: hidden;
  text-shadow: none;
}
.Article-body > .Figure .Figure-caption .Figure-caption-description,
.Article-body .Article-keymedia .Figure .Figure-caption .Figure-caption-description {
  font-size: inherit;
}
.Article-body > .Figure .Figure-caption .Figure-caption-author,
.Article-body .Article-keymedia .Figure .Figure-caption .Figure-caption-author {
  font-size: 78%;
}
@media only screen and (min-width: 1024px) {
  .Article-body > .Figure .Figure-caption,
  .Article-body .Article-keymedia .Figure .Figure-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 100%;
    padding: 0.1em 0.3333333333rem 0.1em 0.1em;
    text-align: right;
    text-shadow: none;
    background: rgba(255, 255, 255, 0.6);
  }
}

.Figure.FigureVideo .Figure-media {
  position: relative;
  display: block;
  height: 1px;
  padding: 0 0 56.25%;
}
.Figure.FigureVideo .Figure-media > .Figure-media-src {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.Figure.FigureVideo .Figure-caption {
  display: block;
  position: relative;
  bottom: auto;
  right: auto;
  max-height: none;
  max-width: none;
  overflow: auto;
  text-align: left;
  text-shadow: none;
}

.Section.SectionStream.SectionStreamNocookies {
  background: #eee;
  padding: 1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 114px 1fr;
}
.Section.SectionStream.SectionStreamNocookies .SectionStream-start {
  position: relative;
  align-self: center;
  height: 96px;
}
.Section.SectionStream.SectionStreamNocookies .SectionStream-start:before, .Section.SectionStream.SectionStreamNocookies .SectionStream-start:after {
  display: block;
  content: "";
  position: absolute;
}
.Section.SectionStream.SectionStreamNocookies .SectionStream-start:before {
  width: 96px;
  height: 96px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.Section.SectionStream.SectionStreamNocookies .SectionStream-start:after {
  top: 13px;
  left: 25px;
  width: 0;
  height: 0;
  border: 1px solid #fff;
  border-width: 35px 0px 35px 60px;
  border-color: transparent transparent transparent #fff;
}
.Section.SectionStream.SectionStreamNocookies .Section-hd,
.Section.SectionStream.SectionStreamNocookies .Section-bd,
.Section.SectionStream.SectionStreamNocookies .Section-ft {
  margin: 0;
}
.Section.SectionStream.SectionStreamNocookies .Section-hd .hd {
  margin: 0 0 1rem 0;
}
.Section.SectionStream.SectionStreamNocookies .Section-hd .hd-sub {
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  .Section.SectionStream.SectionStreamNocookies {
    margin-bottom: 50px;
  }
}

.Section.SectionGallery.SectionGallerySearch .Section-bd {
  display: flex;
  flex-wrap: wrap;
}
.Section.SectionGallery.SectionGallerySearch .Figure {
  flex: 1 0 24.166%;
  margin: 0.3333333333rem 1.111% 0.3333333333rem 0;
  max-width: 24.166%;
}
.Section.SectionGallery.SectionGallerySearch .Figure:nth-child(4n) {
  margin-right: 0;
}
.Section.SectionGallery.SectionGallerySearch .Figure-caption {
  display: block;
  position: relative;
  bottom: auto;
  right: auto;
  max-height: none;
  max-width: 100%;
  margin: 0.3333333333rem 0 0 0;
  overflow: hidden;
  text-align: left;
  text-shadow: none;
}
.Section.SectionGallery.SectionGallerySearch .Figure-caption-description,
.Section.SectionGallery.SectionGallerySearch .Figure-caption-author {
  font-size: inherit;
  color: #999;
  padding: 0;
}
.Section.SectionGallery.SectionGalleryXl .Section-bd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1em;
  grid-auto-flow: dense;
}
.Section.SectionGallery.SectionGalleryXl .Figure {
  margin: 0;
  background: rgba(255, 255, 255, 0.6);
}
.Section.SectionGallery.SectionGalleryXl .Figure .Figure-wrapper {
  position: relative;
}
.Section.SectionGallery.SectionGalleryXl .Figure ._js_FigureImagePortrait {
  grid-row: span 2;
}
.Section.SectionGallery.SectionGalleryXl .Figure .Figure-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  padding: 0.1em;
  text-align: left;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.6);
}
.Section.SectionGallery.SectionGallerySingle .Figure {
  grid-column: span 2;
}
.Section.SectionGallery.SectionGalleryPress {
  display: block;
}
.Section.SectionGallery.SectionGalleryPress .Section-bd {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.Section.SectionGallery.SectionGalleryPress .Figure {
  flex: 0 0 calc((100% - 1em) / 2);
  margin-right: 1em;
}
.Section.SectionGallery.SectionGalleryPress .Figure:nth-child(2n) {
  margin-right: 0;
}
.Section.SectionGallery.SectionGalleryPress .Figure-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.1em;
  text-align: left;
  background: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 768px) {
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure,
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(4n) {
    flex: 1 0 15.739%;
    max-width: 15.739%;
    margin-right: 1.111%;
  }
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(6n),
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(4n):nth-child(6n) {
    margin-right: 0;
  }
  .Section.SectionGallery.SectionGalleryXl .Section-bd {
    grid-template-columns: repeat(2, 1fr);
  }
  .Section.SectionGallery.SectionGalleryPress .Figure {
    flex: 0 0 calc((100% - 2em) / 3);
  }
  .Section.SectionGallery.SectionGalleryPress .Figure:nth-child(2n) {
    margin-right: 1em;
  }
  .Section.SectionGallery.SectionGalleryPress .Figure:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure,
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(4n),
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(6n) {
    flex: 1 0 11.527%;
    max-width: 11.527%;
    margin-right: 1.111%;
  }
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(8n),
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(4n):nth-child(8n),
  .Section.SectionGallery.SectionGallerySearch .Section-bd .Figure:nth-child(6n):nth-child(8n) {
    margin-right: 0;
  }
  .Section.SectionGallery.SectionGalleryXl .Section-bd {
    grid-template-columns: repeat(3, 1fr);
  }
  .Section.SectionGallery.SectionGalleryPress .Figure {
    flex: 0 0 calc((100% - 3em) / 4);
  }
  .Section.SectionGallery.SectionGalleryPress .Figure:nth-child(2n) {
    margin-right: 1em;
  }
  .Section.SectionGallery.SectionGalleryPress .Figure:nth-child(3n) {
    margin-right: 1em;
  }
  .Section.SectionGallery.SectionGalleryPress .Figure:nth-child(4n) {
    margin-right: 0;
  }
}

.ArticleGallery,
.Article.ArticleGalleryPreview {
  max-width: 1314px;
  margin: 0 auto;
  padding: 0 8px;
}
.ArticleGallery .Article-body,
.Article.ArticleGalleryPreview .Article-body {
  max-width: none;
}

.Article.ArticleGalleryPreview .Article-body {
  max-width: none;
}
.Article.ArticleGalleryPreview .Article-ft {
  text-align: center;
  max-width: 1314px;
  margin: 30px auto;
}
.Article.ArticleGalleryPreview .Article-ft .morelink {
  font-family: "Praxis Next W01 Regular";
  font-size: 19.2px;
  line-height: 1.6457142857;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .Article.ArticleGalleryPreview .Article-ft .morelink {
    font-size: 32px;
    line-height: 0.8421052632;
  }
}
.Article.ArticleGalleryPreview .Article-ft .morelink {
  text-decoration: none;
}
.Article.ArticleGalleryPreview .Article-ft .morelink._has_arrowRight:after {
  display: inline-block;
  content: " →";
  white-space: nowrap;
}
.Article.ArticleGalleryPreview .Section.SectionGalleryPreview .Figure .h1-ext {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Article.ArticleGalleryPreview .Section.SectionGalleryPreview .Section-bd {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.Article.ArticleGalleryPreview .Section.SectionGalleryPreview .Figure {
  flex: 0 0 calc((100% - 1em) / 2);
  margin-right: 1em;
}
.Article.ArticleGalleryPreview .Section.SectionGalleryPreview .Figure:nth-child(2n) {
  margin-right: 0;
}
.Article.ArticleGalleryPreview .Section.SectionGalleryPreview .Figure-caption {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-height: 2rem;
  padding: 8px 1rem 1rem;
  text-align: left;
  background: #eee;
}

@media only screen and (min-width: 1024px) {
  .ArticleGallery,
  .Article.ArticleGalleryPreview {
    padding: 0 50px;
  }
}
.Article.ArticleCalendar .Article-hd {
  max-width: 1314px;
  margin: 0 auto;
  padding: 0 8px;
}
.Article.ArticleCalendar .Article-body {
  max-width: none;
}
.Article.ArticleCalendar .Article-body .Production-meta a {
  text-decoration: none;
}
.Article.ArticleCalendar .Article-ft {
  text-align: center;
  max-width: 1314px;
  margin: 30px auto;
}
.Article.ArticleCalendar .Article-ft .morelink {
  font-family: "Praxis Next W01 Regular";
  font-size: 19.2px;
  line-height: 1.6457142857;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .Article.ArticleCalendar .Article-ft .morelink {
    font-size: 32px;
    line-height: 0.8421052632;
  }
}
.Article.ArticleCalendar .Article-ft .morelink {
  text-decoration: none;
}
.Article.ArticleCalendar .Article-ft .morelink._has_arrowRight:after {
  display: inline-block;
  content: " →";
  white-space: nowrap;
}
.Article.ArticleCalendar.ArticleHighlights .Highlights-hd {
  font-family: "WIEN MODERN";
  font-size: 40px;
  line-height: 0.525;
  letter-spacing: 1.29px;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .Article.ArticleCalendar.ArticleHighlights .Highlights-hd {
    font-size: 100px;
    line-height: 0.5;
    letter-spacing: 3.23px;
  }
}
.Article.ArticleCalendar.ArticleHighlights .Highlights-hd {
  color: #000;
  border-top: 8px solid #ff0200;
}

.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper {
  margin: 0 auto;
  padding: 0 8px;
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd {
  border-bottom: 8px solid #000;
  margin-bottom: 8px;
  position: sticky;
  top: 0;
  background: #fefefe;
  z-index: 1;
  border-top: 0.5em solid #fff;
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .hd {
  position: relative;
  margin: 0;
  left: 3px;
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-weekday {
  display: block;
  margin: 0;
  font-family: "Praxis Next W01 Regular";
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.75px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  text-transform: none;
}
@media only screen and (min-width: 1024px) {
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-weekday {
    font-size: 22px;
    letter-spacing: 1px;
  }
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-date,
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-month {
  font-family: "WIEN MODERN";
  font-size: 40px;
  line-height: 0.525;
  letter-spacing: 1.29px;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-date,
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-month {
    font-size: 100px;
    line-height: 0.5;
    letter-spacing: 3.23px;
  }
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-date,
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-month {
  font-size: 75px !important;
  letter-spacing: 4.84px !important;
  position: relative;
  top: -0.25em;
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd .Calendar-day-month {
  color: #ff0200;
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-productions {
  list-style: none;
  padding-left: 0;
}
.SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-productions .Calendar-day-production {
  margin-bottom: 8px;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays {
  padding: 0.3333333333rem 0 0;
  background: #eee;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays-wrapper {
  padding: 8px;
  margin: 0 auto;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays-hd {
  margin: 0;
  font-family: "Praxis Next W01 Regular";
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #ff0200;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays-bd {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays-bd a {
  text-decoration: none;
  flex: 0 1 2rem;
  padding: 0.5rem 0;
  text-align: center;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays-bd a b {
  font-weight: normal;
  color: #ff0200;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays-bd a._has_focus span {
  border-bottom: 1px solid #000;
}
.SectionCalendar.SectionCalendarXl .Calendar-navdays-bd a._has_focus b span {
  border-bottom: 1px solid #ff0200;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter {
  padding: 8px;
  background: #eee;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-wrapper {
  position: relative;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-wrapper #_js_add_Calendar-filter-form-reset {
  position: absolute;
  top: 0;
  right: 0;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-wrapper._js_isClosed_Calendar-filter-wrapper {
  max-height: 20px;
  overflow: hidden;
  transition: all ease-in-out 350ms;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-wrapper._js_isClosed_Calendar-filter-wrapper #_js_add_Calendar-filter-form-reset {
  display: none;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-wrapper._js_isOpen_Calendar-filter-wrapper {
  max-height: 10000px;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-hd .hd {
  margin: 0;
  font-family: "Praxis Next W01 Regular";
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #ff0200;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter #_js_Filter-toggle:hover {
  cursor: pointer;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter #_js_Filter-toggle b {
  display: inline-block;
  content: "";
  position: relative;
  top: -0.25em;
  left: 1rem;
  height: 1rem;
  width: 1rem;
  border-top: 1px solid #ff0200;
  border-left: 1px solid #ff0200;
  transform: rotate(225deg);
  transition: all ease-in-out 250ms;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter ._js_isOpen_Calendar-filter-wrapper #_js_Filter-toggle b {
  top: 0.25em;
  transform: rotate(45deg);
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-bd {
  position: relative;
  top: 36px;
  padding-bottom: 36px;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form {
  max-width: none;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset fieldset {
  display: flex;
  flex-wrap: wrap;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset legend {
  flex: 0 0 100%;
  font-family: "Praxis Next W01 Regular";
  font-size: inherit;
  font-style: normal;
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset legend {
    font-size: 18px;
  }
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label {
  flex: 0 1 49%;
  display: block;
  position: relative;
  top: 0;
  margin: 1em 0 0;
  height: 16px;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label span, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label span {
  display: block;
  position: absolute;
  top: 0;
  left: 2em;
  bottom: 0;
  width: calc(100% - 3em);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label .Input[type^=checkbox], .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label .Input[type^=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label:hover b, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label:before,
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label .Input[type^=checkbox]:checked ~ b, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label:hover b, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label:before,
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label .Input[type^=checkbox]:checked ~ b {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: content-box;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label:hover b, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label:hover b {
  background: #fff;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label:before, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label:before {
  content: "";
  background: transparent;
}
.SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label .Input[type^=checkbox]:checked ~ b, .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label .Input[type^=checkbox]:checked ~ b {
  background: #ff0200;
  border-color: #ff0200;
}

.SectionCalendar.SectionCalendarXl.SectionCalendarHighlights .Teaser.TeaserProduction,
.SectionCalendar.SectionCalendarXl.SectionCalendarProductionsatoz .Teaser.TeaserProduction {
  grid-template-rows: auto 124px auto;
}
.SectionCalendar.SectionCalendarXl.SectionCalendarHighlights .Teaser.TeaserProduction .Teaser-bd,
.SectionCalendar.SectionCalendarXl.SectionCalendarProductionsatoz .Teaser.TeaserProduction .Teaser-bd {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

@media only screen and (min-width: 1024px) {
  .Article.ArticleCalendar .Article-hd {
    padding: 0 50px;
  }
  .Article.ArticleCalendar.ArticleHighlights .Highlights-hd {
    border-top-width: 30px;
    letter-spacing: 1.1px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-navdays-hd {
    font-size: 22px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-navdays-bd {
    justify-content: space-between;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-navdays-bd a {
    flex: 0 1 auto;
    text-align: center;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-navdays-wrapper {
    max-width: 1314px;
    margin: 0 auto;
    padding: 0 50px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper {
    max-width: 1314px;
    padding: 0 50px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: calc(100% + 30px);
    overflow: hidden;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions .Calendar-day-production {
    flex: 1 1 50%;
    order: 1;
    min-width: 33.3333%;
    max-width: 50%;
    margin: 0 0 30px 0;
    padding-right: 30px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions .Calendar-day-production .TeaserProduction {
    display: grid;
    grid-template-rows: auto 124px auto;
    height: 100%;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions .Calendar-day-production .TeaserProduction .Teaser-bd {
    display: flex;
    align-items: end;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions .Calendar-day-production .TeaserProduction .Teaser-bd .Production-meta {
    flex: 0 0 100%;
    display: block;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions .Calendar-day-production.Calendar-day-productionMin {
    flex: 0 0 33.3333%;
    order: 3;
    margin-left: auto;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions .Calendar-day-production.Calendar-day-productionMin .Teaser.TeaserProduction {
    display: block;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day .Calendar-day-productions .Calendar-day-production.Calendar-day-productionExt {
    flex: 0 1 66.6666%;
    order: 1;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-days-wrapper .Calendar-day-hd {
    border-bottom-width: 30px;
    margin-bottom: 30px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter {
    padding: 8px 0;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-wrapper {
    max-width: 1314px;
    margin: 0 auto;
    padding: 0 50px 0;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-wrapper #_js_add_Calendar-filter-form-reset {
    right: 50px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-hd .hd {
    font-size: 22px;
    letter-spacing: 1px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-hd .Tab-list .Tab-list-wrapper {
    list-style: none;
    padding: 0;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-hd .Tab-list .Tab-list-item {
    margin-top: 2em;
    font-family: "Praxis Next W01 Regular";
    font-size: inherit;
    font-style: normal;
    color: #ff0200;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-hd .Tab-list .Tab-list-item {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-hd .Tab-list .Tab-list-item a {
    text-decoration: none;
    color: #ff0200;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-hd .Tab-list .Tab-list-item._js_isActive a {
    text-decoration: underline;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 30px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset:nth-of-type(1) fieldset {
    display: block;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset {
    font-size: 14px;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetDays {
    grid-column: 1/span 2;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetFormats .label {
    flex: 0 0 100%;
  }
  .SectionCalendar.SectionCalendarXl .Calendar-filter .Calendar-filter-form .Form-fieldset.Form-fieldsetLocations .label {
    flex: 0 1 33.3333%;
  }
}
.Article.ArticleProduction .Article-keymedia {
  position: relative;
  margin: 0;
  height: 51.613vw;
  overflow: hidden;
}
.Article.ArticleProduction .Article-keymedia:after {
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  left: 0;
  height: 260px;
  background-image: linear-gradient(to bottom, rgba(45, 44, 44, 0.13), rgba(44, 44, 44, 0.8));
}
.Article.ArticleProduction .Article-keymedia .Figure {
  margin: 0;
  padding: 0;
}
.Article.ArticleProduction .Article-keymedia .Figure .Figure-caption {
  text-shadow: none;
  color: white;
  z-index: 2;
}
.Article.ArticleProduction ._js_production-date {
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.Article.ArticleProduction ._js_production-date .Production-date {
  position: absolute;
  right: 8px;
  bottom: 2rem;
  left: 0px;
}
.Article.ArticleProduction ._js_production-date .Calendar-day-weekday {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Praxis Next W01 Regular";
  font-size: 12px;
  line-height: 1.7272;
  letter-spacing: normal;
  font-weight: normal;
  font-style: normal;
  color: white;
}
.Article.ArticleProduction ._js_production-date .Calendar-day-date,
.Article.ArticleProduction ._js_production-date .Calendar-day-month {
  display: block;
  position: relative;
  top: -0.33em;
  font-family: "WIEN MODERN";
  font-size: 40px;
  line-height: 0.525;
  letter-spacing: 1.29px;
  font-weight: normal;
  font-style: normal;
  color: #ff0200;
}
.Article.ArticleProduction ._js_production-date .Calendar-day-month {
  color: white;
}
.Article.ArticleProduction .Production-meta {
  margin: 1rem 0 2rem;
}
.Article.ArticleProduction .Production-meta p {
  display: grid;
  grid-template-columns: 1.5em auto;
  font-size: 32px;
  line-height: 1.1875;
}
.Article.ArticleProduction .Production-meta p > .Icon {
  position: relative;
  display: inline-block;
  content: "";
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  height: 1em;
  width: 1em;
  margin-right: 0;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto;
}
.Article.ArticleProduction .Production-meta p > .Icon.font.IconClock {
  background-image: url("/images/000/Icon-clock.png");
}
.Article.ArticleProduction .Production-meta p > .Icon.font.IconMap {
  background-image: url("/images/000/Icon-map.png");
}
.Article.ArticleProduction .Production-meta p > .Icon.font.IconPrice {
  background-image: url("/images/000/Icon-price.png");
}
.Article.ArticleProduction .Production-meta p > .Icon.font.IconTicket {
  background-image: url("/images/000/Icon-ticket.png");
  height: 1.14em;
  width: 2.1em;
}
.Article.ArticleProduction .Production-meta p > .Icon.font.IconA11y, .Article.ArticleProduction .Production-meta p > .Icon.font.IconA11y.IconA11yPartly, .Article.ArticleProduction .Production-meta p > .Icon.font.IconA11y.IconA11yNot {
  background-position: -6px 4px;
  background-size: contain;
}
.Article.ArticleProduction .Production-meta p .Production-meta-txt {
  grid-column: 2;
  left: 0;
}
.Article.ArticleProduction .Production-meta p .Production-meta-txt.Production-location-addinfo {
  margin-top: 1rem;
}
.Article.ArticleProduction .Production-meta p .Production-meta-txt.Production-meta-txt-datesmall {
  position: relative;
  height: auto;
  width: auto;
  overflow: show;
  clip: auto;
}
.Article.ArticleProduction .Production-meta p .Production-meta-txt:nth-of-type(n+2),
.Article.ArticleProduction .Production-meta p .Production-meta-txt.Production-location-addinfo {
  font-size: 18px;
  line-height: 1.2222;
}
.Article.ArticleProduction .Production-meta p.Production-pass {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Article.ArticleProduction .Production-meta p.Production-ticketinfo .Production-meta-txt:nth-of-type(n+1) abbr {
  display: inline-block;
  height: 1em;
  width: 1.8em;
  overflow: hidden;
  font-size: 1em;
  line-height: 1;
  background: transparent url("/images/Icon-elephant.png") no-repeat;
  background-size: contain;
  text-indent: 101%;
  white-space: nowrap;
  margin-right: 0.33em;
}
.Article.ArticleProduction .Production-meta p.Production-ticketinfo .Production-meta-txt:nth-of-type(n+1) abbr.ticketinfo-star {
  background-image: url("/images/Icon-star.png");
}
.Article.ArticleProduction .Production-meta-acctitle {
  margin: 4rem 0 0;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent {
  margin: 1rem 0;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p {
  grid-template-columns: 1em auto;
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p .Icon {
  background-size: contain;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p .Icon.IconClock {
  top: 1px;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p .Icon.IconMap {
  top: 2px;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p .Production-meta-txt:nth-of-type(n+2) {
  font-size: 18px;
  line-height: 1.2222;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p.Production-pass {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p.Production-ticketinfo .Production-meta-txt:nth-of-type(n+1) abbr {
  display: inline-block;
  height: 1em;
  width: 1.8em;
  overflow: hidden;
  font-size: 1em;
  line-height: 1;
  background: transparent url("/images/Icon-elephant.png") no-repeat;
  background-size: contain;
  text-indent: 101%;
  white-space: nowrap;
  margin-right: 0.33em;
}
.Article.ArticleProduction .Production-meta.Production-meta-accevent p.Production-ticketinfo .Production-meta-txt:nth-of-type(n+1) abbr.ticketinfo-star {
  background-image: url("/images/Icon-star.png");
}
.Article.ArticleProduction .Article-hd,
.Article.ArticleProduction .Article-body-wrapper,
.Article.ArticleProduction .Production-date {
  margin: 0 auto;
  padding: 0 8px;
}
.Article.ArticleProduction .Article-hd:after,
.Article.ArticleProduction .Article-body-wrapper:after,
.Article.ArticleProduction .Production-date:after {
  content: "";
  display: table;
  clear: both;
}
.Article.ArticleProduction .Article-body-2,
.Article.ArticleProduction .Article-body-4 {
  margin-top: 2rem;
}
.Article.ArticleProduction h2 {
  margin: 1.5rem 0 0.5rem 0;
}
.Article.ArticleProduction .Production-details-pw_Urauffuehrung {
  position: relative;
  top: -0.25em;
  font-size: 82%;
  padding-left: 0.15em;
}
.Article.ArticleProduction .Production-details-publish_add_on_1 {
  font-size: 92%;
}
.Article.ArticleProduction .Production-details-rb_Fach.Production-details-rb_Fach-Ensemble {
  font-size: 92%;
}
.Article.ArticleProduction .Production-details-program-bd,
.Article.ArticleProduction .Production-details-artists-bd {
  padding: 0;
  margin: 0;
}
.Article.ArticleProduction .Production-details-program-bd li,
.Article.ArticleProduction .Production-details-artists-bd li {
  list-style: none;
  display: block;
  margin-left: 7px;
  margin-bottom: 0.4em;
  padding-right: 0;
  text-indent: -7px;
  line-height: 1.3;
  break-inside: avoid;
}
.Article.ArticleProduction .Production-details-program-bd li._js_Production-details-pause:before,
.Article.ArticleProduction .Production-details-artists-bd li._js_Production-details-pause:before {
  display: inline;
  content: "***";
  vertical-align: middle;
  line-height: 0.5;
}
.Article.ArticleProduction .Production-details-program-bd li._js_Production-details-pause span,
.Article.ArticleProduction .Production-details-artists-bd li._js_Production-details-pause span {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Article.ArticleProduction .Production-details-program-bd li .Production-details-pw_Werktitel,
.Article.ArticleProduction .Production-details-artists-bd li .Production-details-pw_Werktitel {
  font-style: italic;
}
.Article.ArticleProduction .Production-details-program-bd li .Production-details-performer,
.Article.ArticleProduction .Production-details-artists-bd li .Production-details-performer {
  padding-right: 0.125em;
}
.Article.ArticleProduction .Production-details-program-bd li .Production-details-rb_Fach,
.Article.ArticleProduction .Production-details-artists-bd li .Production-details-rb_Fach {
  font-style: italic;
}
.Article.ArticleProduction .Event .Event-title {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
@media only screen and (min-width: 1024px) {
  .Article.ArticleProduction .Article-keymedia {
    position: relative;
    margin: 0;
    height: 41.6667vw;
    overflow: hidden;
  }
  .Article.ArticleProduction .Production-meta {
    margin: 2rem 0 0;
  }
  .Article.ArticleProduction .Article-hd,
  .Article.ArticleProduction .Article-body-wrapper {
    max-width: 1314px;
    padding: 0 50px;
  }
  .Article.ArticleProduction .Article-hd .hd, .Article.ArticleProduction .Article-hd .hd-sub {
    max-width: 75%;
  }
  .Article.ArticleProduction .Article-hd .hd-sub {
    margin-top: 32px;
    font-size: 16px;
    letter-spacing: 1px;
  }
  .Article.ArticleProduction .Article-hd .hd {
    font-size: 64px;
    line-height: 1.0625;
    margin-top: 0;
  }
  .Article.ArticleProduction ._js_production-date {
    max-width: 1314px;
  }
  .Article.ArticleProduction ._js_production-date .Production-date {
    right: 50px;
    bottom: 80px;
    left: 42px;
  }
  .Article.ArticleProduction ._js_production-date .Calendar-day-weekday {
    font-size: 22px;
    line-height: 1.7272;
  }
  .Article.ArticleProduction ._js_production-date .Calendar-day-date,
  .Article.ArticleProduction ._js_production-date .Calendar-day-month {
    font-size: 100px;
    line-height: 0.5;
    letter-spacing: 3.23px;
  }
  .Article.ArticleProduction .Article-body-wrapper {
    display: grid;
    grid-template-columns: 2fr 50px 1fr;
  }
  .Article.ArticleProduction .Article-body-wrapper .Article-aside {
    grid-column: 3;
    grid-row: span 4;
  }
  .Article.ArticleProduction .Article-body-wrapper .Article-body {
    grid-column: 1;
  }
  .Article.ArticleProduction .Article-body-wrapper .Article-body._js_has_SectionGalleryXl, .Article.ArticleProduction .Article-body-wrapper .Article-body.Article-bodyEvents {
    grid-column: span 3;
  }
  .Article.ArticleProduction .Article-body-wrapper h2 {
    margin: 2rem 0 1rem 0;
  }
}

.Article.ArticleBio .Bio-productions-hd {
  color: inherit;
  margin-bottom: 1rem;
}
.Article.ArticleBio .Bio-productions-peryear {
  display: grid;
  grid-template-columns: 4rem auto;
}
.Article.ArticleBio .Bio-productions-peryear .Bio-productions-list-year {
  text-align: center;
  color: #000;
}
.Article.ArticleBio .Bio-productions-peryear .Bio-productions-list-year.Bio-productions-list-yearActive {
  color: #ff0200;
}
.Article.ArticleBio .Bio-productions-list-Production {
  list-style: none;
  padding: 0;
}
.Article.ArticleBio .Production:after {
  content: "";
  display: table;
  clear: both;
}
.Article.ArticleBio .Production {
  margin-bottom: 1rem;
}
.Article.ArticleBio .Production .Production-title,
.Article.ArticleBio .Production .Production-details,
.Article.ArticleBio .Production .Productions-datetime,
.Article.ArticleBio .Production .Productions-venue {
  display: block;
}
.Article.ArticleBio .Production .Production-details-pw_Werktitel {
  margin: 0;
}
.Article.ArticleBio .Production .Production-details-pw_Werktitel::before {
  display: block;
  content: "";
  width: 100%;
}
.Article.ArticleBio .Production .Production-details:last-child {
  margin-bottom: 0;
}
.Article.ArticleBio .Production .Production-title {
  text-transform: uppercase;
}
.Article.ArticleBio .Production .Productions-datetime,
.Article.ArticleBio .Production .Productions-venue {
  color: #999;
}
.Article.ArticleBio .Production .Productions-datetime .Icon,
.Article.ArticleBio .Production .Productions-venue .Icon {
  opacity: 0.65;
}
.Article.ArticleBio .Production .Productions-datetime + ._c_comma {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Article.ArticleBio .Production .Productions-venue {
  margin-bottom: 0.5rem;
}
.Article.ArticleBio .Bio-productions-listActive .Production .Production-title {
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  .Article.ArticleBio .Article-body-wrapper {
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
  }
  .Article.ArticleBio .Article-body-wrapper .Article-body {
    grid-row: auto;
    grid-column: 1;
    max-width: none;
  }
  .Article.ArticleBio .Article-body-wrapper .Article-body.Bio-productions {
    grid-row: 1/4;
    grid-column: 3;
  }
  .Article.ArticleBio .Bio-productions-peryear {
    display: grid;
    grid-template-columns: 1fr 7fr;
  }
}
@media only screen and (min-width: 1366px) {
  .Article.ArticleBio .Production .Production-title,
  .Article.ArticleBio .Production .Production-details,
  .Article.ArticleBio .Production .Productions-datetime,
  .Article.ArticleBio .Production .Productions-venue {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .Article.ArticleBio .Production .Productions-datetime {
    width: auto;
    max-width: 33%;
  }
  .Article.ArticleBio .Production .Productions-venue {
    float: right;
    max-width: 64%;
    margin-bottom: 0;
  }
}

.SectionArtists .Artists-index a {
  display: inline-block;
  margin-right: 0.8em;
}
.SectionArtists ol {
  list-style-type: none;
  padding-left: 0;
}

.Figure.FigureMap {
  position: relative;
  height: 55vh;
  overflow: hidden;
}
.Figure.FigureMap .Figure-Src {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}

.Section.SectionVenues .Article-body {
  max-width: none;
}
.Section.SectionVenues .Venues-addresses-wrapper {
  max-width: 1314px;
  margin: 0 auto;
  padding: 0 8px;
}
.Section.SectionVenues .Menu-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}
.Section.SectionVenues .Menu-list-item {
  margin: 0 1em 0.25em 0;
}
.Section.SectionVenues .Menu-list-item:last-item {
  margin-right: 0;
}
.Section.SectionVenues .Venues-locations {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item {
  margin-bottom: 1rem;
  padding: 0 0 0.5em;
  border-bottom: 1px solid #000;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-latlong {
  display: none;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-name,
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-address,
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-url {
  display: block;
  padding: 0 0 0 1.75em;
  margin-bottom: 0.3333333333rem;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-name {
  position: relative;
  text-transform: uppercase;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-name::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.6em;
  width: 1.5em;
  outline: 0;
  background: transparent url("/images/Icon-MarkerMap.png") no-repeat 0 0;
  background-size: contain;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-name:hover,
.Section.SectionVenues .Venues-locations .Venues-locations-item .Venues-locations-item-address:hover {
  cursor: pointer;
  text-decoration: underline;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item a.Venues-locations-item-url:link, .Section.SectionVenues .Venues-locations .Venues-locations-item a.Venues-locations-item-url:visited {
  color: inherit;
  text-decoration: none;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item a.Venues-locations-item-url:hover, .Section.SectionVenues .Venues-locations .Venues-locations-item a.Venues-locations-item-urlactive {
  text-decoration: underline;
  background: #fff;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item._js_is-active {
  color: #ff0200;
}
.Section.SectionVenues .Venues-locations .Venues-locations-item._js_is-active .Venues-locations-item-name::before {
  top: 0.35em;
  height: 1.9em;
  background-image: url("/images/Icon-MarkerMap-bling.png");
}
@media only screen and (min-width: 768px) {
  .Section.SectionVenues .Venues-locations .Venues-locations .Venues-locations-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    padding: 0.5rem 0.3333333333rem 0.3333333333rem;
  }
  .Section.SectionVenues .Venues-locations .Venues-locations .Venues-locations-item .Venues-locations-item-address {
    padding: 0 1rem;
  }
  .Section.SectionVenues .Venues-locations .Venues-locations .Venues-locations-item .Venues-locations-item-name::before {
    top: 0.55em;
  }
  .Section.SectionVenues .Venues-locations .Venues-locations .Venues-locations-item .Venues-locations-item-name,
  .Section.SectionVenues .Venues-locations .Venues-locations .Venues-locations-item .Venues-locations-item-address {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
  .Section.SectionVenues .Venues-locations .Venues-locations .Venues-locations-item a.Venues-locations-item-url {
    margin-left: 4rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .Section.SectionVenues .Venues-locations .Venues-addresses-wrapper {
    padding: 0 50px;
  }
}
.Section.SectionVenues.SectionVenuesFiltered header.Article-hd h2.h2-ext {
  margin: 1rem 0;
}
.Section.SectionVenues.SectionVenuesFiltered .Article-hd .Filtered-taglist {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}
.Section.SectionVenues.SectionVenuesFiltered .Filtered-taglist-item {
  display: block;
}
.Section.SectionVenues.SectionVenuesFiltered .Filtered-taglist-item a {
  display: block;
  font-size: 0.92em;
  margin: 0 1rem 0.3333333333rem 0;
  padding: 0 0.75em;
  height: 1.75em;
  line-height: 1.5;
  border: 1px solid #eee;
  border-radius: 0.75em;
  background-color: #eee;
  text-decoration: none;
}
.Section.SectionVenues.SectionVenuesFiltered .Filtered-taglist-item a:hover {
  border-color: #999;
  background-color: #999;
}
.Section.SectionVenues.SectionVenuesFiltered .Filtered-taglist-item a:active, .Section.SectionVenues.SectionVenuesFiltered .Filtered-taglist-item a:focus {
  border-color: #ff0200;
  background-color: #ff0200;
  color: #fff;
}
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-name:hover,
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-address:hover {
  cursor: pointer;
  text-decoration: none;
}
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-number {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-venue,
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-address,
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-links,
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-link {
  display: block;
  margin: 0;
  padding: 0 0 0 1.75em;
}
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item p.Venues-locations-item-address {
  margin-bottom: 0.3333333333rem;
}
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-links {
  margin-top: 0.3333333333rem;
}
.Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item .Venues-locations-item-links .Venues-locations-item-link {
  display: inline-block;
  margin-right: 1rem;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .Section.SectionVenues.SectionVenuesFiltered .Venues-wrapper {
    display: flex;
  }
  .Section.SectionVenues.SectionVenuesFiltered .Venues-map-wrapper,
  .Section.SectionVenues.SectionVenuesFiltered .Figure.FigureMap,
  .Section.SectionVenues.SectionVenuesFiltered .Venues-addresses-wrapper {
    flex: 0 0 50%;
    height: 75vh;
    overflow: hidden;
  }
  .Section.SectionVenues.SectionVenuesFiltered .Venues-addresses-wrapper {
    overflow-y: scroll;
  }
  .Section.SectionVenues.SectionVenuesFiltered .Venues-locations .Venues-locations-item {
    display: block;
    padding-bottom: 0.3333333333rem;
  }
}

.Form.FormSearchTop {
  height: 18px;
  margin-bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.Form.FormSearchTop .jscomp-toggle-block {
  display: block;
  height: 18px;
  width: 18px;
  overflow: hidden;
  white-space: nowrap;
}
.Form.FormSearchTop .jscomp-toggle-block.jscomp-toggle-block-is-open {
  height: 18px;
  width: 1px;
  text-indent: 123%;
  overflow: hidden;
}
.Form.FormSearchTop .jscomp-toggle-block img {
  width: 100%;
}
.Form.FormSearchTop .FormSearchTop-inputs {
  display: flex;
  height: 19px;
  width: 1px;
  overflow: hidden;
  padding-left: 0.5em;
}
.Form.FormSearchTop .FormSearchTop-inputs.jscomp-toggle-block-visible {
  height: 19px;
  width: auto;
  overflow: visible;
}
.Form.FormSearchTop .FormSearchTop-inputSearch {
  display: inline-block;
  height: 16px;
  line-height: 1;
  margin: 0 0.5rem 0 0;
  padding: 0 0.25em;
  outline: 1px solid #000;
  border: 0;
  transition: outline 200ms ease-in-out;
}
.Form.FormSearchTop .FormSearchTop-inputSearch:focus {
  outline: 1px solid #ff0200;
  border: 0;
}
.Form.FormSearchTop .FormSearchTop-inputSubmit {
  display: inline-block;
  height: 18px;
  width: 18px;
  overflow: hidden;
  border: 0;
  outline: 0;
}

.Form.FormSearchMain {
  padding: 1rem 0 0.3333333333rem;
}
.Form.FormSearchMain .Input.FormSearchMain-inputSearch {
  width: calc(100% - 2.6em - 4px);
  height: 2.6em;
  font-size: 1em;
  font-size: 16px;
  line-height: 1.375;
  font-family: "Praxis Next W01 Regular";
  font-weight: 400;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .Form.FormSearchMain .Input.FormSearchMain-inputSearch {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 1366px) {
  .Form.FormSearchMain .Input.FormSearchMain-inputSearch {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
.Form.FormSearchMain .Input.FormSearchMain-inputSubmit {
  position: absolute;
  display: block;
  background: #fff;
  top: 0;
  right: 0;
  height: 1.4em;
  width: 1.4em;
  padding: 0.6em;
}
.Form.FormSearchMain .FormSearchMain-dropdown {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Form.FormSearchMain mark {
  background: #eee;
}

@media only screen and (min-width: 1024px) {
  .Form.FormSearchMain {
    padding: 0 0 0.5rem;
  }
  .Form.FormSearchMain .Input.FormSearchMain-inputSearch {
    width: calc(100% - 3.6em - 4px);
    height: 2em;
  }
  .Form.FormSearchMain .Input.FormSearchMain-inputSubmit {
    top: 0.5em;
    right: calc(3.6em + 1px);
    height: 1.4em;
  }
}
.Filter-wrapper {
  background: #eee;
}

.Filter {
  max-width: 1314px;
  margin: 0 auto;
  padding: 0 8px;
}

.Form.Filter-form {
  max-width: 100%;
}
.Form.Filter-form legend {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Form.Filter-form .label[for^=filter_search],
.Form.Filter-form .label[for^=filter_artist],
.Form.Filter-form .label[for^=filter_venue] {
  display: block;
}
.Form.Filter-form .label[for^=filter_search] span,
.Form.Filter-form .label[for^=filter_artist] span,
.Form.Filter-form .label[for^=filter_venue] span {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .Filter {
    padding: 1rem 50px 0;
  }
  .Form.Filter-form .Form-fieldset {
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
  }
  .Form.Filter-form .Form-fieldset .Form-fieldSelect {
    top: 6px;
  }
  .Form.Filter-form .Form-fieldset .label[for^=filter_search],
  .Form.Filter-form .Form-fieldset .label[for^=filter_artist],
  .Form.Filter-form .Form-fieldset .label[for^=filter_venue] {
    padding-right: 2rem;
  }
}
.Pagination {
  max-width: 1314px;
  margin: 0 auto 2rem;
  padding: 0 8px;
}

.Pagination-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none none outside;
  margin: 0;
  padding: 0;
}
.Pagination-list .page-item {
  padding: 1rem;
}
.Pagination-list .page-item:last-child .page-link {
  text-decoration: none;
}
.Pagination-list .page-item.page-item.active .page-link {
  color: #ff0200;
  font-weight: bold;
}
.Pagination-list .page-item.page-item.disabled .page-link {
  color: #999;
}

@media only screen and (min-width: 1024px) {
  .Pagination {
    padding: 1rem 50px 0;
  }
}
.settings {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: monospace;
  font-size: 16px;
  border: 2px dotted green;
}

.settings__separation {
  height: 1px;
  background-color: green;
  margin: 5px;
}

.settings__label {
  margin: 2px 5px;
}

.settings__input {
  width: 90px;
  font-family: monospace;
}

.slider {
  background-color: #e6e6e6;
  border-radius: 3px;
}

.slider__tongue {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: -1;
}

.slider__bar {
  position: absolute;
  border-radius: 3px;
  cursor: pointer;
}

.slider__bar-empty {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.slider__handle {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.slider__tip {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  font-weight: 700;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  outline: none;
}

.slider__tip:before {
  content: attr(data-value);
}

.slider__tip--extended:before {
  content: attr(data-extendedValue);
}

.slider--horizontal {
  height: 8px;
}

.slider--horizontal .slider__bar {
  width: 150px;
  height: 8px;
  bottom: 30px;
}

.slider--horizontal .slider__handle {
  top: 25px;
  left: 135px;
}

.slider--horizontal .slider__tip {
  padding: 2px 5px;
  top: -33px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.slider--horizontal .slider__tongue {
  bottom: -5px;
  left: 50%;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 14px solid inherit;
  -webkit-transform: rotate(180deg) translate(50%);
  -ms-transform: rotate(180deg) translate(50%);
  transform: rotate(180deg) translate(50%);
}

.slider--horizontal .slider__scale {
  margin-top: 10px;
  position: absolute;
  width: 100%;
}

.slider--vertical {
  height: 250px;
  width: 8px;
}

.slider--vertical .slider__bar {
  width: 8px;
  height: 150px;
  bottom: 0;
}

.slider--vertical .slider__handle {
  bottom: 135px;
  left: 4px;
}

.slider--vertical .slider__tip {
  padding: 2px 5px;
  top: 0;
  left: 40px;
}

.slider--vertical .slider__tongue {
  left: -2%;
  top: 56%;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 14px solid inherit;
  -webkit-transform: rotate(-90deg) translate(50%, -50%);
  -ms-transform: rotate(-90deg) translate(50%, -50%);
  transform: rotate(-90deg) translate(50%, -50%);
}

.slider--vertical .slider__scale {
  position: absolute;
  bottom: 0;
  left: -30px;
}

.slider--green .slider__bar, .slider--green .slider__handle, .slider--green .slider__tip {
  background-color: #3abe8c;
}

.slider--green .slider__tongue {
  border-bottom: 14px solid #3abe8c;
}

.slider--red .slider__bar, .slider--red .slider__handle, .slider--red .slider__tip {
  background-color: #d84d4d;
}

.slider--red .slider__tongue {
  border-bottom: 14px solid #d84d4d;
}

.wrapper-slider {
  position: relative;
}

.wrapper-slider--horizontal {
  padding-top: 46px;
  padding-bottom: 30px;
}

.scale {
  position: relative;
}

.scale__value {
  position: absolute;
  font-family: monospace;
  font-weight: 700;
  color: #8a8faa;
  cursor: pointer;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  font-size: 14px;
}

.scale__value:hover {
  color: #a8abbf;
}

div[id^=anchor] {
  width: 400px;
  margin: 50px;
}

.demo-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.slider--red .slider__bar,
.slider--red .slider__handle {
  background-color: #ff0200;
}

.slider--red .slider__tip {
  background-color: transparent;
}

.slider__bar-empty {
  background-color: transparent;
  height: 30px;
  position: relative;
  top: -15px;
}
.slider__bar-empty::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  height: 2px;
  width: 100%;
  background: #999;
}

.slider__handle {
  width: 12px;
  height: 12px;
}

.slider--horizontal .slider__handle {
  top: 35px;
}

.slider--horizontal {
  height: 2px;
}

.slider--horizontal .slider__bar {
  height: 2px;
  bottom: 30px;
}

.slider--red .slider__tongue {
  border-bottom: none;
}

.slider__tip {
  font-size: 16px;
  line-height: 1.375;
  font-family: "Praxis Next W01 Regular";
  font-weight: 400;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .slider__tip {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 1366px) {
  .slider__tip {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
.slider__tip {
  color: #ff0200;
  border: none;
  box-shadow: none;
}

.slider--horizontal .slider__tip {
  padding: 1px 3px;
}

.addui-dropMenu {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  margin: 1.5rem 0;
  width: 100%;
}
.addui-dropMenu:hover {
  border-color: #999;
  background-color: #fff;
}
.addui-dropMenu:hover .addui-dropMenu-btn {
  border-color: #999;
}
.addui-dropMenu .addui-dropMenu-btn {
  padding: 0.5rem calc(0.5rem + 2em) 0.5rem 0.5rem;
  margin: 0;
  background: transparent;
  border: 1px solid #999;
  cursor: pointer;
  vertical-align: top;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.87);
  background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #999, #999);
  background-position: calc(100% - 1em - 3px) calc(1.15em + 1px), calc(100% - 1em + 2px) calc(1.15em + 1px), calc(100% - 2em - 6px) 0em;
  background-size: 5px 5px, 5px 5px, 1px 2.75em;
  background-repeat: no-repeat;
}
.addui-dropMenu .addui-dropMenu-menu {
  display: block;
  position: absolute;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  background: #fff;
  border: 1px solid #999;
  border-top: none;
  box-shadow: 0 7px 7px 0px rgba(255, 255, 255, 0.3);
  transition: all 75ms ease-in-out;
}
.addui-dropMenu .addui-dropMenu-menu.addui-dropMenu-open {
  opacity: 1;
  pointer-events: auto;
}
.addui-dropMenu .addui-dropMenu-item {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.addui-dropMenu .addui-dropMenu-item.active {
  color: #ff0200;
}
.addui-dropMenu .addui-dropMenu-menu a {
  display: block;
  padding: 1rem;
  text-decoration: none;
}
.addui-dropMenu .addui-dropMenu-menu a:link, .addui-dropMenu .addui-dropMenu-menu a:visited, .addui-dropMenu .addui-dropMenu-menu a:hover, .addui-dropMenu .addui-dropMenu-menu a:active {
  color: inherit !important;
}
.addui-dropMenu .addui-dropMenu-menu a:hover, .addui-dropMenu .addui-dropMenu-menu a:active {
  background: #eee;
}

/*
.addui-dropMenu.addui-dropMenu-cover-true.addui-dropMenu-pin-top-left .addui-dropMenu-menu {
  top: 0;
  left: 0;
}

.addui-dropMenu.addui-dropMenu-cover-true.addui-dropMenu-pin-top-right .addui-dropMenu-menu {
  top: 8px;
  right: 8px;
}

.addui-dropMenu.addui-dropMenu-cover-true.addui-dropMenu-pin-bottom-right .addui-dropMenu-menu {
  bottom: 8px;
  right: 8px;
}

.addui-dropMenu.addui-dropMenu-cover-true.addui-dropMenu-pin-bottom-left .addui-dropMenu-menu {
  bottom: 8px;
  left: 8px;
}
*/
.addui-dropMenu.addui-dropMenu-cover-false.addui-dropMenu-pin-top-left .addui-dropMenu-menu {
  top: 100%;
  left: 0;
}

/*
.addui-dropMenu.addui-dropMenu-cover-false.addui-dropMenu-pin-top-right .addui-dropMenu-menu {
  top: calc(100% - 8px);
  right: 8px;
}

.addui-dropMenu.addui-dropMenu-cover-false.addui-dropMenu-pin-bottom-right .addui-dropMenu-menu {
  bottom: calc(100% - 8px);
  right: 8px;
}

.addui-dropMenu.addui-dropMenu-cover-false.addui-dropMenu-pin-bottom-left .addui-dropMenu-menu {
  bottom: calc(100% - 8px);
  left: 8px;
}
*/
#donate-button-container img {
  max-width: 214px;
}

._c_alert {
  color: #ff0200;
}

._c_red {
  color: #ff0200;
}

._c_black {
  color: #000;
}

._c_blue {
  color: #008ab7;
}

._c_gray {
  color: #999;
}

._c_white {
  color: #fff;
}

._c_space {
  display: inline-block;
  overflow: hidden;
  width: 0.33em;
  height: 1em;
  text-indent: 111%;
}

._c_break {
  display: block;
  clear: both;
  float: none;
  height: 0px;
  max-width: 100%;
  line-height: 0;
  overflow: hidden;
}

._c_alert {
  font: inherit;
  color: #ff0200;
  text-transform: uppercase;
}

._c_margin1 {
  margin-bottom: 1em !important;
}

.Section.SectionFestival33 {
  float: none;
  margin: 0 0 1rem 0;
}
.Section.SectionFestival33 > .h1-ext {
  margin-top: -0.3em;
}

@media only screen and (min-width: 768px) {
  .Section.SectionFestival33 > .h1-ext {
    font-size: 40px;
    line-height: 0.525;
    letter-spacing: 1.29px;
  }
  ._c_columns {
    column-count: 2;
    column-gap: 1rem;
  }
}
@media only screen and (min-width: 1480px) {
  .Section.SectionFestival33 > .h1-ext {
    font-size: 50px;
    line-height: 0.5;
    letter-spacing: 1.94px;
  }
}
/* line 6, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 11, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas, .c-offcanvas-content-wrap, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-bg.c-offcanvas-bg--push {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}

/* line 15, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas.is-open {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

/**
 * Offcanvas-content-wrap
*/
/* line 11, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/**
 * Offcanvas Panel
*/
/* line 20, ../../src/js-offcanvas.scss */
.c-offcanvas {
  position: fixed;
  min-height: 100%;
  max-height: none;
  top: 0;
  display: block;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 35, ../../src/js-offcanvas.scss */
.c-offcanvas--opening {
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}

/* line 38, ../../src/js-offcanvas.scss */
.c-offcanvas.is-closed {
  max-height: 100%;
  overflow: hidden;
  visibility: hidden;
  box-shadow: none;
}

/* line 48, ../../src/js-offcanvas.scss */
.c-offcanvas--overlay {
  z-index: 1080;
}

/* line 52, ../../src/js-offcanvas.scss */
.c-offcanvas--reveal {
  z-index: 2;
}

/**
 * Offcanvas BG-Overlay
*/
/* line 59, ../../src/js-offcanvas.scss */
.c-offcanvas-bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1079;
  left: -100%;
  background-color: transparent;
  transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

/* line 69, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
  left: 0;
  background-color: rgba(0, 0, 0, 0.68);
  visibility: visible;
}

/* line 76, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-closed {
  visibility: hidden;
}

/* line 78, ../../src/js-offcanvas.scss */
.c-offcanvas-bg--closing.is-animating {
  background: transparent;
}

/**
 * Position Left
 *
*/
/* line 88, ../../src/js-offcanvas.scss */
.c-offcanvas--left {
  height: 100%;
  width: 17em;
  transform: translate3d(-17em, 0, 0);
}

/**
 *  Position Right
 *
*/
/* line 117, ../../src/js-offcanvas.scss */
.c-offcanvas--right {
  height: 100%;
  width: 17em;
  right: 0;
  transform: translate3d(17em, 0, 0);
}

/**
 * Position Top
 *
*/
/* line 129, ../../src/js-offcanvas.scss */
.c-offcanvas--top {
  left: 0;
  right: 0;
  top: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, -12.5em, 0);
}

/**
 * Position Bottom
 *
*/
/* line 139, ../../src/js-offcanvas.scss */
.c-offcanvas--bottom {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, 12.5em, 0);
}

/**
 * Reveal
 *
*/
/* line 148, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/* line 71, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(17em, 0, 0);
}

/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/* line 166, ../../src/js-offcanvas.scss */
.c-offcanvas--reveal {
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

/* line 87, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
  transform: translate3d(17em, 0, 0);
}

/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/**
 * Push
 *
*/
/* line 192, ../../src/js-offcanvas.scss */
.c-offcanvas--push {
  z-index: 6;
}

/* line 194, ../../src/js-offcanvas.scss */
.c-offcanvas--push--opening {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* line 198, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/* line 71, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(17em, 0, 0);
}

/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/* line 87, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
  transform: translate3d(17em, 0, 0);
}

/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

#nav.c-offcanvas {
  opacity: 0;
  padding: 0 8px 1rem 8px;
  transition: all 75ms ease-in-out;
  background: #fff url("/images/Logo.png") no-repeat 8px 1rem;
  background-size: 33.3333vw;
}

#nav.c-offcanvas.is-open {
  opacity: 1;
}

.c-offcanvas--closing,
.c-offcanvas--opening {
  background: #fff;
  visibility: visible;
}

.c-offcanvas--right {
  z-index: 98;
  width: 100%;
  left: 0;
  background: #fff;
}

.js-offcanvas-trigger {
  display: block;
  position: fixed;
  z-index: 100;
  right: 8px;
  top: 8px;
  width: auto;
  height: auto;
  outline: 0;
  border: 0;
  padding: 8px;
  background: #fff;
}
.js-offcanvas-trigger:hover {
  border: 0;
}
.js-offcanvas-trigger b {
  display: block;
  position: relative;
  top: 0;
  width: 28px;
  height: 3px;
  background: #000;
  margin-bottom: 6px;
  transition: all ease-in-out 250ms;
}
.js-offcanvas-trigger b:nth-of-type(3) {
  margin: 0;
}
.js-offcanvas-trigger.is-active {
  background: #fff;
}
.js-offcanvas-trigger.is-active b {
  background: #000;
}
.js-offcanvas-trigger.is-active b:nth-of-type(1) {
  transform: rotate(45deg);
  top: 9px;
}
.js-offcanvas-trigger.is-active b:nth-of-type(3) {
  transform: rotate(-45deg);
  top: -9px;
}
.js-offcanvas-trigger.is-active b:nth-of-type(2) {
  opacity: 0;
}

.c-offcanvas-bg.is-closed {
  background: #000;
  opacity: 0;
  transition: opacity 1000ms ease-in-out;
}

.c-offcanvas-bg {
  opacity: 0.15;
  transition: opacity 1000ms ease-in-out;
}

.c-offcanvas-bg,
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
  z-index: 97;
}

.c-offcanvas--right {
  width: 100vw;
  height: auto;
  min-height: auto;
  max-height: 100vh;
  transform: translate3d(100vw, 0, 0);
}

@media only screen and (min-width: 1024px) {
  #navTop {
    opacity: 1;
  }
  .js-offcanvas-trigger b {
    display: none;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-track {
  padding: 72px 0;
}

.slick-center {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
  transition: all 500ms;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../js/slick/fonts/slick.eot");
  src: url("../js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../js/slick/fonts/slick.woff") format("woff"), url("../js/slick/fonts/slick.ttf") format("truetype"), url("../js/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #ff0200;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.Slider.SliderHome {
  background: #fff;
}
.Slider.SliderHome .slick-slide {
  height: 1px;
  padding-bottom: 55vw;
  margin: 0;
  background: rgba(0, 0, 0, 0.025);
}
.Slider.SliderHome .slick-track {
  padding: 0;
}
.Slider.SliderHome .slick-dots {
  position: abolute;
  z-index: 1;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.Slider.SliderHome .slick-dots > li {
  flex: auto;
  height: 8px;
  margin-right: 1rem;
  overflow: hidden;
  text-indent: 345%;
  white-space: nowrap;
  background: #fff;
  opacity: 0.6;
  transition: all ease-in-out 750ms;
}
.Slider.SliderHome .slick-dots > li:last-child {
  margin-right: 0;
}
.Slider.SliderHome .slick-dots > li:hover {
  opacity: 1;
}
.Slider.SliderHome .slick-dots > li.slick-active {
  background: #ff0200;
  opacity: 1;
}
.Slider.SliderHome .slick-dots > li button:before {
  color: rgba(255, 255, 255, 0) !important;
}
.Slider.SliderHome .Figure {
  position: relative;
}
.Slider.SliderHome .Figure .h1-ext {
  position: absolute;
  top: 1rem;
  left: 1rem;
  text-shadow: none;
  text-align: left;
  color: #ff0200;
}
.Slider.SliderHome .Figure .h1-ext b {
  color: #fff;
  font: inherit;
}
.Slider.SliderHome .Figure .h1-ext i {
  color: #000;
  font: inherit;
}
.Slider.SliderHome .Figure .h1-ext em {
  color: #999;
  font: inherit;
}
.Slider.SliderHome .Figure .Figure-caption {
  color: #fff;
  bottom: 3rem;
  text-shadow: 0 0 1px #000;
  background: transparent;
}

@media only screen and (min-width: 1024px) {
  .Slider.SliderHome .slick-slide {
    padding-bottom: 50vw;
  }
  .Slider.SliderHome .slick-dots > li {
    height: 12px;
  }
}
@media only screen and (min-width: 1366px) {
  .Slider.SliderHome .slick-slide {
    padding-bottom: 80vh;
  }
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../js/slick/fonts/slick.eot");
  src: url("../js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../js/slick/fonts/slick.woff") format("woff"), url("../js/slick/fonts/slick.ttf") format("truetype"), url("../js/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #ff0200;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.SectionListSearch-tablist {
  display: flex;
  list-style: none;
  margin-bottom: 2rem;
  padding: 1rem 0;
}

.SectionListSearch-tablist-item {
  margin-right: 2rem;
  padding: 0 0.3333333333rem 0.3333333333rem;
  padding: 0 0 0.3333333333rem;
  border-bottom: 3px solid #fff;
}
.SectionListSearch-tablist-item a:link, .SectionListSearch-tablist-item a:visited {
  text-decoration: none;
  color: #999;
}
.SectionListSearch-tablist-item a:hover, .SectionListSearch-tablist-item a:active {
  color: #000;
  outline: 0;
}
.SectionListSearch-tablist-item:hover {
  border-color: #999;
}
.SectionListSearch-tablist-item.active {
  color: #ff0200;
  border-color: #ff0200;
}
.SectionListSearch-tablist-item.active a:link, .SectionListSearch-tablist-item.active a:visited, .SectionListSearch-tablist-item.active a:hover, .SectionListSearch-tablist-item.active a:active {
  color: #ff0200;
}

.SectionListSearch-resultinfo {
  position: relative;
  top: -1rem;
  font-size: 14px;
  color: #999;
}

@media only screen and (min-width: 1024px) {
  .SectionListSearch-tablist {
    margin-bottom: 2rem;
  }
}
.Events-list {
  list-style: none;
  padding: 0;
}

.Events-list-hd {
  color: #000;
}

.Events-list-item:last-child {
  margin-bottom: 1.5rem;
}

.Events-bd.yearActive .Events-list-hd,
.Events-bd.yearActive .Event-title {
  color: #ff0200;
}

.Event {
  position: relative;
  padding: 0.5rem 0;
  border-bottom: 1px solid #000;
}
.Event .Event-datetime,
.Event .Event-venue,
.Event .Event-title,
.Event .Event-more {
  display: inline-block;
  width: 100%;
  color: #999;
}
.Event .Event-title {
  text-transform: uppercase;
}
.Event ._c_comma {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.Event > .Event-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: 111%;
}

@media only screen and (min-width: 1024px) {
  .Event {
    display: grid;
    grid-template-columns: 11rem calc(50% - 5.5rem) calc(50% - 5.5rem);
  }
  .Event .Event-datetime,
  .Event .Event-venue,
  .Event .Event-title {
    width: auto;
    margin-right: 0.5rem;
  }
}
.ArticleVenue .Article-hd {
  font-family: "Praxis Next W01 Regular";
  font-size: 24px;
  line-height: 0.9230769231;
  font-weight: normal;
  font-style: normal;
  color: #ff0200;
}
@media only screen and (min-width: 1024px) {
  .ArticleVenue .Article-hd {
    font-size: 64px;
    line-height: 0.9411764706;
  }
}
.ArticleVenue .Article-hd {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: 1fr 50px 3fr;
  margin-bottom: 2rem;
}
.ArticleVenue .Article-hd .Venues-map-wrapper,
.ArticleVenue .Article-hd .header-wrapper {
  font-size: 16px;
  line-height: 1.375;
  font-family: "Praxis Next W01 Regular";
  font-weight: 400;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .ArticleVenue .Article-hd .Venues-map-wrapper,
  .ArticleVenue .Article-hd .header-wrapper {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 1366px) {
  .ArticleVenue .Article-hd .Venues-map-wrapper,
  .ArticleVenue .Article-hd .header-wrapper {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
.ArticleVenue .Venues-map-wrapper .FigureMap {
  height: 1px;
  padding-bottom: 100%;
  overflow: hidden;
}
.ArticleVenue .header-wrapper {
  grid-column: 3;
}
.ArticleVenue .Venue-a11y {
  position: relative;
  left: -5px;
}
.ArticleVenue .Article-body.Production-Events {
  max-width: none;
}
.ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-bd .Production-meta {
  grid-template-columns: 1fr 1fr 2fr 2fr;
}
.ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-figure *, .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction * {
  font-size: 16px;
  line-height: 1.375;
  font-family: "Praxis Next W01 Regular";
  font-weight: 400;
  font-style: normal;
  color: #000;
}
@media only screen and (min-width: 1024px) {
  .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-figure *, .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction * {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 1366px) {
  .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-figure *, .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction * {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
.ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-figure .Teaser-hd, .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-hd {
  display: block;
  margin: 0;
  padding: 0;
}
.ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-figure .hd-sub, .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .hd-sub {
  margin: 0;
  padding: 0;
}
.ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .Teaser-figure .hd, .ArticleVenue .Article-body.Production-Events .Section.SectionMoreevents .Moreevents-productions .TeaserProduction .hd {
  margin: 0;
  padding: 0;
}