@import url("https://fonts.googleapis.com/css?family=Poiret+One");
* {
  box-sizing: border-box; }

#page-wrap, #page-wrap #content .TOC h4, #page-wrap #content .TOC h5, #page-wrap #content .TOC h6, #page-wrap #content .TOC h3 .marker, #page-wrap #content .TOC h1 .role, #page-wrap #content .TOC.locations > div a {
  font-family: verdana, sans;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal; }

.f1, #page-wrap #content .caption .copyright, #page-wrap #content .TOC footer, #page-wrap #content .TOC span.venue-name, #page-wrap #content .TOC h6 .time-in-header, #page-wrap #content .TOC .entry-small .venue a, #page-wrap #content .TOC .right02, #page-wrap #content .TOC .right03 {
  font-size: 10px;
  margin-top: 3px;
  font-weight: normal; }

#page-wrap #main-nav .language a,
#page-wrap #main-nav .network a,
#page-wrap #main-nav .home-link, #mobile-nav #mobileLanguageNav {
  font-size: 1.3em;
  font-family: "Poiret One", cursive;
  text-decoration: none;
  text-transform: lowercase;
  color: var(--OFS2); }

#page-wrap h1 {
  font-family: "Poiret One", cursive;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.2em; }
#page-wrap h2 {
  font-family: "Poiret One", cursive;
  font-size: 35px;
  font-weight: normal;
  line-height: 1.2em; }
#page-wrap h3 {
  font-family: "Poiret One", cursive;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.2em; }
#page-wrap h4 {
  font-family: georgia, serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 1.2em; }
#page-wrap h5 {
  font-family: georgia, serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2em; }
#page-wrap h6 {
  font-family: georgia, serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em; }
#page-wrap #content h1, #page-wrap #content h2, #page-wrap #content h3, #page-wrap #content h4, #page-wrap #content h5, #page-wrap #content h6 {
  margin-top: 1.3em; }
#page-wrap #content .item:first-child h1:first-child, #page-wrap #content .item:first-child h1:nth-child(2), #page-wrap #content .item:first-child h2:first-child, #page-wrap #content .item:first-child h2:nth-child(2), #page-wrap #content .item:first-child h3:first-child, #page-wrap #content .item:first-child h3:nth-child(2), #page-wrap #content .item:first-child h4:first-child, #page-wrap #content .item:first-child h4:nth-child(2), #page-wrap #content .item:first-child h5:first-child, #page-wrap #content .item:first-child h5:nth-child(2), #page-wrap #content .item:first-child h6:first-child, #page-wrap #content .item:first-child h6:nth-child(2) {
  margin-top: 0; }
#page-wrap #content .concert-info h1, #page-wrap #content .concert-info h2, #page-wrap #content .concert-info h3, #page-wrap #content .concert-info h4, #page-wrap #content .concert-info h5, #page-wrap #content .concert-info h6 {
  margin-top: 0; }
#page-wrap #content .TOC h1, #page-wrap #content .TOC h2, #page-wrap #content .TOC h3, #page-wrap #content .TOC h4, #page-wrap #content .TOC h5, #page-wrap #content .TOC h6 {
  margin-top: 0; }
#page-wrap #content .TOC h1 {
  font-family: georgia, serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.8em; }
#page-wrap #content .TOC h2 {
  font-family: georgia, serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8em; }
#page-wrap #content .TOC h3 {
  font-family: georgia, serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1em; }
#page-wrap #content .TOC h4 {
  font-weight: bold; }
#page-wrap #content .TOC h6 {
  font-weight: bold; }
#page-wrap #content .TOC h1 .role {
  margin-left: 3em; }
#page-wrap #content .TOC .entry-small {
  margin-bottom: 2em; }
#page-wrap #content .TOC.locations > div {
  margin-bottom: 1.5em; }
  #page-wrap #content .TOC.locations > div h3 {
    margin-bottom: 0.2em;
    margin-top: 1.3em; }
#page-wrap #content .TOC.events footer {
  margin-top: 6px; }
#page-wrap #content .TOC.events .right02 {
  display: inline-block;
  position: relative;
  top: 0px; }
#page-wrap #content .TOC.concerts .entry.marker h3 {
  margin-top: 2px; }
#page-wrap #content .TOC .entry.concert.toc {
  margin-top: 6px; }
