@charset "UTF-8";
/*
Theme Name: Literatur
Author: Thibault Brevet
Author URI: https://www.thibault.io
Description: Literatur WP Theme.
Version: 1.01
Text Domain: literatur
*/
@font-face {
  font-family: "SLT-Icons";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/SLT-Icons/SLT-Icons-Regular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/SLT-Icons/SLT-Icons-Regular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/SLT-Icons/SLT-Icons-Regular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/SLT-Icons/SLT-Icons-Regular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/SLT-Icons/SLT-Icons-Regular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Fine-Light";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Light.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Light.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Light.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Light.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Light.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Fine-Thin";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Thin.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Thin.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Thin.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Thin.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Thin.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Fine-Regular";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Regular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Regular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Regular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Regular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Standard-Regular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Fine-Condensed-Medium";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Condensed-Medium.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Condensed-Medium.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Condensed-Medium.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Condensed-Medium.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Condensed-Medium.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Fine-Ext-Thin";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Thin.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Thin.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Thin.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Thin.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Thin.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Fine-Ext-Light";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Light.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Light.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Light.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Light.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Light.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Fine-Ext-Regular";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Regular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Regular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Regular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Regular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Fine-Extended-Regular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Ext-Light";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Extended-Light.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Extended-Light.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Extended-Light.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Extended-Light.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Extended-Light.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Light";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Regular";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Regular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Regular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Regular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Regular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Regular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Bold";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Bold.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Bold.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Bold.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Bold.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Bold.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Light-Italic";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light-Italic.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light-Italic.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light-Italic.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light-Italic.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Standard-Light-Italic.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Alpina-Typewriter-Regular";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Typewriter-Regular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Typewriter-Regular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Typewriter-Regular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Typewriter-Regular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Alpina/GT-Alpina-Typewriter-Regular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Flexa-Mono-Light";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Light.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Light.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Light.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Light.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Light.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Flexa-Mono";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Regular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Regular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Regular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Regular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexaMono-Regular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Flexa-Light";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Light.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Light.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Light.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Light.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Light.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Flexa-Regular";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Regular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Regular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Regular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Regular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-Regular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Flexa-Ext-Light";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedLight.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedLight.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedLight.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedLight.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedLight.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Flexa-Ext-Regular";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedRegular.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedRegular.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedRegular.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedRegular.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedRegular.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Flexa-Ext-Medium";
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedMedium.eot");
  src: url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedMedium.eot?#iefix") format("embedded-opentype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedMedium.woff") format("woff"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedMedium.ttf") format("truetype"), url("//www.literatur.ch/wp-content/themes/literatur/assets/fonts/GT-Flexa/GTFlexa-ExtendedMedium.svg?#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
html, body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  background-color: #F7F7F7;
  transition: background-color 0.125s ease-in-out;
}

::-moz-selection {
  background: black;
  color: #fff;
}

::selection {
  background: black;
  color: #fff;
}

@media (min-width: 1400px) {
  html, body {
    font-size: 18px;
  }
}
.resonanzraum {
  background-color: #000;
  color: #fff;
}

.black-bg {
  background-color: #000;
}

.main-name-highlight {
  text-transform: uppercase;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
}

.current-menu-item a:link,
.current-menu-item a:visited {
  color: #ADADAD !important;
}

.logos ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
}
.logos ul li {
  padding: 0 2.5rem 2rem 0;
}
.logos ul li img {
  height: 110px;
  width: auto;
}

.footer .logos ul {
  flex-flow: row wrap;
}
.footer .logos ul li {
  padding: 0 4rem 2rem 0;
}
.footer .logos ul li img {
  height: 80px;
}

.wpcf7 {
  margin: 5rem 0;
}
.wpcf7 label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.wpcf7 br {
  display: none;
}
.wpcf7 span {
  flex: 0 0 70%;
}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
  width: 100%;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #000;
  border: none;
  border: 2px solid #F7F7F7;
  border-bottom: 1px solid #000;
  background-color: #F7F7F7;
  box-shadow: none !important;
  border-radius: 0;
  padding: 0.5rem;
  box-sizing: border-box;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none !important;
  border: 2px solid #50FF93;
  box-shadow: 0;
}
.wpcf7 input[type=checkbox] {
  border: 1px solid #000 !important;
  box-shadow: none !important;
  border-radius: 0px;
}
.wpcf7 input[type=submit] {
  display: block;
  width: 40%;
  margin: 1rem auto 0;
  background-color: #50FF93;
  border: 0;
  text-transform: uppercase;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #50ff93;
  position: fixed;
  top: 35vh;
  left: 10vw;
  background: white;
  border-left: 10vw #50ff93 solid;
  width: 80vw;
  height: 30vh;
  background: #50ff93;
  font-size: 2rem;
  overflow: hidden;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

#mc_embed_signup .mc-field-group {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 0.5rem;
}
#mc_embed_signup input {
  width: 60%;
  flex: 0 0 60%;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #fff;
  border: none;
  box-shadow: none !important;
  border-radius: 0;
  padding: 0.5rem;
  background-color: #1F1F1F;
  outline: none;
  box-sizing: border-box;
}
#mc_embed_signup input[type=submit] {
  width: 40%;
  flex: 0 0 40%;
  background-color: #ADADAD;
  text-transform: uppercase;
  color: #000;
}

.social-icons {
  position: fixed;
  top: calc(50% - 60px);
  right: 0;
  padding: 1rem;
  z-index: 1000;
  display: none !important;
}
.social-icons a:link {
  display: block;
}
.social-icons svg {
  width: 40px;
  height: 40px;
  fill: #C1c1c1;
}
.social-icons svg:hover {
  fill: #DDD !important;
}

@media (max-width: 1024px) {
  .logos ul {
    display: block;
    justify-content: space-around;
    padding: 0 !important;
  }
  .logos ul li {
    padding: 1rem 0;
    text-align: center;
  }
  .logos ul li img {
    width: 60%;
    height: auto;
  }
  .wpcf7 {
    margin: 2rem 0;
  }
  .wpcf7 label {
    display: block;
  }
  .wpcf7 input,
  .wpcf7 textarea {
    margin-top: 0.5rem;
  }
  .social-icons {
    display: none;
  }
}
.header {
  position: relative;
  box-sizing: border-box;
  z-index: 10000;
}
.header .header-small {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  text-align: left;
  margin: 0 0.75rem;
  font-weight: normal;
  line-height: 0.9;
  font-family: "GT-Alpina-Ext-Light", sans-serif;
  z-index: 10;
  transition: left 0.5s ease-in-out, bottom 0.5s ease-in-out, font-size 0.5s ease-in-out;
  text-transform: uppercase;
  line-height: 0.9em;
  font-feature-settings: "ss01";
  letter-spacing: -0.04em;
}
.header .header-small a:link,
.header .header-small a:visited {
  color: #000;
  text-decoration: none;
}
.header .nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-family: "GT-Flexa-Light", sans-serif;
  font-size: 0.875rem;
  text-align: center;
}
.header .nav.nav-top {
  background-color: #fff;
  transition: filter 0.25s ease-in-out;
}
.header .nav a:link,
.header .nav a:visited {
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
}
.header .nav ul {
  list-style: none;
  margin: 0;
  padding: 1rem;
}
.header .nav ul li {
  display: inline-block;
  padding: 0 1rem;
}
.header .nav ul.nav-main-streams li {
  text-transform: uppercase;
  border-radius: 2rem;
  box-sizing: border-box;
  border: 1px solid #000;
  padding: 0.25rem 2rem;
  margin: -0.25rem 0.5rem;
}
.header .nav ul.nav-main-streams li:first-child {
  border: 0;
}
.header .nav ul.nav-main-streams li:hover, .header .nav ul.nav-main-streams li.nav-main-streams-active {
  background-color: #666666;
  cursor: pointer;
}
.header .nav .parent-menu-item {
  display: none;
}
.header .nav .nav-burger {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #000;
  padding: 1rem;
  box-sizing: border-box;
  color: #fff;
  padding-right: 5rem;
}
.header .nav .nav-burger svg {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 3rem;
  height: 1rem;
}
.header .nav .nav-burger:hover {
  cursor: pointer;
}
.header .nav .nav-lang {
  position: absolute;
  right: 100%;
  bottom: 0;
  text-align: right;
  white-space: nowrap;
}
.header .nav .nav-lang ul li {
  padding: 0 0.5rem;
}
.header .nav .nav-lang a:link,
.header .nav .nav-lang a:visited {
  text-transform: lowercase;
}

.nav-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  padding: 5rem;
  box-sizing: border-box;
  z-index: 100000;
}
.nav-modal .nav-header-small {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.875rem;
  margin: 0.8rem;
  font-weight: normal;
  line-height: 0.9;
  font-family: "GT-Alpina-Ext-Light", sans-serif;
}
.nav-modal .nav-header-small a:link,
.nav-modal .nav-header-small a:visited {
  color: #fff;
  text-decoration: none;
  font-size: 0.875rem;
}
.nav-modal .nav-row {
  display: flex;
  flex-flow: row nowrap;
}
.nav-modal .nav-row .nav-col {
  flex: 0 0 33.333%;
  padding: 1rem;
  box-sizing: border-box;
}
.nav-modal .nav-row .nav-col-2 {
  flex: 0 0 50%;
  padding: 1rem;
  box-sizing: border-box;
}
.nav-modal .nav-row .nav-col-2 .nav-stream {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 2px solid #fff;
  box-sizing: border-box;
  padding: 1rem 0;
  height: 100px;
}
.nav-modal .nav-row .nav-col-2 .nav-stream.nav-stream-double {
  height: calc(200px + 2rem);
}
.nav-modal .nav-row .nav-col-2 .nav-stream.nav-stream-buffer {
  margin-bottom: 2rem;
}
.nav-modal .nav-row .nav-col-2 .nav-stream a:link {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-size: 3rem;
  color: #F7F7F7;
  text-align: center;
  line-height: 0.8;
}
.nav-modal .nav-row .nav-col-2 .nav-stream .nav-stream-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  padding: 0.5rem;
  box-sizing: border-box;
}
.nav-modal .nav-row .nav-col-2 .nav-stream .nav-stream-icon svg {
  width: 70px;
  height: 70px;
}
.nav-modal .nav-row .nav-col-2 .nav-stream .nav-stream-status {
  position: absolute;
  bottom: calc(100% + 0.5rem);
  left: 0;
  color: #00FFFF;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  text-transform: uppercase;
}
.nav-modal .nav-row .nav-col-2 .nav-stream .nav-stream-small {
  font-size: 2rem;
}
.nav-modal .nav-row.nav-mobile {
  display: none;
}
.nav-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-modal ul li {
  padding: 0;
}
.nav-modal a:link,
.nav-modal a:visited {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 2.5rem;
  font-family: "GT-Alpina-Fine-Ext-Thin", sans-serif;
}
.nav-modal h3 {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-weight: normal;
  font-size: 0.875rem;
  color: #ADADAD;
}
.nav-modal .nav-close {
  color: #ADADAD;
  font-size: 5rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  box-sizing: border-box;
}
.nav-modal .nav-close:hover {
  cursor: pointer;
}

