@font-face {
  font-family: Univers Next Variable;
  src: url(../fonts/universe.woff);
  src: url(../fonts/universe.woff2);
}
html,
body {
  background: #fff;
  z-index: 1;
  padding: 0;
  margin: 0;
  width: 100vw;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Univers Next Variable", sans-serif;
  font-variation-settings: "wght" 450, "wdth" 100, "ital" 0;
  font-size: 1.25vw;
  line-height: 1.5vw;
  background-color: #c6c8c7;
}

.scroller {
  position: relative;
}

a,
button,
input,
label {
  cursor: pointer;
}

a {
  color: #ff6827;
  text-decoration: none;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

*::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

*::selection {
  background: #ff6827;
}

a::selection {
  background: #000;
}

h1,
h2,
h3,
h4,
h5,
button,
menu {
  text-transform: uppercase;
}

h2 {
  font-variation-settings: "wght" 700, "wdth" 50, "ital" 0;
  font-size: 2.25vw;
  line-height: 2.25vw;
  margin-bottom: 0.25vw;
}

h3,
h4 {
  font-variation-settings: "wght" 700, "wdth" 50, "ital" 0;
  font-size: 1.5vw;
  line-height: 1.6vw;
  margin-bottom: 0.25vw;
}
h3 button,
h3 .btn,
h4 button,
h4 .btn {
  vertical-align: top;
}

h5,
.dates {
  font-variation-settings: "wght" 700, "wdth" 50, "ital" 0;
  font-size: 1.25vw;
  line-height: 1.35vw;
  margin-bottom: 0.25vw;
}

button,
.btn {
  padding: 0.3vw 0.75vw 0.05vw 0.85vw;
  border-radius: 1vw;
  font-size: 1vw;
  line-height: 0.75vw;
  text-transform: uppercase;
  font-family: "Univers Next Variable";
  font-variation-settings: "wght" 650, "wdth" 30, "ital" 0;
  outline: none;
  border: none;
  box-shadow: none;
}
button.orange,
.btn.orange {
  background-color: #ff6827;
  color: #000;
  transition: color 0.25s ease, background-color 0.25s ease;
}
button.orange:hover,
.btn.orange:hover {
  background-color: #000;
  color: #fff;
}
button.orange a:hover,
.btn.orange a:hover {
  font-variation-settings: "wght" 650, "wdth" 30, "ital" 0;
  color: #fff;
}
button.black,
.btn.black {
  background-color: #000;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  transition: color 0.25s ease, background-color 0.25s ease;
}
button.black:hover,
.btn.black:hover {
  background-color: #ff6827;
  color: #000;
}
button.black.active,
.btn.black.active {
  background-color: #ff6827;
  color: #000;
}
button.black.noaction,
.btn.black.noaction {
  transition: none;
  cursor: default;
  pointer-events: none;
}
button.black.noaction:hover,
.btn.black.noaction:hover {
  background-color: #000;
  color: #fff;
}
button.black.noaction.active,
.btn.black.noaction.active {
  background-color: #000;
  color: #fff;
}

iframe {
  width: 100%;
  height: auto;
}

a.mobile,
button.mobile,
.btn.mobile,
.online.mobile,
h4.mobile,
p.mobile,
img.mobile,
.mobiletime {
  display: none !important;
}

.mainstage {
  margin-left: 0.5vw;
}
.mainstage .opener {
  margin-left: 0;
}
.mainstage h1 {
  margin-right: 0.5vw;
  font-size: 7.5vw;
  display: inline-block;
  font-variation-settings: "wght" 600, "wdth" 0, "ital" 0;
  letter-spacing: -0.25vw;
  line-height: 7.1vw;
  height: 5.5vw;
}
.mainstage:first-of-type {
  font-variation-settings: "wght" 610, "wdth" 0, "ital" 0;
}

menu {
  pointer-events: none;
  width: 100vw;
  font-size: 1.25vw;
  line-height: 1vw;
  font-variation-settings: "wght" 650, "wdth" 30, "ital" 0;
}
menu a {
  pointer-events: auto;
  color: #000;
  transition: color 0.25s ease, font-variation-settings 0.25s linear;
}
menu a:not(.btn):hover {
  color: #ff6827;
  font-variation-settings: "wght" 650, "wdth" 200, "ital" 0;
}
menu a:not(.btn):hover .l1,
menu a:not(.btn):hover .l2,
menu a:not(.btn):hover .l3 {
  font-variation-settings: "wght" 650, "wdth" 200, "ital" 0;
}
menu a:not(.btn):hover svg {
  fill: #ff6827;
}
menu a.active {
  font-variation-settings: "wght" 650, "wdth" 200, "ital" 0;
  cursor: default;
}
menu .menuitems {
  width: 100vw;
  height: 3vw;
  float: left;
  column-count: 4;
  column-fill: auto;
  column-gap: 1vw;
  padding: 0 0.5vw;
}
menu .menuitems .menuitem {
  width: 100%;
  display: block;
  margin-bottom: 0.5vw;
  height: 0.9vw;
  white-space: nowrap;
}
menu .menuitems .menuitem svg {
  transition: fill 0.25s ease;
  fill: #000;
  height: 0.9vw;
  margin-right: 0.25vw;
  display: inline;
}
menu.menulevel2 {
  height: 2.5vw;
}
menu.menulevel2 .menuitem {
  clear: both;
}
menu.menulevel2 .menuitem a {
  display: inline-block;
}
menu.menulevel1 {
  z-index: 190;
  position: fixed;
  padding-top: 0.65vw;
  padding-bottom: 1vw;
  top: 0;
  background: linear-gradient(to top, rgb(198, 200, 199) 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(top, rgb(198, 200, 199) 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(198, 200, 199) 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
}
menu.menulevel1 .logo {
  margin-top: 0.5vw;
}
menu.menulevel1 .logo svg {
  transition: stroke 0.25s ease;
  fill: none;
  stroke-miterlimit: 8;
  stroke-width: 8;
  stroke: #000;
  height: 2.75vw;
  margin-top: -0.225vw;
}
menu.menulevel1 .logo:hover svg {
  stroke: #ff6827;
  fill: none;
  stroke-miterlimit: 8;
  stroke-width: 8;
}
menu.menulevel1 .logo > div {
  font-size: 0;
  vertical-align: top;
  display: inline-block;
}
menu.menulevel1 .logo > div span {
  font-size: 1.25vw;
  line-height: 1.25vw;
}
menu.menulevel1 .logo > div span.l1, menu.menulevel1 .logo > div span.l2, menu.menulevel1 .logo > div span.l3 {
  transition: font-variation-settings 0.25s linear;
}
menu.menulevel1 .logo > div span.l1 {
  margin-right: 0.35vw;
}
menu.menulevel1 .logo > div span.l2 {
  font-variation-settings: "wght" 650, "wdth" 90, "ital" 0;
}
menu.menulevel1 .logo > div span.l3 {
  font-variation-settings: "wght" 650, "wdth" 200, "ital" 0;
}
menu.menulevel1 .settings {
  width: auto;
  right: 0.5vw;
  top: 0.65vw;
  position: absolute;
  height: 3vw;
  pointer-events: painted;
}
menu.menulevel1 .settings span {
  float: right;
}
menu.menulevel1 .settings .btn {
  float: right;
  margin-bottom: 0.5vw;
}

#submenu,
.menulevel3 {
  z-index: 100;
  position: fixed;
  padding-top: 1vw;
  bottom: 0;
  background: linear-gradient(to bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
}
#submenu .menuitems,
.menulevel3 .menuitems {
  column-count: initial;
  height: auto;
}
#submenu .menuitems .menuitem,
.menulevel3 .menuitems .menuitem {
  width: 24vw;
  display: inline-block;
}
#submenu .menuitems .menuitem:hover,
.menulevel3 .menuitems .menuitem:hover {
  color: #000;
}
#submenu .menuitems .menuitem:hover svg,
.menulevel3 .menuitems .menuitem:hover svg {
  fill: #000;
}
#submenu a,
.menulevel3 a {
  width: 24vw;
  margin-right: 1vw;
  float: left;
}
#submenu a:nth-of-type(4n),
.menulevel3 a:nth-of-type(4n) {
  margin-right: 0;
}
#submenu a:hover,
.menulevel3 a:hover {
  color: #000;
}

body[ndx--target-view=archiv] main,
body[ndx--target-view=archive] main {
  padding-top: 5vw;
  padding-bottom: 5vw;
}
body[ndx--target-view=archiv] #submenu .menuitems,
body[ndx--target-view=archiv] .menulevel3 .menuitems,
body[ndx--target-view=archive] #submenu .menuitems,
body[ndx--target-view=archive] .menulevel3 .menuitems {
  width: 100vw;
  height: 4.25vw;
  float: left;
  column-count: 12;
  column-fill: auto;
  column-gap: 1vw;
  padding: 0 0.5vw;
}
body[ndx--target-view=archiv] #submenu .menuitems .menuitem,
body[ndx--target-view=archiv] .menulevel3 .menuitems .menuitem,
body[ndx--target-view=archive] #submenu .menuitems .menuitem,
body[ndx--target-view=archive] .menulevel3 .menuitems .menuitem {
  width: 4.52vw;
  display: inline-block;
}
body[ndx--target-view=archiv] #submenu .menuitems .menuitem svg,
body[ndx--target-view=archiv] .menulevel3 .menuitems .menuitem svg,
body[ndx--target-view=archive] #submenu .menuitems .menuitem svg,
body[ndx--target-view=archive] .menulevel3 .menuitems .menuitem svg {
  margin-right: 0.125vw;
}
body[ndx--target-view=archiv] #submenu .menuitems a,
body[ndx--target-view=archiv] .menulevel3 .menuitems a,
body[ndx--target-view=archive] #submenu .menuitems a,
body[ndx--target-view=archive] .menulevel3 .menuitems a {
  width: 24vw;
  margin-right: 1vw;
  float: left;
}
body[ndx--target-view=archiv] #submenu .menuitems a:nth-of-type(4),
body[ndx--target-view=archiv] .menulevel3 .menuitems a:nth-of-type(4),
body[ndx--target-view=archive] #submenu .menuitems a:nth-of-type(4),
body[ndx--target-view=archive] .menulevel3 .menuitems a:nth-of-type(4) {
  margin-right: 1vw;
}
body[ndx--target-view=archiv] #submenu .menuitems a:nth-of-type(18),
body[ndx--target-view=archiv] .menulevel3 .menuitems a:nth-of-type(18),
body[ndx--target-view=archive] #submenu .menuitems a:nth-of-type(18),
body[ndx--target-view=archive] .menulevel3 .menuitems a:nth-of-type(18) {
  margin-right: 0;
}
body[ndx--target-view=archiv] #submenu .menuitems.archiv,
body[ndx--target-view=archiv] #submenu .menuitems.archive,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archiv,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archive,
body[ndx--target-view=archive] #submenu .menuitems.archiv,
body[ndx--target-view=archive] #submenu .menuitems.archive,
body[ndx--target-view=archive] .menulevel3 .menuitems.archiv,
body[ndx--target-view=archive] .menulevel3 .menuitems.archive {
  width: 105vw;
  height: 4.25vw;
  float: left;
  column-count: 1;
  column-fill: auto;
  column-gap: 1vw;
  padding: 0 0.5vw;
}
body[ndx--target-view=archiv] #submenu .menuitems.archiv .menuitem,
body[ndx--target-view=archiv] #submenu .menuitems.archive .menuitem,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archiv .menuitem,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archive .menuitem,
body[ndx--target-view=archive] #submenu .menuitems.archiv .menuitem,
body[ndx--target-view=archive] #submenu .menuitems.archive .menuitem,
body[ndx--target-view=archive] .menulevel3 .menuitems.archiv .menuitem,
body[ndx--target-view=archive] .menulevel3 .menuitems.archive .menuitem {
  width: 6.925vw;
  display: inline-block;
}
body[ndx--target-view=archiv] #submenu .menuitems.archiv .menuitem svg,
body[ndx--target-view=archiv] #submenu .menuitems.archive .menuitem svg,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archiv .menuitem svg,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archive .menuitem svg,
body[ndx--target-view=archive] #submenu .menuitems.archiv .menuitem svg,
body[ndx--target-view=archive] #submenu .menuitems.archive .menuitem svg,
body[ndx--target-view=archive] .menulevel3 .menuitems.archiv .menuitem svg,
body[ndx--target-view=archive] .menulevel3 .menuitems.archive .menuitem svg {
  margin-right: 0.125vw;
}
body[ndx--target-view=archiv] #submenu .menuitems.archiv a,
body[ndx--target-view=archiv] #submenu .menuitems.archive a,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archiv a,
body[ndx--target-view=archiv] .menulevel3 .menuitems.archive a,
body[ndx--target-view=archive] #submenu .menuitems.archiv a,
body[ndx--target-view=archive] #submenu .menuitems.archive a,
body[ndx--target-view=archive] .menulevel3 .menuitems.archiv a,
body[ndx--target-view=archive] .menulevel3 .menuitems.archive a {
  width: 24vw;
  margin-right: 1vw;
  float: left;
}
body[ndx--target-view=archiv] #submenu .menuitems.archiv a:nth-of-type(4),
body[ndx--target-view=archiv] #submenu .menuitems.archive a:nth-of-type(4),
body[ndx--target-view=archiv] .menulevel3 .menuitems.archiv a:nth-of-type(4),
body[ndx--target-view=archiv] .menulevel3 .menuitems.archive a:nth-of-type(4),
body[ndx--target-view=archive] #submenu .menuitems.archiv a:nth-of-type(4),
body[ndx--target-view=archive] #submenu .menuitems.archive a:nth-of-type(4),
body[ndx--target-view=archive] .menulevel3 .menuitems.archiv a:nth-of-type(4),
body[ndx--target-view=archive] .menulevel3 .menuitems.archive a:nth-of-type(4) {
  margin-right: 1vw;
}
body[ndx--target-view=archiv] #submenu .menuitems.archiv a:nth-of-type(18),
body[ndx--target-view=archiv] #submenu .menuitems.archive a:nth-of-type(18),
body[ndx--target-view=archiv] .menulevel3 .menuitems.archiv a:nth-of-type(18),
body[ndx--target-view=archiv] .menulevel3 .menuitems.archive a:nth-of-type(18),
body[ndx--target-view=archive] #submenu .menuitems.archiv a:nth-of-type(18),
body[ndx--target-view=archive] #submenu .menuitems.archive a:nth-of-type(18),
body[ndx--target-view=archive] .menulevel3 .menuitems.archiv a:nth-of-type(18),
body[ndx--target-view=archive] .menulevel3 .menuitems.archive a:nth-of-type(18) {
  margin-right: 1vw;
}

main {
  padding-top: 4vw;
  padding-bottom: 4vw;
}

.opener {
  font-size: 0;
  width: 99vw;
  margin-left: 0.5vw;
  display: flex;
  margin-bottom: 1.25vw;
}
.opener h1 {
  margin-right: 0.5vw;
  font-size: 7.5vw;
  display: inline-block;
  font-variation-settings: "wght" 650, "wdth" 30, "ital" 0;
  letter-spacing: -0.25vw;
  line-height: 7.1vw;
  height: 5.5vw;
}
.opener h2 {
  margin-bottom: 0;
}
.opener .line1 {
  font-size: 7.5vw;
  display: inline-block;
  font-variation-settings: "wght" 650, "wdth" 30, "ital" 0;
  letter-spacing: -0.25vw;
  text-transform: uppercase;
  line-height: 7.1vw;
  height: 5.5vw;
  flex-grow: 100;
  padding-left: 0.1vw;
  width: 0;
}
.opener .line1 img {
  height: 100%;
  width: 100%;
}
.opener .line2 {
  font-size: 7.5vw;
  display: inline-block;
  font-variation-settings: "wght" 650, "wdth" 30, "ital" 0;
  letter-spacing: -0.25vw;
  text-transform: uppercase;
  line-height: 0;
  height: 2.25vw;
  flex-grow: 100;
  padding-left: 0.1vw;
}
.opener .line2 img {
  height: 100%;
  width: 100%;
}

section {
  padding-left: 0.5vw;
  padding-right: 0.5vw;
  margin-bottom: 3vw;
  width: 99vw;
  display: block;
}
section .opener {
  margin-left: 0;
}
section nav {
  pointer-events: none;
  z-index: 99;
  position: sticky;
  top: 0.5vw;
  margin-top: -1.5vw;
  padding-bottom: 3vw;
  padding-top: 3vw;
  background: linear-gradient(to bottom, rgba(198, 200, 199, 0) 20%, rgba(198, 200, 199, 0.75) 50%, rgba(255, 255, 255, 0) 80%);
  background: -moz-linear-gradient(to bottom, rgba(198, 200, 199, 0) 20%, rgba(198, 200, 199, 0.75) 50%, rgba(255, 255, 255, 0) 80%);
  background: -webkit-linear-gradient(to bottom, rgba(198, 200, 199, 0) 20%, rgba(198, 200, 199, 0.75) 50%, rgba(255, 255, 255, 0) 80%);
}
section nav * {
  pointer-events: auto;
}
section nav.navtimetable {
  top: 1.5vw;
  font-size: 0;
  padding-left: 0.5vw;
  background: linear-gradient(to bottom, rgba(198, 200, 199, 0.7) 0%, rgba(198, 200, 199, 0.95) 70%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(to bottom, rgba(198, 200, 199, 0.7) 0%, rgba(198, 200, 199, 0.95) 70%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(to bottom, rgba(198, 200, 199, 0.7) 0%, rgba(198, 200, 199, 0.95) 70%, rgba(255, 255, 255, 0) 100%);
}
section nav.navtimetable.mobile {
  display: none;
}
section nav.navtimetable h4 span {
  margin-right: 0.5vw;
}
section nav aside {
  display: inline-block;
}
section nav aside button:last-of-type {
  margin-right: 1vw;
}
section nav h4 {
  font-size: 1.25vw;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 0.5vw;
}
section nav button {
  margin-top: 0.1vw;
  vertical-align: top;
}
section button {
  margin-right: 0.5vw;
}
section .wrapper {
  display: flex;
  font-size: 0;
  margin-bottom: 1.5vw;
}
section .wrapper .item {
  display: inline-block;
}
section .wrapper .item {
  width: calc(50% - 0.5vw);
  margin-right: 1vw;
}
section .wrapper .item:nth-of-type(2n) {
  margin-right: 0;
}
section .wrapper.peoplelist .item, section .wrapper.partnerlist .item {
  width: 100%;
  margin-right: 0;
}
section .wrapper.column-three .item {
  width: calc(75% - 0.5vw);
}
section .wrapper.column-three .item:first-of-type {
  margin-right: 1vw;
}
section .wrapper.column-three .item.icon {
  vertical-align: top;
  width: calc(25% - 0.75vw);
  display: inline-block;
}
section .wrapper .width2_2 {
  vertical-align: top;
  width: calc(50% - 0.5vw);
  display: inline-block;
  margin-right: 1vw;
}
section .wrapper .width2_2:nth-of-type(2n) {
  margin-right: 0;
}
section .wrapper .width3 {
  width: calc(75% - 0.5vw);
  margin-right: 1vw;
}
section .wrapper .width3:nth-of-type(2n) {
  margin-right: 0;
}
section .wrapper .width3_2 {
  vertical-align: top;
  width: calc(25% - 0.75vw);
  display: inline-block;
  margin-right: 1vw;
}
section .wrapper .width3_2:nth-of-type(2n) {
  margin-right: 0;
}
section .wrapper .width4 {
  width: calc(84% - 0.5vw);
  margin-right: 1vw;
}
section .wrapper .width4:nth-of-type(2n) {
  margin-right: 0;
}
section .wrapper .width4_2 {
  vertical-align: top;
  width: calc(16% - 0.5vw);
  display: inline-block;
  margin-right: 1vw;
}
section .wrapper .width4_2:nth-of-type(2n) {
  margin-right: 0;
}
section .icon {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}
section h1,
section h2 {
  font-size: 3vw;
  line-height: 2.85vw;
  height: 2.3vw;
  margin-bottom: 0.25vw;
  font-variation-settings: "wght" 600, "wdth" 300, "ital" 0;
}
section h1 svg,
section h1 img,
section h2 svg,
section h2 img {
  height: 2.1vw;
  width: auto;
  margin-right: 0.5vw;
}
section li {
  font-size: 1.25vw;
  margin-left: 1.25vw;
  list-style: disc;
}
section .slider li {
  margin-left: 0;
}
section p,
section a {
  font-size: 1.25vw;
  margin-bottom: 1vw;
}
section p:last-of-type,
section a:last-of-type {
  margin-bottom: 1vw;
}
section p strong,
section a strong {
  font-variation-settings: "wght" 600, "wdth" 100, "ital" 0;
}
section p button,
section a button {
  margin-top: -1vw;
}
section a {
  transition: font-variation-settings 0.25s ease;
}
section a:not(.btn):hover {
  font-variation-settings: "wght" 600, "wdth" 94.5, "ital" 0;
}
section .lines2 {
  width: 100%;
  height: 2.3vw;
  display: block;
}
section .lines3 {
  width: 100%;
  height: 0.85vw;
  display: block;
}
section .grid {
  margin-top: 3vw;
  width: 100%;
}
section .grid .grid-item,
section .grid .grid-sizer {
  vertical-align: top;
  margin-right: 1vw;
  display: inline-block;
  width: calc(33.05% - 0.5vw);
  margin-bottom: 1.5vw;
}
section .grid .grid-item:nth-of-type(3n),
section .grid .grid-sizer:nth-of-type(3n) {
  margin-right: 0;
}
section .grid p {
  margin-bottom: 0.5vw;
}
section .dates1 > div {
  width: calc(50% - 0.5vw);
}
section .dates1 > div a {
  margin-bottom: 0;
}
section .dates1 * {
  display: inline-block;
  margin-right: 0.5vw;
}
section .level2 .level2_inner {
  width: 99.5vw;
  margin-left: -16.8vw;
  display: block;
  text-align: right;
}
section .level2 .level2_inner .left,
section .level2 .level2_inner .right {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: left;
}
section .level2 .level2_inner .left button.orange,
section .level2 .level2_inner .left .btn.orange,
section .level2 .level2_inner .right button.orange,
section .level2 .level2_inner .right .btn.orange {
  white-space: nowrap;
  display: inline-block;
}
section .level2 .level2_inner .left h5,
section .level2 .level2_inner .right h5 {
  color: #fff;
  mix-blend-mode: difference;
}
section .level2 .level2_inner .left {
  width: 24vw;
  margin-right: 1vw;
}
section .level2 .level2_inner .left div {
  margin-bottom: 0.5vw;
}
section .level2 .level2_inner .right {
  width: 74vw;
  margin-right: 0;
}
section .level2 .level2_inner .right .inner {
  width: 100%;
}
section .level2 .level2_inner .right .inner1,
section .level2 .level2_inner .right .inner2 {
  display: inline-block;
  vertical-align: top;
}
section .level2 .level2_inner .right .inner1 {
  width: 49vw;
  margin-right: 1vw;
}
section .level2 .level2_inner .right .inner2 {
  width: 23.5vw;
}
section .level2.date {
  display: inline-block;
}
section .level2.date.hidden {
  display: none;
}
section .level2.date .right {
  float: left;
  width: 73vw;
}
section .level2.date .left button.orange,
section .level2.date .left .btn.orange {
  display: inline-block;
}
section .level2.date .level2_inner {
  margin-left: -25vw;
}
section .level2.date .level2_inner .right {
  float: left;
  width: 73vw;
}
section .level2.date .level2_inner .left {
  margin-right: 0;
  width: 25vw;
}
section .level2.date .level2_inner .left button.orange,
section .level2.date .level2_inner .left .btn.orange {
  display: inline-block;
}
section .level2.date .level2_inner .inner1 {
  float: left;
  width: 54.5vw;
}
section .level2.date .level2_inner .inner2 {
  width: 18.5vw;
  float: left;
}

.date {
  margin-bottom: 1vw;
}
.date .left {
  width: 24vw;
  margin-right: 1vw;
  float: left;
  font-size: 0;
}
.date .left h4,
.date .left button,
.date .left a {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5vw;
}
.date > .right {
  display: flex;
}
.date > .right .inner {
  width: calc(75% - 1vw);
  margin-right: 1vw;
}
.date > .right .inner .slider {
  width: 100%;
}
.date > .right > .icon {
  display: block;
  width: 25%;
}
.date > .right p.teaser {
  margin-bottom: 0.5vw;
}

.item.icon.image {
  position: relative;
}
.item.icon.image .meta {
  position: absolute;
  left: 0.5vw;
  bottom: 0.5vw;
  margin-bottom: 0;
  color: #ff6827;
  width: 100%;
  line-height: 1.25vw;
  text-align: left;
  pointer-events: none;
}

.slider {
  margin-bottom: 1vw;
  line-height: 0;
  position: relative;
  width: 49vw;
  height: 27.56vw;
  overflow: hidden;
  background: #484848;
}
.slider svg {
  cursor: pointer;
  width: 5vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
  fill: #ff6827;
  transition: fill 0.25s ease;
}
.slider .meta {
  position: absolute;
  left: 0.5vw;
  bottom: 0.5vw;
  margin-bottom: 0;
  color: #ff6827;
  width: 100%;
  line-height: 1.25vw;
  text-align: left;
  pointer-events: none;
}
.slider:hover .slide > div {
  background-color: #000;
}
.slider:hover svg {
  fill: #000;
}
.slider .slick-dots {
  position: absolute;
  top: 0.25vw;
  right: 0;
}
.slider .slick-dots li:only-child {
  display: none;
}
.slider .slick-dots li {
  display: inline-block;
}
.slider .slick-dots button {
  display: inline-block;
  padding: 0.3vw 0.3vw 0.05vw 0.3vw;
}
.slider .slick-dots button {
  background-color: #ff6827;
  transition: color 0.25s ease, background-color 0.25s ease;
}
.slider .slick-dots button:hover {
  background-color: #000;
  color: #fff;
}
.slider .slick-dots li.slick-active button {
  background-color: #000;
  color: #fff;
  transition: color 0.25s ease, background-color 0.25s ease;
}
.slider .slick-next,
.slider .slick-prev {
  height: 27.56vw;
  width: 50%;
  top: 0;
  right: 0;
  opacity: 0;
  position: absolute;
}
.slider .slick-next.slick-prev,
.slider .slick-prev.slick-prev {
  z-index: 1;
  left: 0;
}
.slider .slide {
  display: inline-block;
  background: #484848;
  width: 49vw;
  height: 27.56vw;
  text-align: center;
  position: relative;
}
.slider .slide > div {
  background-color: #c6c8c7;
  transition: background-color 0.5s ease;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  max-width: 100%;
}
.slider .slide > div img,
.slider .slide > div video {
  mix-blend-mode: difference;
  width: auto;
  height: 100%;
}
.slider .slide > div video {
  outline: none;
  display: none;
  max-width: 49vw;
  max-height: 27.56vw;
  z-index: -1;
}

.filmsub .slide > div img,
.filmsub .slide > div video,
.moviegroup .slide > div img,
.moviegroup .slide > div video {
  display: block;
  max-width: 54.5vw;
  max-height: 27.56vw;
}

.timetable .moviegroups .slide > div img,
.timetable .moviegroups .slide > div video,
.timetable .moviegroup .slide > div img,
.timetable .moviegroup .slide > div video {
  display: block;
  max-width: 49vw;
}
.timetable .date > .right > .icon.nogrow {
  max-height: 4.8vw;
}

section.timetable .level2.date .level2_inner .inner2 {
  width: 54.5vw;
}

.image {
  background-blend-mode: difference;
  background: #c6c8c7;
  transition: background-color 0.5s linear;
}
.image:hover {
  background: transparent;
}

.partners section .lines2 {
  width: 99vw;
  height: 2.3vw;
  display: block;
}

.logos {
  line-height: 0;
  width: 99vw;
}
.logos div:not(.columnblock):not(.split) {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 18.75vw;
  margin-right: 1vw;
  margin-bottom: 2vw;
}
.logos div:not(.columnblock):not(.split):nth-of-type(5n) {
  margin-right: 0;
}
.logos div.columnblock,
.logos div.split {
  line-height: 1.5vw;
}
.logos img {
  max-height: 6.375vw;
  max-width: 12.75vw;
}

body[ndx--target-view=kontakt] .team,
body[ndx--target-view=contact] .team,
body[ndx--target-view*=kontakt] .team,
body[ndx--target-view*=contact] .team,
body[ndx--target-view=presse] .team,
body[ndx--target-view=press] .team,
body[ndx--target-view=kurzfilm-agentur] .team {
  line-height: 0;
  width: 99vw;
}
body[ndx--target-view=kontakt] .team > div,
body[ndx--target-view=contact] .team > div,
body[ndx--target-view*=kontakt] .team > div,
body[ndx--target-view*=contact] .team > div,
body[ndx--target-view=presse] .team > div,
body[ndx--target-view=press] .team > div,
body[ndx--target-view=kurzfilm-agentur] .team > div {
  display: inline-block;
  vertical-align: top;
  width: 24vw;
  margin-right: 1vw;
  margin-bottom: 2vw;
}
body[ndx--target-view=kontakt] .team > div:nth-of-type(4n),
body[ndx--target-view=contact] .team > div:nth-of-type(4n),
body[ndx--target-view*=kontakt] .team > div:nth-of-type(4n),
body[ndx--target-view*=contact] .team > div:nth-of-type(4n),
body[ndx--target-view=presse] .team > div:nth-of-type(4n),
body[ndx--target-view=press] .team > div:nth-of-type(4n),
body[ndx--target-view=kurzfilm-agentur] .team > div:nth-of-type(4n) {
  margin-right: 0;
}
body[ndx--target-view=kontakt] .team p,
body[ndx--target-view=contact] .team p,
body[ndx--target-view*=kontakt] .team p,
body[ndx--target-view*=contact] .team p,
body[ndx--target-view=presse] .team p,
body[ndx--target-view=press] .team p,
body[ndx--target-view=kurzfilm-agentur] .team p {
  line-height: 1.5vw;
}
body[ndx--target-view=kontakt] .team .imagewrap,
body[ndx--target-view=contact] .team .imagewrap,
body[ndx--target-view*=kontakt] .team .imagewrap,
body[ndx--target-view*=contact] .team .imagewrap,
body[ndx--target-view=presse] .team .imagewrap,
body[ndx--target-view=press] .team .imagewrap,
body[ndx--target-view=kurzfilm-agentur] .team .imagewrap {
  line-height: 0;
  margin-bottom: 1vw;
  transition: background-color 0.5s ease;
}
body[ndx--target-view=kontakt] .team .imagewrap img,
body[ndx--target-view=contact] .team .imagewrap img,
body[ndx--target-view*=kontakt] .team .imagewrap img,
body[ndx--target-view*=contact] .team .imagewrap img,
body[ndx--target-view=presse] .team .imagewrap img,
body[ndx--target-view=press] .team .imagewrap img,
body[ndx--target-view=kurzfilm-agentur] .team .imagewrap img {
  mix-blend-mode: difference;
  width: 100%;
}
body[ndx--target-view=kontakt] .team .imagewrap:hover,
body[ndx--target-view=contact] .team .imagewrap:hover,
body[ndx--target-view*=kontakt] .team .imagewrap:hover,
body[ndx--target-view*=contact] .team .imagewrap:hover,
body[ndx--target-view=presse] .team .imagewrap:hover,
body[ndx--target-view=press] .team .imagewrap:hover,
body[ndx--target-view=kurzfilm-agentur] .team .imagewrap:hover {
  background-color: #000;
}
body[ndx--target-view=kontakt] .teaser + div,
body[ndx--target-view=contact] .teaser + div,
body[ndx--target-view*=kontakt] .teaser + div,
body[ndx--target-view*=contact] .teaser + div,
body[ndx--target-view=presse] .teaser + div,
body[ndx--target-view=press] .teaser + div,
body[ndx--target-view=kurzfilm-agentur] .teaser + div {
  display: none;
}

.hidden {
  display: none;
}

p + .orange.more,
p + .orange.less {
  margin-top: -2vw;
}

p:last-of-type {
  margin-bottom: 0.5vw;
}

.split {
  width: 100%;
  float: left;
}
.one .split {
  width: 100%;
  float: left;
}
.two .split {
  width: calc((100% - 1vw) / 2);
  float: left;
  margin-right: 1vw;
}
.two .split:nth-of-type(2n) {
  margin-right: 0;
}
.two .split:nth-of-type(3n) {
  clear: both;
}
.split .three {
  background-color: blue;
}
.three .split {
  width: calc((100% - 2.01vw) / 3);
  float: left;
  margin-right: 1vw;
  margin-bottom: 1vw;
}
.three .split:nth-of-type(3n) {
  margin-right: 0;
}
.three .split:nth-of-type(4n) {
  clear: both;
}

.newsblock h4 svg {
  height: 1.1vw;
  width: auto;
}
.newsblock .newsheadline {
  position: relative;
  padding-right: 5vw;
}
.newsblock .permalink {
  position: absolute;
  right: 0;
  top: 0;
}

section h1,
section h2,
section h3,
section h4 {
  height: initial;
}

.temp_news_img_wrap {
  width: 100%;
}
.temp_news_img_wrap img {
  height: 27.56vw;
  width: auto;
}
.temp_news_img_wrap img.landscape {
  width: 100%;
  height: auto;
}
.temp_news_img_wrap.imgblend {
  transition: background-color 0.5s ease;
  line-height: 0;
  margin-bottom: 1vw;
  text-align: center;
}
.temp_news_img_wrap.imgblend > div {
  transition: background-color 0.5s ease;
}
.temp_news_img_wrap.imgblend.square, .temp_news_img_wrap.imgblend.portrait {
  position: relative;
  width: 49vw;
  height: 27.56vw;
}
.temp_news_img_wrap.imgblend.square > div, .temp_news_img_wrap.imgblend.portrait > div {
  background: #484848;
  text-align: center;
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  width: 49vw;
  height: 27.56vw;
}
.temp_news_img_wrap.imgblend.square > div > div, .temp_news_img_wrap.imgblend.portrait > div > div {
  background-color: #c6c8c7;
  transition: background-color 0.5s ease;
}
.temp_news_img_wrap.imgblend.square > div > div img,
.temp_news_img_wrap.imgblend.square > div > div video, .temp_news_img_wrap.imgblend.portrait > div > div img,
.temp_news_img_wrap.imgblend.portrait > div > div video {
  mix-blend-mode: difference;
  max-width: 100%;
}
.temp_news_img_wrap.imgblend img {
  mix-blend-mode: difference;
}
.temp_news_img_wrap:hover > div {
  background-color: #000;
}
.temp_news_img_wrap:hover.square, .temp_news_img_wrap:hover.portrait {
  background: #000;
}
.temp_news_img_wrap:hover.square > div > div, .temp_news_img_wrap:hover.portrait > div > div {
  background: #000;
}
.temp_news_img_wrap + .figcaption {
  margin-top: -0.5vw;
  margin-bottom: 1vw;
}

body[ndx--target-view=home] main {
  padding-bottom: 2.5vw;
}

body[ndx--target-view=news] main {
  padding-bottom: 0.5vw;
}

/* START ANIMATION */
.circle {
  z-index: 150;
  mix-blend-mode: difference;
  background-color: #000;
  border-radius: 100vh;
  position: fixed;
  overflow: hidden;
  top: 0;
  transition: transform 1s ease, opacity 1s ease;
}
@media (orientation: landscape) {
  .circle {
    width: 100vh;
    height: 100vh;
  }
}
@media (orientation: portrait) {
  .circle {
    width: 100vw;
    height: 100vw;
  }
}
.circle video {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
.circle.open {
  transform: scale(3);
  opacity: 0;
  pointer-events: none;
}

.marquee {
  position: fixed;
  bottom: 0;
  z-index: 20;
  width: 100vw;
  overflow: hidden;
  color: #000;
  height: 2.5vw;
  padding-top: 0.75vw;
  background: linear-gradient(to bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
}
.marquee .js-marquee {
  margin-right: 5px !important;
}
.marquee span {
  font-variation-settings: "wght" 700, "wdth" 50, "ital" 0;
  font-size: 1.5vw;
  line-height: 1.6vw;
  margin-bottom: 0.25vw;
}

.searchoverlay {
  overflow: scroll;
  width: 100vw;
  height: 100vh;
  background: #c6c8c7;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  display: none;
}
.searchoverlay.show {
  display: block;
}
.searchoverlay input {
  text-transform: capitalize;
}
.searchoverlay input::placeholder {
  color: #000;
}
.searchoverlay input:focus::placeholder {
  color: #c6c8c7;
}
.searchoverlay .close {
  position: absolute;
  right: 0.5vw;
  height: 5.5vw;
  width: 5.5vw;
  font-size: 3vw;
  display: inline-block;
  cursor: pointer;
}
.searchoverlay .searchicon {
  right: 6.5vw;
  position: absolute;
  height: 5.5vw;
  width: 5.75vw;
  font-size: 3vw;
  display: inline-block;
  cursor: pointer;
}
.searchoverlay form {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 7vw;
  padding: 0.5vw;
  border-bottom: 0.15vw solid #000;
  background: #c6c8c7;
  z-index: 301;
}
.searchoverlay input[type=submit] {
  display: none;
}
.searchoverlay input[type=search],
.searchoverlay input[type=search]:focus,
.searchoverlay input[type=search]:active {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border: none;
  outline: none;
  width: 92vw;
  line-height: 4.5vw;
  margin-top: -0.9vw;
  overflow: visible;
  background: transparent;
  -moz-osx-font-smoothing: grayscale;
  font-size: 7.5vw;
  font-variation-settings: "wght" 600, "wdth" 0, "ital" 0;
  font-family: "Univers Next Variable";
}
.searchoverlay input[type=search]::-webkit-search-decoration, .searchoverlay input[type=search]::-webkit-search-cancel-button, .searchoverlay input[type=search]::-webkit-search-results-button, .searchoverlay input[type=search]::-webkit-search-results-decoration,
.searchoverlay input[type=search]:focus::-webkit-search-decoration,
.searchoverlay input[type=search]:focus::-webkit-search-cancel-button,
.searchoverlay input[type=search]:focus::-webkit-search-results-button,
.searchoverlay input[type=search]:focus::-webkit-search-results-decoration,
.searchoverlay input[type=search]:active::-webkit-search-decoration,
.searchoverlay input[type=search]:active::-webkit-search-cancel-button,
.searchoverlay input[type=search]:active::-webkit-search-results-button,
.searchoverlay input[type=search]:active::-webkit-search-results-decoration {
  display: none;
}
.searchoverlay input[type=submit] {
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  position: absolute;
  right: 4.8vw;
  top: -0.2vw;
  width: 2vw;
  height: 2vw;
  background: transparent;
}
.searchoverlay .results,
.searchoverlay .noresults {
  position: relative;
  width: 99vw;
  margin-top: 1vw;
  margin-left: 0.5vw;
}
.searchoverlay .results a,
.searchoverlay .noresults a {
  font-variation-settings: "wght" 600, "wdth" 0, "ital" 0;
  font-family: "Univers Next Variable";
  font-size: 3vw;
  line-height: 2.85vw;
  color: #000;
  transition: color 0.25s ease;
  text-transform: uppercase;
}
.searchoverlay .results a:hover,
.searchoverlay .noresults a:hover {
  color: #ff6827;
}
.searchoverlay .results li,
.searchoverlay .noresults li {
  margin-bottom: 1vw;
}
.searchoverlay .results li img,
.searchoverlay .noresults li img {
  height: 2.1vw;
  width: auto;
  margin-right: 0.5vw;
}
.searchoverlay .noresults a:hover {
  color: #000;
  pointer-events: none;
}

.menuitems.mobile {
  display: none;
}

.left.mobile {
  display: none;
}

.online {
  display: inline-block;
  margin-right: 0.5vw;
}
.online a {
  margin-bottom: 0;
}

.mobile button.mobile,
.mobile a.mobile,
.mobile .btn.mobile,
.mobile .online.mobile,
.mobile .mobiletime,
.mobile p.mobile {
  display: inline-block !important;
}
.mobile img.lines2.mobile {
  width: 100% !important;
  height: 2.3vw !important;
  display: block !important;
}
.mobile .left.desktop,
.mobile button.desktop,
.mobile p.desktop,
.mobile span.desktop {
  display: none !important;
}
.mobile .mobiletime {
  font-size: 7.5vw !important;
  line-height: 6.9vw !important;
}
.mobile .online {
  display: inline-block;
}
.mobile .online .btn {
  height: 6vw;
  font-size: 6vw;
  line-height: 7vw;
  display: inline-block;
  width: auto;
  margin-top: -0.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
}
.mobile .unfilter {
  position: fixed;
  top: 13vw;
  right: 0;
}
.mobile h4:empty {
  display: none !important;
}
.mobile body[ndx--filter-view=""] .unfilter {
  display: none;
}
.mobile .navtimetable button:last-of-type:not(.unfilter) {
  margin-right: 7vw;
}
.mobile .navtimetable.mobile {
  display: block;
}
.mobile body[ndx--target-view=timetable] main {
  overflow: inherit;
}
.mobile body[ndx--target-view=timetable] .dateheader .opener {
  top: 23.5vw;
  position: sticky;
  padding-top: 1vw;
}
.mobile body[ndx--target-view=program] main,
.mobile body[ndx--target-view=programm] main {
  overflow: inherit;
}
.mobile body[ndx--target-view=program] .navtimetable,
.mobile body[ndx--target-view=programm] .navtimetable {
  top: 23vw;
  position: sticky;
  white-space: nowrap;
  width: 100vw;
  height: 10vw;
}
.mobile body[ndx--target-view=program] .navtimetable aside,
.mobile body[ndx--target-view=programm] .navtimetable aside {
  display: inline-block;
  white-space: nowrap;
  width: auto;
  height: auto;
  margin-right: 1vw;
}
.mobile body[ndx--target-view=program] .navtimetable aside span,
.mobile body[ndx--target-view=programm] .navtimetable aside span {
  margin-right: 2vw;
}
.mobile body[ndx--target-view=program] .navtimetable aside span:after,
.mobile body[ndx--target-view=programm] .navtimetable aside span:after {
  content: ":";
}
.mobile body[ndx--target-view=program] .navtimetable aside *,
.mobile body[ndx--target-view=programm] .navtimetable aside * {
  display: inline-block;
}
.mobile body[ndx--target-view=program] .navtimetable aside button,
.mobile body[ndx--target-view=programm] .navtimetable aside button {
  width: auto;
  padding: 0.3vw 4.5vw 0.05vw 4vw;
}
.mobile body[ndx--target-view=program] .navtimetable aside h4,
.mobile body[ndx--target-view=programm] .navtimetable aside h4 {
  display: block;
  font-size: 11.5vw;
  line-height: 13.5vw;
}
.mobile menu,
.mobile .menuitems {
  height: auto;
  float: initial;
  column-count: auto;
  column-fill: initial;
  column-gap: initial;
  padding: initial;
}
.mobile menu.mobile h4,
.mobile .menuitems.mobile h4 {
  font-size: 11.5vw;
  line-height: 12.5vw;
}
.mobile menu.mobile h4:first-of-type,
.mobile .menuitems.mobile h4:first-of-type {
  padding-left: 0;
}
.mobile .menuitems {
  height: auto;
  display: block;
}
.mobile .mobilemenu {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  font-size: 5vw;
  line-height: 5vw;
  padding-top: 1.5vw;
  padding-bottom: 2vw;
  padding-left: 1vw;
  padding-right: 1vw;
  z-index: 200;
  font-variation-settings: "wght" 650, "wdth" 30, "ital" 0;
  background: linear-gradient(to top, rgb(198, 200, 199) 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(top, rgb(198, 200, 199) 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(198, 200, 199) 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mobile .mobilemenu a {
  color: #000;
}
.mobile .mobilemenu .menu_cta {
  font-size: 11.5vw;
  line-height: 11vw;
  position: absolute;
  right: 0.5vw;
}
.mobile .mobilemenu .logo2 {
  width: 100vw;
  display: block;
}
.mobile .mobilemenu .logo2 svg {
  float: left;
  transition: stroke 0.25s ease;
  fill: none;
  stroke-miterlimit: 8;
  stroke-width: 8;
  stroke: #000;
  height: 9.5vw;
  width: 9.5vw;
  margin-top: -0.5vw;
  margin-right: 1vw;
}
.mobile .mobilemenu .logo2 div {
  float: left;
}
.mobile .mobilemenu .logo2 div span {
  text-transform: uppercase;
}
.mobile .mobilemenu .logo2 div span.l1 {
  margin-right: 1.5vw;
}
.mobile .mobilemenu .logo2 div span.l2 {
  font-variation-settings: "wght" 650, "wdth" 90, "ital" 0;
}
.mobile .mobilemenu .logo2 div span.l3 {
  font-variation-settings: "wght" 650, "wdth" 200, "ital" 0;
}
.mobile .menulevel1.onlymobile.open .mobile {
  display: block;
}
.mobile .menulevel1 .mobile {
  display: none;
  pointer-events: auto;
  background: #c6c8c7;
  height: 100vh;
  overflow: scroll;
  font-size: 5vw;
  line-height: 5vw;
  padding-top: 13vw;
  padding-left: 1vw;
  padding-right: 1vw;
}
.mobile .menulevel1 .mobile .settings {
  position: relative;
  width: 98vw;
}
.mobile .menulevel1 .mobile .menuitem {
  display: block;
  font-size: 10vw;
  line-height: 5.5vw;
  margin-bottom: 4vw;
}
.mobile .menulevel1 .mobile .menuitem svg {
  height: 7.25vw;
  width: 9.5vw;
}
.mobile .menulevel1 .mobile .languages {
  font-size: 0;
  margin-bottom: 4vw;
  display: block;
}
.mobile .menulevel1 .mobile .languages button {
  display: inline-block;
  width: 48vw;
}
.mobile .menulevel1 .mobile .languages button:first-of-type {
  margin-right: 2vw;
}
.mobile button,
.mobile .btn {
  padding: 0.3vw 0.75vw 0.05vw 0.85vw;
  height: 10vw;
  border-radius: 5vw;
  font-size: 9vw;
  display: block;
  text-align: center;
  width: 97vw;
  line-height: 11vw;
}
.mobile button a,
.mobile .btn a {
  width: 100%;
  display: inline-block;
}
.mobile main {
  padding-top: 25vw;
  height: auto;
  overflow: hidden;
  padding-bottom: 0;
}
.mobile .opener {
  padding-left: 1vw;
  width: 100vw;
  margin-bottom: 2.25vw;
  margin-left: 0;
}
.mobile .opener h1 {
  font-size: 11.5vw;
  line-height: 11vw;
  height: 9vw;
  margin-right: 1vw;
}
.mobile .opener .line1 {
  width: 0;
  height: 8.35vw;
}
.mobile .split {
  float: initial;
}
.one .mobile .split {
  float: initial;
}
.mobile p + .orange.more {
  margin-top: 0;
}
.mobile h4 {
  font-size: 6vw;
  line-height: 7vw;
}
.mobile h4 svg {
  height: 4.5vw;
}
.mobile section h2 {
  font-size: 8vw;
  line-height: 7.5vw;
  margin-bottom: 0.5vw;
}
.mobile section h2 img,
.mobile section h2 svg {
  height: 5.5vw;
  margin-right: 0;
}
.mobile section h3 {
  font-size: 6vw;
  line-height: 7vw;
}
.mobile section p,
.mobile section a,
.mobile section li {
  font-size: 5vw;
  line-height: 6vw;
  margin-bottom: 2vw;
}
.mobile section p button,
.mobile section a button,
.mobile section li button {
  margin-top: 1vw;
}
.mobile section ul {
  margin-left: 4vw;
}
.mobile section h4 {
  font-size: 6vw;
  line-height: 7vw;
}
.mobile section h4 svg {
  height: 4.5vw;
}
.mobile section .wrapper {
  display: block;
}
.mobile section .wrapper .item {
  width: 98vw;
  margin-left: 0.5vw;
}
.mobile .lines2 {
  margin-top: 2vw;
  height: 4vw;
}
.mobile .lines3 {
  margin-top: 2vw;
  height: 2vw;
}
.mobile .three .split {
  width: 98vw;
}
.mobile body[ndx--target-view=kontakt] .team > div,
.mobile body[ndx--target-view=contact] .team > div {
  width: 98vw;
}
.mobile body[ndx--target-view=kontakt] .team p,
.mobile body[ndx--target-view=contact] .team p {
  line-height: 6vw;
}
.mobile body[ndx--target-view=kontakt] button,
.mobile body[ndx--target-view=contact] button {
  margin-top: 1vw;
  margin-bottom: 2vw;
}
.mobile body[ndx--target-view=partner] h2 {
  word-break: break-all;
}
.mobile body[ndx--target-view=partner] img {
  max-width: 98vw;
  max-height: initial;
}
.mobile body[ndx--target-view=partner] .logos div {
  width: 98vw;
}
.mobile .marquee {
  z-index: 99;
  padding-top: 5vw;
  height: 11.5vw;
  background: linear-gradient(to bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(bottom, rgb(255, 104, 39) 0%, rgba(255, 104, 39, 0.85) 60%, rgba(255, 104, 39, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
}
.mobile .marquee span {
  font-variation-settings: "wght" 700, "wdth" 50, "ital" 0;
  margin-bottom: 0;
  font-size: 6vw;
  line-height: 6vw;
}
.mobile .mainstage h1 {
  font-size: 11.5vw;
  line-height: 11vw;
  height: auto;
}
.mobile .mainstage .line1 {
  width: 10vw;
}
.mobile .menulevel3 {
  display: block;
  bottom: auto;
  background: transparent;
  width: 99vw;
  margin-left: 1vw;
  margin-top: -1vw;
  margin-bottom: 3vw;
  pointer-events: auto;
  height: 10vw;
  overflow-x: scroll;
  overflow-y: hidden;
  top: 13vw;
  position: fixed;
}
.mobile .menulevel3::-webkit-scrollbar {
  display: none;
}
.mobile .menulevel3 a {
  float: initial;
}
.mobile .menulevel3 .menuitems {
  white-space: nowrap;
  width: auto;
  height: 10vw;
}
.mobile .menulevel3 button,
.mobile .menulevel3 .btn {
  padding: 0.3vw 4.5vw 0.05vw 4vw;
  height: 10vw;
  border-radius: 5vw;
  font-size: 9vw;
  display: inline-block;
  text-align: center;
  width: auto;
  line-height: 11vw;
}
.mobile .menulevel3 button a,
.mobile .menulevel3 .btn a {
  width: 100%;
  display: inline-block;
}
.mobile .menulevel3 button.orange:hover,
.mobile .menulevel3 .btn.orange:hover {
  background-color: #ff6827;
  color: #000;
}
.mobile body[ndx--target-view=home] main {
  padding-bottom: 5vw;
}
.mobile body[ndx--target-view=home] main,
.mobile body[ndx--target-view=news] main {
  padding-top: 12vw;
}
.mobile .searchoverlay {
  z-index: 300;
}
.mobile .searchoverlay .searchicon {
  top: 0.75vw;
  right: 10vw;
  width: 9vw;
  height: 10vw;
}
.mobile .searchoverlay .close {
  top: 1vw;
  right: 1vw;
  width: 8vw;
  height: 8vw;
}
.mobile .searchoverlay input[type=search],
.mobile .searchoverlay input[type=search]:focus,
.mobile .searchoverlay input[type=search]:active {
  font-size: 11.5vw;
  line-height: 11vw;
}
.mobile .searchoverlay form {
  height: 10vw;
}
.mobile .searchoverlay #results a {
  font-size: 8vw;
  line-height: 7.5vw;
  margin-bottom: 1vw;
}
.mobile .item button:nth-child(1):not(.more) {
  display: none;
}
.mobile .item .less.hidden,
.mobile .item .more.hidden {
  display: none;
}
.mobile .item h5 {
  width: auto;
  margin-right: 2vw;
  font-size: 6vw;
  line-height: 7vw;
}
.mobile .item .dates1 > div {
  width: 100%;
}
.mobile .item .dates1 button,
.mobile .item .dates1 .btn {
  height: 6vw;
  font-size: 6vw;
  line-height: 7vw;
  display: inline-block;
  width: auto;
  margin-top: -0.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
  margin-right: 2vw;
}
.mobile .item .level2_inner {
  margin-left: 0;
  width: 99vw;
}
.mobile .item .level2_inner .left {
  display: none;
}
.mobile .item .level2_inner .right {
  float: left;
  width: 98vw;
}
.mobile .item .level2_inner .right .inner1,
.mobile .item .level2_inner .right .inner2 {
  width: 99vw;
}
.mobile .item .level2_inner .right .inner1 h4 img,
.mobile .item .level2_inner .right .inner2 h4 img {
  height: 4.1vw;
}
.mobile .item .level2_inner .right .slider,
.mobile .item .level2_inner .right .slide {
  width: 98vw;
  height: 60vw;
}
.mobile .item .level2_inner .right .slider .slide > div img,
.mobile .item .level2_inner .right .slide .slide > div img {
  max-width: 98vw;
  max-height: 60vw;
}
.mobile .item .moviegroups {
  float: clear;
}
.mobile .item .width2_1 p:first-of-type {
  margin-top: 2vw;
}
.mobile .navtimetable {
  display: block;
  bottom: auto;
  background: transparent;
  width: 100vw;
  padding-left: 1vw;
  margin-top: -1vw;
  margin-bottom: 3vw;
  pointer-events: auto;
  height: 12vw;
  overflow-x: scroll;
  overflow-y: hidden;
  top: 13vw;
  left: 0;
  position: fixed;
  padding-top: 0;
  z-index: 101;
}
.mobile .navtimetable .menuitems {
  white-space: nowrap;
  width: 100vw;
  height: 12vw;
  margin-right: 1vw;
  padding: 1vw 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.mobile .navtimetable .menuitems * {
  padding: 0.3vw 4.5vw 0.05vw 4vw;
  height: 10vw;
  border-radius: 5vw;
  font-size: 9vw;
  display: inline-block;
  text-align: center;
  width: auto;
  line-height: 11vw;
}
.mobile .navtimetable aside {
  display: none;
}
.mobile .navtimetable h4 {
  display: none;
}
.mobile .date {
  padding-left: 0.5vw;
  margin-bottom: 5vw;
}
.mobile .date .icon {
  display: none;
}
.mobile .date .left {
  width: auto;
}
.mobile .date .left h4 {
  font-size: 6vw;
  line-height: 7vw;
  height: 5vw;
}
.mobile .date .left h4,
.mobile .date .left button,
.mobile .date .left .btn {
  float: left;
  min-width: auto !important;
  margin-right: 2vw;
  margin-bottom: 2vw;
}
.mobile .date .left button,
.mobile .date .left .btn {
  height: 6vw;
  font-size: 6vw;
  line-height: 7vw;
  display: inline-block;
  width: auto;
  margin-top: -0.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
}
.mobile .date .right,
.mobile .date .left {
  width: 98vw;
}
.mobile .date .right .inner,
.mobile .date .left .inner {
  width: 98vw;
  overflow-x: hidden;
}
.mobile .date .right .inner h4,
.mobile .date .left .inner h4 {
  display: block;
}
.mobile .date .right .inner button,
.mobile .date .right .inner .btn,
.mobile .date .left .inner button,
.mobile .date .left .inner .btn {
  margin-bottom: 2vw;
}
.mobile .date .right .inner button.black,
.mobile .date .right .inner .btn.black,
.mobile .date .left .inner button.black,
.mobile .date .left .inner .btn.black {
  height: 6vw;
  font-size: 6vw;
  line-height: 7vw;
  display: inline-block;
  width: auto;
  margin-top: -0.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
}
.mobile .date .right .slider,
.mobile .date .right .slide,
.mobile .date .left .slider,
.mobile .date .left .slide {
  width: 98vw;
  height: 60vw;
}
.mobile .date .right .slider .slide > div img,
.mobile .date .right .slide .slide > div img,
.mobile .date .left .slider .slide > div img,
.mobile .date .left .slide .slide > div img {
  max-width: 98vw;
  max-height: 60vw;
}
.mobile .moviegroup .level2_inner {
  width: 98vw;
  margin-left: 0 !important;
}
.mobile .moviegroup .level2_inner .inner1,
.mobile .moviegroup .level2_inner .inner2 {
  width: 98vw !important;
}
.mobile .moviegroup .left {
  display: none !important;
}
.mobile .moviegroup .slider .slide {
  width: 100%;
  height: auto;
}
.mobile .moviegroup .slider .slide > div img {
  max-width: 100%;
  max-height: 100%;
}
.mobile .less.hidden,
.mobile .more.hidden {
  display: none;
}
.mobile section .level2.date .right {
  width: 98vw;
}
.mobile section .level2.date .right h4 {
  font-size: 9vw;
  line-height: 9vw;
}
.mobile section .level2.date .right h4 button,
.mobile section .level2.date .right h4 .btn {
  margin-top: 0.5vw !important;
}
.mobile section .opener {
  margin-bottom: 5vw;
}
.mobile section .opener:first-of-type {
  margin-top: 8vw;
}
.mobile section .opener h2 {
  font-size: 11.5vw;
  line-height: 11vw;
}
.mobile section .opener .line2 {
  display: none;
}
.mobile .timetable .teaser {
  display: none;
}
.mobile .timetable .teaser.show {
  display: block;
}
.mobile .timetable .inner h4 {
  word-break: break-word;
}
.mobile .slider .slick-dots button {
  background-color: #ff6827;
  color: #000;
  transition: color 0.25s ease, background-color0 0.25s ease;
  padding: 0.3vw 0.75vw 0.05vw 0.85vw;
  height: 8vw;
  border-radius: 5vw;
  font-size: 6vw;
  display: block;
  text-align: center;
  width: 8vw;
  line-height: 8.75vw;
}
.mobile [ndx--target-view=program] .menulevel3,
.mobile [ndx--target-view=programm] .menulevel3,
.mobile [ndx--target-view=timetable] .menulevel3 {
  width: 100vw;
  padding-left: 1vw;
  top: 14vw;
  margin: -1vw 0 1vw 0;
  background: -webkit-linear-gradient(top, #c6c8c7 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  height: 15vw;
}
.mobile [ndx--target-view=program] .navtimetable.navprogram,
.mobile [ndx--target-view=programm] .navtimetable.navprogram,
.mobile [ndx--target-view=timetable] .navtimetable.navprogram {
  padding: 1vw 1vw;
  height: 16vw;
}
.mobile [ndx--target-view=program] .mobilemenu,
.mobile [ndx--target-view=program] .menuitems.mobile,
.mobile [ndx--target-view=programm] .mobilemenu,
.mobile [ndx--target-view=programm] .menuitems.mobile,
.mobile [ndx--target-view=timetable] .mobilemenu,
.mobile [ndx--target-view=timetable] .menuitems.mobile {
  background: -webkit-linear-gradient(top, #c6c8c7 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
  background: #c6c8c7;
}
.mobile [ndx--target-view=program] .navprogram,
.mobile [ndx--target-view=program] .dateheader .opener,
.mobile [ndx--target-view=programm] .navprogram,
.mobile [ndx--target-view=programm] .dateheader .opener,
.mobile [ndx--target-view=timetable] .navprogram,
.mobile [ndx--target-view=timetable] .dateheader .opener {
  background: -webkit-linear-gradient(top, #c6c8c7 0%, rgba(198, 200, 199, 0.85) 60%, rgba(198, 200, 199, 0.65) 80%, rgba(255, 255, 255, 0) 100%);
}
.mobile .searchoverlay .results li img,
.mobile .searchoverlay .noresults li img {
  height: 4.5vw;
  width: auto;
  margin: -0.5vw 0.5vw 0.5vw 0;
}
.mobile .searchoverlay ::marker {
  display: none;
  font-size: 0;
}

.vimeo-wrap {
  position: relative;
  padding: 56.25% 0 0;
  margin-bottom: 0.5vw;
}
.vimeo-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.vimeo-wrap {
  background-color: #c6c8c7;
  transition: background-color 0.5s ease;
}
.vimeo-wrap .vimeo {
  mix-blend-mode: difference;
  max-width: 49vw;
  max-height: 27.56vw;
}
.vimeo-wrap .vimeo:hover {
  mix-blend-mode: none;
}
.vimeo-wrap:hover {
  background-color: #000;
}

.btn.orange a {
  pointer-events: auto;
  color: #000;
  transition: color 0.25s ease, font-variation-settings 0.25s linear;
}

.errortext {
  margin: 1vw;
}

.erroricon {
  width: 50vw;
  margin: 0.5vw 25vw;
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.erroricon img {
  width: 100%;
  height: auto;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
button.orange,
.btn.orange {
  white-space: nowrap;
}

.headline {
  margin-left: 8.5vw;
}

section h4 svg,
section h4 img {
  height: 1.1vw;
  width: auto;
  margin-right: 0.125vw;
}

.level2_inner .lines3 {
  margin-left: 25.5vw;
  width: calc(100% - 25.5vw);
  margin: 0 0 1vw 25.5vw;
}

.moviegroups {
  opacity: 1;
  height: auto;
  overflow: visible;
  float: left;
}
.moviegroups.hidden {
  opacity: 0;
  overflow: hidden;
  height: 0;
  display: none !important;
}
.moviegroups.hidden img {
  display: none;
}

.moviegroup {
  float: left;
  margin-bottom: 3vw;
}

body[ndx--target-view=timetable] .moviegroup:last-of-type {
  margin-bottom: 0;
}

strong {
  font-variation-settings: "wght" 600, "wdth" 100, "ital" 0;
}

html[lang=de] [ndx--trans=en] {
  display: none !important;
}

html[lang=en] [ndx--trans=de] {
  display: none !important;
}

.emptyP {
  display: none;
}

.noscroll {
  overflow: hidden;
}

.programs .width2_1 p a,
.teaser p a {
  color: #ff6827 !important;
}

body[ndx--filter-view=""] .unfilter {
  display: none;
}

aside.labor-der-gegenwart button:last-of-type,
aside.archiv-der-gegenwart button:last-of-type {
  margin-right: 0.5vw;
}
aside.labor-der-gegenwart button[ndx--anker=lab-3],
aside.archiv-der-gegenwart button[ndx--anker=lab-3] {
  margin-right: 1vw;
}
aside.labor-der-gegenwart button[ndx--anker=adg-2],
aside.archiv-der-gegenwart button[ndx--anker=adg-2] {
  margin-right: 1vw;
}

aside.labor-der-gegenwart ~ aside.labor-der-gegenwart ~ aside.labor-der-gegenwart span,
aside.archiv-der-gegenwart ~ aside.archiv-der-gegenwart ~ aside.archiv-der-gegenwart span {
  display: none;
}

section.timetable {
  margin-top: 1.5vw;
}

.completeprogram .wettbewerbeblocks section {
  width: 99vw;
}

[ndx--target="9d7bd116-2035-8342-9d7c-366abb6ed485"] .inner1 h4 {
  line-height: 2vw;
}

[ndx--target-view=program] section nav h4,
[ndx--target-view=programm] section nav h4 {
  margin-right: 0;
}

.black.unfilter {
  margin-left: 2vw;
}

.permalink.copied {
  margin-left: 0.5vw;
  display: inline-block;
  vertical-align: top;
  background-color: #ff6827;
  color: #000;
  transition: color 0.25s ease, background-color 0.25s ease;
}

.feedback {
  margin-top: 5vw;
  padding: 0.5vw;
}

.links .films,
.links .programs {
  display: none;
}
.links div {
  margin-bottom: 1vw;
}

.menuitem.socialitem {
  margin: 1.5vw 0.5vw;
  display: none;
}

.mobile .item.icon {
  display: none;
}
.mobile [ndx--target-view=home] .newsblock .permalink {
  display: none;
}
.mobile .newsblock .permalink {
  position: initial;
  right: initial;
  top: initial;
}
.mobile .temp_news_img_wrap.imgblend.square,
.mobile .temp_news_img_wrap.imgblend.portrait {
  width: 100%;
  height: auto;
}
.mobile .temp_news_img_wrap.imgblend.square div,
.mobile .temp_news_img_wrap.imgblend.portrait div {
  width: 100%;
  height: auto;
}
.mobile .temp_news_img_wrap.imgblend.square > div > div,
.mobile .temp_news_img_wrap.imgblend.portrait > div > div {
  vertical-align: initial;
  position: initial;
  top: initial;
  left: initial;
  -o-transform: initial;
  -ms-transform: initial;
  -moz-transform: initial;
  -webkit-transform: initial;
  transform: initial;
}
.mobile .temp_news_img_wrap.imgblend.square > div > div img,
.mobile .temp_news_img_wrap.imgblend.square > div > div video,
.mobile .temp_news_img_wrap.imgblend.portrait > div > div img,
.mobile .temp_news_img_wrap.imgblend.portrait > div > div video {
  width: 100%;
  height: auto;
}
.mobile .slider {
  width: 100%;
  height: auto;
}
.mobile .slider .slide {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.mobile .slider .slide > div {
  vertical-align: initial;
  position: initial;
  top: initial;
  left: initial;
  -o-transform: initial;
  -ms-transform: initial;
  -moz-transform: initial;
  -webkit-transform: initial;
  transform: initial;
}
.mobile .slider .slide > div img,
.mobile .slider .slide > div video {
  mix-blend-mode: difference;
  max-width: 100%;
  max-height: initial;
  width: 100%;
  height: auto;
  z-index: -1;
}
.mobile body[ndx--target-view=archiv] .menuitems.archiv,
.mobile body[ndx--target-view=archiv] .menuitems.archive,
.mobile body[ndx--target-view=archiv] .menuitems.archiv-ajax,
.mobile body[ndx--target-view=archive] .menuitems.archiv,
.mobile body[ndx--target-view=archive] .menuitems.archive,
.mobile body[ndx--target-view=archive] .menuitems.archiv-ajax {
  white-space: nowrap;
  width: auto;
  height: 10vw;
  display: block;
  float: initial;
  column-count: auto;
  column-fill: initial;
  column-gap: initial;
  padding: initial;
}
.mobile body[ndx--target-view=archiv] .menuitems.archiv .menuitem,
.mobile body[ndx--target-view=archiv] .menuitems.archive .menuitem,
.mobile body[ndx--target-view=archiv] .menuitems.archiv-ajax .menuitem,
.mobile body[ndx--target-view=archive] .menuitems.archiv .menuitem,
.mobile body[ndx--target-view=archive] .menuitems.archive .menuitem,
.mobile body[ndx--target-view=archive] .menuitems.archiv-ajax .menuitem {
  padding: 0.3vw 4.5vw 0.05vw 4vw;
  height: 10vw;
  border-radius: 5vw;
  font-size: 9vw;
  display: inline-block;
  text-align: center;
  width: auto;
  line-height: 11vw;
  float: initial;
}
.mobile body[ndx--target-view=archiv] .menuitems.archiv .menuitem svg,
.mobile body[ndx--target-view=archiv] .menuitems.archive .menuitem svg,
.mobile body[ndx--target-view=archiv] .menuitems.archiv-ajax .menuitem svg,
.mobile body[ndx--target-view=archive] .menuitems.archiv .menuitem svg,
.mobile body[ndx--target-view=archive] .menuitems.archive .menuitem svg,
.mobile body[ndx--target-view=archive] .menuitems.archiv-ajax .menuitem svg {
  margin-right: 0.125vw;
}
.mobile body[ndx--target-view=archiv] .menuitems.archiv a,
.mobile body[ndx--target-view=archiv] .menuitems.archive a,
.mobile body[ndx--target-view=archiv] .menuitems.archiv-ajax a,
.mobile body[ndx--target-view=archive] .menuitems.archiv a,
.mobile body[ndx--target-view=archive] .menuitems.archive a,
.mobile body[ndx--target-view=archive] .menuitems.archiv-ajax a {
  width: auto;
  margin-right: 1vw;
  float: left;
}
.mobile body[ndx--target-view=archiv] .menuitems.archiv a:nth-of-type(4),
.mobile body[ndx--target-view=archiv] .menuitems.archive a:nth-of-type(4),
.mobile body[ndx--target-view=archiv] .menuitems.archiv-ajax a:nth-of-type(4),
.mobile body[ndx--target-view=archive] .menuitems.archiv a:nth-of-type(4),
.mobile body[ndx--target-view=archive] .menuitems.archive a:nth-of-type(4),
.mobile body[ndx--target-view=archive] .menuitems.archiv-ajax a:nth-of-type(4) {
  margin-right: initial;
}
.mobile body[ndx--target-view=archiv] .menuitems.archiv a:nth-of-type(18),
.mobile body[ndx--target-view=archiv] .menuitems.archive a:nth-of-type(18),
.mobile body[ndx--target-view=archiv] .menuitems.archiv-ajax a:nth-of-type(18),
.mobile body[ndx--target-view=archive] .menuitems.archiv a:nth-of-type(18),
.mobile body[ndx--target-view=archive] .menuitems.archive a:nth-of-type(18),
.mobile body[ndx--target-view=archive] .menuitems.archiv-ajax a:nth-of-type(18) {
  margin-right: initial;
}

.onlymobile {
  display: none !important;
}

html.mobile .onlydesktop {
  display: none !important;
}
html.mobile .onlymobile {
  display: initial !important;
}

.speakersinner {
  width: 49vw;
  margin-right: 1vw;
  margin-left: 8.65vw;
}

.wrapper.industryevents > .item.icon {
  display: none;
}
.wrapper.industryevents .programs.industryevents {
  margin-top: 1vw;
}

.filmography {
  font-size: 1.25vw;
}

.mobile .filmography {
  font-size: 5vw;
  line-height: 6vw;
}

.mobile section {
  overflow-x: hidden;
}

.mobile section.programlist {
  overflow: initial;
}

.mobile .btn.black,
.mobile button.black {
  white-space: nowrap;
}

.mobile .item .dates1 button,
.mobile .item .dates1 .btn {
  margin-bottom: 2vw;
}

html.mobile[lang=en] .menulevel1 .mobile .menuitem[ndx--target=agb] {
  line-height: 9vw;
}

html.mobile[lang=en] body[ndx--target-view=agb] .opener h1 {
  white-space: nowrap;
}

.btn.black.icon {
  padding: 0.15vw 0.5vw 0 0.5vw;
  margin-right: 0.5vw;
}
.btn.black.icon img.icon {
  width: auto;
  height: 0.838vw;
  margin: 0;
}

.mobile .btn.black.icon {
  padding: 0.15vw 2.5vw 0 2.5vw;
  margin-right: 0.5vw;
  display: inline-block;
}
.mobile .btn.black.icon img.icon {
  width: auto;
  height: 4.5vw;
  margin: 0;
  display: inline-block;
}