#page-wrap #content .TOC .entry.concert.archive
h3 {
  margin-bottom: 3px;
  margin-top: 2px; }
#page-wrap #main-nav {
  font-family: verdana, sans; }
#page-wrap #main-footer nav a {
  font-size: 12px;
  font-family: georgia, serif; }
#page-wrap .TOC.events .location, #page-wrap .TOC.concerts .location, #page-wrap .TOC.members .location {
  font-size: 10px; }
  #page-wrap .TOC.events .location .town, #page-wrap .TOC.concerts .location .town, #page-wrap .TOC.members .location .town {
    font-weight: bold; }
#page-wrap .TOC.events .date .month, #page-wrap .TOC.concerts .date .month, #page-wrap .TOC.members .date .month {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase; }
#page-wrap .TOC.events .date .day-of-month, #page-wrap .TOC.concerts .date .day-of-month, #page-wrap .TOC.members .date .day-of-month {
  font-size: 20px;
  text-align: center; }

#mobile-nav .the_list > ul:nth-child(3) {
  font-size: 0.9em; }
#mobile-nav #mobileMainNav {
  margin-top: 1.7em; }
#mobile-nav #mobileLanguageNav li {
  margin-left: 0; }

body, h1, h2, h3, h4, h5, h6, ul {
  margin: 0;
  padding: 0; }

#page-wrap {
  position: relative;
  min-height: 100vh;
  max-width: 1000px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 50px;
  display: grid;
  grid-template-columns: 200px 7fr 3fr;
  grid-template-rows: 25vw auto 4em; }
  @media only screen and (min-width: 1000px) {
    #page-wrap {
      grid-template-rows: 250px auto 4em; } }
  @media only screen and (max-width: 750px) {
    #page-wrap {
      grid-template-rows: 187px auto 4em; } }
  #page-wrap > header {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2; }
    #page-wrap > header h1 {
      width: 100%;
      overflow: hidden;
      line-height: 0%; }
      #page-wrap > header h1 img {
        width: 100%;
        min-width: 750px; }
  #page-wrap #main-nav {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-column-end: 3;
    float: left;
    width: 200px;
    margin-top: 2em;
    padding: 1em; }
    @media only screen and (max-width: 750px) {
      #page-wrap #main-nav {
        display: none; } }
    #page-wrap #main-nav ul ul {
      padding-left: 1em; }
    #page-wrap #main-nav .home-link {
      display: block;
      margin-bottom: 1em; }
    #page-wrap #main-nav .language {
      margin-top: 1em;
      margin-bottom: 4em; }
    #page-wrap #main-nav .network {
      margin-top: 2em; }
    #page-wrap #main-nav.fixed, #page-wrap #main-nav.alwaysFixed {
      position: fixed;
      top: 0px; }
  #page-wrap #platzhalter {
    display: none; }
    #page-wrap #platzhalter.fixed {
      display: block;
      height: 400px;
      width: 200px;
      float: left; }
      @media only screen and (max-width: 750px) {
        #page-wrap #platzhalter.fixed {
          display: none; } }
  #page-wrap #content {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    display: flex;
    margin-top: 2em; }
    @media only screen and (max-width: 750px) {
      #page-wrap #content {
        grid-column-start: 1; }
        #page-wrap #content #main-content, #page-wrap #content #sidebar {
          border: none; } }
    #page-wrap #content #main-content {
      width: 70%;
      border-width: 0 0 0 1px;
      padding: 0 1em 0 1em;
      margin-top: -4px; }
      #page-wrap #content #main-content.primaryWide {
        width: 100%; }
    #page-wrap #content #sidebar {
      width: 30%;
      padding: 2px 1em 0 1em;
      border-width: 0 0 0 1px; }
      #page-wrap #content #sidebar div.TOC {
        margin-top: 1em; }
      @media only screen and (max-width: 950px) {
        #page-wrap #content #sidebar {
          padding-top: 4em; } }
    @media only screen and (max-width: 950px) {
      #page-wrap #content {
        flex-direction: column; }
        #page-wrap #content #main-content, #page-wrap #content #sidebar {
          width: 100%; } }
    #page-wrap #content ul, #page-wrap #content ol {
      padding-left: 2em; }
    #page-wrap #content img.direct {
      width: 100%; }
  #page-wrap #main-footer {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    position: absolute;
    width: 100%;
    bottom: 0;
    clear: both;
    padding: 0.5em 1em; }
    @media only screen and (max-width: 750px) {
      #page-wrap #main-footer {
        display: none; } }
    #page-wrap #main-footer li {
      display: inline; }
    #page-wrap #main-footer nav {
      float: left; }
      #page-wrap #main-footer nav li {
        margin-right: 1.5em; }
        #page-wrap #main-footer nav li:last-child {
          margin-right: 0; }
      #page-wrap #main-footer nav#languages {
        float: right; }