@media (max-width: 1024px) {
  .header .header-small {
    margin: 0 0.5rem;
  }
  .header .nav ul {
    padding: 0.5rem;
    height: 2rem;
  }
  .header .nav ul li {
    display: none;
  }
  .nav-modal {
    padding: 3rem 1rem;
  }
  .nav-modal .nav-row {
    display: block;
  }
  .nav-modal .nav-row .nav-col {
    padding: 0 0 1rem;
  }
  .nav-modal .nav-row .nav-col-2 {
    flex: 0 0 100%;
    padding: 0.5rem;
  }
  .nav-modal .nav-row .nav-col-2 .nav-stream {
    padding: 1rem;
    box-sizing: border-box;
  }
  .nav-modal .nav-row .nav-col-2 .nav-stream a:link {
    font-size: 2rem;
    line-height: 1;
  }
  .nav-modal .nav-row .nav-col-2 .nav-stream .nav-stream-icon,
  .nav-modal .nav-row .nav-col-2 .nav-stream .nav-stream-status {
    display: none;
  }
  .nav-modal .nav-row .nav-col-2 .nav-stream.nav-stream-double {
    height: calc(150px + 2rem);
  }
  .nav-modal .nav-row.nav-mobile {
    display: block;
  }
  .nav-modal a:link,
  .nav-modal a:visited {
    font-size: 1.5rem;
  }
  .nav-modal .nav-close {
    font-size: 3rem;
  }
}
.main {
  position: relative;
  /*
  .main-landing-links {
  	font-family: $GTAlpinaFineExtLight;
  	font-size: $mainXL;
  	text-shadow: 0 0 30px #00FFFF;

  	ul {
  		list-style: none;
  		margin: 0;
  		padding: 5rem 0;
  		text-align: center;
  		line-height: 1;

  		a:link,
  		a:visited {
  			color: #FF495A;
  			text-decoration: none;
  			text-transform: uppercase;
  		}
  	}
  }
  */
}
.main .landing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  overflow: hidden;
  /*
  .landing-border-4 {
  	top: 0;
  	left: 3rem;
  	width: calc(100% - 6rem);
  	height: 100%;
  	border-left: 1rem solid #0014FF;
  	border-right: 1rem solid #0014FF;
  }
  */
}
.main .landing .landing-border-1,
.main .landing .landing-border-2,
.main .landing .landing-border-3 {
  position: absolute;
  top: 0;
  height: 100%;
  box-sizing: border-box;
}
.main .landing .landing-border-1 {
  left: 0;
  width: 100%;
  border: 1rem solid #908791;
}
.main .landing .landing-border-2 {
  left: 1rem;
  width: calc(100% - 2rem);
  border: 1rem solid #FF3AD4;
}
.main .landing .landing-border-3 {
  left: 2rem;
  width: calc(100% - 4rem);
  border: 1rem solid #E30000;
}
.main.main-landing-bg {
  /* background-image: url('assets/img/bg.svg'); */
  background-attachment: fixed;
  background-size: 100% 100%;
  padding: 0 0 3rem;
}
.main .main-landing {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  z-index: 10;
}
.main .main-landing .main-header-big {
  position: relative;
  top: 1rem;
  left: 0;
  width: 100%;
  font-size: 10vw;
  text-align: center;
  margin: 0;
  font-weight: normal;
  line-height: 0.75;
  font-family: "GT-Alpina-Fine-Light", sans-serif;
  z-index: 10;
  text-transform: uppercase;
  margin-bottom: 1rem;
  line-height: 0.855em;
  font-feature-settings: "ss01";
  letter-spacing: -0.04em;
  color: #000;
  pointer-events: none;
}
.main .main-landing-persp {
  height: 100vh;
  position: relative;
  z-index: 100;
}
.main .main-landing-persp svg {
  width: 100%;
  height: 100%;
}
.main .main-landing-persp .main-landing-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #00FFFF;
  padding: 1rem 5rem;
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  font-size: 3rem;
  text-align: center;
  color: #FFF250;
  line-height: 0.9;
  box-shadow: 0 0 60px #fff250, 0 0 60px #fff250;
}
.main .main-landing-persp .main-landing-button:hover {
  cursor: pointer;
}
.main .main-landing-links {
  display: block;
  width: 100%;
  /* margin: 100vh auto 10vh; */
  text-align: center;
  padding: 2rem;
  box-sizing: border-box;
  line-height: 1;
}
.main .main-landing-links ul {
  list-style: none;
}
.main .main-landing-links a:link,
.main .main-landing-links a:visited {
  font-size: 8vw;
  color: #333;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
}
.main .main-landing-links a:link:hover,
.main .main-landing-links a:visited:hover {
  opacity: 1;
}
.main .main-landing-links a:link.main-landing-links-forum,
.main .main-landing-links a:visited.main-landing-links-forum {
  font-family: "GT-Alpina-Fine-Regular", sans-serif;
}
.main .main-landing-links a:link.main-landing-analog,
.main .main-landing-links a:visited.main-landing-analog {
  position: relative;
  padding: 2rem 0;
  text-align: center;
  font-family: "GT-Flexa-Mono", sans-serif;
  text-shadow: 0 0 30px #707070;
  transition: text-shadow 0.25s ease-in-out;
  line-height: 0.9;
}
.main .main-landing-links a:link.main-landing-analog:hover,
.main .main-landing-links a:visited.main-landing-analog:hover {
  text-shadow: 0 0 30px #1F1F1F;
}
.main .main-landing-links a:link.main-landing-analog .main-landing-analog-small,
.main .main-landing-links a:visited.main-landing-analog .main-landing-analog-small {
  font-size: 2rem;
}
.main .main-landing-links:hover {
  cursor: pointer;
}
.main .main-landing-ticker {
  position: fixed;
  left: 3rem;
  bottom: 0;
  width: calc(100% - 6rem);
  z-index: 1000;
  z-index: 1;
}
.main .main-landing-ticker .main-landing-ticker-current {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FF495A;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 1.2rem;
  color: #000;
  padding: 0.5rem;
  text-transform: uppercase;
  z-index: 10;
}
.main .main-landing-ticker .main-landing-ticker-text-wrap {
  display: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.main .main-landing-ticker .main-landing-ticker-text-wrap .main-landing-ticker-text {
  background-color: #fff;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  font-size: 1.2rem;
  color: #000;
  padding: 0.5rem;
  text-transform: uppercase;
}
.main .main-landing-our-gaeste {
  display: block;
  width: 50%;
  margin: 35vh auto;
  text-align: center;
  background-color: #0014FF;
  padding: 2rem;
  box-sizing: border-box;
  border-radius: 100px;
  box-shadow: 0 0 50px #FF00D8;
}
.main .main-landing-our-gaeste a:link,
.main .main-landing-our-gaeste a:visited {
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  font-size: 3rem;
  color: #FFF250;
  text-transform: uppercase;
  text-decoration: none;
}
.main .main-landing-our-gaeste:hover {
  cursor: pointer;
}
.main .main-landing-dates {
  display: block;
  width: calc(100% - 8rem);
  margin: 35vh auto;
  padding: 1rem;
  background-color: #FF495A;
  border: 1rem solid #FF3AD4;
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  font-size: 6rem;
  color: #FFF250;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.main .main-landing-dates .main-landing-dates-locations {
  position: absolute;
  left: 0;
  width: 100%;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 0.875rem;
  overflow: hidden;
}
.main .main-landing-dates .main-landing-dates-locations-top {
  top: 0;
}
.main .main-landing-dates .main-landing-dates-locations-bottom {
  bottom: 0;
}
.main .main-landing-news-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-size: 2.5rem;
  margin: 0 0;
}
.main .main-landing-news {
  background-color: #fff;
  width: 60%;
  max-width: 800px;
  margin: 0 auto 35vh;
}
.main .main-landing-resonanzraum {
  position: relative;
  margin: 10vh 6rem;
  padding: 12rem 0;
  text-align: center;
}
.main .main-landing-resonanzraum a:link,
.main .main-landing-resonanzraum a:visited {
  position: relative;
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  font-size: 6.25rem;
  text-decoration: none;
  z-index: 10;
  line-height: 0.1;
}
.main .main-landing-resonanzraum svg {
  position: absolute;
  top: -15%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main .main-landing-resonanzraum-small {
  font-size: 1.5rem;
  margin-top: 1.5rem;
  text-align: center;
}
.main .main-landing-jukili {
  position: relative;
  margin: 35vh 6rem;
  padding: 12rem 0;
  text-align: center;
}
.main .main-landing-jukili .main-landing-jukili-small {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 2rem;
  color: #FFF250;
  text-shadow: 2px 2px 5px #1F1F1F;
}
.main .main-landing-jukili a:link,
.main .main-landing-jukili a:visited {
  position: relative;
  z-index: 10;
}
.main .main-landing-jukili a:link svg,
.main .main-landing-jukili a:visited svg {
  width: 60vw;
  height: auto;
}

@media (max-width: 1024px) {
  .main .landing .landing-border-1 {
    border-width: 0.5rem;
  }
  .main .landing .landing-border-2 {
    top: 0.5rem;
    left: 0.5rem;
    width: calc(100% - 1rem);
    border-width: 0.5rem;
  }
  .main .landing .landing-border-3 {
    top: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    border-width: 0.5rem;
  }
  .main .main-landing {
    padding-top: 3rem;
  }
  .main .main-landing .main-header-big {
    font-size: 10vw;
    line-height: 0.85;
  }
  .main .main-landing-persp {
    height: calc(100vh - 100px);
  }
  .main .main-landing-persp .main-landing-button {
    width: 80%;
    box-sizing: border-box;
    padding: 1rem;
    font-size: 2.25rem;
  }
  .main .main-landing-our-gaeste {
    width: 70%;
    margin: 5rem auto;
    padding: 1rem;
    border-radius: 2rem;
  }
  .main .main-landing-ticker {
    left: 1.5rem;
    width: calc(100% - 3rem);
  }
  .main .main-landing-ticker .main-landing-ticker-current {
    display: none;
  }
  .main .main-landing-dates {
    width: calc(100% - 4rem);
    border-width: 0.5rem;
    font-size: 2rem;
    padding: 2rem 0;
  }
  .main .main-landing-news-header {
    font-size: 3rem;
  }
  .main .main-landing-news {
    width: 80%;
  }
  .main .main-landing-news .main-news-item {
    padding: 1rem !important;
    padding-bottom: 0 !important;
  }
  .main .main-landing-news .main-news-item .main-news-item-title {
    font-size: 1.5rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .main .main-landing-news .main-news-item .main-news-item-date,
  .main .main-landing-news .main-news-item .main-news-item-preview {
    width: 90% !important;
  }
  .main .main-landing-news .main-news-item .main-news-item-more-wrap {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: calc(100% + 2rem) !important;
    height: auto !important;
    border-left: 0 !important;
    border-top: 1px solid #000;
    margin: 2rem -1rem 0;
  }
  .main .main-landing-news .main-news-item .main-news-item-more-wrap .main-news-item-more {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: translate(0, 0) rotate(0) !important;
    box-sizing: border-box;
    text-align: center;
  }
  .main .main-landing-news .main-news-item .main-news-item-more-wrap .main-news-item-more a:link,
  .main .main-landing-news .main-news-item .main-news-item-more-wrap .main-news-item-more a:visited {
    display: block;
    padding: 2rem;
    text-decoration: none;
  }
  .main .main-landing-resonanzraum,
  .main .main-landing-jukili {
    margin: 6rem 1rem;
    padding: 6rem 0;
  }
  .main .main-landing-resonanzraum a:link,
  .main .main-landing-resonanzraum a:visited,
  .main .main-landing-jukili a:link,
  .main .main-landing-jukili a:visited {
    font-size: 2rem;
  }
  .main .main-landing-resonanzraum svg,
  .main .main-landing-jukili svg {
    left: 10%;
    width: 80%;
  }
}
.main {
  position: relative;
  box-sizing: border-box;
  font-family: "GT-Alpina-Fine-Ext-Thin", sans-serif;
  min-height: 100vh;
  padding-top: 3rem;
  overflow-x: hidden;
  /*
  h1::before {
  	content: "";
  	display: block;
  	width: 100vw;
  	border-top: 1px solid $offLightGrey;
  	height: 1rem;
  }
  */
}
.main .main-children a:link,
.main .main-children a:visited {
  font-size: 6rem;
  font-family: "GT-Alpina-Fine-Ext-Thin", sans-serif;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
.main .main-children a:hover {
  color: #fff;
  background-color: #000;
}
.main .main-header {
  font-size: 6rem;
  font-family: "GT-Alpina-Fine-Ext-Thin", sans-serif;
  text-transform: uppercase;
  line-height: 0.855em;
  font-feature-settings: "ss01";
  letter-spacing: -0.04em;
}
.main .main-wrap {
  width: 70vw;
  max-width: 1024px;
  margin: 0 auto;
  padding: 7rem;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  font-family: "GT-Flexa-Light", sans-serif;
  margin-bottom: 15vw;
}
.main .main-wrap:first-child {
  margin-top: 7.5vw;
}
.main .main-wrap h1 {
  line-height: 0.9em;
  letter-spacing: -0.015em;
}
.main h1,
.main h2 {
  position: relative;
  left: calc(-15vw - 7rem + 0.5rem);
  font-weight: normal;
  width: 50vw;
  font-family: "GT-Alpina-Fine-Ext-Thin", sans-serif;
  font-size: 3rem;
  text-transform: uppercase;
  margin: 2rem 0;
}
.main h1:first-child,
.main h2:first-child {
  margin: 0.5rem 0 2rem;
}
.main h3 {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
  left: -6rem;
  margin: 3rem 0;
}
.main a:link,
.main a:visited {
  color: #000;
}
.main ul {
  padding: 0;
  padding-left: 1rem;
}
.main > img {
  width: calc(100% + 14rem);
  height: auto;
  display: block;
  margin: 3rem -7rem;
}
.main > img:first-child {
  margin-top: -7rem;
}
.main p:first-child {
  margin-top: 0;
}
.main .main-portraits {
  margin: 0 -7.25rem;
  margin-bottom: 0;
}
.main .main-portraits:first-child {
  margin-top: -7.25rem;
}
.main .main-portraits ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.main .main-portraits ul li {
  text-align: center;
  flex: 0 0 20%;
  padding: 0.25rem;
  margin-bottom: 1.5rem;
  box-sizing: border-box;
}
.main .main-portraits ul li img {
  width: 100%;
  height: auto;
}
.main .main-portraits ul li p {
  margin: 0.25rem;
}
.main .main-documents {
  display: flex;
  flex-flow: row wrap;
  margin: 3rem -7.25rem;
}
.main .main-documents .main-documents-block-header {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
.main .main-documents .main-documents-block-header.main-documents-block-header-expanded a:link {
  text-decoration: none;
}
.main .main-documents .main-documents-block-header.main-documents-block-header-expanded a:link u {
  text-decoration: underline;
}
.main .main-documents .main-documents-block {
  flex: 0 0 calc(50% - 2rem);
  margin: 1rem;
  padding: 2rem 1rem;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #000;
}
.main .main-documents .main-documents-block .main-documents-emoji {
  font-family: "GT-Alpina-Regular", sans-serif;
}
.main .main-documents .main-documents-block > p {
  margin: 2rem 0;
}
.main .main-documents .main-documents-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main .main-documents .main-documents-block ul li {
  padding: 0;
}

@media (min-width: 1600px) {
  .main .main-wrap {
    max-width: 1200px;
  }
}
@media (max-width: 1024px) {
  .main .main-children a:link,
  .main .main-children a:visited {
    font-size: 2rem;
    letter-spacing: -0.02em;
  }
  .main .main-header {
    font-size: 2.25rem;
    padding: 0.5rem;
    box-sizing: border-box;
  }
  .main .main-wrap {
    width: 90%;
    padding: 1rem;
  }
  .main .main-wrap:first-child {
    margin-top: 5vw;
  }
  .main h1,
  .main h2 {
    left: calc(5vw - 3rem);
    width: 100vw;
    font-size: 2.25rem;
  }
  .main h3 {
    left: 0;
    margin: 2rem 0;
  }
  .main > img {
    width: calc(100% + 2rem);
    margin: 2rem -1rem;
  }
  .main > img:first-child {
    margin-top: -1rem;
  }
  .main .main-portraits {
    margin: 0 -1rem;
  }
  .main .main-portraits:first-child {
    margin: -1.25rem;
  }
  .main .main-portraits ul li {
    flex: 0 0 50%;
  }
  .main .main-documents {
    display: block;
    margin: 3rem -2.5rem;
  }
}
.main .main-filters-header {
  margin-top: -0.7rem;
  left: 35%;
  text-align: center;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  background: #F7F7F7;
  width: 30%;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  z-index: 100000001;
}
.main .main-filters {
  width: calc(100% - 1rem);
  font-size: 0.7em;
  background-color: #fff;
  border: 1px solid #000;
  margin: 0rem auto;
  margin-top: 1rem;
  padding: 0rem;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  font-family: "GT-Flexa-Light", sans-serif;
  align-items: flex-start;
}
.main .main-filters .main-filters-col {
  padding: 1rem;
  box-sizing: border-box;
  text-transform: uppercase;
  position: relative;
}
.main .main-filters .main-filters-col-1 {
  flex: 0 0 25%;
}
.main .main-filters .main-filters-col-1 ul {
  text-transform: lowercase;
}
.main .main-filters .main-filters-col-2 {
  flex: 0 0 75%;
}
.main .main-filters .main-filters-title {
  text-align: center;
  height: 1rem;
  margin-bottom: 0.5rem;
}
.main .main-filters ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.main .main-filters ul li {
  padding: 0.25rem 1rem;
  border: 1px solid #000;
  border-radius: 1rem;
  display: inline-block;
  min-width: 30px;
  text-align: center;
  margin: 0 0.5rem 0.5rem 0;
  flex: 0 0 calc(33.33333333% - 0.5rem);
  box-sizing: border-box;
}
.main .main-filters ul li:hover {
  background-color: #000;
  color: #fff;
  cursor: pointer;
}
.main .main-filters ul li.main-filters-active {
  background-color: #000;
  color: #fff;
}
.main .main-filters .main-filters-toggle-wrap {
  display: flex;
  flex-flow: row nowrap;
}
.main .main-filters .main-filters-toggle-wrap .main-filters-toggle {
  height: 1rem;
  width: 2rem;
  border: 1px solid #000;
  border-radius: 1rem;
  margin: 0 1rem;
}
.main .main-filters .main-filters-toggle-wrap .main-filters-toggle:hover {
  cursor: pointer;
}
.main .main-filters .main-filters-toggle-wrap .main-filters-toggle .main-filters-toggle-button {
  position: relative;
  left: 1rem;
  width: 1rem;
  height: 1rem;
  background-color: #000;
  border-radius: 1rem;
  transition: left 0.125s ease-in-out;
}
.main .main-filters .main-filters-toggle-wrap .main-filters-toggle.main-filters-toggle-active .main-filters-toggle-button {
  left: 0;
}
.main .main-gaeste {
  font-family: "GT-Flexa-Light", sans-serif;
  margin-bottom: 15vw;
  display: flex;
  flex-flow: row wrap;
  padding: 0.5rem;
  box-sizing: border-box;
  transform: translate3d(0, 0, 1px);
}
.main .main-gaeste .main-gaeste-item {
  flex: 0 0 20%;
  padding: 0.5rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
  text-align: center;
}
.main .main-gaeste .main-gaeste-item a:link {
  text-decoration: none;
}
.main .main-gaeste .main-gaeste-item a:hover {
  cursor: pointer;
}
.main .main-gaeste .main-gaeste-item img {
  display: block;
  width: 100%;
  margin-bottom: 0.25rem;
  filter: blur(0px);
  transition: filter 0.125s ease-in-out;
}
.main .main-gaeste .main-gaeste-item img:hover {
  filter: blur(20px);
  mix-blend-mode: multiply;
}
.main .main-gaeste.main-gaeste-list {
  display: block;
}
.main .main-gaeste.main-gaeste-list .main-gaeste-item {
  font-size: 6rem;
  margin-bottom: 0;
  text-transform: uppercase;
}
.main .main-gaeste.main-gaeste-list .main-gaeste-item.main-gaeste-rahmenprogramm {
  font-family: "GT-Alpina-Fine-Light", sans-serif;
}
.main .main-gaeste.main-gaeste-list .main-gaeste-item br {
  display: none;
}
.main .main-gaeste.main-gaeste-list .main-gaeste-item img {
  display: none;
}
.main .main-wrap.main-gaeste-single {
  margin-top: 3rem;
  padding-top: 5rem;
  font-family: "GT-Flexa-Light", sans-serif;
  border: 1px solid #000;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-name {
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  font-size: 4rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  margin: 1rem -7rem 2rem;
  letter-spacing: -0.02em;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-portrait {
  margin-bottom: 4rem;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-portrait img {
  height: 400px;
  width: auto;
  display: block;
  margin: 0 auto;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-bio {
  margin-bottom: 5rem;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book {
  border: 1px solid #000;
  margin: 2rem -9rem;
  background-color: #fff;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-row {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #000;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-row:last-child {
  border: 0;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col {
  flex: 0 0 50%;
  padding: 1rem 1.5rem 1.5rem;
  box-sizing: border-box;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col:first-child {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col:last-child {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-left: 1px solid #000;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-book-title {
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  font-size: 3rem;
  line-height: 1;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-book-title .main-gaeste-single-book-subtitle {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-size: 2.25rem;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-book-meta {
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  font-size: 1rem;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-buy {
  font-family: "GT-Flexa-Regular", sans-serif;
  margin-top: 1rem;
  text-transform: uppercase;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-buy a:link,
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-buy a:visited {
  background-color: #000;
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  text-decoration: none;
  color: #fff;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-buy a:hover {
  background-color: #000;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col img {
  display: block;
  height: auto;
  width: 40%;
  border: 1px solid #000;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-further {
  padding: 2rem;
  box-sizing: border-box;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-further p {
  max-width: 600px;
  margin: 0 auto;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 2rem calc(-15vw - 7rem);
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab {
  width: 2rem;
  display: inline-block;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab1 {
  width: 2rem;
  display: inline-block;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab2 {
  width: 4rem;
  display: inline-block;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab3 {
  width: 6rem;
  display: inline-block;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .main-gaeste-single-book-quote {
  flex: 0 0 calc(50% - 2rem);
  margin: 1rem;
  box-sizing: border-box;
  padding: 2rem;
  background-color: #fff;
  border: 1px solid #000;
  font-family: "GT-Alpina-Regular", sans-serif;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .main-gaeste-single-book-quote .main-gaeste-single-book-quote-subtitle {
  margin: 0;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .main-gaeste-single-book-quote .main-gaeste-single-book-quote-subtitle p {
  margin: 0;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-slots {
  border: 1px solid #000;
  margin: 2rem -15vw;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-slots .main-gaeste-single-slot {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #000;
  font-family: "GT-Flexa-Mono", sans-serif;
  background-color: #fff;
  transition: background-color 0.25s ease-in-out;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-slots .main-gaeste-single-slot:hover {
  background-color: #E3E3E3;
  cursor: pointer;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-slots .main-gaeste-single-slot:last-child {
  border: 0;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-slots .main-gaeste-single-slot .main-gaeste-single-slot-col {
  flex: 0 0 33%;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid #000;
}
.main .main-wrap.main-gaeste-single .main-gaeste-single-slots .main-gaeste-single-slot .main-gaeste-single-slot-col:last-child {
  border: 0;
}

@media (max-width: 1024px) {
  .main .main-filters-header {
    margin-top: -1rem;
    width: 90%;
    left: 5%;
    font-size: 0.875rem;
    padding: 0.3rem 0;
  }
  .main .main-filters {
    width: calc(100% - 2rem);
    margin: 1rem auto;
    padding: 1rem 0.5rem;
    box-sizing: border-box;
    display: block;
  }
  .main .main-filters .main-filters-col {
    padding: 0 0.5rem 1rem;
  }
  .main .main-filters ul li {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .main .main-filters .main-filters-toggle-wrap {
    justify-content: center;
  }
  .main .main-gaeste .main-gaeste-item {
    flex: 0 0 50%;
  }
  .main .main-gaeste .main-gaeste-item img {
    filter: blur(0);
  }
  .main .main-gaeste.main-gaeste-list {
    line-height: 0.9;
  }
  .main .main-gaeste.main-gaeste-list .main-gaeste-item {
    font-size: 3rem;
    padding: 0.5rem 0;
  }
  .main .main-wrap.main-gaeste-single {
    margin-top: 3rem;
    padding-top: 2rem;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-name {
    font-size: 2rem;
    letter-spacing: -0.02em;
    margin: 1rem -2rem 2rem;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-portrait {
    margin-bottom: 2rem;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-portrait img {
    height: auto;
    width: 60%;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-bio {
    margin-bottom: 3rem;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab {
    width: 1rem;
    display: inline-block;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab1 {
    width: 1rem;
    display: inline-block;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab2 {
    width: 2rem;
    display: inline-block;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .tab3 {
    width: 3rem;
    display: inline-block;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book-quotes .main-gaeste-single-book-quote {
    flex: 0 0 calc(50% - 1rem);
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book {
    display: block;
    margin: 2rem -1.5rem;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col {
    flex: 0 0 50%;
    padding: 1rem;
    box-sizing: border-box;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col:first-child {
    display: block;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col:last-child {
    border-left: 0;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-book-title {
    font-size: 2rem;
    letter-spacing: -0.02em;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col .main-gaeste-single-buy {
    text-align: center;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-book .main-gaeste-single-book-col img {
    display: block;
    height: auto;
    width: 60%;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-slots {
    margin: 2rem 0;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-slots .main-gaeste-single-slot {
    display: block;
  }
  .main .main-wrap.main-gaeste-single .main-gaeste-single-slots .main-gaeste-single-slot .main-gaeste-single-slot-col {
    padding: 0.5rem;
    border-right: 0;
  }
}
.main .main-news {
  padding: 0;
  border: 1px solid #000;
}
.main .main-news .main-news-item {
  position: relative;
  border-bottom: 1px solid #000;
  padding: 2rem;
  box-sizing: border-box;
}
.main .main-news .main-news-item:last-child {
  border: 0;
}
.main .main-news .main-news-item .main-news-item-date {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  padding-left: 10%;
}
.main .main-news .main-news-item .main-news-item-title {
  font-family: "GT-Alpina-Fine-Thin", sans-serif;
  font-size: 3rem;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  width: 80%;
  line-height: 0.95em;
  padding: 0.3rem 0rem;
}
.main .main-news .main-news-item .main-news-item-preview {
  padding-left: 10%;
  width: 80%;
  font-family: "GT-Flexa-Light", sans-serif;
}
.main .main-news .main-news-item .main-news-item-more-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 5rem;
  height: 100%;
  border-left: 1px solid #000;
  background-color: #fff;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
}
.main .main-news .main-news-item .main-news-item-more-wrap:hover {
  background-color: #50FF93;
}
.main .main-news .main-news-item .main-news-item-more-wrap .main-news-item-more {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  box-sizing: border-box;
  text-align: center;
}
.main .main-news .main-news-item .main-news-item-more-wrap .main-news-item-more a:link,
.main .main-news .main-news-item .main-news-item-more-wrap .main-news-item-more a:visited {
  display: block;
  padding: 2rem;
  text-decoration: none;
}
.main .main-news-single {
  position: relative;
  box-sizing: border-box;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.main .main-news-single .main-news-single-date {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  padding: 1rem;
  padding-left: 20%;
  box-sizing: border-box;
}
.main .main-news-single .main-news-single-title {
  font-family: "GT-Alpina-Fine-Thin", sans-serif;
  font-size: 3rem;
  text-transform: uppercase;
  border-bottom: 1px solid #E3E3E3;
  padding: 0 5rem 1rem 1rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.main .main-news-single .main-news-single-content {
  width: 60%;
  margin: 0 auto;
}
.main .main-news-single .main-news-single-content p {
  font-family: "GT-Alpina-Regular", sans-serif;
  line-height: 1.3;
}

.main .main-opennet-list {
  margin: 2rem -7rem 0;
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}
.main .main-opennet-list .main-opennet-year {
  flex: 0 0 25%;
  padding: 0.5rem;
  box-sizing: border-box;
  border: 1px solid #E3E3E3;
}
.main .main-opennet-list .main-opennet-year h4 {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 3rem;
  font-family: "GT-Alpina-Fine-Thin", sans-serif;
  font-weight: normal;
}
.main .main-opennet-list .main-opennet-year a:link {
  display: block;
}
.main.main-resonanzraum .main-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  color: #fff;
  padding: 3rem 0;
  font-size: 5.5rem;
  text-transform: uppercase;
  line-height: 0.97em;
  letter-spacing: -0.04em;
}
.main.main-resonanzraum .main-wrap {
  padding-top: 0;
  background-color: transparent;
  color: #fff;
}
.main.main-resonanzraum .main-wrap h1, .main.main-resonanzraum .main-wrap h2, .main.main-resonanzraum .main-wrap h3 {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  border: 0;
  left: auto;
  width: auto;
}
.main.main-resonanzraum .main-wrap h1::before, .main.main-resonanzraum .main-wrap h2::before, .main.main-resonanzraum .main-wrap h3::before {
  border-top: 0;
  height: 0;
}
.main.main-resonanzraum .main-wrap h1 {
  text-align: center;
  line-height: 0.95;
}
.main.main-resonanzraum .main-wrap a:link, .main.main-resonanzraum .main-wrap a:visited {
  color: #fff;
}
.main.main-resonanzraum .main-wrap .main-resonanzraum-list .main-resonanzraum-item {
  background-color: #fff;
  padding: 2rem;
  box-sizing: border-box;
  margin-bottom: 2rem;
  text-align: center;
  color: #000;
  text-transform: uppercase;
}
.main.main-resonanzraum .main-wrap .main-resonanzraum-list .main-resonanzraum-item .main-resonanzraum-item-title {
  font-family: "GT-Alpina-Fine-Ext-Regular", sans-serif;
  font-size: 2.25rem;
}
.main.main-resonanzraum .main-wrap .main-resonanzraum-list .main-resonanzraum-item a:link,
.main.main-resonanzraum .main-wrap .main-resonanzraum-list .main-resonanzraum-item a:visited {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
.main.main-texte-single .main-wrap {
  padding-top: 2rem;
  font-family: "GT-Alpina-Light", sans-serif;
}
.main.main-texte-single .main-wrap h1, .main.main-texte-single .main-wrap h2, .main.main-texte-single .main-wrap h3 {
  border: 0;
  left: auto;
  width: auto;
  text-align: center;
}
.main.main-texte-single .main-wrap h1::before, .main.main-texte-single .main-wrap h2::before, .main.main-texte-single .main-wrap h3::before {
  border-top: 0;
  height: 0;
}
.main.main-texte-single .main-wrap h1 {
  font-family: "GT-Alpina-Fine-Thin", sans-serif;
  font-size: 3rem;
}
.main.main-texte-single .main-wrap h2 {
  font-family: "GT-Alpina-Fine-Light", sans-serif;
  font-size: 2.25rem;
}
.main.main-texte-single .main-wrap h3 {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-size: 1rem;
}
.main.main-texte-single .main-wrap b {
  font-family: "GT-Alpina-Bold", sans-serif;
  font-weight: normal;
}
.main.main-texte-single .main-wrap em {
  font-family: "GT-Alpina-Light-Italic", sans-serif;
  font-style: normal;
}
.main.main-texte-single .main-wrap p {
  font-family: "GT-Alpina-Regular", sans-serif;
  line-height: 1.3;
}
.main.main-texte-single .main-texte-single-date-author {
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  font-size: 1rem;
  margin-bottom: 2rem;
}
.main.main-texte-single .main-texte-single-title {
  text-align: center;
  font-family: "GT-Alpina-Fine-Thin", sans-serif;
  font-size: 3rem;
  text-transform: uppercase;
}
.main.main-texte-single .main-texte-single-subtitle {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  text-align: center;
  margin: 0 -7rem;
  border-bottom: 1px solid #F7F7F7;
  padding: 1rem 7rem 3rem;
}
.main.main-texte-single .main-texte-single-content {
  padding-top: 3rem;
  font-family: "GT-Alpina-Fine-Thin", sans-serif;
}
.main.main-resonanzraum-single .main-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  color: #fff;
  padding: 3rem 0;
}
.main.main-resonanzraum-single .main-wrap a:link, .main.main-resonanzraum-single .main-wrap a:visited {
  color: #fff;
}

@media (max-width: 1024px) {
  .main .main-opennet-list {
    margin: 2rem -7rem 0;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
  }
  .main .main-opennet-list .main-opennet-year {
    flex: 0 0 25%;
    padding: 0.5rem;
    box-sizing: border-box;
    border: 1px solid #E3E3E3;
  }
  .main .main-opennet-list .main-opennet-year h4 {
    margin: 0;
    margin-bottom: 0.5rem;
    font-size: 3rem;
    font-family: "GT-Alpina-Fine-Thin", sans-serif;
    font-weight: normal;
  }
  .main .main-opennet-list .main-opennet-year a:link {
    display: block;
  }
  .main.main-resonanzraum .main-header {
    font-size: 2rem;
    letter-spacing: -0.02em;
  }
  .main.main-resonanzraum .main-wrap .main-resonanzraum-list {
    margin: 3rem 0;
  }
  .main.main-texte-single .main-texte-single-subtitle {
    margin: 0;
    border-bottom: 0;
    padding: 0;
  }
  .main.main-texte-single .main-texte-single-content {
    padding-top: 2rem;
  }
  .main.main-resonanzraum-single .main-header {
    text-align: center;
    font-family: "GT-Flexa-Ext-Light", sans-serif;
    color: #fff;
    padding: 3rem 0;
  }
  .main.main-resonanzraum-single .main-wrap a:link, .main.main-resonanzraum-single .main-wrap a:visited {
    color: #fff;
  }
}
.main-jukili .main-children a:link,
.main-jukili .main-children a:visited {
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  border-bottom: 0;
  text-align: center;
}
.main-jukili .main-header {
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  text-align: center;
  font-size: 5.5rem;
  text-transform: uppercase;
  line-height: 0.97em;
  letter-spacing: -0.04em;
}
.main-jukili .main-wrap {
  padding: 2rem 7rem;
  background-color: transparent;
}
.main-jukili .main-wrap h1,
.main-jukili .main-wrap h2,
.main-jukili .main-wrap h3 {
  left: auto;
  width: auto;
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  margin: 1rem 0;
}
.main-jukili .main-wrap h1 {
  text-align: center;
  line-height: 0.95;
}
.main-jukili .main-wrap h1::before {
  border-top: 0;
  width: 100vw;
  height: 0;
}
.main-jukili .main-wrap .main-jukili-anmeldung-wrap {
  text-align: center;
}
.main-jukili .main-wrap .main-jukili-anmeldung-wrap .main-jukili-anmeldung {
  display: inline-block;
  padding: 1rem 5rem;
  background-color: #50FF93;
  border-radius: 50px;
  color: #000;
  text-transform: uppercase;
  font-size: 3rem;
}
.main-jukili .main-wrap .main-jukili-anmeldung-wrap .main-jukili-anmeldung:hover {
  color: #fff;
  cursor: pointer;
}
.main-jukili .main-wrap .main-jukili-list {
  margin-top: 2rem;
}
.main-jukili .main-wrap .main-jukili-list h1 {
  text-align: center;
  font-size: 6rem;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item {
  border: 1px solid #000;
  margin: 2rem -9rem;
  background-color: #fff;
  box-sizing: border-box;
  border-collapse: collapse;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row {
  display: flex;
  flex-flow: row nowrap;
  box-sizing: border-box;
  border-top: 1px solid #000;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row:first-child {
  border: 0;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row:first-child .main-jukili-item-col:first-child {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row:first-child .main-jukili-item-col:last-child {
  border-left: 1px solid #000;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col {
  padding: 1rem 1.5rem 1.5rem;
  box-sizing: border-box;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col:first-child  {
  flex: 0 0 40%;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col:last-child {
  position: relative;
  flex: 0 0 60%;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-top {
  font-size: 3rem;
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  line-height: 1;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-top .main-jukili-item-index {
  color: #707070;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-dates {
  text-decoration: underline;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-register {
  display: inline-block;
  padding: 0.2rem 3rem;
  background-color: #50FF93;
  border-radius: 20px;
  color: #000;
  text-transform: uppercase;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-register:hover {
  color: #fff;
  cursor: pointer;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: -1rem;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-caption {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem;
  font-size: 0.7rem;
  color: #ADADAD;
}
.main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-author {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .main-jukili .main-header {
    font-size: 2rem;
    letter-spacing: -0.02em;
  }
  .main-jukili .main-wrap {
    padding: 2rem 1rem;
  }
  .main-jukili .main-wrap h1 {
    font-size: 2rem;
    letter-spacing: -0.02em;
  }
  .main-jukili .main-wrap .main-jukili-anmeldung-wrap {
    text-align: center;
  }
  .main-jukili .main-wrap .main-jukili-anmeldung-wrap .main-jukili-anmeldung {
    padding: 1rem 2rem;
    font-size: 2.25rem;
  }
  .main-jukili .main-wrap .main-jukili-list h1 {
    text-align: center;
    font-size: 3rem;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item {
    margin: 2rem -1.5rem;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row {
    display: block;
    border-top: 1px solid #000;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row:first-child {
    border: 0;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row:first-child .main-jukili-item-col:first-child {
    display: block;
    padding: 1rem;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row:first-child .main-jukili-item-col:last-child {
    border: 0;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col {
    padding: 1rem;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-top {
    font-size: 2.25rem;
    margin-bottom: 2rem;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-register {
    display: block;
    margin: 1rem auto;
    width: 50%;
    text-align: center;
    padding: 0.2rem 2rem;
  }
  .main-jukili .main-wrap .main-jukili-list .main-jukili-item .main-jukili-item-row .main-jukili-item-col .main-jukili-item-author {
    margin-bottom: 1rem;
  }
}
.main.main-books .main-books-list {
  display: flex;
  flex-flow: row wrap;
  padding: 3rem 0.5rem;
  box-sizing: border-box;
}
.main.main-books .main-books-list .main-books-item {
  border: 1px solid #000;
  box-sizing: border-box;
  flex: 0 0 calc(25% - 0.5rem);
  margin: 0.25rem;
  margin-bottom: 2rem;
  background-color: #fff;
  position: relative;
}
.main.main-books .main-books-list .main-books-item .main-books-item-cover {
  padding: 2rem;
  box-sizing: border-box;
  background-color: #E3E3E3;
  border-bottom: 1px solid #000;
  height: 30vw;
  position: relative;
}
.main.main-books .main-books-list .main-books-item .main-books-item-cover img {
  border: 1px solid #000;
  height: 25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.main-books .main-books-list .main-books-item .main-books-item-infos {
  padding: 0.5rem;
  box-sizing: border-box;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
}
.main.main-books .main-books-list .main-books-item .main-books-item-buy {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0.5rem;
  padding: 0.05rem 0.75rem 0.15rem;
  background-color: #FF495A;
  border-radius: 20px;
}
.main.main-books .main-books-list .main-books-item .main-books-item-buy a:link,
.main.main-books .main-books-list .main-books-item .main-books-item-buy a:visited {
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  text-decoration: none;
}

@media (max-width: 1024px) {
  .main.main-books .main-books-list {
    display: block;
    padding: 2rem 0.5rem;
  }
  .main.main-books .main-books-list .main-books-item .main-books-item-cover {
    height: 70vw;
  }
  .main.main-books .main-books-list .main-books-item .main-books-item-cover img {
    height: 60vw;
  }
}
.main.main-moderators .main-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  padding: 0 0 3rem;
  font-size: 5.5rem;
  text-transform: uppercase;
  line-height: 0.97em;
  letter-spacing: -0.04em;
}
.main.main-moderators .main-moderators-list {
  display: flex;
  flex-flow: row wrap;
  padding: 0 2rem;
}
.main.main-moderators .main-moderators-list .main-moderators-item {
  box-sizing: border-box;
  flex: 0 0 calc(50% - 1rem);
  background-color: #fff;
  border: 1px solid #000;
  padding: 1.5rem 2rem;
  margin: 0.5rem;
  font-family: "GT-Flexa-Light", sans-serif;
  transition: background-color 0.25s ease-in-out;
}
.main.main-moderators .main-moderators-list .main-moderators-item.moderator-highlight {
  background-color: #E3E3E3;
}
.main.main-moderators .main-moderators-list .main-moderators-item p:last-child {
  margin-bottom: 0;
}
.main.main-moderators .main-moderators-list .main-moderators-item .main-moderators-item-name {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  text-align: center;
  margin-bottom: 0rem;
  text-transform: uppercase;
}
.main.main-moderators .main-moderators-list .main-moderators-item .main-moderators-item-bio {
  text-align: center;
}

@media (max-width: 1024px) {
  .main.main-moderators .main-header {
    font-size: 2rem;
    letter-spacing: -0.02em;
    padding: 1rem 0;
  }
  .main.main-moderators .main-moderators-list {
    display: block;
    padding: 0 1rem;
  }
  .main.main-moderators .main-moderators-list .main-moderators-item {
    padding: 1.5rem 2rem;
    margin: 0;
    margin-bottom: 1rem;
  }
}
.main.main-program .main-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  padding: 0 0 1rem;
  font-size: 5.5rem;
  text-transform: uppercase;
  line-height: 0.97em;
  letter-spacing: -0.04em;
  z-index: 8;
}
.main.main-program .main-filters-closed {
  display: none;
}
.main.main-program .main-filters-rahmenprogramm {
  display: none;
}
.main.main-program .main-filters {
  width: calc(100% - 0.5rem);
  left: 0.25rem;
  margin-top: 1px;
  background-color: #F7F7F7;
  position: fixed;
  z-index: 9;
}
.main.main-program .main-filters .main-filters-col {
  padding: 1rem 0.5rem;
}
.main.main-program .main-filters .main-filters-col-stream {
  flex: 0 0 20%;
}
.main.main-program .main-filters .main-filters-col-day {
  flex: 0 0 5%;
}
.main.main-program .main-filters .main-filters-col-day ul {
  display: block;
}
.main.main-program .main-filters .main-filters-col-day ul li {
  display: block;
  text-transform: uppercase;
}
.main.main-program .main-filters .main-filters-col-lang {
  flex: 0 0 15%;
}
.main.main-program .main-filters .main-filters-col-cats {
  flex: 0 0 60%;
}
.main.main-program .main-filters .main-filters-col-cats ul {
  margin-bottom: 0.25rem;
}
.main.main-program .main-filters .main-filters-stream {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border: 1px solid #000;
  border-radius: 50px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 0.25rem;
}
.main.main-program .main-filters .main-filters-stream .main-filters-stream-title {
  box-sizing: border-box;
  flex: 5;
  font-size: 1.2rem;
}
.main.main-program .main-filters .main-filters-stream .main-filters-stream-icon {
  margin: -1px;
  flex: 1;
}
.main.main-program .main-filters .main-filters-stream .main-filters-stream-icon svg {
  display: block;
  width: 70px;
  height: 70px;
}
.main.main-program .main-filters .main-filters-stream.main-filters-stream-analog {
  height: 70px;
  background-color: #00FFFF;
  border-color: black;
}
.main.main-program .main-filters .main-filters-stream:hover {
  cursor: pointer;
}
.main.main-program .main-filters .main-filters-stream.main-filters-active  {
  background-color: black;
  color: #fff;
}
.main.main-program .main-program-list {
  display: flex;
  flex-flow: row wrap;
  padding: 0rem;
  box-sizing: border-box;
  position: relative;
}
.main.main-program .main-program-list .main-program-item {
  border: 1px solid #000;
  box-sizing: border-box;
  flex: 0 0 calc(50% - 1rem);
  margin: 0.5rem;
  margin-bottom: 1rem;
  background-color: #fff;
  position: relative;
  padding: 0.5rem;
  padding-right: 5rem;
  transition: background-color 0.25s ease-in-out;
  /*

  .main-books-item-cover {
  	padding: 2rem;
  	box-sizing: border-box;
  	background-color: $offLightShadow;
  	border-bottom: 1px solid $black;
  	height: 30vw;
  	position: relative;

  	img {
  		border: 1px solid $black;
  		height: 25vw;
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		transform: translate(-50%,-50%);
  	}
  }

  .main-books-item-infos {
  	padding: 0.5rem;
  	box-sizing: border-box;
  	font-family: $GTFlexaMonoLight;
  }

  .main-books-item-buy {
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	margin: 0.5rem;
  	padding: 0.05rem 0.75rem 0.15rem;
  	background-color: $red;
  	border-radius: 20px;

  	a:link,
  	a:visited {
  		font-family: $GTFlexaExtRegular;
  		text-decoration: none;
  	}
  }

  */
}
.main.main-program .main-program-list .main-program-item .main-program-item-date-time {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  text-transform: uppercase;
}
.main.main-program .main-program-list .main-program-item .main-program-item-date-time .main-program-item-date {
  flex: 0 0 50px;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle {
  text-align: center;
  padding: 2.5rem 1rem;
  box-sizing: border-box;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle .main-program-item-title {
  /*font-family: $GTFlexaExtLight; */
  font-family: "GT-Alpina-Fine-Condensed-Medium", sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  text-transform: uppercase;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle .main-program-item-subtitle {
  margin-top: 0.25rem;
  font-family: "GT-Flexa-Light", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle.main-program-item-title-lesung .main-program-item-title {
  /*font-family: $GTFlexaLight;*/
  font-family: "GT-Alpina-Fine-Condensed-Medium", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle.main-program-item-title-gesprache .main-program-item-title {
  font-family: "GT-Alpina-Fine-Condensed-Medium", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle.main-program-item-title-literatur .main-program-item-title {
  /*font-family: $GTFlexaExtMedium; */
  font-family: "GT-Alpina-Fine-Condensed-Medium", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle.main-program-item-title-fur-das-fachpublikum .main-program-item-title {
  /* font-family: $GTFlexaMono; */
  font-family: "GT-Alpina-Fine-Condensed-Medium", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle.main-program-item-title-spielerisches-format .main-program-item-title {
  /* font-family: $GTFlexaExtRegular; */
  font-family: "GT-Alpina-Fine-Condensed-Medium", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-meta {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  font-family: "GT-Flexa-Light", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-meta .main-program-item-meta-header {
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  flex: 0 0 50px;
  font-size: 1.1em;
}
.main.main-program .main-program-list .main-program-item .main-program-item-meta .main-program-item-meta-header .main-program-item-meta-header-no-stream {
  display: none;
}
.main.main-program .main-program-list .main-program-item .main-program-item-meta .main-program-item-meta-infos {
  flex: 0 0 calc(100% - 50px);
}
.main.main-program .main-program-list .main-program-item .main-program-item-meta .main-program-item-meta-infos .main-program-item-meta-lang {
  font-family: "SLT-Icons";
  font-size: 1.5em;
}
.main.main-program .main-program-list .main-program-item .main-program-item-location {
  padding-left: 1rem;
}
.main.main-program .main-program-list .main-program-item .main-program-item-location-pin {
  font-family: "GT-Alpina-Regular", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-description {
  padding: 2rem;
  box-sizing: border-box;
  font-family: "GT-Flexa-Light", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-description audio {
  margin-top: 2rem;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-genre-gastveranstaltung {
  position: absolute;
  top: 0;
  right: 100%;
  padding: 0.25rem;
  display: flex;
  flex-flow: row nowrap;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-genre-gastveranstaltung .main-program-item-genre {
  margin: 0.25rem;
  padding: 0.15rem 0.25rem 0.3rem;
  font-family: "GT-Flexa-Light", sans-serif;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-genre-gastveranstaltung .main-program-item-gastveranstaltung {
  margin: 0.25rem;
  padding: 0.15rem 0.25rem 0.3rem;
  background-color: #000;
  color: #fff;
  font-family: "GT-Flexa-Light", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket {
  position: relative;
  width: 3rem;
  height: 100%;
  border-left: 1px solid #000;
  text-transform: uppercase;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket a:link,
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket a:visited {
  color: #fff;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket a:link {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  font-family: "GT-Flexa-Mono", sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-available {
  background-color: #000;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-few, .main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-invitation {
  background-color: #707070;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-few a:link,
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-few a:visited, .main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-invitation a:link,
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-invitation a:visited {
  color: #000;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-full {
  background-color: #FF495A;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-free {
  background-color: #fff;
  background-image: url("assets/img/01.svg?ver=2");
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: 50vw;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-free:hover {
  background-size: 20vw;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-live {
  background-color: #000;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-live span {
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  font-family: "GT-Flexa-Mono", sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-live a:link,
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket.main-program-item-ticket-live a:visited {
  color: #fff;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket-analog {
  position: relative;
  width: 3rem;
  height: 100%;
  border-left: 1px solid #000;
  text-transform: uppercase;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket-analog a:link {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "GT-Flexa-Mono", sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket-analog.main-program-item-ticket-analog-available {
  background-color: #00FFFF;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket-analog.main-program-item-ticket-analog-few {
  background-color: #F8E700;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket-analog.main-program-item-ticket-analog-full {
  background-color: #FF495A;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket-analog.main-program-item-ticket-analog-free {
  background-color: #FF3AD4;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-infos {
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-infos .main-program-item-infos-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 150px;
  height: 150px;
  border: 1px solid #000;
  background-color: #F7F7F7;
  transform-origin: bottom left;
  transform: rotate(45deg);
  z-index: 0;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-infos .main-program-item-infos-text {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 2.5rem;
  line-height: 1;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-infos .main-program-item-infos-text:hover {
  cursor: pointer;
}
.main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-infos.main-program-items-opened .main-program-item-infos-bg {
  background-color: #000;
}
.main.main-program .main-program-list .main-program-item.main-program-item-live {
  background-color: #707070;
}
.main.main-program .main-program-list .main-program-item.main-program-item-live div, .main.main-program .main-program-list .main-program-item.main-program-item-live a, .main.main-program .main-program-list .main-program-item.main-program-item-live a:link, .main.main-program .main-program-list .main-program-item.main-program-item-live a:active, .main.main-program .main-program-list .main-program-item.main-program-item-live a:visited {
  color: #fff;
}
.main.main-program .main-program-list .main-program-item.main-program-item-live .main-program-item-infos-bg {
  background-color: #000;
}
.main.main-program .main-program-list .main-program-item.main-program-item-spezial {
  background-color: #FFF250;
}
.main.main-program .main-program-list .main-program-item.main-program-item-past {
  color: #aaa;
  display: none !important;
}
.main.main-program .main-program-list .main-program-item.main-program-item-past .main-program-item-meta-infos {
  display: none;
}
.main.main-program .main-program-list .main-program-item.main-program-item-past .main-program-item-meta-infos a:link,
.main.main-program .main-program-list .main-program-item.main-program-item-past .main-program-item-meta-infos a:visited {
  color: #aaa;
}
.main.main-program .main-program-list .main-program-item.main-program-item-past .main-program-item-links .main-program-item-ticket,
.main.main-program .main-program-list .main-program-item.main-program-item-past .main-program-item-links .main-program-item-ticket-analog {
  display: none;
}
.main.main-program .main-program-list .main-program-item.main-program-item-past .main-program-item-infos {
  display: none;
}
.main.main-program .main-program-list .main-program-item.main-program-item-past .main-program-item-title-subtitle {
  padding: 0.5rem;
}
.main.main-program .main-program-list .main-program-item.slot-highlight {
  background-color: #E3E3E3;
}

@media (max-width: 1024px) {
  .main.main-program .main-header {
    font-size: 2rem;
    letter-spacing: -0.02em;
    padding: 1rem 0;
  }
  .main.main-program .main-filters {
    overflow: auto;
    position: fixed;
    height: 90%;
  }
  .main.main-program .main-filters .main-filters-col-stream {
    flex: 0 0 100%;
  }
  .main.main-program .main-filters .main-filters-stream .main-filters-stream-icon svg {
    width: 30px;
    height: 25px;
  }
  .main.main-program .main-filters .main-filters-col {
    padding: 0rem 0.1rem;
  }
  .main.main-program .main-filters .main-filters-stream-notification {
    display: none;
  }
  .main.main-program .main-filters .main-filters-col-day {
    flex: 0 0 100%;
    width: 49%;
    float: left;
  }
  .main.main-program .main-filters .main-filters-col-lang {
    flex: 0 0 100%;
  }
  .main.main-program .main-filters .main-filters-col-lang ul li {
    margin: 0 0.1rem 0.3rem 0;
  }
  .main.main-program .main-filters .main-filters-col-cats {
    flex: 0 0 100%;
    clear: both;
  }
  .main.main-program .main-filters .main-filters-col-cats ul li {
    flex: 0 0 100%;
    margin: 0 0.1rem 0.3rem 0;
  }
  .main.main-program .main-program-list {
    display: block;
    padding: 0.25rem;
  }
  .main.main-program .main-program-list .main-program-item {
    flex: 0 0 calc(100% - 1rem);
    margin: 0;
    margin-bottom: 1rem;
    padding-right: 3rem;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-date-time .main-program-item-date {
    flex: 0 0 40px;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle {
    text-align: center;
    padding: 1rem 0.1rem;
    box-sizing: border-box;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-title-subtitle .main-program-item-title {
    font-size: 2.25rem;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-meta .main-program-item-meta-header {
    flex: 0 0 40px;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-meta .main-program-item-meta-header .main-program-item-meta-header-no-stream {
    display: none;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-meta .main-program-item-meta-infos {
    flex: 0 0 calc(100% - 40px);
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-genre-gastveranstaltung {
    display: block;
    padding: 0;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-genre-gastveranstaltung .main-program-item-genre {
    text-align: right;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket,
  .main.main-program .main-program-list .main-program-item .main-program-item-links .main-program-item-ticket-analog {
    width: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .main.main-program .main-program-item-title {
    font-size: 2rem;
  }
  .main.main-program .main-program-item-date, .main.main-program .main-program-item-date-time, .main.main-program .main-program-item-time, .main.main-program .main-program-item-genre {
    font-size: 0.8rem;
    flex: 0 0 24px;
  }
  .main.main-program .main-program-item-genre {
    font-size: 0.6rem;
  }
  .main.main-program .main-program-item-date-time {
    flex: 0 0 24px;
  }
  .main.main-program .main-program-list {
    display: block;
    padding: 0.25rem;
  }
  .main.main-program .main-program-list .main-program-item {
    flex: 0 0 calc(100% - 1rem);
    margin: 0;
    margin-bottom: 1rem;
    padding-right: 3rem;
  }
  .main.main-program .main-program-list .main-program-item .main-program-item-date-time .main-program-item-date {
    flex: 0 0 24px;
  }
}
.main.main-tickets .main-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  color: #fff;
  padding: 3rem 0;
  font-size: 5.5rem;
  text-transform: uppercase;
  line-height: 0.97em;
  letter-spacing: -0.04em;
}
.main.main-tickets .main-wrap {
  background-color: #000;
  color: #fff;
  padding: 2rem;
  padding-top: 0;
  width: 90vw;
  -webkit-font-smoothing: antialiased;
}
.main.main-tickets .main-tickets-header {
  display: flex;
  flex-flow: row nowrap;
}
.main.main-tickets .main-tickets-header .main-tickets-header-col {
  flex: 0 0 33.333%;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
}
.main.main-tickets .main-tickets-header .main-tickets-header-col p {
  margin-bottom: 0;
}
.main.main-tickets .main-tickets-header .main-tickets-header-col:last-child {
  border: 1px solid #fff;
}
.main.main-tickets .main-tickets-header .main-tickets-arrow {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 3rem;
  padding: 0 1rem;
}
.main.main-tickets .main-tickets-header .main-tickets-arrow:hover {
  cursor: pointer;
}
.main.main-tickets .main-tickets-embed {
  margin: 3rem -2rem;
}
.main.main-tickets .main-tickets-block {
  border: 1px solid #fff;
  padding: 1rem;
  box-sizing: border-box;
  margin: 1rem 0;
}
.main.main-tickets .main-tickets-block .main-tickets-block-header {
  font-size: 4rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.main.main-tickets .main-tickets-block .main-tickets-block-header svg {
  margin: 0 1rem;
  width: 6rem;
  height: 6rem;
}
.main.main-tickets .main-tickets-block .main-tickets-block-header-small {
  font-size: 2.5rem;
  text-transform: uppercase;
  padding: 1rem;
  box-sizing: border-box;
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
}
.main.main-tickets .main-tickets-block .main-tickets-block-row {
  display: flex;
  flex-flow: row nowrap;
  padding: 1rem;
  box-sizing: border-box;
}
.main.main-tickets .main-tickets-block .main-tickets-block-row .main-tickets-block-col {
  flex: 0 0 33.333%;
  padding: 1rem;
  box-sizing: border-box;
}
.main.main-tickets .main-tickets-block .main-tickets-block-row .main-tickets-block-col-2 {
  flex: 0 0 66.666%;
  padding: 0;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .main.main-tickets .main-header {
    font-size: 2rem;
    letter-spacing: -0.02em;
    padding: 1rem 0;
  }
  .main.main-tickets .main-wrap {
    padding: 1rem;
    width: 100%;
  }
  .main.main-tickets .main-tickets-header {
    display: block;
  }
  .main.main-tickets .main-tickets-header .main-tickets-arrow {
    padding: 0 1rem;
    font-size: 2.5rem;
  }
  .main.main-tickets .main-tickets-embed {
    margin: 3rem -1rem;
  }
  .main.main-tickets .main-tickets-block .main-tickets-block-header {
    font-size: 2rem;
    display: block;
  }
  .main.main-tickets .main-tickets-block .main-tickets-block-header svg {
    margin: 0 1rem;
    width: 2rem;
    height: 2rem;
  }
  .main.main-tickets .main-tickets-block .main-tickets-block-header-small {
    font-size: 1.2rem;
    padding: 1rem 0;
  }
  .main.main-tickets .main-tickets-block .main-tickets-block-row {
    display: block;
    padding: 0;
  }
  .main.main-tickets .main-tickets-block .main-tickets-block-row ol {
    padding: 1rem;
  }
  .main.main-tickets .main-tickets-block .main-tickets-block-row .main-tickets-block-col {
    padding: 0;
  }
}
.main.main-festival-plus .main-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  padding: 1rem 0;
  font-size: 5.5rem;
  text-transform: uppercase;
  line-height: 0.97em;
  letter-spacing: -0.04em;
  color: #fff;
}
.main.main-festival-plus .main-stream-login {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.main-festival-plus .main-stream-login a:link,
.main.main-festival-plus .main-stream-login a:visited {
  color: #50FF93;
  text-decoration: none;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
}
.main.main-festival-plus .main-festival-plus-block {
  border: 1rem solid #50FF93;
  margin: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-description {
  flex: 0 0 40%;
  font-family: "GT-Flexa-Mono", sans-serif;
  color: #fff;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-description .main-festival-plus-description-header {
  color: #50FF93;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items {
  flex: 0 0 60%;
  padding: 0 2rem;
  box-sizing: border-box;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item {
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #50FF93;
  margin-bottom: 0.5rem;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-link {
  flex: 0 0 90%;
  border-right: 1px solid #50FF93;
  padding: 0.5rem;
  box-sizing: border-box;
  text-align: center;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-link a:link {
  text-decoration: none;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-link .main-festival-plus-item-title {
  font-family: "GT-Alpina-Fine-Regular", sans-serif;
  font-size: 2.5rem;
  color: #50FF93;
  text-transform: uppercase;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-link .main-festival-plus-item-title:hover {
  cursor: pointer;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-link .main-festival-plus-item-subtitle {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #908791;
  text-transform: uppercase;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-link .main-festival-plus-item-subtitle:hover {
  cursor: pointer;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-drop {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: white;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-drop .main-festival-plus-item-drop-cover {
  position: relative;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-drop svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-drop img {
  display: block;
  width: 90%;
  margin: 1rem auto;
  position: relative;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-plus {
  flex: 0 0 10%;
  color: #50FF93;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6rem;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-plus a:link,
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item .main-festival-plus-item-plus a:visited {
  color: #50FF93;
  text-decoration: none;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item:hover {
  background-color: #50FF93;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item:hover .main-festival-plus-item-link .main-festival-plus-item-title,
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item:hover .main-festival-plus-item-link .main-festival-plus-item-subtitle {
  color: #000;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item:hover .main-festival-plus-item-plus a:link,
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-item:hover .main-festival-plus-item-plus a:visited {
  color: #000;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section {
  margin-bottom: 1rem;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-title {
  text-align: center;
  color: #908791;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items {
  border: 1px solid #50FF93;
  display: flex;
  flex-flow: row wrap;
  padding: 1rem;
  box-sizing: border-box;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items .main-festival-plus-section-item {
  flex: 0 0 50%;
  text-align: center;
  margin-bottom: 1rem;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items .main-festival-plus-section-item a:link,
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items .main-festival-plus-section-item a:visited {
  text-decoration: none;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items .main-festival-plus-section-item a:link .main-festival-plus-section-item-title,
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items .main-festival-plus-section-item a:visited .main-festival-plus-section-item-title {
  font-family: "GT-Alpina-Fine-Regular", sans-serif;
  font-size: 1.2rem;
  color: #50FF93;
  text-transform: uppercase;
}
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items .main-festival-plus-section-item a:link .main-festival-plus-section-item-subtitle,
.main.main-festival-plus .main-festival-plus-block .main-festival-plus-items .main-festival-plus-section .main-festival-plus-section-items .main-festival-plus-section-item a:visited .main-festival-plus-section-item-subtitle {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #908791;
}

.live-landing {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("assets/img/bg.svg");
  background-attachment: fixed;
  background-size: 100% 100%;
  background-color: #000;
  z-index: 1000;
}
.live-landing .live-header-big {
  font-size: 10vw;
  text-align: center;
  font-weight: normal;
  line-height: 0.75;
  font-family: "GT-Alpina-Fine-Light", sans-serif;
  text-transform: uppercase;
  line-height: 0.855em;
  font-feature-settings: "ss01";
  letter-spacing: -0.04em;
  color: #fff;
  text-shadow: 0 0 20px #fff;
}

.main.main-live {
  padding: 2rem 1rem;
  box-sizing: border-box;
  position: relative;
  background-image: url("assets/img/bg.svg");
  background-attachment: fixed;
  background-size: 100% 100%;
  background-color: #000;
}
.main.main-live .main-live-ticket-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(80, 255, 147, 0.9);
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
}
.main.main-live .main-live-ticket-overlay a:link,
.main.main-live .main-live-ticket-overlay a:visited {
  text-decoration: none;
  color: #000;
}
.main.main-live .main-live-ticket-overlay .main-live-ticket-overlay-small {
  font-size: 1rem;
}
.main.main-live .main-live-landing {
  width: 100vw;
  padding-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.main-live .main-live-landing .main-live-header-big {
  font-size: 8vw;
  text-align: center;
  font-weight: normal;
  line-height: 0.75;
  font-family: "GT-Alpina-Fine-Light", sans-serif;
  text-transform: uppercase;
  line-height: 0.855em;
  font-feature-settings: "ss01";
  letter-spacing: -0.04em;
  color: black;
  text-shadow: 0 0 20px black;
}
.main.main-live .main-live-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 1.5rem;
}
.main.main-live .main-live-thanks {
  margin: 5rem 0 7rem;
}
.main.main-live .main-live-thanks svg {
  width: 100%;
  height: auto;
  display: block;
}
.main.main-live .main-live-program {
  position: relative;
  background-color: #FF495A;
  margin: 2rem 0;
  padding: 0 1rem 0.5rem;
  border-radius: 1rem 1rem 0 0;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.25s ease-in-out;
}
.main.main-live .main-live-program:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
}
.main.main-live .main-live-program .main-live-program-content {
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  background-color: #000;
  display: flex;
  flex-flow: row nowrap;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col {
  flex: 0 0 50%;
  padding: 0 0.25rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream {
  border: 2px solid #908791;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.5rem;
  position: relative;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover {
  cursor: pointer;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-mitmachen .main-live-program-content-slot {
  border-bottom: 2px solid #908791;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-mitmachen .main-live-program-content-slot:last-child {
  border: 0;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-stream-ticker {
  border-bottom: 2px solid #908791;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  height: calc(14px + 0.6rem);
  background-color: #00FFFF;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-stream-ticker .main-live-program-stream-ticker-text-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-stream-ticker .main-live-program-stream-ticker-text-wrap .main-live-program-stream-ticker-text {
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0.1rem;
  text-transform: uppercase;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-icon {
  flex: 0 0 15%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #908791;
  box-sizing: border-box;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5em;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-icon svg {
  display: block;
  margin-bottom: 0.5rem;
  width: 100%;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots {
  flex: 0 0 85%;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 40vh;
  max-height: 250px;
  box-sizing: border-box;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-finished {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  color: #707070;
  text-transform: uppercase;
  text-align: center;
  line-height: 0.9;
  font-size: 2.5rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-time {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  width: 20%;
  box-sizing: border-box;
  color: #00FFFF;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 1.2rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  color: #707070;
  text-transform: uppercase;
  text-align: center;
  line-height: 0.9;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name .main-live-program-content-slot-title {
  font-size: 2rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name .main-live-program-content-slot-subtitle {
  font-size: 0.875rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-lang {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  box-sizing: border-box;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  color: #707070;
  text-transform: uppercase;
  font-size: 10px;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  color: #707070;
  text-transform: uppercase;
  font-size: 10px;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:link,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:visited {
  color: #707070;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active {
  background-color: #F43A81;
  border: 2px solid #FF495A;
  cursor: pointer;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-name .main-live-program-content-slot-title,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-name .main-live-program-content-slot-subtitle {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-lang,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-infos {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-lang a:link,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-lang a:visited,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-infos a:link,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot.main-live-program-content-slot-active .main-live-program-content-slot-infos a:visited {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp {
  border: 2px solid #908791;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.5rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-mitmachen .main-live-program-content-slot {
  border-bottom: 2px solid #908791;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-mitmachen .main-live-program-content-slot:last-child {
  border: 0;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-stream-ticker {
  border-bottom: 2px solid #908791;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  height: calc(14px + 0.6rem);
  background-color: #00FFFF;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-stream-ticker .main-live-program-stream-ticker-text-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-stream-ticker .main-live-program-stream-ticker-text-wrap .main-live-program-stream-ticker-text {
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0.1rem;
  text-transform: uppercase;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-icon {
  flex: 0 0 15%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #908791;
  box-sizing: border-box;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-icon svg {
  display: block;
  margin-bottom: 0.5rem;
  width: 100%;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots {
  flex: 0 0 85%;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 30vh;
  min-height: 250px;
  max-height: 300px;
  box-sizing: border-box;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-finished {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  color: #707070;
  text-transform: uppercase;
  text-align: center;
  line-height: 0.9;
  font-size: 2.5rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-time {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  width: 20%;
  box-sizing: border-box;
  color: #00FFFF;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 1.2rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  color: #707070;
  text-transform: uppercase;
  text-align: center;
  line-height: 0.9;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name .main-live-program-content-slot-title {
  font-size: 2.5rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name .main-live-program-content-slot-subtitle {
  font-size: 0.875rem;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-lang {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  box-sizing: border-box;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  color: #707070;
  text-transform: uppercase;
  font-size: 10px;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  color: #707070;
  text-transform: uppercase;
  font-size: 10px;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:link,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:visited {
  color: #707070;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live {
  background-color: #F43A81;
  border: 2px solid #FF495A;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live:hover {
  cursor: pointer;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-stream-ticker {
  border-bottom: 2px solid #908791;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-content-current .main-live-program-content-icon {
  border-right: 2px solid #908791;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-time {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-lang {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:link,
.main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp.main-live-program-content-stream-live .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:visited {
  color: #fff;
}
.main.main-live .main-live-program .main-live-program-link {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 2.5rem;
  text-align: center;
  text-transform: uppercase;
  padding: 2rem;
  box-sizing: border-box;
}
.main.main-live .main-live-program .main-live-program-link a:link,
.main.main-live .main-live-program .main-live-program-link a:visited {
  text-decoration: none;
  color: #000;
}
.main.main-live .main-live-program .main-live-program-ticker {
  position: relative;
  width: 100%;
}
.main.main-live .main-live-program .main-live-program-ticker .main-live-program-ticker-current {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF495A;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 0.875rem;
  color: #000;
  padding: calc(0.25rem + 0.5px) calc(2rem + 0.5px);
  text-transform: uppercase;
  z-index: 10;
  margin: -1px;
}
.main.main-live .main-live-program .main-live-program-ticker .main-live-program-ticker-text-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: -0.5rem;
}
.main.main-live .main-live-program .main-live-program-ticker .main-live-program-ticker-text-wrap .main-live-program-ticker-text {
  background-color: #fff;
  font-family: "GT-Flexa-Mono-Light", sans-serif;
  font-size: 0.875rem;
  color: #000;
  padding: 0.25rem;
  text-transform: uppercase;
}
.main.main-live .main-live-landing-links {
  display: block;
  width: 100%;
  margin: 2rem 0;
  text-align: center;
  padding: 2rem;
  box-sizing: border-box;
  line-height: 1;
}
.main.main-live .main-live-landing-links a:link,
.main.main-live .main-live-landing-links a:visited {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 10vw;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 0 30px #00FFFF;
  transition: text-shadow 0.25s ease-in-out;
}
.main.main-live .main-live-landing-links a:link:hover,
.main.main-live .main-live-landing-links a:visited:hover {
  text-shadow: 0 0 30px #00AAAA;
}
.main.main-live .main-live-landing-links a:link.main-live-landing-analog,
.main.main-live .main-live-landing-links a:visited.main-live-landing-analog {
  position: relative;
  padding: 2rem 0;
  text-align: center;
  font-family: "GT-Flexa-Mono", sans-serif;
  text-shadow: 0 0 30px #707070;
  transition: text-shadow 0.25s ease-in-out;
  line-height: 0.9;
}
.main.main-live .main-live-landing-links a:link.main-live-landing-analog:hover,
.main.main-live .main-live-landing-links a:visited.main-live-landing-analog:hover {
  text-shadow: 0 0 30px #1F1F1F;
}
.main.main-live .main-live-landing-links a:link.main-live-landing-analog .main-live-landing-analog-small,
.main.main-live .main-live-landing-links a:visited.main-live-landing-analog .main-live-landing-analog-small {
  font-size: 2rem;
}
.main.main-live .main-live-landing-links:hover {
  cursor: pointer;
}
.main.main-live .main-live-news {
  position: relative;
  background-color: #F8E700;
  margin: 1rem 0;
  padding: 0 1rem 0.5rem;
  border-radius: 1rem 1rem 0 0;
  box-sizing: border-box;
}
.main.main-live .main-live-news .main-live-news-content {
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  background-color: #000;
}
.main.main-live .main-live-news .main-live-news-content .main-live-news-news {
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #F8E700;
  margin-bottom: 1rem;
}
.main.main-live .main-live-news .main-live-news-content .main-live-news-news a:link,
.main.main-live .main-live-news .main-live-news-content .main-live-news-news a:visited {
  color: #FFF250;
  text-decoration: none;
}
.main.main-live .main-live-news .main-live-news-content .main-live-news-news .main-live-news-text {
  flex: 0 0 90%;
  font-family: "GT-Alpina-Fine-Regular", sans-serif;
  font-size: 3rem;
  color: #FFF250;
  text-transform: uppercase;
  padding: 1rem;
  box-sizing: border-box;
}
.main.main-live .main-live-news .main-live-news-content .main-live-news-news .main-live-news-plus {
  flex: 0 0 10%;
  border-left: 1px solid #F8E700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6rem;
  font-family: "GT-Alpina-Fine-Light", sans-serif;
  color: #FFF250;
}
.main.main-live .main-live-news .main-live-news-content .main-live-news-news:hover {
  background-color: #F8E700;
}
.main.main-live .main-live-news .main-live-news-content .main-live-news-news:hover a:link,
.main.main-live .main-live-news .main-live-news-content .main-live-news-news:hover a:visited {
  color: #000;
}
.main.main-live .main-live-news .main-live-news-content .main-live-news-news:hover .main-live-news-plus {
  border-left: 1px solid #000;
}
.main.main-live .main-live-news .main-live-news-pinnwand {
  background-color: #F8E700;
  position: relative;
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  align-items: space-around;
  justify-content: center;
  text-align: center;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-author {
  font-family: "GT-Alpina-Typewriter-Regular", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-text {
  font-family: "GT-Alpina-Typewriter-Regular", sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-link {
  position: absolute;
  bottom: 0;
  right: 2rem;
  padding: 0.5rem;
  text-transform: uppercase;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-link a:link,
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-link a:visited {
  text-decoration: none;
  color: #000;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-deco {
  position: absolute;
  padding: 0.5rem;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-deco-tl {
   top: 0;
  left: 0;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-deco-tr {
   top: 0;
  right: 0;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-deco-bl {
  bottom: 0;
  left: 0;
}
.main.main-live .main-live-news .main-live-news-pinnwand .main-live-news-pinnwand-deco-br {
  bottom: 0;
  right: 0;
}
.main.main-live .main-live-cctv {
  display: flex;
  flex-flow: row wrap;
  padding: 2rem;
  box-sizing: border-box;
}
.main.main-live .main-live-cctv .main-live-cctv-feed {
  border: 2px solid #F8E700;
  box-sizing: border-box;
  margin: 0.5rem;
  flex: 0 0 calc(50% - 1rem);
  height: 40vh;
  min-height: 300px;
}
.main.main-live .main-live-cctv .main-live-cctv-feed img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main.main-live .main-live-video {
  margin: 10vw 0;
}
.main.main-live .main-live-video iframe {
  width: 100%;
  height: 100vh;
  display: block;
}
.main.main-live .main-live-inserat {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.main.main-live .main-live-inserat a:link,
.main.main-live .main-live-inserat a:visited {
  text-decoration: none;
}
.main.main-live .main-live-inserat a:link img,
.main.main-live .main-live-inserat a:visited img {
  display: block;
  width: 70vw;
}
.main.main-live .main-live-links {
  margin-bottom: 10vw;
}
.main.main-live .main-live-links .main-live-links-row {
  display: flex;
  flex-flow: row nowrap;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-resonanzraum {
  flex: 0 0 calc(50% - 0.4rem);
  background-color: #00FFFF;
  margin: 0.2rem;
  box-sizing: border-box;
  padding: 0 1rem 1rem;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-resonanzraum .main-live-links-resonanzraum-header {
  text-align: center;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 1.5rem;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-resonanzraum .main-live-links-resonanzraum-feed {
  background-color: #000;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-button {
  flex: 0 0 calc(16.666% - 0.4rem);
  margin: 0.2rem;
  box-sizing: border-box;
  background-color: white;
  position: relative;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.25s ease-in-out;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-button:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-button a:link img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-button .main-live-links-button-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  text-transform: uppercase;
  padding: 0.5rem;
  box-sizing: border-box;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-button .main-live-links-button-bottom a:link {
  font-family: "GT-Flexa-Ext-Regular", sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-button .main-live-links-button-bottom a:link img {
  width: calc(100% + 1rem);
  margin: -0.5rem;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-button:last-child a:link img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-shop {
  flex: 0 0 calc(50% - 0.4rem);
  margin: 0.2rem;
  border: 4px solid red;
  box-sizing: border-box;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 200px;
  transition: border-width 0.2s ease-in-out;
  background-color: #000;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-shop a:link,
.main.main-live .main-live-links .main-live-links-row .main-live-links-shop a:visited {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 2.5rem;
  color: red;
  text-decoration: none;
  text-align: center;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-shop .main-live-links-shop-zur {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-shop .main-live-links-shop-zur a:link,
.main.main-live .main-live-links .main-live-links-row .main-live-links-shop .main-live-links-shop-zur a:visited {
  font-size: 1rem;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-shop:hover {
  border-width: 10px;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-hinweis {
  border: 4px solid #908791;
  box-sizing: border-box;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 200px;
  flex: 0 0 calc(50% - 0.4rem);
  margin: 0.2rem;
  box-sizing: border-box;
  transition: border-width 0.2s ease-in-out;
  background-color: #000;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-hinweis a:link,
.main.main-live .main-live-links .main-live-links-row .main-live-links-hinweis a:visited {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 2.5rem;
  color: #908791;
  text-decoration: none;
  text-align: center;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-hinweis:hover {
  border-width: 10px;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-hinweis .main-live-links-hinweis-text {
  font-size: 0.875rem;
  font-family: "GT-Flexa-Light", sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  color: #908791;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-st {
  background-color: #FF495A;
  box-sizing: border-box;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  height: 200px;
  flex: 0 0 calc(16.666% - 0.4rem);
  padding-top: 2rem;
  margin: 0.2rem;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.25s ease-in-out;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-st:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-st a:link,
.main.main-live .main-live-links .main-live-links-row .main-live-links-st a:visited {
  font-family: "GT-Flexa-Regular", sans-serif;
  font-size: 1.2rem;
  color: black;
  text-decoration: none;
  text-align: center;
}
.main.main-live .main-live-links .main-live-links-row .main-live-links-st .main-live-links-st-text {
  font-family: "GT-Flexa-Light", sans-serif;
  font-size: 0.875rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
}
.main.main-live .main-live-festival-plus-link {
  border: 4px solid #50FF93;
  width: 60%;
  margin: 4rem auto;
  box-sizing: border-box;
  padding: 3rem 1rem;
  text-align: center;
  background-color: #000;
  transition: border-width 0.25s ease-in-out;
}
.main.main-live .main-live-festival-plus-link a:link,
.main.main-live .main-live-festival-plus-link a:visited {
  color: #50FF93;
  text-decoration: none;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 5rem;
}
.main.main-live .main-live-festival-plus-link:hover {
  background-color: #50FF93;
  border-color: #000;
}
.main.main-live .main-live-festival-plus-link:hover a:link,
.main.main-live .main-live-festival-plus-link:hover a:visited {
  color: #000;
}
.main.main-live .main-live-festival-plus {
  position: relative;
  background-color: #50FF93;
  margin: 1rem 0;
  padding: 0 1rem 0.5rem;
  border-radius: 1rem 1rem 0 0;
  box-sizing: border-box;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content {
  background-color: #000;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-col-left {
  flex: 0 0 70%;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-col-right {
  flex: 0 0 30%;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-header {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 1rem;
  text-align: center;
  color: #908791;
  text-transform: uppercase;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items {
  padding: 0 0.25rem;
  box-sizing: border-box;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item {
  border: 1px solid #50FF93;
  margin-bottom: 0.5rem;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem {
  display: flex;
  flex-flow: row nowrap;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-link {
  flex: 0 0 90%;
  border-right: 1px solid #50FF93;
  padding: 0.5rem;
  box-sizing: border-box;
  text-align: center;
  padding: 1rem;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-link a:link {
  text-decoration: none;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-link .main-live-festival-plus-item-title {
  font-family: "GT-Alpina-Fine-Regular", sans-serif;
  font-size: 2rem;
  color: #50FF93;
  text-transform: uppercase;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-link .main-live-festival-plus-item-subtitle {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #908791;
  text-transform: uppercase;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-plus {
  flex: 0 0 10%;
  color: #50FF93;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6rem;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-plus a:link,
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-plus a:visited {
  color: #50FF93;
  text-decoration: none;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item:hover {
  background-color: #50FF93;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item:hover .main-live-festival-plus-item-link .main-live-festival-plus-item-title,
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item:hover .main-live-festival-plus-item-link .main-live-festival-plus-item-subtitle {
  color: #000;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item:hover .main-live-festival-plus-item-plus a:link,
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item:hover .main-live-festival-plus-item-plus a:visited {
  color: #000;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.25rem;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item {
  flex: 0 0 calc(50% - 0.5rem);
  margin: 0.25rem;
  text-align: center;
  border: 1px solid #50FF93;
  box-sizing: border-box;
  padding: 1rem;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item a:link {
  text-decoration: none;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item .main-live-festival-plus-section-item-title {
  font-family: "GT-Alpina-Fine-Regular", sans-serif;
  font-size: 2rem;
  color: #50FF93;
  text-transform: uppercase;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item .main-live-festival-plus-section-item-subtitle {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #908791;
  text-transform: uppercase;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item:hover {
  background-color: #50FF93;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item:hover .main-live-festival-plus-section-item-title,
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item:hover .main-live-festival-plus-section-item-subtitle {
  color: #000;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek {
  padding: 0 0.25rem;
  box-sizing: border-box;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item {
  border: 1px solid #50FF93;
  margin-bottom: 0.5rem;
  text-align: center;
  box-sizing: border-box;
  padding: 1rem;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item a:link,
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item a:visited {
  text-decoration: none;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item .main-live-festival-plus-item-title {
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 2rem;
  color: #50FF93;
  text-transform: uppercase;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item .main-live-festival-plus-item-subtitle {
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #908791;
  text-transform: uppercase;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item .main-live-festival-plus-item-drop {
  padding: 1rem;
  box-sizing: border-box;
  color: #000;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  text-align: left;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item .main-live-festival-plus-item-drop img {
  width: 100%;
  display: block;
  padding-bottom: 1rem;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item:hover {
  background-color: #50FF93;
}
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item:hover .main-live-festival-plus-item-title,
.main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items.main-live-festival-plus-section-items-filmmediathek .main-live-festival-plus-item:hover .main-live-festival-plus-item-subtitle {
  color: #000;
}

@media (max-width: 1024px) {
  .main.main-live {
    padding: 0.5rem;
  }
  .main.main-live .main-live-landing {
    margin: 0 -0.5rem;
  }
  .main.main-live .main-live-program {
    margin: 1rem 0;
    padding: 0 0.5rem 0.5rem;
  }
  .main.main-live .main-live-program .main-live-program-content {
    padding: 0.5rem;
    display: block;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col {
    flex: 0 0 100%;
    padding: 0;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current {
    display: block;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-icon {
    flex: 0 0 20%;
    border-right: 0;
    border-bottom: 2px solid #908791;
    padding: 0.5rem;
    box-sizing: border-box;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-icon svg {
    width: 70px;
    height: 70px;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots {
    flex: 0 0 75%;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot {
    height: 30vh;
    min-height: 200px;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-finished {
    font-family: "GT-Flexa-Ext-Medium", sans-serif;
    color: #707070;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.9;
    font-size: 2.5rem;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-time {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.5rem;
    width: 20%;
    box-sizing: border-box;
    color: #00FFFF;
    font-family: "GT-Flexa-Ext-Medium", sans-serif;
    font-size: 1.2rem;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name {
    font-family: "GT-Flexa-Ext-Medium", sans-serif;
    color: #707070;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.9;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name .main-live-program-content-slot-title {
    font-size: 1.2rem;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name .main-live-program-content-slot-subtitle {
    font-size: 0.875rem;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-lang {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
    box-sizing: border-box;
    font-family: "GT-Flexa-Mono-Light", sans-serif;
    color: #707070;
    text-transform: uppercase;
    font-size: 10px;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    font-family: "GT-Flexa-Mono-Light", sans-serif;
    color: #707070;
    text-transform: uppercase;
    font-size: 10px;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:link,
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:visited {
    color: #707070;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive {
    background-color: #F43A81;
    border: 2px solid #FF495A;
    cursor: pointer;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-stream-ticker, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-stream-ticker {
    border-bottom: 2px solid #908791;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-content-current .main-live-program-content-icon, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-content-current .main-live-program-content-icon {
    border-right: 2px solid #908791;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-time, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-time {
    color: #fff;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name {
    color: #fff;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-lang, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-lang {
    color: #fff;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos {
    color: #fff;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:link,
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream:hover .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:visited, .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:link,
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-col .main-live-program-content-stream.main-live-program-content-stream-islive .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-infos a:visited {
    color: #fff;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current {
    display: block;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-icon {
    flex: 0 0 20%;
    border-right: 0;
    border-bottom: 2px solid #908791;
    padding: 0.5rem;
    box-sizing: border-box;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots {
    flex: 0 0 80%;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot {
    height: 40vh;
    min-height: 300px;
    max-height: 400px;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name {
    font-family: "GT-Flexa-Ext-Medium", sans-serif;
    color: #707070;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.9;
  }
  .main.main-live .main-live-program .main-live-program-content .main-live-program-content-stream-temp .main-live-program-content-current .main-live-program-content-slots .main-live-program-content-slot .main-live-program-content-slot-name .main-live-program-content-slot-title {
    font-size: 1.2rem;
  }
  .main.main-live .main-live-program .main-live-program-link {
    font-size: 1.2rem;
    padding: 1rem;
  }
  .main.main-live .main-live-news {
    padding: 0 0.5rem 0.5rem;
  }
  .main.main-live .main-live-news .main-live-news-content {
    padding: 0.5rem 0.5rem;
  }
  .main.main-live .main-live-news .main-live-news-content .main-live-news-news .main-live-news-text {
    flex: 0 0 100%;
    font-size: 1.2rem;
    padding: 0.5rem;
  }
  .main.main-live .main-live-news .main-live-news-content .main-live-news-news .main-live-news-plus {
    display: none;
  }
  .main.main-live .main-live-news .main-live-news-pinnwand {
    padding: 0.5rem;
  }
  .main.main-live .main-live-cctv {
    display: block;
    padding: 0.5rem;
  }
  .main.main-live .main-live-cctv .main-live-cctv-feed {
    margin: 0.5rem;
    height: 40vh;
  }
  .main.main-live .main-live-inserat {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
  }
  .main.main-live .main-live-inserat a:link img,
  .main.main-live .main-live-inserat a:visited img {
    width: 90vw;
  }
  .main.main-live .main-live-links .main-live-links-row {
    flex-flow: row wrap;
  }
  .main.main-live .main-live-links .main-live-links-row .main-live-links-resonanzraum {
    display: none;
    flex: 100%;
    padding: 0 0.5rem 0.5rem;
    height: 150px;
  }
  .main.main-live .main-live-links .main-live-links-row .main-live-links-button {
    flex: 100%;
  }
  .main.main-live .main-live-links .main-live-links-row .main-live-links-shop {
    flex: 100%;
  }
  .main.main-live .main-live-links .main-live-links-row .main-live-links-shop a:link,
  .main.main-live .main-live-links .main-live-links-row .main-live-links-shop a:visited {
    line-height: 0.9;
  }
  .main.main-live .main-live-links .main-live-links-row .main-live-links-hinweis {
    flex: 100%;
  }
  .main.main-live .main-live-links .main-live-links-row .main-live-links-hinweis:hover {
    line-height: 0.9;
  }
  .main.main-live .main-live-links .main-live-links-row .main-live-links-st {
    flex: 100%;
    padding-top: 2rem;
  }
  .main.main-live .main-live-festival-plus-link {
    width: 90%;
    margin: 4rem auto;
    padding: 3rem 1rem;
  }
  .main.main-live .main-live-festival-plus-link a:link,
  .main.main-live .main-live-festival-plus-link a:visited {
    font-size: 2rem;
  }
  .main.main-live .main-live-festival-plus .main-live-festival-plus-content {
    padding: 0.5rem;
    display: block;
  }
  .main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem {
    display: block;
  }
  .main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-item.main-live-festival-plus-item-tandem .main-live-festival-plus-item-link {
    border: 0;
    padding: 0.5rem;
  }
  .main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte {
    display: block;
  }
  .main.main-live .main-live-festival-plus .main-live-festival-plus-content .main-live-festival-plus-block .main-live-festival-plus-items .main-live-festival-plus-section-items-texte .main-live-festival-plus-section-item {
    padding: 0.5rem;
  }
}
.main.main-login {
  padding: 4rem 1rem;
  box-sizing: border-box;
  position: relative;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.main.main-login .main-login-form {
  width: 600px;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}
.main.main-login .main-login-form input[type=password] {
  background-color: #1F1F1F;
  border-color: #50FF93;
  padding: 0.25rem 2rem;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  color: #fff;
  margin: 1rem 0;
}
.main.main-login .main-login-form input[type=password]:focus {
  outline: none;
}
.main.main-login .main-login-form input[type=submit] {
  background-color: #50FF93;
  border: 0;
  padding: 0.25rem 2rem;
  color: #000;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  border-radius: 2rem;
}
.main.main-login .main-login-form input[type=submit]:hover {
  cursor: pointer;
}
.main.main-login .main-login-form a:link,
.main.main-login .main-login-form a:visited {
  text-decoration: none;
  color: #50FF93;
}

@media (max-width: 1024px) {
  .main.main-login .main-login-form {
    width: 100%;
  }
}
.main.main-stream {
  display: flex;
  flex-flow: row nowrap;
  color: #fff;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.main.main-stream iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 300px;
  border: 0;
  outline: none;
}
.main.main-stream .main-stream-login {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.main-stream .main-stream-login a:link,
.main.main-stream .main-stream-login a:visited {
  color: #fff;
  text-decoration: none;
  font-family: "GT-Flexa-Mono", sans-serif;
  font-size: 1rem;
}
.main.main-stream .main-stream-channel  {
  flex: 0 0 100%;
  overflow: hidden;
  height: 100vh;
}
.main.main-stream .main-stream-channel-small {
  flex: 0 0 60%;
}
.main.main-stream .main-stream-chat {
  flex: 0 0 calc(40% + 1rem);
  overflow: hidden;
  height: 100vh;
  margin-right: -1rem;
}
.main.main-stream .nav-mobile-main-streams {
  display: none;
}

@media (max-width: 1024px) {
  .main.main-stream {
    display: block;
  }
  .main.main-stream .nav-mobile-main-streams {
    display: flex;
    flex-flow: row wrap;
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    padding: 0;
    margin: 3.25rem 0;
    padding: 0.25rem;
    box-sizing: border-box;
    width: 100%;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  .main.main-stream .nav-mobile-main-streams {
    position: fixed;
    top: 0;
    right: 3rem;
    width: 80%;
    margin: 0.25rem;
    z-index: 10000;
  }
}
@media (max-width: 1024px) {
  .main.main-stream .nav-mobile-main-streams li {
    flex: 0 0 calc(50% - 0.4rem);
    font-family: "GT-Flexa-Light", sans-serif;
    font-size: 0.6rem;
    text-transform: uppercase;
    border-radius: 2rem;
    box-sizing: border-box;
    border: 1px solid #000;
    padding: 0.2rem 1rem;
    margin: -0.2rem 0.2rem;
    background-color: white;
    color: black;
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .main.main-stream .nav-mobile-main-streams li:first-child {
    border: 0;
  }
  .main.main-stream .nav-mobile-main-streams li.nav-main-streams-active {
    background-color: #666666;
    cursor: pointer;
  }
}
.main.main-pinnwand {
  padding: 4rem 1rem;
  box-sizing: border-box;
  position: relative;
  background-color: #000;
}
.main.main-pinnwand .main-pinnwand-comments {
  display: flex;
  flex-flow: row wrap;
}
.main.main-pinnwand .main-pinnwand-comments .main-pinnwand-comment {
  flex: 0 0 calc(50% - 1rem);
  margin: 0.5rem;
  box-sizing: border-box;
  padding: 2rem 0.5rem;
  position: relative;
  background-color: #F8E700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "GT-Alpina-Typewriter-Regular", sans-serif;
  font-size: 2rem;
}
.main.main-pinnwand .main-pinnwand-comments .main-pinnwand-comment .main-pinnwand-comment-deco {
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1rem;
  height: 1rem;
  background-color: #000;
  border-radius: 0.5rem;
}
.main.main-pinnwand .main-pinnwand-comments .main-pinnwand-comment .main-pinnwand-comment-author {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem;
  font-size: 0.875rem;
}
.main.main-pinnwand #respond {
  background-color: #0000ff;
  border-radius: 2rem;
  padding: 2rem;
  box-sizing: border-box;
  margin: 1rem;
  width: 40vw;
  display: flex;
  justify-content: center;
}
.main.main-pinnwand #respond #reply-title,
.main.main-pinnwand #respond .comment-notes,
.main.main-pinnwand #respond .logged-in-as {
  display: none;
}
.main.main-pinnwand #respond form {
  text-align: center;
}
.main.main-pinnwand #respond label {
  color: #fff;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  display: block;
}
.main.main-pinnwand #respond input[type=submit] {
  border-radius: 1rem;
  background-color: #50FF93;
  font-family: "GT-Flexa-Ext-Medium", sans-serif;
  font-weight: normal;
  border: 0;
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
  padding: 0.25rem 1rem;
}
.main.main-pinnwand #respond textarea {
  width: 100% !important;
}

@media (max-width: 1024px) {
  .main.main-pinnwand .main-pinnwand-comments {
    display: block;
  }
  .main.main-pinnwand .main-pinnwand-comments .main-pinnwand-comment {
    flex: 0 0 calc(100% - 1rem);
    margin: 0.5rem;
  }
  .main.main-pinnwand #respond {
    padding: 1rem;
    box-sizing: border-box;
    margin: 2rem 0;
    width: 100%;
  }
}
.footer {
  position: relative;
  color: #ADADAD;
  background-color: #000;
  padding: 2rem;
  box-sizing: border-box;
  font-family: "GT-Flexa-Ext-Light", sans-serif;
  font-size: 0.875rem;
  z-index: 1000;
  overflow: hidden;
}
.footer a:link,
.footer a:visited {
  color: #ADADAD;
}
.footer a:link {
  text-decoration: none;
}
.footer .footer-row {
  display: flex;
  flex-flow: row nowrap;
  padding: 2rem 0;
}
.footer .footer-row .footer-col {
  flex: 0 0 16.666%;
  padding: 0 1rem 1rem;
  box-sizing: border-box;
}
.footer .footer-row .footer-col-2 {
  flex: 0 0 33.333%;
}
.footer .footer-row .footer-col-4 {
  flex: 0 0 66.666%;
}
.footer .footer-row .footer-col-8 {
  flex: 0 0 99.99999%;
}
.footer .footer-row:first-child, .footer .footer-row:last-child {
  border: 0;
}
.footer .nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .nav ul li {
  padding: 0;
}
.footer .nav-lang {
  font-size: 1rem;
  padding-bottom: 0;
}
.footer .nav-lang a:link,
.footer .nav-lang a:visited {
  color: #fff;
}
.footer .nav-lang ul li {
  display: block;
  padding-right: 1rem;
}
.footer .footer-end {
  align-items: flex-end;
}
.footer .footer-copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
  box-sizing: border-box;
  color: #707070;
}

@media (max-width: 1024px) {
  .footer {
    padding: 1rem;
  }
  .footer .footer-row {
    display: block;
    padding: 1rem 0;
  }
  .footer .footer-row:first-child {
    padding-top: 0;
  }
}/*# sourceMappingURL=style.css.map */