.audio-container,
.video-container,
.content_element_image {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 750px) {
    .audio-container,
    .video-container,
    .content_element_image {
      flex-wrap: wrap; }
      .audio-container .media.portrait, .audio-container .media.landscape, .audio-container .media,
      .video-container .media.portrait,
      .video-container .media.landscape,
      .video-container .media,
      .content_element_image .media.portrait,
      .content_element_image .media.landscape,
      .content_element_image .media {
        width: 100%;
        height: auto; }
        .audio-container .media.portrait img, .audio-container .media.landscape img, .audio-container .media img,
        .video-container .media.portrait img,
        .video-container .media.landscape img,
        .video-container .media img,
        .content_element_image .media.portrait img,
        .content_element_image .media.landscape img,
        .content_element_image .media img {
          width: 100%; } }
  .audio-container.left,
  .video-container.left,
  .content_element_image.left {
    flex-direction: row;
    text-align: left; }
  .audio-container.right,
  .video-container.right,
  .content_element_image.right {
    flex-direction: row-reverse;
    text-align: right; }
  .audio-container .caption,
  .video-container .caption,
  .content_element_image .caption {
    margin: 0 1em; }
    .audio-container .caption p,
    .video-container .caption p,
    .content_element_image .caption p {
      margin: 0; }
  @media only screen and (min-width: 751px) {
    .audio-container .media.landscape,
    .video-container .media.landscape,
    .content_element_image .media.landscape {
      height: 200px; } }
  .audio-container .media.landscape img,
  .video-container .media.landscape img,
  .content_element_image .media.landscape img {
    height: 100%; }
  .audio-container .media.portrait,
  .video-container .media.portrait,
  .content_element_image .media.portrait {
    width: 200px; }
    .audio-container .media.portrait img,
    .video-container .media.portrait img,
    .content_element_image .media.portrait img {
      width: 100%; }
  .audio-container.full,
  .video-container.full,
  .content_element_image.full {
    flex-direction: column; }
    .audio-container.full .caption,
    .video-container.full .caption,
    .content_element_image.full .caption {
      margin: auto;
      text-align: left;
      width: 100%; }
    .audio-container.full .media,
    .video-container.full .media,
    .content_element_image.full .media {
      width: 100%;
      height: auto; }
  .audio-container.center,
  .video-container.center,
  .content_element_image.center {
    flex-direction: column; }
    .audio-container.center .caption,
    .video-container.center .caption,
    .content_element_image.center .caption {
      margin: auto;
      text-align: left;
      width: 75%; }
      @media only screen and (max-width: 750px) {
        .audio-container.center .caption,
        .video-container.center .caption,
        .content_element_image.center .caption {
          width: 100%; } }
    .audio-container.center .media,
    .video-container.center .media,
    .content_element_image.center .media {
      margin: 0 auto;
      width: 75%;
      height: auto; }
      .audio-container.center .media img,
      .video-container.center .media img,
      .content_element_image.center .media img {
        width: 100%;
        height: auto; }
      @media only screen and (max-width: 750px) {
        .audio-container.center .media,
        .video-container.center .media,
        .content_element_image.center .media {
          width: 100%; } }

.content_element_image.center .caption, .content_element_image.center .media {
  width: 65%; }
  @media only screen and (max-width: 750px) {
    .content_element_image.center .caption, .content_element_image.center .media {
      width: 100%; } }

.featherlight .featherlight-content {
  background: none;
  overflow: visible;
  width: min(90vw, 700px); }
  .featherlight .featherlight-content .featherlight-close-icon {
    background: none;
    top: -10px;
    right: -10px;
    color: #fff;
    font-size: 1.5em; }
  @media only screen and (max-width: 750px) {
    .featherlight .featherlight-content iframe {
      width: 100%;
      height: 100%; } }

.video-container .lightbox {
  display: none; }
@media only screen and (min-width: 751px) {
  .video-container .media {
    height: 200px;
    height: 112.5px;
    flex-basis: 200px; } }
.video-container .media img.thumbnail {
  width: 100%;
  height: 100%; }
.video-container .caption {
  flex-shrink: 100; }
  @media only screen and (min-width: 751px) {
    .video-container .caption {
      flex-basis: calc(100% - 200px); } }
.video-container .video-thumbnail {
  position: relative;
  height: 100%; }
  .video-container .video-thumbnail .play-button {
    position: absolute;
    top: 50%;
    top: calc(50% - 12px);
    left: 50%;
    left: calc(50% - 12px);
    width: 24px !important;
    height: 24px !important; }

#page-wrap #content #sidebar .content_element_image,
#page-wrap #content #sidebar .video-container,
#page-wrap #content #sidebar .image-container {
  flex-wrap: wrap; }
  #page-wrap #content #sidebar .content_element_image .media,
  #page-wrap #content #sidebar .video-container .media,
  #page-wrap #content #sidebar .image-container .media {
    width: 100%; }
  #page-wrap #content #sidebar .content_element_image .caption,
  #page-wrap #content #sidebar .video-container .caption,
  #page-wrap #content #sidebar .image-container .caption {
    flex-basis: 100%;
    margin: 0; }
    #page-wrap #content #sidebar .content_element_image .caption h1, #page-wrap #content #sidebar .content_element_image .caption h2, #page-wrap #content #sidebar .content_element_image .caption h3, #page-wrap #content #sidebar .content_element_image .caption h4, #page-wrap #content #sidebar .content_element_image .caption h5, #page-wrap #content #sidebar .content_element_image .caption h6,
    #page-wrap #content #sidebar .video-container .caption h1,
    #page-wrap #content #sidebar .video-container .caption h2,
    #page-wrap #content #sidebar .video-container .caption h3,
    #page-wrap #content #sidebar .video-container .caption h4,
    #page-wrap #content #sidebar .video-container .caption h5,
    #page-wrap #content #sidebar .video-container .caption h6,
    #page-wrap #content #sidebar .image-container .caption h1,
    #page-wrap #content #sidebar .image-container .caption h2,
    #page-wrap #content #sidebar .image-container .caption h3,
    #page-wrap #content #sidebar .image-container .caption h4,
    #page-wrap #content #sidebar .image-container .caption h5,
    #page-wrap #content #sidebar .image-container .caption h6 {
      margin-top: 0.3em; }

#mobile-nav {
  display: none;
  font-family: verdana, sans;
  font-size: 1.2em; }
  @media only screen and (max-width: 750px) {
    #mobile-nav {
      display: block; }
      #mobile-nav a.menu-toggle {
        display: block; } }
  #mobile-nav .the_list {
    display: none;
    padding: 2em; }
    #mobile-nav .the_list .home-link,
    #mobile-nav .the_list > ul:last-child {
      font-family: "Poiret One", cursive;
      font-size: 1.4em;
      margin-top: -.7em; }
      #mobile-nav .the_list .home-link a,
      #mobile-nav .the_list > ul:last-child a {
        display: inline-block;
        margin-top: 8px; }
    #mobile-nav .the_list .home-link {
      display: inline-block;
      text-transform: lowercase; }
    #mobile-nav .the_list ul {
      margin-bottom: 1.7em; }
    #mobile-nav .the_list li {
      margin: 0.5em;
      list-style: none; }
      #mobile-nav .the_list li ul {
        margin-bottom: 1em; }
    #mobile-nav .the_list a {
      text-decoration: none;
      font-weight: normal; }
    #mobile-nav .the_list .active > a {
      font-weight: bold; }
  #mobile-nav.open .the_list {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    width: 100%;
    overflow: scroll; }
  #mobile-nav a.menu-toggle {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 100;
    cursor: pointer;
    background-image: url("menu-icon_250x500.png");
    background-size: cover;
    background-position: top; }
  #mobile-nav.open a.menu-toggle {
    background-position: bottom; }

.TOC .entry {
  display: grid;
  grid-template-columns: 60px 6fr 4fr;
  grid-template-rows: auto;
  margin: 2em 0; }
  .TOC .entry::after {
    content: "";
    display: table;
    clear: both; }
  .TOC .entry > div.date {
    padding: 0 1em 2em 1em;
    display: flex;
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    float: left; }
  .TOC .entry > div.description {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2; }
  .TOC .entry > div.description, .TOC .entry > div.left {
    float: left; }
  .TOC .entry > div.right, .TOC .entry > div.location {
    float: right;
    min-width: 40%; }
  .TOC .entry > div.place {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2; }

#content .concert-info {
  margin-bottom: 4em; }
  #content .concert-info h1 {
    margin-bottom: 25px; }
  #content .concert-info h5 {
    margin-bottom: 15px; }
  #content .concert-info .time {
    float: right; }
  #content .concert-info span {
    font-weight: bold;
    color: #5e5e5e; }
    #content .concert-info span a {
      font-weight: normal; }

#background {
  position: fixed; }
  #background img {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto; }

#page-wrap #content a {
  text-decoration: underline; }
  #page-wrap #content a:hover {
    text-decoration: none; }
#page-wrap nav ul {
  padding: 0; }
  #page-wrap nav ul li {
    list-style: none; }
  #page-wrap nav ul a {
    text-decoration: none; }
  #page-wrap nav ul .away ul {
    display: none; }
#page-wrap nav li.active > a {
  font-weight: bold; }

#main-nav > ul > li {
  padding: 1em 0; }

#content hr {
  border-bottom: none; }

#main-content {
  border-style: solid; }

#sidebar {
  border-style: solid; }

.warning {
  border: 1px solid #95957d;
  border-radius: 9px;
  padding: 1em; }

.warning {
  background: rgba(255, 0, 0, 0.1);
  border-color: red; }

.video-js.audio {
  padding: 2.5em 2em 5.5em;
  background: #fff;
  border-radius: 2em;
  position: relative; }
  .video-js.audio .vjs-control-bar {
    position: relative; }
    .video-js.audio .vjs-control-bar .vjs-fullscreen-control {
      display: none !important; }

.vjs-big-play-button {
  display: none !important; }

.vjs-default-skin.vjs-user-inactive.audio .vjs-control-bar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important; }

.featherlight-content * {
  outline: none; }

#content,
#page-wrap,
#page-wrap nav ul a,
.f1,
#page-wrap #content .TOC footer,
#page-wrap #content .TOC span.venue-name,
#page-wrap #content .TOC h3 .marker,
#page-wrap #content .TOC h1 .role,
#page-wrap #content .TOC h6 .time-in-header,
#page-wrap #content .TOC .entry-small .venue a,
#page-wrap #content .TOC .right02,
#page-wrap #content .TOC .right03,
#mobile-nav .the_list a {
  color: var(--OFSText); }

#content,
#sidebar,
body,
#page-wrap #main-nav {
  background: var(--Hintergrund); }

#page-wrap #content a {
  color: var(--OFS1); }

#page-wrap #main-nav li.active > a,
#page-wrap #main-nav .network a,
#page-wrap #main-nav .language a,
#page-wrap #main-nav .home-link,
#mobile-nav .the_list .home-link,
#mobile-nav .the_list > ul:last-child,
#mobile-nav .the_list > ul:last-child a,
#mobile-nav .the_list .active > a,
#mobile-nav .the_list #mobileLanguageNav a {
  color: var(--OFS2); }

#content strong,
#content em,
#content hr,
.f1 a,
#page-wrap h4,
#page-wrap h5,
#page-wrap h6,
#page-wrap #content .caption .copyright a,
#page-wrap #content .TOC span.venue-name a,
#page-wrap #content .TOC h6 .time-in-header a,
#page-wrap #content .TOC .right02 a,
#page-wrap #content .TOC .right03 a,
#page-wrap #content .TOC footer a,
#page-wrap #content .TOC h1,
#page-wrap #content .TOC h2,
#page-wrap #content .TOC h3,
#page-wrap #content .TOC h4,
#page-wrap #content .TOC h5,
#page-wrap #content .TOC h6,
#page-wrap #content .TOC h1 a,
#page-wrap #content .TOC h2 a,
#page-wrap #content .TOC h3 a,
#page-wrap #content .TOC h4 a,
#page-wrap #content .TOC h5 a,
#page-wrap #content .TOC h6 a,
#page-wrap #content .TOC.locations > div a,
#page-wrap #main-footer nav a {
  color: var(--OFS3); }

#main-content,
#sidebar {
  border-color: var(--OFS3); }

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