@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
.hue-slideshow {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.hue-slideshow-vertical > .slideshow-container {
  flex-direction: column;
}
.slideshow-container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.hue-slideshow-android .swiper-slide,
.slideshow-container {
  transform: translate3d(0px,0,0);
}
.hue-slideshow-multirow > .slideshow-container {
  flex-wrap: wrap;
}
.hue-slideshow-multirow-column > .slideshow-container {
  flex-wrap: wrap;
  flex-direction: column;
}
.hue-slideshow-free-mode > .slideshow-container {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.hue-slideshow-pointer-events {
  touch-action: pan-y;
}
.hue-slideshow-pointer-events.hue-slideshow-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.hue-slideshow-autoheight,
.hue-slideshow-autoheight .swiper-slide {
  height: auto;
}
.hue-slideshow-autoheight .slideshow-container {
  align-items: flex-start;
  transition-property: transform, height;
}
.hue-slideshow-3d {
  perspective: 1200px;
}
.hue-slideshow-3d .slideshow-container,
.hue-slideshow-3d .swiper-slide,
.hue-slideshow-3d .swiper-slide-shadow-left,
.hue-slideshow-3d .swiper-slide-shadow-right,
.hue-slideshow-3d .swiper-slide-shadow-top,
.hue-slideshow-3d .swiper-slide-shadow-bottom,
.hue-slideshow-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.hue-slideshow-3d .swiper-slide-shadow-left,
.hue-slideshow-3d .swiper-slide-shadow-right,
.hue-slideshow-3d .swiper-slide-shadow-top,
.hue-slideshow-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.hue-slideshow-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-css-mode > .slideshow-container {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hue-slideshow-css-mode > .slideshow-container::-webkit-scrollbar {
  display: none;
}
.hue-slideshow-css-mode > .slideshow-container > .swiper-slide {
  scroll-snap-align: start start;
}
.hue-slideshow-horizontal.hue-slideshow-css-mode > .slideshow-container {
  scroll-snap-type: x mandatory;
}
.hue-slideshow-vertical.hue-slideshow-css-mode > .slideshow-container {
  scroll-snap-type: y mandatory;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.hue-slideshow-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px,-50%,0);
}
.hue-slideshow-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.hue-slideshow-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.hue-slideshow-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.hue-slideshow-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.4em;
}
.hue-slideshow-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.hue-slideshow-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.hue-slideshow-horizontal.hue-slideshow-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
.swiper-pagination-progressbar {
  background: rgba(0,0,0,0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.hue-slideshow-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.hue-slideshow-horizontal > .swiper-pagination-progressbar,
.hue-slideshow-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.hue-slideshow-vertical > .swiper-pagination-progressbar,
.hue-slideshow-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  color: #ffffff;
}
.swiper-pagination-black {
  color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,0.1);
}
.hue-slideshow-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.hue-slideshow-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid #000000;
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  color: #fff;
}
.swiper-lazy-preloader-black {
  color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.hue-slideshow .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.hue-slideshow-fade.hue-slideshow-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.hue-slideshow-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.hue-slideshow-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.hue-slideshow-fade .swiper-slide-active,
.hue-slideshow-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.hue-slideshow-flip {
  overflow: visible;
}
.hue-slideshow-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.hue-slideshow-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.hue-slideshow-flip .swiper-slide-active,
.hue-slideshow-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.hue-slideshow-flip .swiper-slide-shadow-top,
.hue-slideshow-flip .swiper-slide-shadow-bottom,
.hue-slideshow-flip .swiper-slide-shadow-left,
.hue-slideshow-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.hue-slideshow-cube {
  overflow: visible;
}
.hue-slideshow-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.hue-slideshow-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.hue-slideshow-cube.hue-slideshow-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.hue-slideshow-cube .swiper-slide-active,
.hue-slideshow-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.hue-slideshow-cube .swiper-slide-active,
.hue-slideshow-cube .swiper-slide-next,
.hue-slideshow-cube .swiper-slide-prev,
.hue-slideshow-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.hue-slideshow-cube .swiper-slide-shadow-top,
.hue-slideshow-cube .swiper-slide-shadow-bottom,
.hue-slideshow-cube .swiper-slide-shadow-left,
.hue-slideshow-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.hue-slideshow-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.hue-slideshow-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.lightbox-content {
  display: none;
}
.gslide-title {
  text-transform: none !important;
}
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
}
.glightbox-container.inactive {
  display: none;
}
.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}
.glightbox-container .gslider {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}
.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}
.glightbox-container .gslide-inner-content {
  width: 100%;
}
.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
  height: calc(var(--mvh,1vh) * 100);
}
.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.glightbox-container .gcontainer .ginner-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}
.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}
.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.gslide-image img {
  max-height: 100vh;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}
.gslide-image img.zoomable {
  position: relative;
}
.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}
.gslide-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100vh;
  max-width: 100vh;
  width: 100% !important;
}
.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto;
}
.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,0,0,0.34);
  display: none;
}
.gslide-video.playing::before {
  display: none;
}
.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
}
.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}
.gslide-inline {
  background: transparent;
  text-align: left;
  max-height: 100%;
  overflow: auto;
}
.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}
.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 62vh;
}
.gslide-media {
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.glightbox-container .gslide-description {
  position: relative;
}
.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}
.gslide-description p {
  margin-bottom: 12px;
}
.gslide-description p::last-child {
  margin-bottom: 0;
}
.zoomed .gslide-description {
  display: none;
}
.gdesc-open .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: .4;
}
.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1;
}
.greset {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.gabsolute {
  position: absolute;
}
.grelative {
  position: relative;
}
.glightbox-desc {
  display: none !important;
}
.glightbox-open {
  overflow: hidden;
}
.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader .8s infinite linear;
  animation: lightboxLoader .8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}
.goverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: black;
  will-change: opacity;
}
.glightbox-mobile .goverlay {
  background: black;
}
iframe.wait-autoplay {
  opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}
.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
  background: black;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose,
.glightbox-modern .gprev,
.glightbox-modern .gnext,
.glightbox-modern .gclose {
  background-color: white;
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
  background-color: white;
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path,
.glightbox-modern .gprev path,
.glightbox-modern .gnext path,
.glightbox-modern .gclose path {
  fill: white;
}
.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
  outline: none;
}
.glightbox-clean .gclose,
.glightbox-modern .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
  opacity: .7;
  background-position: -59px 2px;
}
.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
  width: 26px;
}
.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
  opacity: 1;
}
.gfadeIn {
  -webkit-animation: gfadeIn .5s ease;
  animation: gfadeIn .5s ease;
}
.gfadeOut {
  -webkit-animation: gfadeOut .5s ease;
  animation: gfadeOut .5s ease;
}
.gslideOutLeft {
  -webkit-animation: gslideOutLeft .3s ease;
  animation: gslideOutLeft .3s ease;
}
.gslideInLeft {
  -webkit-animation: gslideInLeft .3s ease;
  animation: gslideInLeft .3s ease;
}
.gslideOutRight {
  -webkit-animation: gslideOutRight .3s ease;
  animation: gslideOutRight .3s ease;
}
.gslideInRight {
  -webkit-animation: gslideInRight .3s ease;
  animation: gslideInRight .3s ease;
}
.gzoomIn {
  -webkit-animation: gzoomIn .5s ease;
  animation: gzoomIn .5s ease;
}
.gzoomOut {
  -webkit-animation: gzoomOut .5s ease;
  animation: gzoomOut .5s ease;
}
@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%,0,0);
    transform: translate3d(-60%,0,0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%,0,0);
    transform: translate3d(-60%,0,0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  to {
    -webkit-transform: translate3d(-60%,0,0);
    transform: translate3d(-60%,0,0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  to {
    -webkit-transform: translate3d(-60%,0,0);
    transform: translate3d(-60%,0,0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  to {
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  to {
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: calc(80%);
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 100%;
  }
  .gslide-external {
    max-height: 100%;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0,0,0,0.92);
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose,
  .glightbox-modern .gclose {
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: black;
  }
}
.ginlined-content {
  height: 100%;
}
.ginlined-content .image-wrapper {
  display: flex;
  height: 100%;
  align-content: stretch;
  align-items: stretch;
}
.ginlined-content .image-wrapper img {
  object-fit: contain;
}
.zoom-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}
.image-wrapper.zoom {
  overflow: hidden;
  cursor: zoom-in;
}
.image-wrapper.zoom.zoom-active {
  cursor: grab;
}
.hue-marquee {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.hue-marquee .marquee-scroller {
  position: relative;
  display: inline-block;
}
.hue-marquee .marquee-scroller * {
  display: inline;
}
html {
  font-family: sans-serif;
  font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section,
main,
figcaption,
figure {
  display: block;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
div,
article,
section,
header,
footer,
nav,
ul,
li {
  position: relative;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
}
figure {
  margin: 0;
}
.srt {
  clip: rect(1px,1px,1px,1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.cf:before,
.cf:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
input,
textarea,
select,
option,
optgroup,
button,
legend,
fieldset {
  outline: none;
  font-size: 1.4vw;
  color: black;
  vertical-align: top;
  display: block;
  margin: 0;
}
datalist {
  font-size: 1.4vw;
}
label {
  display: block;
  margin-bottom: 0.5em;
}
fieldset {
  width: 100%;
  max-width: 60vw;
  padding: 0;
  border: 0;
  margin: 0;
  margin-bottom: 1em;
}
legend {
  margin-bottom: 1em;
  font-weight: inherit;
}
.form-row {
  margin-bottom: 1em;
}
.form-message {
  margin-bottom: 1em;
  color: #949494;
}
.form-message.success {
  color: #026734;
}
.form-message.error {
  color: #B3003D;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list],
input[type="file"],
select,
textarea {
  width: 100%;
  max-width: 60vw;
  padding: 0.4em 0.4em 0.4em;
  background-color: #ffffff;
  border-radius: 12px;
  border: 3px solid black;
}
input[type="text"].secondary,
input[type="email"].secondary,
input[type="password"].secondary,
input[type="search"].secondary,
input[type="color"].secondary,
input[type="date"].secondary,
input[type="datetime-local"].secondary,
input[type="month"].secondary,
input[type="number"].secondary,
input[type="tel"].secondary,
input[type="time"].secondary,
input[type="url"].secondary,
input[type="week"].secondary,
input[list].secondary,
input[type="file"].secondary,
select.secondary,
textarea.secondary {
  background: transparent;
}
input[type="text"].fat,
input[type="email"].fat,
input[type="password"].fat,
input[type="search"].fat,
input[type="color"].fat,
input[type="date"].fat,
input[type="datetime-local"].fat,
input[type="month"].fat,
input[type="number"].fat,
input[type="tel"].fat,
input[type="time"].fat,
input[type="url"].fat,
input[type="week"].fat,
input[list].fat,
input[type="file"].fat,
select.fat,
textarea.fat {
  border: 4px solid black;
}
input[type="text"].white,
input[type="email"].white,
input[type="password"].white,
input[type="search"].white,
input[type="color"].white,
input[type="date"].white,
input[type="datetime-local"].white,
input[type="month"].white,
input[type="number"].white,
input[type="tel"].white,
input[type="time"].white,
input[type="url"].white,
input[type="week"].white,
input[list].white,
input[type="file"].white,
select.white,
textarea.white {
  border-color: white;
  color: white;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="color"]:focus,
input[type="color"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[list]:focus,
input[list]:active,
input[type="file"]:focus,
input[type="file"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  border-color: #FF00FF !important;
}
input[type="text"].success,
input[type="email"].success,
input[type="password"].success,
input[type="search"].success,
input[type="color"].success,
input[type="date"].success,
input[type="datetime-local"].success,
input[type="month"].success,
input[type="number"].success,
input[type="tel"].success,
input[type="time"].success,
input[type="url"].success,
input[type="week"].success,
input[list].success,
input[type="file"].success,
select.success,
textarea.success {
  border-color: #026734;
}
input[type="text"].error,
input[type="text"].wpcf7-not-valid,
input[type="email"].error,
input[type="email"].wpcf7-not-valid,
input[type="password"].error,
input[type="password"].wpcf7-not-valid,
input[type="search"].error,
input[type="search"].wpcf7-not-valid,
input[type="color"].error,
input[type="color"].wpcf7-not-valid,
input[type="date"].error,
input[type="date"].wpcf7-not-valid,
input[type="datetime-local"].error,
input[type="datetime-local"].wpcf7-not-valid,
input[type="month"].error,
input[type="month"].wpcf7-not-valid,
input[type="number"].error,
input[type="number"].wpcf7-not-valid,
input[type="tel"].error,
input[type="tel"].wpcf7-not-valid,
input[type="time"].error,
input[type="time"].wpcf7-not-valid,
input[type="url"].error,
input[type="url"].wpcf7-not-valid,
input[type="week"].error,
input[type="week"].wpcf7-not-valid,
input[list].error,
input[list].wpcf7-not-valid,
input[type="file"].error,
input[type="file"].wpcf7-not-valid,
select.error,
select.wpcf7-not-valid,
textarea.error,
textarea.wpcf7-not-valid {
  border-color: #B3003D;
}
input[type="text"][disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="color"][disabled],
input[type="date"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled],
input[list][disabled],
input[type="file"][disabled],
select[disabled],
textarea[disabled] {
  border-color: #949494;
  color: #949494;
}
input[type="text"][disabled]:focus,
input[type="text"][disabled]:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[list][disabled]:focus,
input[list][disabled]:active,
input[type="file"][disabled]:focus,
input[type="file"][disabled]:active,
select[disabled]:focus,
select[disabled]:active,
textarea[disabled]:focus,
textarea[disabled]:active {
  border-color: #949494 !important;
}
input[type="text"].p1,
input[type="email"].p1,
input[type="password"].p1,
input[type="search"].p1,
input[type="color"].p1,
input[type="date"].p1,
input[type="datetime-local"].p1,
input[type="month"].p1,
input[type="number"].p1,
input[type="tel"].p1,
input[type="time"].p1,
input[type="url"].p1,
input[type="week"].p1,
input[list].p1,
input[type="file"].p1,
select.p1,
textarea.p1 {
  padding: 0.3em 0.4em 0.3em;
}
[data-background-color="pink"] input[type="text"][disabled],
[data-background-color="pink"] input[type="email"][disabled],
[data-background-color="pink"] input[type="password"][disabled],
[data-background-color="pink"] input[type="search"][disabled],
[data-background-color="pink"] input[type="color"][disabled],
[data-background-color="pink"] input[type="date"][disabled],
[data-background-color="pink"] input[type="datetime-local"][disabled],
[data-background-color="pink"] input[type="month"][disabled],
[data-background-color="pink"] input[type="number"][disabled],
[data-background-color="pink"] input[type="tel"][disabled],
[data-background-color="pink"] input[type="time"][disabled],
[data-background-color="pink"] input[type="url"][disabled],
[data-background-color="pink"] input[type="week"][disabled],
[data-background-color="pink"] input[list][disabled],
[data-background-color="pink"] input[type="file"][disabled],
[data-background-color="pink"] select[disabled],
[data-background-color="pink"] textarea[disabled] {
  border-color: white;
  color: white;
}
[data-background-color="pink"] input[type="text"][disabled]:focus,
[data-background-color="pink"] input[type="text"][disabled]:active,
[data-background-color="pink"] input[type="email"][disabled]:focus,
[data-background-color="pink"] input[type="email"][disabled]:active,
[data-background-color="pink"] input[type="password"][disabled]:focus,
[data-background-color="pink"] input[type="password"][disabled]:active,
[data-background-color="pink"] input[type="search"][disabled]:focus,
[data-background-color="pink"] input[type="search"][disabled]:active,
[data-background-color="pink"] input[type="color"][disabled]:focus,
[data-background-color="pink"] input[type="color"][disabled]:active,
[data-background-color="pink"] input[type="date"][disabled]:focus,
[data-background-color="pink"] input[type="date"][disabled]:active,
[data-background-color="pink"] input[type="datetime-local"][disabled]:focus,
[data-background-color="pink"] input[type="datetime-local"][disabled]:active,
[data-background-color="pink"] input[type="month"][disabled]:focus,
[data-background-color="pink"] input[type="month"][disabled]:active,
[data-background-color="pink"] input[type="number"][disabled]:focus,
[data-background-color="pink"] input[type="number"][disabled]:active,
[data-background-color="pink"] input[type="tel"][disabled]:focus,
[data-background-color="pink"] input[type="tel"][disabled]:active,
[data-background-color="pink"] input[type="time"][disabled]:focus,
[data-background-color="pink"] input[type="time"][disabled]:active,
[data-background-color="pink"] input[type="url"][disabled]:focus,
[data-background-color="pink"] input[type="url"][disabled]:active,
[data-background-color="pink"] input[type="week"][disabled]:focus,
[data-background-color="pink"] input[type="week"][disabled]:active,
[data-background-color="pink"] input[list][disabled]:focus,
[data-background-color="pink"] input[list][disabled]:active,
[data-background-color="pink"] input[type="file"][disabled]:focus,
[data-background-color="pink"] input[type="file"][disabled]:active,
[data-background-color="pink"] select[disabled]:focus,
[data-background-color="pink"] select[disabled]:active,
[data-background-color="pink"] textarea[disabled]:focus,
[data-background-color="pink"] textarea[disabled]:active {
  border-color: white !important;
}
.input-wrapper {
  display: inline-block;
  position: relative;
}
.input-wrapper:after {
  font-family: 'VolkstheaterIcons';
  position: absolute;
  top: 0.2em;
  right: 0.4em;
  font-size: 1.2em;
}
.input-wrapper.success input[type="text"],
.input-wrapper.success input[type="email"],
.input-wrapper.success input[type="password"],
.input-wrapper.success input[type="search"],
.input-wrapper.success input[type="color"],
.input-wrapper.success input[type="date"],
.input-wrapper.success input[type="datetime-local"],
.input-wrapper.success input[type="month"],
.input-wrapper.success input[type="number"],
.input-wrapper.success input[type="tel"],
.input-wrapper.success input[type="time"],
.input-wrapper.success input[type="url"],
.input-wrapper.success input[type="week"],
.input-wrapper.success input[list],
.input-wrapper.success input[type="file"],
.input-wrapper.success select,
.input-wrapper.success textarea {
  border-color: #026734;
}
.input-wrapper.success:after {
  content: "\e810";
  color: #026734;
}
.input-wrapper.error input[type="text"],
.input-wrapper.error input[type="email"],
.input-wrapper.error input[type="password"],
.input-wrapper.error input[type="search"],
.input-wrapper.error input[type="color"],
.input-wrapper.error input[type="date"],
.input-wrapper.error input[type="datetime-local"],
.input-wrapper.error input[type="month"],
.input-wrapper.error input[type="number"],
.input-wrapper.error input[type="tel"],
.input-wrapper.error input[type="time"],
.input-wrapper.error input[type="url"],
.input-wrapper.error input[type="week"],
.input-wrapper.error input[list],
.input-wrapper.error input[type="file"],
.input-wrapper.error select,
.input-wrapper.error textarea {
  border-color: #B3003D;
}
.input-wrapper.error:after {
  content: "\e803";
  color: #B3003D;
}
::-webkit-input-placeholder,
:-moz-placeholder {
  padding: 0.4em 0 0.4em;
  color: #949494;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list] {
  height: auto;
  -webkit-appearance: none;
}
[role="button"] {
  outline: none;
}
textarea {
  -webkit-appearance: none;
  overflow: auto;
  line-height: 1.25;
}
input[type="range"] {
  height: auto;
  width: 100%;
  max-width: 60vw;
}
input[type="file"] {
  min-height: auto;
}
input[type="search"] {
  height: auto;
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  margin: 0;
}
input[type=checkbox],
input[type=radio] {
  width: 1em;
  height: 1em;
}
label input[type=checkbox],
label input[type=radio],
label .icheckbox_hue,
label .iradio_hue {
  margin-right: 0.4em;
}
input[type="checkbox"],
input[type=radio] {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  margin: 0;
  color: black;
  width: 1em;
  height: 1em;
  border: 3px solid black;
  margin-top: 0.2em;
}
input[type="checkbox"].success,
input[type=radio].success {
  border-color: #026734;
}
input[type="checkbox"].error,
input[type=radio].error {
  border-color: #B3003D;
}
input[type=checkbox] {
  border-radius: 3px;
}
input[type=radio] {
  border-radius: 50%;
}
input[type="checkbox"]::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.55em;
  height: 0.55em;
  transform: translate(-50%,-50%) scale(0);
  clip-path: polygon(47.484% 100%,5.201% 48.76%,17.991% 35.555%,45.281% 68.633%,85.529% 1.088%,100% 11.881%,47.484% 100%);
  transform: scale(0);
  background: white;
}
input[type="radio"]::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5em;
  height: 0.5em;
  transform: translate(-50%,-50%) scale(0);
  transform: scale(0);
  background: black;
  border-radius: 50%;
}
input[type="radio"]::before.success {
  background: #026734;
}
input[type="radio"]::before.error {
  background: #B3003D;
}
input[type="checkbox"]:checked {
  background-color: black;
}
input[type="checkbox"]:checked.success {
  background-color: #026734;
}
input[type="checkbox"]:checked.error {
  background-color: #B3003D;
}
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
  transform: translate(-50%,-50%) scale(0.99);
}
input[type="checkbox"]:hover,
input[type="radio"]:hover {
  border-color: #FF00FF;
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: 1px solid #FFA0FF;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  color: #949494;
  border-color: #949494;
  outline: 1px solid #949494;
  cursor: not-allowed;
}
[data-background-color="pink"] input[type="checkbox"]:disabled,
[data-background-color="pink"] input[type="radio"]:disabled {
  color: white;
  border-color: white;
  outline: 1px solid white;
}
input[type="checkbox"]:disabled {
  background-color: #949494;
}
select {
  height: auto;
}
select[size="0"],
select[size="1"] {
  height: auto;
}
select[size="2"] {
  height: auto*2;
}
select[size="3"] {
  height: auto*3;
}
select[size="4"] {
  height: auto*4;
}
select[size="5"] {
  height: auto*5;
}
select[size="6"] {
  height: auto*6;
}
select[multiple] {
  height: auto;
  min-height: auto;
  padding: 0;
}
select[multiple] option {
  margin: 0;
  padding: auto / 5;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"],
.button {
  min-height: 1.3em;
  width: auto;
  max-width: 100%;
  background-color: white;
  padding: 0.19em 0.32em 0.25em;
  cursor: pointer;
  color: black;
  font-size: 1.8055vw;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 16px;
  border: 4px solid black;
}
button *,
input[type="button"] *,
input[type="submit"] *,
input[type="reset"] *,
input[type="image"] *,
.button * {
  display: inline;
}
button[disabled],
button[disabled]:hover,
button[disabled]:focus,
button.disabled,
button.disabled:hover,
button.disabled:focus,
input[type="button"][disabled],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"].disabled,
input[type="button"].disabled:hover,
input[type="button"].disabled:focus,
input[type="submit"][disabled],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
input[type="submit"].disabled,
input[type="submit"].disabled:hover,
input[type="submit"].disabled:focus,
input[type="reset"][disabled],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="reset"].disabled,
input[type="reset"].disabled:hover,
input[type="reset"].disabled:focus,
input[type="image"][disabled],
input[type="image"][disabled]:hover,
input[type="image"][disabled]:focus,
input[type="image"].disabled,
input[type="image"].disabled:hover,
input[type="image"].disabled:focus,
.button[disabled],
.button[disabled]:hover,
.button[disabled]:focus,
.button.disabled,
.button.disabled:hover,
.button.disabled:focus {
  background-color: transparent;
  border-style: dashed;
  border-color: #949494;
  color: #949494 !important;
}
button[disabled].button-tertiary,
button[disabled]:hover.button-tertiary,
button[disabled]:focus.button-tertiary,
button.disabled.button-tertiary,
button.disabled:hover.button-tertiary,
button.disabled:focus.button-tertiary,
input[type="button"][disabled].button-tertiary,
input[type="button"][disabled]:hover.button-tertiary,
input[type="button"][disabled]:focus.button-tertiary,
input[type="button"].disabled.button-tertiary,
input[type="button"].disabled:hover.button-tertiary,
input[type="button"].disabled:focus.button-tertiary,
input[type="submit"][disabled].button-tertiary,
input[type="submit"][disabled]:hover.button-tertiary,
input[type="submit"][disabled]:focus.button-tertiary,
input[type="submit"].disabled.button-tertiary,
input[type="submit"].disabled:hover.button-tertiary,
input[type="submit"].disabled:focus.button-tertiary,
input[type="reset"][disabled].button-tertiary,
input[type="reset"][disabled]:hover.button-tertiary,
input[type="reset"][disabled]:focus.button-tertiary,
input[type="reset"].disabled.button-tertiary,
input[type="reset"].disabled:hover.button-tertiary,
input[type="reset"].disabled:focus.button-tertiary,
input[type="image"][disabled].button-tertiary,
input[type="image"][disabled]:hover.button-tertiary,
input[type="image"][disabled]:focus.button-tertiary,
input[type="image"].disabled.button-tertiary,
input[type="image"].disabled:hover.button-tertiary,
input[type="image"].disabled:focus.button-tertiary,
.button[disabled].button-tertiary,
.button[disabled]:hover.button-tertiary,
.button[disabled]:focus.button-tertiary,
.button.disabled.button-tertiary,
.button.disabled:hover.button-tertiary,
.button.disabled:focus.button-tertiary {
  border-color: transparent;
}
button[disabled].button-fat,
button[disabled]:hover.button-fat,
button[disabled]:focus.button-fat,
button.disabled.button-fat,
button.disabled:hover.button-fat,
button.disabled:focus.button-fat,
input[type="button"][disabled].button-fat,
input[type="button"][disabled]:hover.button-fat,
input[type="button"][disabled]:focus.button-fat,
input[type="button"].disabled.button-fat,
input[type="button"].disabled:hover.button-fat,
input[type="button"].disabled:focus.button-fat,
input[type="submit"][disabled].button-fat,
input[type="submit"][disabled]:hover.button-fat,
input[type="submit"][disabled]:focus.button-fat,
input[type="submit"].disabled.button-fat,
input[type="submit"].disabled:hover.button-fat,
input[type="submit"].disabled:focus.button-fat,
input[type="reset"][disabled].button-fat,
input[type="reset"][disabled]:hover.button-fat,
input[type="reset"][disabled]:focus.button-fat,
input[type="reset"].disabled.button-fat,
input[type="reset"].disabled:hover.button-fat,
input[type="reset"].disabled:focus.button-fat,
input[type="image"][disabled].button-fat,
input[type="image"][disabled]:hover.button-fat,
input[type="image"][disabled]:focus.button-fat,
input[type="image"].disabled.button-fat,
input[type="image"].disabled:hover.button-fat,
input[type="image"].disabled:focus.button-fat,
.button[disabled].button-fat,
.button[disabled]:hover.button-fat,
.button[disabled]:focus.button-fat,
.button.disabled.button-fat,
.button.disabled:hover.button-fat,
.button.disabled:focus.button-fat {
  background-color: white;
}
button.button-secondary,
input[type="button"].button-secondary,
input[type="submit"].button-secondary,
input[type="reset"].button-secondary,
input[type="image"].button-secondary,
.button.button-secondary {
  background-color: transparent;
}
button.button-tertiary,
input[type="button"].button-tertiary,
input[type="submit"].button-tertiary,
input[type="reset"].button-tertiary,
input[type="image"].button-tertiary,
.button.button-tertiary {
  border-color: transparent;
  background-color: transparent;
  text-decoration: underline !important;
}
button.button-fat,
input[type="button"].button-fat,
input[type="submit"].button-fat,
input[type="reset"].button-fat,
input[type="image"].button-fat,
.button.button-fat {
  font-size: 4.4444vw;
  border-width: 7px;
  border-radius: 30px;
}
button.arrow,
input[type="button"].arrow,
input[type="submit"].arrow,
input[type="reset"].arrow,
input[type="image"].arrow,
.button.arrow {
  position: relative;
  padding-right: 1.3em;
}
button.arrow:after,
input[type="button"].arrow:after,
input[type="submit"].arrow:after,
input[type="reset"].arrow:after,
input[type="image"].arrow:after,
.button.arrow:after {
  content: "\2192";
  position: absolute;
  top: 50%;
  right: 0.3em;
  transform: scaleX(0.9999) translateY(-50%);
  transition: transform 0.4s ease-in-out;
}
button.arrow-left-to-right,
input[type="button"].arrow-left-to-right,
input[type="submit"].arrow-left-to-right,
input[type="reset"].arrow-left-to-right,
input[type="image"].arrow-left-to-right,
.button.arrow-left-to-right {
  position: relative;
  padding-left: 1.3em;
}
button.arrow-left-to-right:after,
input[type="button"].arrow-left-to-right:after,
input[type="submit"].arrow-left-to-right:after,
input[type="reset"].arrow-left-to-right:after,
input[type="image"].arrow-left-to-right:after,
.button.arrow-left-to-right:after {
  content: "\2192";
  position: absolute;
  top: 50%;
  left: 0.3em;
  transform: scaleX(0.9999) translateY(-50%);
  transition: transform 0.4s ease-in-out;
}
button.arrow-left,
input[type="button"].arrow-left,
input[type="submit"].arrow-left,
input[type="reset"].arrow-left,
input[type="image"].arrow-left,
.button.arrow-left {
  position: relative;
  padding-left: 1.3em;
}
button.arrow-left:after,
input[type="button"].arrow-left:after,
input[type="submit"].arrow-left:after,
input[type="reset"].arrow-left:after,
input[type="image"].arrow-left:after,
.button.arrow-left:after {
  content: "\2190";
  position: absolute;
  top: 50%;
  left: 0.3em;
  transform: scaleX(0.9999) translateY(-50%);
  transform-origin: 50% 50%;
  transition: transform 0.4s ease-in-out;
}
button.info,
input[type="button"].info,
input[type="submit"].info,
input[type="reset"].info,
input[type="image"].info,
.button.info {
  pointer-events: none;
  border-color: grey;
}
[data-background-color="pink"] button[disabled],
[data-background-color="pink"] button[disabled]:hover,
[data-background-color="pink"] button[disabled]:focus,
[data-background-color="pink"] button.disabled,
[data-background-color="pink"] button.disabled:hover,
[data-background-color="pink"] button.disabled:focus,
[data-background-color="pink"] input[type="button"][disabled],
[data-background-color="pink"] input[type="button"][disabled]:hover,
[data-background-color="pink"] input[type="button"][disabled]:focus,
[data-background-color="pink"] input[type="button"].disabled,
[data-background-color="pink"] input[type="button"].disabled:hover,
[data-background-color="pink"] input[type="button"].disabled:focus,
[data-background-color="pink"] input[type="submit"][disabled],
[data-background-color="pink"] input[type="submit"][disabled]:hover,
[data-background-color="pink"] input[type="submit"][disabled]:focus,
[data-background-color="pink"] input[type="submit"].disabled,
[data-background-color="pink"] input[type="submit"].disabled:hover,
[data-background-color="pink"] input[type="submit"].disabled:focus,
[data-background-color="pink"] input[type="reset"][disabled],
[data-background-color="pink"] input[type="reset"][disabled]:hover,
[data-background-color="pink"] input[type="reset"][disabled]:focus,
[data-background-color="pink"] input[type="reset"].disabled,
[data-background-color="pink"] input[type="reset"].disabled:hover,
[data-background-color="pink"] input[type="reset"].disabled:focus,
[data-background-color="pink"] input[type="image"][disabled],
[data-background-color="pink"] input[type="image"][disabled]:hover,
[data-background-color="pink"] input[type="image"][disabled]:focus,
[data-background-color="pink"] input[type="image"].disabled,
[data-background-color="pink"] input[type="image"].disabled:hover,
[data-background-color="pink"] input[type="image"].disabled:focus,
[data-background-color="pink"] .button[disabled],
[data-background-color="pink"] .button[disabled]:hover,
[data-background-color="pink"] .button[disabled]:focus,
[data-background-color="pink"] .button.disabled,
[data-background-color="pink"] .button.disabled:hover,
[data-background-color="pink"] .button.disabled:focus {
  border-color: white !important;
  color: white !important;
}
[data-background-color="pink"] button.info,
[data-background-color="pink"] input[type="button"].info,
[data-background-color="pink"] input[type="submit"].info,
[data-background-color="pink"] input[type="reset"].info,
[data-background-color="pink"] input[type="image"].info,
[data-background-color="pink"] .button.info {
  pointer-events: none;
  border-color: white;
}
.button {
  display: inline-block;
  background-image: none !important;
}
input[type="image"] {
  text-align: center;
  padding: auto / 5;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled],
button[disabled],
.button.disabled {
  cursor: not-allowed;
}
input:focus,
textarea:focus,
select:focus,
option:focus,
button:focus,
.button:focus {
  background-color: white;
  border-color: black;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
  background-color: black;
  color: white !important;
}
button:hover.arrow:after,
input[type="button"]:hover.arrow:after,
input[type="submit"]:hover.arrow:after,
input[type="reset"]:hover.arrow:after,
.button:hover.arrow:after {
  transform: scaleX(1.2) translateY(-50%);
}
button:hover.arrow-left-to-right,
input[type="button"]:hover.arrow-left-to-right,
input[type="submit"]:hover.arrow-left-to-right,
input[type="reset"]:hover.arrow-left-to-right,
.button:hover.arrow-left-to-right {
  position: relative;
  padding-left: 1.3em;
}
button:hover.arrow-left-to-right:after,
input[type="button"]:hover.arrow-left-to-right:after,
input[type="submit"]:hover.arrow-left-to-right:after,
input[type="reset"]:hover.arrow-left-to-right:after,
.button:hover.arrow-left-to-right:after {
  transform: scaleX(1.2) translateY(-50%);
}
button:hover.arrow-left,
input[type="button"]:hover.arrow-left,
input[type="submit"]:hover.arrow-left,
input[type="reset"]:hover.arrow-left,
.button:hover.arrow-left {
  position: relative;
  padding-left: 1.3em;
}
button:hover.arrow-left:after,
input[type="button"]:hover.arrow-left:after,
input[type="submit"]:hover.arrow-left:after,
input[type="reset"]:hover.arrow-left:after,
.button:hover.arrow-left:after {
  transform: scaleX(1.2) translateY(-50%);
}
.button:hover {
  color: white !important;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.button:focus {
  outline: 6px solid #FFA0FF !important;
}
.button:active,
.button:focus {
  -webkit-text-stroke-width: 0 !important;
  -webkit-text-stroke-color: transparent !important;
}
#searchform {
  position: absolute;
  top: 50%;
  right: 5em;
  height: auto;
  transform: translateY(-50%);
}
#searchform #s {
  height: auto;
  padding-right: 24px;
  width: 150px;
}
#searchform label {
  clip: rect(1px,1px,1px,1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
#searchform #searchsubmit {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  font-family: 'VolkstheaterIcons';
  background-color: transparent;
  border: none;
  font-size: 0;
}
#searchform #searchsubmit:hover,
#searchform #searchsubmit:active,
#searchform #searchsubmit:focus {
  background-position: right center;
}
#searchform .search-form-container {
  display: none;
}
#searchform input {
  margin: 0 !important;
}
#searchform input:hover,
#searchform input:focus,
#searchform input:active {
  background-color: white;
}
#searchform .search-form-button {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  font-family: 'VolkstheaterIcons';
  cursor: pointer;
}
#searchform .search-form-button:hover,
#searchform .search-form-button:active,
#searchform .search-form-button:focus {
  background-position: right center;
}
.site-header #searchform {
  position: absolute;
  top: 50%;
  right: 5em;
}
#content #searchform .search-form-button {
  display: none;
}
.error-404 .searchform {
  margin-bottom: 1em;
}
div.wpcf7 .form-field {
  margin-bottom: 1em;
}
div.wpcf7 span.wpcf7-not-valid-tip {
  margin-top: 0.5em;
  color: #B3003D;
}
div.wpcf7 img.ajax-loader {
  margin: 1em auto;
}
div.wpcf7 div.wpcf7-response-output {
  max-width: 100%;
  margin: 1em 0;
  border-width: 1px;
  border-radius: 12px;
  padding: 1em 1em 0.8em;
}
div.wpcf7 .wpcf7-form-control.wpcf7-submit {
  display: inline-block;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #B3003D;
  border-color: #B3003D;
}
#mc_embed_signup {
  margin-top: 1.1em;
}
#mc_embed_signup form .mc-field-group {
  margin-bottom: 1em;
}
#mc_embed_signup form .mc-field-group input {
  margin-bottom: 0;
}
#mc_embed_signup form .mc-field-group div.mce_inline_error {
  display: none !important;
}
#mc_embed_signup form .mc-field-group.field-ok div.mce_inline_error {
  display: block !important;
}
#mc_embed_signup form .mc-field-group.field-ok div.hue-inline {
  display: none !important;
}
#mc_embed_signup form .mc-field-group.input-group .hue-inline {
  margin-top: -0.9em;
}
#mc_embed_signup form input.mce_inline_error {
  border-color: black;
}
#mc_embed_signup form div.mce_inline_error,
#mc_embed_signup form .hue-inline {
  max-width: 60vw;
  background-color: black;
  margin: 0 0 1em;
  padding: auto / 5;
  color: white;
  font-weight: 400;
}
#mc_embed_signup form .dsgvo-group .hue-inline {
  max-width: 480px;
}
#mc_embed_signup form #mce-responses .response {
  margin: 1em 0;
}
#mc_embed_signup form ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0.5em;
}
#mc_embed_signup form ul .icheckbox_hue {
  margin-right: 0.5em;
}
#mc_embed_signup form ul label {
  display: inline-block;
}
#mc_embed_signup form .default-hidden,
#mc_embed_signup form .hue-inline {
  display: none;
}
form.newsletter {
  width: 100%;
}
form.newsletter input[type="email"] {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
  max-width: 24em;
}
form.newsletter .submit-group {
  display: block;
}
.hue-field-group.dsgvo-group label {
  display: inline-block;
  padding-left: 0.5em;
}
.edit-link {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
.edit-link .post-edit-link {
  padding: 4px 8px;
  background: red;
  color: black;
}
.says,
.screen-reader-text {
  clip: rect(1px,1px,1px,1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.site .skip-link {
  background-color: #f1f1f1;
  display: block;
  left: -9999em;
  outline: none;
  padding: 15px 23px 14px;
  text-decoration: none;
  text-transform: none;
  top: -9999em;
}
.site .skip-link:focus {
  clip: auto;
  height: auto;
  left: 6px;
  top: 7px;
  width: auto;
  z-index: 100000;
}
#wpadminbar {
  opacity: 0.5;
  width: auto;
  min-width: auto;
}
#wpadminbar #wp-admin-bar-wp-logo,
#wpadminbar #wp-admin-bar-customize,
#wpadminbar #wp-admin-bar-updates,
#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-new-content {
  display: none;
}
#wpadminbar #wp-admin-bar-top-secondary,
#wpadminbar .ab-sub-wrapper {
  display: none !important;
}
body.dev #wpadminbar {
  display: none;
}
.alignnone {
  margin: 0.25em 1em 1em 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 0.25em auto 0.25em auto;
}
.alignright {
  float: right;
  margin: 0.25em 0 1em 1em;
}
.alignleft {
  float: left;
  margin: 0.25em 1em 1em 0;
}
.wp-caption {
  padding: 0.25em 0.25em 0.5em;
  text-align: left;
}
.wp-caption.alignnone {
  margin: 0.25em 1em 1em 0;
}
.wp-caption.alignleft {
  margin: 0.25em 1em 1em 0;
}
.wp-caption.alignright {
  margin: 0.25em 0 1em 1em;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 0 0.25em 0.25em;
}
.gallery:before,
.gallery:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.gallery:before,
.gallery:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.gallery .gallery-item {
  float: left;
  width: 33.3333%;
}
.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}
@font-face {
  font-family: 'Volkstheater';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Regular.woff2') format('woff2'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Regular.woff') format('woff');
  font-stretch: normal;
}
@font-face {
  font-family: 'Volkstheater';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Condensed.woff2') format('woff2'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Condensed.woff') format('woff');
  font-stretch: condensed;
}
@font-face {
  font-family: 'Volkstheater';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Semi-Condensed.woff2') format('woff2'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Semi-Condensed.woff') format('woff');
  font-stretch: semi-condensed;
}
@font-face {
  font-family: 'Volkstheater';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Semi-Expanded.woff2') format('woff2'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Semi-Expanded.woff') format('woff');
  font-stretch: semi-expanded;
}
@font-face {
  font-family: 'Volkstheater';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Expanded.woff2') format('woff2'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/Volkstheater-Expanded.woff') format('woff');
  font-stretch: expanded;
}
@font-face {
  font-family: 'HappyTimes';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/happy-times-NG_regular_master_web.woff2') format('woff2'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/happy-times-NG_regular_master_web.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'VolkstheaterIcons';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/volkstheater-icons.woff2') format('woff2'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/volkstheater-icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'socialfont';
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/socialfont.eot?mh1paq');
  src: url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/socialfont.eot?#iefixmh1paq') format('embedded-opentype'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/socialfont.woff?mh1paq') format('woff'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/socialfont.ttf?mh1paq') format('truetype'), url('https://www.volkstheater.at/101/wp-content/themes/hue/fonts/socialfont.svg?mh1paq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Volkstheater', Arial, "Lucida Grande", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-size: 1.4vw;
  line-height: 1.25;
  color: black;
}
a {
  color: black;
}
.fc {
  font-stretch: condensed;
}
.fsc {
  font-stretch: semi-condensed;
}
.fd {
  font-stretch: normal;
}
.fse,
.section-title h3 {
  font-stretch: semi-expanded;
}
.fe {
  font-stretch: expanded;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Volkstheater', Arial, "Lucida Grande", sans-serif;
  font-size: 1rem;
  font-size: 1.4vw;
  line-height: 1.1;
  letter-spacing: normal;
  text-transform: uppercase;
  font-weight: 400;
  font-feature-settings: "case";
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.1;
  font-feature-settings: "case";
}
.contact-box .large {
  font-feature-settings: "case";
}
h2,
.h1,
.swiper-button-prev.large,
.swiper-button-next.large {
  font-size: 150px;
  font-size: 10.4166vw;
  font-size: 96px;
  font-size: 6.6666vw;
}
.h2,
.pillars a,
.pillars span {
  font-size: 112px;
  font-size: 7.7777vw;
  font-size: 76px;
  font-size: 5.2777vw;
}
.h3,
.section-title h3 {
  font-size: 84px;
  font-size: 5.8333vw;
  font-size: 60px;
  font-size: 4.1666vw;
}
.h4,
.swiper-pagination.large .swiper-pagination-bullet.swiper-pagination-bullet-active,
ul.primary-menu > li > a,
.hue-marquee a {
  font-size: 64px;
  font-size: 4.4444vw;
  font-size: 48px;
  font-size: 3.3333vw;
}
.h5,
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-bullet-active,
.gprev,
.gnext,
.glightbox-bullet-active,
.gclose,
.page-numbers.prev,
.page-numbers.next,
.page-numbers.current {
  font-size: 48px;
  font-size: 3.3333vw;
  font-size: 38px;
  font-size: 2.6389vw;
}
.h6 {
  font-size: 36px;
  font-size: 2.5vw;
  font-size: 30px;
  font-size: 2.0833vw;
}
.p1,
.text.large,
.text .large,
.swiper-pagination.large .swiper-pagination-bullet,
ul.primary-menu li ul.sub-menu li a {
  font-size: 26px;
  font-size: 1.8055vw;
  font-size: 1.29em;
}
.ht,
.image-caption,
.gslide-title,
.search-type,
ul.footer-menu,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
  font-family: 'HappyTimes', "Times New Roman", Times, serif;
  font-size: 14px;
  font-size: 0.9722vw;
  font-size: 0.694em;
}
ul.social-media a,
.scroll-top {
  font-family: 'VolkstheaterIcons';
}
.form-message {
  font-family: 'HappyTimes', "Times New Roman", Times, serif;
  font-size: 14px;
  font-size: 0.9722vw;
}
.form-message:after {
  font-family: 'Volkstheater', Arial, "Lucida Grande", sans-serif;
  font-size: 20px;
  font-size: 1.4vw;
}
::-moz-selection {
  color: #000;
  background-color: rgba(221,221,221,0.996) !important;
}
::selection {
  color: #000;
  background-color: rgba(221,221,221,0.996) !important;
}
.site-footer {
  background: black;
  color: white;
}
.site-footer .col.right {
  text-align: right;
}
.site-footer .col.right .logo-large {
  position: absolute;
  top: 0;
  right: 0;
  height: 18.2em;
}
.site-footer a,
.site-footer .text a {
  color: white !important;
  background-image: linear-gradient(transparent 35%,#D200D2 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.site-footer a:hover,
.site-footer a:active,
.site-footer a:focus,
.site-footer .text a:hover,
.site-footer .text a:active,
.site-footer .text a:focus {
  background-size: 100%;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active,
.site-footer .text a:hover,
.site-footer .text a:focus,
.site-footer .text a:active {
  color: white !important;
}
.site-footer h3 a {
  color: #8CFF4B !important;
  text-decoration: none;
}
.site-footer h3 a:hover,
.site-footer h3 a:focus,
.site-footer h3 a:active {
  text-decoration: underline;
  color: #8CFF4B !important;
  background-size: 0;
}
.site-footer .contact-box h3,
.site-footer .newsletter-box h3 {
  margin-bottom: 0.8em;
}
.site-footer .social-media {
  margin-top: 2.1em;
}
.site-footer .social-media li a {
  position: relative;
}
.site-footer .social-media li a:before {
  content: " ";
  position: absolute;
  top: -0.3em;
  right: -0.3em;
  bottom: -0.3em;
  left: -0.3em;
  background-color: #D200D2;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.site-footer .social-media li a:before {
  z-index: 0;
}
.site-footer .social-media li a:hover,
.site-footer .social-media li a:focus,
.site-footer .social-media li a:active {
  color: white !important;
  background-size: 0;
}
.site-footer .social-media li a:hover:before,
.site-footer .social-media li a:focus:before,
.site-footer .social-media li a:active:before {
  opacity: 1;
}
.site-footer .footer-content {
  text-align: left;
}
.site-footer .footer-content p {
  margin: 1em 0;
}
.site-footer .footer-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 1em;
}
.scroll-top-wrapper {
  padding: 1.4em 0 1em;
  text-align: center;
}
.scroll-top-wrapper .scroll-top {
  display: inline-block;
  padding: 0 1em;
  font-family: 'VolkstheaterIcons';
  cursor: pointer;
}
.scroll-top-wrapper .scroll-top:after {
  position: relative;
  content: '\e813';
  font-size: 3.05vw;
  color: white;
  transition: color 0.2s ease-out;
}
.scroll-top-wrapper .scroll-top:before {
  content: " ";
  position: absolute;
  top: -0.1em;
  right: 0.2em;
  bottom: -0.1em;
  left: 0.2em;
  background-color: #D200D2;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.scroll-top-wrapper .scroll-top:before {
  z-index: 0;
}
.scroll-top-wrapper .scroll-top:hover:after {
  color: white !important;
}
.scroll-top-wrapper .scroll-top:focus:after,
.scroll-top-wrapper .scroll-top:active:after {
  color: white !important;
  outline: none;
}
.scroll-top-wrapper .scroll-top:hover:before,
.scroll-top-wrapper .scroll-top:focus:before,
.scroll-top-wrapper .scroll-top:active:before {
  opacity: 1;
}
ul.footer-menu {
  padding: 2.4em 0;
}
ul.footer-menu li {
  display: inline-block;
  margin-right: 2em;
  text-transform: none;
}
ul.footer-menu li.current-menu-item a:not(.button) {
  color: #FF00FF;
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99998;
  background: #8CFF4B;
  color: black;
  height: 84px;
  transition: all 0.2s ease-out;
}
.site-header a:not(.button) {
  color: black;
  text-decoration: none;
}
.site-header a:not(.button):hover,
.site-header a:not(.button):focus,
.site-header a:not(.button):active {
  text-decoration: underline;
  color: black !important;
}
.site-header .header-content {
  display: flex;
  align-items: center;
  height: 100%;
}
.site-header .newsletter-header h3 {
  margin-bottom: 0.4em;
}
.header-link {
  margin-left: 2.8vw;
  align-self: center;
  font-size: 26px !important;
}
.toggle-searchform input[type=text] {
  font-size: 20px !important;
}
.site-branding {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  height: 100%;
  line-height: 1;
}
.site-branding a {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.site-branding a svg {
  height: 64px;
  width: auto;
  transform: scale(0.9999);
  transition: transform 0.2s ease-out;
}
.site-branding a svg path {
  fill: black;
}
.site-branding a:before {
  content: " ";
  position: absolute;
  top: -0.36em;
  right: -0.4em;
  bottom: -0.36em;
  left: -0.4em;
  background-color: white;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.site-branding a:hover:before,
.site-branding a:active:before,
.site-branding a:focus:before {
  opacity: 1;
}
.site-branding a:hover svg,
.site-branding a:active svg,
.site-branding a:focus svg {
  transform: scale(1.06);
}
.site-header .accessibility-button {
  visibility: hidden;
  position: absolute;
  top: 50%;
  right: calc(80px + 2.8vw);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-out;
}
.menu-open .site-header .accessibility-button {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.menu-open .site-header .accessibility-button a {
  transform: scale(0.9999);
  transition: transform 0.2s ease-out;
}
.menu-open .site-header .accessibility-button a:before {
  content: " ";
  position: absolute;
  top: -0.1em;
  right: -0.1em;
  bottom: -0.1em;
  left: -0.1em;
  background-color: white;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.menu-open .site-header .accessibility-button a:hover,
.menu-open .site-header .accessibility-button a:focus,
.menu-open .site-header .accessibility-button a:active {
  transform: scale(1.1);
}
.menu-open .site-header .accessibility-button a:hover:before,
.menu-open .site-header .accessibility-button a:focus:before,
.menu-open .site-header .accessibility-button a:active:before {
  opacity: 1;
}
.site-header .header-content > .toggle-searchform {
  visibility: hidden;
  position: absolute;
  top: 50%;
  right: calc(155px + 2.8vw);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-out;
}
.menu-open .header-content > .toggle-searchform {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.header-back {
  display: inline-block;
  position: absolute;
  right: calc(95px + 2.8vw);
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.header-back a {
  font-size: 26px;
}
.menu-open .header-back {
  opacity: 0;
}
.site-menu {
  position: fixed;
  top: 84px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  pointer-events: none;
  background-color: #8CFF4B;
  z-index: 1000;
  visibility: hidden;
  transition: opacity 0.2s ease-out;
}
.site-menu .shuffle .h {
  pointer-events: none;
}
.site-menu .fullscreen-background {
  position: absolute;
}
.menu-content {
  height: 100%;
}
.menu-content .mobile-scroller,
.menu-content .scroller {
  height: 100%;
}
.menu-content .menu-grid {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 1em;
}
.menu-content .menu-col {
  min-height: 100%;
  order: 2;
}
.menu-content .menu-col .logo-large {
  display: none;
}
.menu-content .info-col {
  min-height: 100%;
  order: 1;
}
.menu-content .primary-navigation {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  max-height: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}
.menu-content .spielstaette a.location-link:hover {
  color: #FF00FF !important;
}
.menu-content .spielstaette a.location-link:hover #slashes polygon {
  fill: #FF00FF !important;
}
.menu-content .menu-top {
  padding-top: 1em;
}
.menu-content .menu-bottom {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: minmax(8em,auto) repeat(2,1fr);
  height: 100%;
}
.menu-content .menu-bottom .logo-large {
  margin-bottom: 2em;
}
.menu-content .menu-bottom .logo-large svg {
  min-height: 7em;
}
.menu-content .menu-bottom .webshop-box {
  margin-bottom: 2em;
}
.menu-content .menu-bottom .social-media {
  margin-bottom: 2em;
}
.menu-content .menu-bottom .contact-box {
  margin-bottom: 2em;
}
.menu-content .menu-bottom .newsletter-box {
  padding-bottom: 1.6em;
  margin-bottom: 0;
}
.menu-content .text p:last-child {
  margin-bottom: 0;
}
ul.primary-menu {
  display: block;
  z-index: 100;
  text-transform: uppercase;
}
ul.primary-menu li {
  display: block;
  padding: 0 0.5em;
}
ul.primary-menu li a {
  display: inline-block;
  line-height: 1.46;
}
ul.primary-menu li a.external {
  position: relative;
  padding-right: 1.3em !important;
}
ul.primary-menu li a.external:after {
  content: "\2192";
  position: absolute;
  right: 0.3em;
}
ul.primary-menu li a:hover,
ul.primary-menu li a:focus,
ul.primary-menu li a:active {
  color: black !important;
  text-decoration: underline !important;
  text-decoration-color: black !important;
  -webkit-text-stroke-color: transparent !important;
}
ul.primary-menu li ul.sub-menu {
  visibility: hidden;
  height: 0;
}
ul.primary-menu li ul.sub-menu li {
  display: inline-block;
  padding: 0.4em 0 0;
}
ul.primary-menu li ul.sub-menu li a {
  width: auto;
  padding: 0.06em 0.32em 0.1em;
  cursor: pointer;
  color: black !important;
  border-radius: 12px;
  border: 4px solid black;
  background-color: transparent;
  margin-right: 0.1em;
  text-decoration: none !important;
}
ul.primary-menu li ul.sub-menu li a:hover {
  background-color: black !important;
  color: white !important;
}
ul.primary-menu li ul.sub-menu li a:focus,
ul.primary-menu li ul.sub-menu li a:active {
  outline: 6px solid #FFA0FF !important;
}
ul.primary-menu li ul.sub-menu li.current-menu-item > a,
ul.primary-menu li ul.sub-menu li.current-menu-ancestor > a {
  background-color: black !important;
  color: white !important;
  outline: 6px solid #FFA0FF !important;
}
ul.primary-menu li ul.sub-menu:after {
  content: " ";
  display: block;
  height: 0.5em;
}
ul.primary-menu li ul.sub-menu.active {
  visibility: visible;
}
ul.primary-menu li.menu-item-has-children {
  padding: 0 0.5em;
  overflow-y: hidden;
}
ul.primary-menu li.current-menu-item > a,
ul.primary-menu li.current-menu-ancestor > a {
  color: black !important;
  text-decoration: underline !important;
}
ul.primary-menu li.elink a {
  position: relative;
  padding-right: 1.3em !important;
}
ul.primary-menu li.elink a:after {
  content: "\2192";
  position: absolute;
  right: 0.3em;
}
.primary-navigation .special-link {
  font-size: 1.47em;
  line-height: 1.25;
  margin-top: 0.9em;
  margin-bottom: 2em;
  text-align: right;
}
.menu-toggle {
  position: absolute;
  top: 50%;
  right: 2.8vw;
  transform: translateY(-50%);
  font-size: 1em;
}
.menu-toggle {
  display: block;
  height: 48px;
  width: 60px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  border: none;
}
.menu-toggle .text {
  font-size: 0;
}
.menu-toggle span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 9px;
  background-color: black;
  transform: rotate(0deg);
  transition-property: top, margin-top, transform, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  transition-delay: 0.2s, 0.2s, 0s, 0s;
}
.menu-toggle span.hbl1 {
  top: 0;
}
.menu-toggle span.hbl2 {
  top: 50%;
  margin-top: -4.5px;
}
.menu-toggle span.hbl3 {
  top: 100%;
  margin-top: -9px;
}
.menu-toggle:before {
  content: " ";
  position: absolute;
  top: -0.5em;
  right: -0.3em;
  bottom: -0.5em;
  left: -0.3em;
  background-color: white;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
  border: none;
  outline: none;
  background-color: transparent;
  outline: none !important;
}
.menu-toggle:hover:before,
.menu-toggle:active:before,
.menu-toggle:focus:before {
  opacity: 1;
}
body.menu-open .site-menu {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
body.menu-open .site-menu .shuffle .h {
  pointer-events: auto;
}
body.menu-open .menu-toggle span {
  transition-property: top, margin-top, transform;
  transition-timing-function: 0.2s;
  transition-delay: 0s, 0s, 0.2s;
  background-color: black;
}
body.menu-open .menu-toggle span.hbl1 {
  top: 50%;
  margin-top: -4.5px;
  transform: rotate(45deg);
}
body.menu-open .menu-toggle span.hbl2 {
  top: 50%;
  margin-top: -4.5px;
  transform: rotate(45deg);
}
body.menu-open .menu-toggle span.hbl3 {
  top: 50%;
  margin-top: -4.5px;
  transform: rotate(-45deg);
}
.site-branding,
.primary-navigation {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  background: white;
}
.loading-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #8CFF4B;
  transition: opacity 0.2s ease-out;
}
.loading-animation .loading-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100vh;
  transform: translate(-50%,-50%);
  z-index: 111;
}
.loading-animation .logo-large {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 58vh;
  transform: translate(-50%,-50%);
  z-index: 111;
  opacity: 0;
}
.loading-animation .logo-large svg {
  max-width: 50vw;
}
.loading-animation #loading-canvas {
  height: 100%;
}
.loading-animation svg {
  height: 100%;
  width: auto;
  overflow: visible;
}
.loading-animation.intro {
  z-index: 9999999;
  background-color: #8CFF4B;
  transition: opacity 1s ease-out;
}
.loading-animation.intro.active {
  opacity: 1;
}
.loading-animation.svg-active .logo-large {
  opacity: 1;
}
body.loading .loading-animation {
  opacity: 1;
}
#main {
  overflow: visible;
  padding-top: 84px;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
#main.loaded {
  opacity: 1;
}
.site-footer {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
body.loading .site-footer {
  opacity: 0;
}
.ssd {
  display: none;
}
body.logged-in .ssd {
  display: block;
}
.scroller {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroller::-webkit-scrollbar {
  display: none;
}
.mobile-scroller {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mobile-scroller::-webkit-scrollbar {
  display: none;
}
.hscroller {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hscroller::-webkit-scrollbar {
  display: none;
}
.hscroller .hscroller-inner {
  width: fit-content;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.header-title.h1 {
  margin-top: 0.46em;
  margin-bottom: 0.2em;
}
.header-title.h2 {
  margin-top: 0.69em;
}
.page-title {
  margin-top: 0.58em;
  margin-bottom: 0.37em;
}
.section-title {
  text-align: center;
}
p {
  margin-top: 0;
  margin-bottom: 1.1em;
}
p span.indent {
  display: block;
  text-indent: 2em;
}
.text.clip-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
a.arrow:after,
.link.arrow:after {
  content: "\2192";
  position: absolute;
  right: 0.2em;
  transform: scaleX(0.9999);
  transition: transform 0.4s ease-out;
}
a:hover.arrow:after,
a.active.arrow:after,
.link:hover.arrow:after,
.link.active.arrow:after {
  transform: scaleX(1.2);
}
*:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
}
.text a,
.text .link,
.dispo-text a,
.dispo-text .link {
  color: black;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
  text-decoration: underline;
}
.text a:hover,
.text a:active,
.text a:focus,
.text .link:hover,
.text .link:active,
.text .link:focus,
.dispo-text a:hover,
.dispo-text a:active,
.dispo-text a:focus,
.dispo-text .link:hover,
.dispo-text .link:active,
.dispo-text .link:focus {
  background-size: 100%;
}
.text a.arrow,
.text .link.arrow,
.dispo-text a.arrow,
.dispo-text .link.arrow {
  display: inline-block;
  position: relative;
  padding-right: 1em;
}
.text a.arrow:after,
.text .link.arrow:after,
.dispo-text a.arrow:after,
.dispo-text .link.arrow:after {
  content: "\2192";
  position: absolute;
  right: 0.2em;
  transform: scaleX(0.9999);
  transition: transform 0.4s ease-out;
}
.text a:hover,
.text a.active,
.text .link:hover,
.text .link.active,
.dispo-text a:hover,
.dispo-text a.active,
.dispo-text .link:hover,
.dispo-text .link.active {
  text-decoration: underline;
}
.text a:hover.arrow:after,
.text a.active.arrow:after,
.text .link:hover.arrow:after,
.text .link.active.arrow:after,
.dispo-text a:hover.arrow:after,
.dispo-text a.active.arrow:after,
.dispo-text .link:hover.arrow:after,
.dispo-text .link.active.arrow:after {
  transform: scaleX(1.2);
}
.text a:focus,
.text a:active,
.text .link:focus,
.text .link:active,
.dispo-text a:focus,
.dispo-text a:active,
.dispo-text .link:focus,
.dispo-text .link:active {
  -webkit-text-stroke-width: 0;
  text-decoration: underline;
  outline: none;
}
.text a.block,
.text .link.block,
.dispo-text a.block,
.dispo-text .link.block {
  display: inline-block;
}
.link {
  cursor: pointer;
}
body * .tile-element .title a {
  color: black;
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body * .tile-element .title a:hover,
body * .tile-element .title a:active,
body * .tile-element .title a:focus {
  background-size: 100%;
}
body *[data-background-color="green"] {
  background-color: #8CFF4B;
}
body *[data-background-color="green"] .text a {
  color: black;
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body *[data-background-color="green"] .text a:hover,
body *[data-background-color="green"] .text a:active,
body *[data-background-color="green"] .text a:focus {
  background-size: 100%;
}
body *[data-background-color="green"] .tile-element {
  background-color: white;
}
body *[data-background-color="green"] .tile-element .title a {
  color: black;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body *[data-background-color="green"] .tile-element .title a:hover,
body *[data-background-color="green"] .tile-element .title a:active,
body *[data-background-color="green"] .tile-element .title a:focus {
  background-size: 100%;
}
body *[data-background-color="pink"] {
  background-color: #FF00FF;
}
body *[data-background-color="pink"] .text a {
  color: black;
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body *[data-background-color="pink"] .text a:hover,
body *[data-background-color="pink"] .text a:active,
body *[data-background-color="pink"] .text a:focus {
  background-size: 100%;
}
body *[data-background-color="pink"] .tile-element {
  background-color: white;
}
body *[data-background-color="pink"] .tile-element .title a {
  color: black;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body *[data-background-color="pink"] .tile-element .title a:hover,
body *[data-background-color="pink"] .tile-element .title a:active,
body *[data-background-color="pink"] .tile-element .title a:focus {
  background-size: 100%;
}
body *[data-background-color="black"] {
  background-color: black;
  color: white;
}
body *[data-background-color="black"] .text a {
  color: white;
  background-image: linear-gradient(transparent 35%,#D200D2 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body *[data-background-color="black"] .text a:hover,
body *[data-background-color="black"] .text a:active,
body *[data-background-color="black"] .text a:focus {
  background-size: 100%;
}
body *[data-background-color="black"] .text a:hover,
body *[data-background-color="black"] .text a:focus,
body *[data-background-color="black"] .text a.active {
  color: white;
}
body *[data-background-color="black"] .tile-element {
  background-color: white;
}
body *[data-background-color="black"] .tile-element .title a {
  color: black;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body *[data-background-color="black"] .tile-element .title a:hover,
body *[data-background-color="black"] .tile-element .title a:active,
body *[data-background-color="black"] .tile-element .title a:focus {
  background-size: 100%;
}
body *[data-background-color="black-inverse"] {
  background-color: black;
  color: #8CFF4B;
}
body *[data-background-color="black-inverse"] .text a {
  color: white;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
body *[data-background-color="black-inverse"] .text a:hover,
body *[data-background-color="black-inverse"] .text a:active,
body *[data-background-color="black-inverse"] .text a:focus {
  background-size: 100%;
}
body *[data-background-color="black-inverse"] button:hover,
body *[data-background-color="black-inverse"] input[type="button"]:hover,
body *[data-background-color="black-inverse"] input[type="submit"]:hover,
body *[data-background-color="black-inverse"] input[type="reset"]:hover,
body *[data-background-color="black-inverse"] .button:hover {
  background-color: white;
  color: black !important;
}
body *[data-background-color="black-inverse"] button:active,
body *[data-background-color="black-inverse"] input[type="button"]:active,
body *[data-background-color="black-inverse"] input[type="submit"]:active,
body *[data-background-color="black-inverse"] input[type="reset"]:active,
body *[data-background-color="black-inverse"] .button:active button:focus,
body *[data-background-color="black-inverse"] input[type="button"]:focus,
body *[data-background-color="black-inverse"] input[type="submit"]:focus,
body *[data-background-color="black-inverse"] input[type="reset"]:focus,
body *[data-background-color="black-inverse"] .button:focus {
  color: black;
  -webkit-text-stroke-color: transparent;
  outline-color: #8CFF4B !important;
}
.dispo-text span[style="font-weight:bold;"] {
  font-weight: 400 !important;
  font-stretch: semi-expanded;
}
.dispo-text span[style="font-weight:bold;"] span[style="font-style:italic;"] {
  font-stretch: normal;
}
.dispo-text span[style="font-style:italic;"] {
  font-style: normal !important;
  font-stretch: semi-condensed;
}
strong {
  font-weight: 400 !important;
  font-stretch: semi-expanded;
}
em {
  font-style: normal !important;
  font-stretch: semi-condensed;
}
ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.entry-content blockquote {
  margin: 1em 1.5em;
}
.entry-content img {
  width: 100%;
  height: auto;
}
.entry-content p img {
  width: auto;
  height: auto;
}
.text ul {
  list-style-type: disc;
  padding-left: 1.5em;
  margin-bottom: 1em;
}
.text ol {
  padding-left: 1.5em;
  margin-bottom: 1em;
}
hr {
  border-top: 1px solid black;
}
.centered {
  text-align: center;
}
article .sidebar-content {
  position: fixed;
  top: calc(84px + 2em);
  right: 2.8vw;
  width: 250px;
  width: 14.5vw;
  min-width: 9.9em;
  padding: 0.7em 0.7em;
  z-index: 999;
}
.entry-header:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  height: 10em;
  width: 100%;
}
.entry-header[data-background-color="green"]:before {
  content: " ";
  background-color: #8CFF4B;
}
.entry-header[data-background-color="pink"]:before {
  content: " ";
  background-color: #FF00FF;
}
.page-header {
  overflow: hidden;
}
.page-header[data-style="hidden"] {
  clip: rect(1px,1px,1px,1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.page-section {
  overflow: auto;
}
.block {
  margin-top: 3.14em;
  margin-bottom: 3.14em;
}
.block.block-header-title {
  margin-bottom: 1.84em;
}
.block.block-team-ensemble {
  margin-bottom: 0;
}
.block.block-dispo-header-title {
  margin-bottom: 0.7em;
}
.block.block-dispo-details {
  margin-top: 0;
  margin-bottom: 0;
}
.block.block-dispo-text {
  margin-top: 0;
}
.block.block-dispo-buttons {
  margin-top: 1.84em;
  margin-bottom: 1.84em;
}
.block.block-dispo-team {
  margin-bottom: 0;
}
.block.block-dispo-team-list {
  margin-bottom: 0;
}
.block.block-dispo-list {
  margin-top: 0;
  margin-bottom: 0;
}
.block.block-questions-answers {
  margin-top: 1.84em;
}
.block.block-dispo-pressestimme {
  margin-bottom: 1.57em;
}
.block.block-dispo-termine {
  margin-top: 0;
  margin-bottom: 0;
}
.block.block-title {
  margin-bottom: auto;
}
.block.block-toggle-text {
  margin-top: 0;
  margin-bottom: 0;
}
.block.block-marquee-text {
  margin-top: 0;
  margin-bottom: 0;
}
.block.block-slideshow-spielstaette {
  margin-top: 1.84em;
  margin-bottom: 0;
}
.block.block-spielstaetten-map {
  margin-top: 1.84em;
  margin-bottom: 0;
}
.block.block-teaser-image {
  margin-top: 0;
  margin-bottom: 0;
}
.block.block-link-list {
  margin-top: 1.84em;
  margin-bottom: 1.84em;
}
.block.block-location-list {
  margin-bottom: 0;
}
.block.block-ensemble-teaser {
  margin-top: 0;
  margin-bottom: 0;
}
.block.block-jobs {
  margin-top: 0;
  margin-bottom: 0;
}
.block > .text:last-child p:last-child {
  margin-bottom: 0;
}
.block.nmt {
  margin-top: 0;
}
.block.nmb {
  margin-bottom: 0;
}
.page-section > * ~ .block-text,
.tab-group-page > * ~ .block-text {
  margin-top: 0;
}
.entry-content > :first-child > :first-child.block {
  margin-top: 0;
}
:nth-last-child(1 of .block-toggle-text),
:nth-last-child(1 of .block-jobs) {
  margin-bottom: 1.84em;
}
.box-content,
.gdesc-inner {
  padding: 0 1em;
  max-width: 46.7em;
  max-width: 65.4vw;
  margin-left: auto;
  margin-right: auto;
}
.box-content.np,
.gdesc-inner.np {
  padding-top: 0;
  padding-bottom: 0;
}
.box-content.npb,
.gdesc-inner.npb {
  padding-bottom: 0;
}
.wide-content {
  padding-left: 4rem;
  padding-left: 2.8vw;
  padding-right: 4rem;
  padding-right: 2.8vw;
}
article.single .header-image {
  height: calc(100vh - 84px);
  background-color: #FF00FF;
}
article.single .header-image .image-wrapper {
  height: 100%;
  padding: 3vh 3vw;
}
article.single .header-image .image-wrapper img {
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
article.single .bottom .location {
  margin-top: 2em;
  margin-bottom: 1em;
}
article.single .bottom > *:first-child {
  margin-top: 0;
}
article.single .spielstaette > a {
  display: block;
}
article.single.produktion .header-image,
article.single.event .header-image,
article.single.person .header-image {
  height: calc(70vh - 84px);
}
article.single.person .details {
  margin-bottom: 1em;
}
article.produktion .page-header .event-type,
article.event .page-header .event-type {
  position: absolute;
  top: -1.5em;
}
article.produktion .untertitel,
article.event .untertitel {
  margin-bottom: 0.39em;
}
article.produktion .event-type,
article.event .event-type {
  display: inline-block;
  background-color: #8CFF4B;
}
article.produktion .location,
article.event .location {
  hyphenate-character: "";
}
article.produktion .location .h6,
article.event .location .h6 {
  text-transform: uppercase;
}
article.produktion .location a,
article.event .location a {
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
  background-image: linear-gradient(transparent 15%,#8CFF4B 10%);
}
article.produktion .location a:hover,
article.produktion .location a:active,
article.produktion .location a:focus,
article.event .location a:hover,
article.event .location a:active,
article.event .location a:focus {
  background-size: 100%;
}
article.produktion .hue-slideshow.video .slide,
article.event .hue-slideshow.video .slide {
  align-items: center;
}
article.produktion .dispo-video,
article.event .dispo-video {
  width: 100%;
}
article.produktion .dispo-video .video-caption,
article.event .dispo-video .video-caption {
  padding: 0.5em;
  text-align: center;
}
article.produktion .hue-slideshow.presse .slide,
article.event .hue-slideshow.presse .slide {
  align-items: center;
}
article.person .header-image {
  background-color: #FF00FF;
}
article.person .hue-slideshow.video .slide {
  align-items: center;
}
article.person .dispo-video {
  width: 100%;
}
article.person .dispo-video .video-caption {
  padding: 0.5em;
  text-align: center;
}
article.small-entry,
article.list-entry {
  overflow: hidden;
  padding: 1.6em 2.8vw 2.4em;
  border-top: 6px solid black;
}
article.small-entry .location-col,
article.list-entry .location-col {
  text-align: center;
}
article.small-entry .location-col .location .h6,
article.list-entry .location-col .location .h6 {
  text-transform: uppercase;
}
article.small-entry .location-col .location a,
article.list-entry .location-col .location a {
  text-decoration: none;
}
article.small-entry .info-col h3,
article.list-entry .info-col h3 {
  margin-bottom: 1.6rem;
}
article.small-entry .info-col h3 a:not(.button),
article.list-entry .info-col h3 a:not(.button) {
  color: #FF00FF;
  text-decoration: none;
}
article.small-entry .info-col h3 a:not(.button):hover,
article.small-entry .info-col h3 a:not(.button):active,
article.small-entry .info-col h3 a:not(.button):focus,
article.list-entry .info-col h3 a:not(.button):hover,
article.list-entry .info-col h3 a:not(.button):active,
article.list-entry .info-col h3 a:not(.button):focus {
  text-decoration: underline;
}
article.small-entry .info-col .details,
article.list-entry .info-col .details {
  margin-bottom: 1em;
}
article.small-entry .info-col .uebertitel,
article.list-entry .info-col .uebertitel {
  margin-top: 0.5em;
}
article.small-entry .event-type,
article.list-entry .event-type {
  display: inline-block;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  background-color: #8CFF4B;
}
article.small-entry .time-col .time,
article.list-entry .time-col .time {
  display: inline-block;
}
article.small-entry .time-col .duration,
article.list-entry .time-col .duration {
  display: inline-block;
}
article.small-entry .ticket-col button,
article.list-entry .ticket-col button {
  max-width: 12em;
}
article.small-entry.past-event .day-col,
article.list-entry.past-event .day-col {
  color: #949494;
}
article.small-entry.abgesagt .day-col,
article.list-entry.abgesagt .day-col {
  color: #949494;
}
article.small-entry.sperrung .day-col,
article.list-entry.sperrung .day-col {
  color: #949494;
}
article.small-entry.type-premiere,
article.list-entry.type-premiere {
  border-top-color: #8CFF4B;
}
article.small-entry.type-premiere .info-col h3 a,
article.list-entry.type-premiere .info-col h3 a {
  color: black;
}
article.small-entry.type-premiere .info-col h3 a:hover,
article.small-entry.type-premiere .info-col h3 a .active,
article.list-entry.type-premiere .info-col h3 a:hover,
article.list-entry.type-premiere .info-col h3 a .active {
  color: #8CFF4B;
}
article.small-entry.type-premiere .info-col h3 a:focus,
article.small-entry.type-premiere .info-col h3 a:active,
article.list-entry.type-premiere .info-col h3 a:focus,
article.list-entry.type-premiere .info-col h3 a:active {
  color: #8CFF4B;
}
article.small-entry.type-premiere.past-event .day-col,
article.list-entry.type-premiere.past-event .day-col {
  color: white;
}
article.small-entry.type-premiere.abgesagt .day-col,
article.list-entry.type-premiere.abgesagt .day-col {
  color: white;
}
article.small-entry.type-premiere.sperrung .day-col,
article.list-entry.type-premiere.sperrung .day-col {
  color: white;
}
article.event.small-entry .top-row {
  text-align: center;
  margin-bottom: 1em;
}
article.event.small-entry .mid-row {
  display: grid;
  grid-template-columns: minmax(11em,30%) minmax(5em,10%) minmax(5em,20%) minmax(5em,20%) minmax(12em,20%);
  grid-gap: 1em;
  align-items: center;
}
article.event.small-entry.personen-termin .mid-row {
  grid-template-columns: minmax(5em,3fr) minmax(15em,2fr) minmax(5em,2fr) minmax(5em,2fr) minmax(12em,1fr);
}
article.event.small-entry .bottom-row {
  margin-top: 3.14em;
}
article.event.small-entry .day-col {
  text-align: center;
}
article.event.small-entry .day-col .bottom .date,
article.event.small-entry .day-col .bottom .time {
  display: inline-block;
}
article.event.small-entry .time-col {
  text-align: right;
}
article.event.small-entry .location .more {
  display: block;
}
article.event.small-entry .location .p2 {
  display: block;
  position: relative;
}
article.event.small-entry .location .p2:before {
  content: '\e814';
  position: absolute;
  top: -1.3em;
  left: 0;
  width: 100%;
  display: block;
  font-family: 'VolkstheaterIcons';
}
article.event.small-entry .price-info-col {
  text-align: center;
}
article.event.small-entry .ticket-col {
  text-align: right;
}
article.event.small-entry .ticket-col .button {
  text-align: center;
}
article.event.small-entry.active-event .day-col .highlight {
  background-color: #8CFF4B;
}
article.event.small-entry.active-event.type-premiere .day-col .highlight {
  background-color: #8CFF4B;
}
.grid-element.selected article.event.small-entry {
  border-top: 6px solid #8CFF4B;
  background-color: #FF00FF;
}
article.event.list-entry .hover-image {
  position: absolute;
  top: 10%;
  left: 0;
  width: auto;
  height: 80%;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
article.event.list-entry .hover-image .header-image {
  height: 100%;
}
article.event.list-entry .hover-image .image-wrapper {
  height: 100%;
}
article.event.list-entry .hover-image .image-wrapper img {
  height: 100%;
  width: auto;
}
article.event.list-entry .hover-image.active {
  opacity: 1;
}
article.event.list-entry .grid {
  display: grid;
  grid-template-columns: minmax(9em,14.4vw) minmax(5em,65.4vw) minmax(9em,14.4vw);
  grid-gap: 1em;
}
article.event.list-entry .day-col {
  order: 0;
}
article.event.list-entry .location-col {
  order: 2;
}
article.event.list-entry .info-col {
  order: 1;
  text-align: center;
}
article.event.list-entry .bottom-row {
  display: grid;
  grid-template-columns: minmax(0,2fr) auto minmax(0,2fr);
  grid-gap: 2em;
  padding-top: 0.5em;
  align-items: center;
}
article.event.list-entry .bottom-row .time-col {
  text-align: right;
}
article.event.list-entry .bottom-row .right-col {
  text-align: left;
  display: grid;
  grid-template-columns: minmax(6em,1fr) minmax(0,2fr);
  grid-gap: 2em;
  align-items: center;
}
article.event.list-entry .bottom-row .link-col a {
  text-transform: uppercase;
}
.post-group.boxed article {
  margin-bottom: 1em;
}
article.post.single-entry .inner .content {
  padding: 1.6em 1.5em 1.6em;
  background-color: white;
}
article.post.single-entry .inner .content .surtitle {
  margin-bottom: 0.6em;
}
article.post.single-entry .inner .content h4 {
  margin-top: 0;
}
article.post.single-entry .inner .content .subtitle {
  margin-top: 0.3em;
}
article.post.single-entry .inner .content .pretext {
  margin-top: 1.2em;
}
article.post.single-entry .inner .content .text {
  margin-top: 1.2em;
}
article.post.single-entry.no-tags h3 {
  margin-bottom: 0.5em;
}
article.post.single-entry.thumb {
  display: grid;
  grid-template-columns: minmax(4em,33.3333%) minmax(4em,66.6666%);
  column-gap: 1em;
}
article.post.single-entry.thumb .content {
  height: 100%;
}
article.post.single-entry.thumb.text-image {
  grid-template-columns: minmax(4em,66.6666%) minmax(4em,33.3333%);
}
article.post.single-entry.thumb.text-image .image-wrapper {
  order: 2;
}
article.post.single-entry.thumb.text-image .inner {
  order: 1;
}
.blog-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 1em;
  overflow: hidden;
}
.blog-list .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
article.blog-post {
  margin-bottom: 1em;
  padding-top: 0;
}
article.blog-post .info .post-categories {
  position: absolute;
  top: 0;
  right: 0;
}
article.blog-post .info .post-categories li {
  display: inline;
}
article.blog-post .info .post-categories span {
  vertical-align: middle;
  background-color: #8CFF4B;
  padding: 0.1em;
  text-decoration: none;
}
article.blog-post .button {
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.page-template-page-03-3-spielstaetten .spielstaette-page {
  width: 100%;
}
.page-template-page-03-3-spielstaetten .sub-locations {
  margin-top: 2em;
}
.page-template-page-03-3-spielstaetten .sub-locations:before,
.page-template-page-03-3-spielstaetten .sub-locations:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.page-template-page-03-3-spielstaetten .sub-locations:before,
.page-template-page-03-3-spielstaetten .sub-locations:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.page-template-page-03-3-spielstaetten .sub-locations .sub-location {
  float: left;
  width: 33.3333%;
  margin-bottom: 1em;
}
.page-template-page-03-3-spielstaetten .sub-locations .sub-location .name span {
  cursor: pointer;
}
.page-template-page-03-3-spielstaetten .sub-locations .sub-location .name span:hover,
.page-template-page-03-3-spielstaetten .sub-locations .sub-location .name span.active {
  color: #8CFF4B;
  background-color: black;
}
.page-template-page-03-3-spielstaetten .sub-locations .sub-location.active .name span {
  color: #8CFF4B;
  background-color: black;
}
.page-template-page-03-3-spielstaetten .slide:first-child .previous-location {
  display: none;
}
.page-template-page-03-3-spielstaetten .slide:last-child .next-location {
  display: none;
}
article.search-article .search-form label {
  max-width: 20em;
  display: inline-block;
  padding-right: 0.5em;
}
article.search-article .search-form input[type=submit] {
  display: inline-block;
  margin-bottom: 0;
}
.search-results > article {
  width: 100%;
}
.search-results span.highlight {
  background-color: #8CFF4B;
}
article.search-entry {
  padding: 1.6em 0 1.6em;
  border-top: 6px solid black;
}
article.search-entry .search-type {
  display: inline-block;
  position: absolute;
  top: 0em;
  right: 0em;
  padding: 0 0.27em;
  background-color: #8CFF4B;
}
article.search-entry h3 {
  margin-bottom: 0.37em;
  padding-right: 3.2em;
}
article.search-entry .event-type {
  background-color: transparent;
}
article.search-entry .time-info * {
  display: inline;
}
article.search-entry .post-date {
  display: inline;
}
article.search-entry .long-text {
  margin-top: 0.72em;
}
article.search-entry .more {
  margin-top: 0.72em;
}
article.search-not-found {
  padding: 1em;
  background-color: white;
}
.toggle-searchform {
  position: relative;
  display: inline-block;
}
.toggle-searchform .search-form-container {
  visibility: hidden;
  width: 5.6rem;
  height: 5.4rem;
  overflow: visible;
  transition: width 0.2s ease-out;
}
.toggle-searchform .search-form-container .search-form-content {
  text-align: right;
  white-space: nowrap;
}
.toggle-searchform .search-form-container .search-form-content input[type=text],
.toggle-searchform .search-form-container .search-form-content button[type=submit] {
  display: inline-block;
  margin: 0;
}
.toggle-searchform .search-form-container .search-form-content input[type=text] {
  float: right;
  max-width: 17.8rem;
  margin-top: 0.4rem;
  margin-right: 6.2rem;
}
.toggle-searchform .search-form-container .search-form-content button[type=submit] {
  opacity: 0;
}
.toggle-searchform button[type=submit],
.toggle-searchform .search-form-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 5.4rem;
  min-height: 100%;
  line-height: 0.9;
  font-size: 6.2rem;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  z-index: 5;
  cursor: pointer;
  font-family: 'VolkstheaterIcons';
  color: black;
  transform: scale(0.9999);
  transition: transform 0.2s ease-out;
}
.toggle-searchform button[type=submit]:after,
.toggle-searchform .search-form-button:after {
  content: "\e80d";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -0.14rem;
  width: 100%;
  height: 100%;
}
.toggle-searchform button[type=submit]:before,
.toggle-searchform .search-form-button:before {
  content: " ";
  position: absolute;
  top: -0.1em;
  right: -0.1em;
  bottom: -0.1em;
  left: -0.1em;
  background-color: white;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.toggle-searchform button[type=submit]:hover,
.toggle-searchform button[type=submit]:active,
.toggle-searchform button[type=submit]:focus,
.toggle-searchform .search-form-button:hover,
.toggle-searchform .search-form-button:active,
.toggle-searchform .search-form-button:focus {
  transform: scale(1.1);
  color: black !important;
}
.toggle-searchform button[type=submit]:hover:before,
.toggle-searchform button[type=submit]:active:before,
.toggle-searchform button[type=submit]:focus:before,
.toggle-searchform .search-form-button:hover:before,
.toggle-searchform .search-form-button:active:before,
.toggle-searchform .search-form-button:focus:before {
  opacity: 1;
}
.toggle-searchform button[type=submit]:active,
.toggle-searchform button[type=submit]:focus,
.toggle-searchform .search-form-button:active,
.toggle-searchform .search-form-button:focus {
  outline: none;
}
.toggle-searchform.active .search-form-container {
  visibility: visible;
  width: 26.4rem;
}
.toggle-searchform.active .search-form-container button[type=submit] {
  opacity: 1;
}
.toggle-searchform.active .search-form-button {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.accessibility-button a {
  display: inline-block;
  width: 5.6rem;
  height: 5.4rem;
  min-height: 100%;
  line-height: 0.9;
  font-size: 6.2rem;
  z-index: 5;
  cursor: pointer;
  font-family: 'VolkstheaterIcons';
  color: black;
}
.accessibility-button a:after {
  content: "\e800";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -0.3rem;
  width: 100%;
  height: 100%;
}
.error-404 .header-title {
  margin-bottom: 0.3em;
  color: #FF00FF;
}
.error-404 .entry-content ul {
  list-style: none;
  padding-left: 0;
}
.error-404 .entry-content ul li {
  margin-bottom: 0.2em;
}
.video-box {
  margin-bottom: 2.14em;
}
.video-box .iframe-wrapper {
  margin-bottom: 0.5em;
}
.video-box .title {
  text-align: center;
}
.button-links {
  text-align: center;
  margin-top: -0.5em;
}
.button-links .button-link {
  display: inline-block;
  margin: 0.5em 1em;
}
.scroll-wrapper {
  height: 100%;
  overflow-y: auto;
  padding: 1em;
  -webkit-overflow-scrolling: touch;
}
.scroll-wrapper::-webkit-scrollbar {
  width: 0.3em;
}
.scroll-wrapper::-webkit-scrollbar-track {
  background-color: #ffed00;
}
.scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: black;
}
.grid-container {
  margin: 0 auto;
}
.grid-container .grid-element {
  width: 25%;
}
.grid-container[data-element-count="1"] {
  width: 25%;
}
.grid-container[data-element-count="1"] .grid-element {
  width: 100%;
}
.grid-container[data-element-count="2"] {
  width: 50%;
}
.grid-container[data-element-count="2"] .grid-element {
  width: 50%;
}
.grid-container[data-element-count="3"] {
  width: 75%;
}
.grid-container[data-element-count="3"] .grid-element {
  width: 33.3333%;
}
.row:before,
.row:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.row:before,
.row:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.row.mmar {
  margin: 0 -0.5em;
}
.row.mmar .col {
  padding: 0 0.5em;
}
.row .col {
  float: left;
}
.row .col-25 {
  width: 25%;
}
.row .col-33 {
  width: 33.3333%;
}
.row .col-50 {
  width: 50%;
}
.row .col-75 {
  width: 75%;
}
ul.category-list {
  list-style: none;
}
ul.category-list li {
  display: inline-block;
  padding-right: 0.5em;
}
.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.image-wrapper img.loaded {
  opacity: 1;
}
.image-wrapper:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-wrapper .lightbox-image {
  display: none;
}
.image-wrapper .image-caption {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  color: black;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.image-wrapper.lightbox {
  cursor: pointer;
}
.image-wrapper.lightbox:hover .image-caption,
.image-wrapper.lightbox:focus .image-caption,
.image-wrapper.lightbox:active .image-caption {
  opacity: 1;
}
.image-wrapper.lightbox:focus,
.image-wrapper.lightbox:active {
  outline: 6px solid #FFA0FF !important;
}
.image-wrapper.lightbox:focus .image-caption,
.image-wrapper.lightbox:active .image-caption {
  opacity: 1;
}
.background-image {
  height: 0;
  padding-bottom: 56.25%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.background-image.mobile {
  display: none;
}
.video-wrapper {
  font-size: 0;
}
.video-wrapper video {
  width: 100%;
  height: auto;
}
.video-wrapper.fullscreen {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-wrapper.fullscreen video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%,-50%);
}
.audio-wrapper {
  font-size: 0;
}
.audio-wrapper audio:focus {
  outline: none;
}
.hue-slideshow {
  display: block;
  width: 100%;
}
.hue-slideshow.limited-height .image-wrapper img {
  max-height: 60vh;
  object-fit: contain;
}
.hue-slideshow .slideshow-container {
  width: 100%;
  padding-top: 6px;
}
.hue-slideshow .slideshow-container .slide {
  width: 100%;
  display: none;
  overflow: visible;
}
.hue-slideshow .slideshow-container .slide:first-child {
  display: flex;
  flex-shrink: 0;
}
.hue-slideshow .slideshow-container .slide img {
  width: 100%;
  height: auto;
}
.hue-slideshow .slideshow-container.flickity-enabled .slide,
.hue-slideshow .slideshow-container.slick-initialized .slide,
.hue-slideshow .slideshow-container.slideshow-initialized .slide {
  display: flex;
  flex-shrink: 0;
}
.hue-slideshow.single-image {
  overflow: visible;
}
.hue-slideshow.single-image.boxed {
  padding: 0 1em;
  max-width: 46.7em;
  max-width: 65.4vw;
  margin-left: auto;
  margin-right: auto;
}
.hue-slideshow.same-height > .image-wrapper {
  height: 60vh;
  max-height: 600px;
}
.hue-slideshow.same-height > .image-wrapper img {
  width: auto;
  height: 100%;
}
.hue-slideshow.same-height .slideshow-container .slide {
  width: auto;
  height: 60vh;
  max-height: 600px;
}
.hue-slideshow.same-height .slideshow-container .slide .image-wrapper {
  height: 100%;
}
.hue-slideshow.same-height .slideshow-container .slide img {
  width: auto;
  height: 100%;
}
.hue-slideshow .slideshow-caption {
  position: absolute;
  bottom: 100%;
  padding: 0.3em 4.5em;
  background-color: white;
  text-align: left;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-out;
}
.hue-slideshow .swiper-navigation {
  padding: 0.7em 0;
}
.hue-slideshow .swiper-navigation-inner {
  text-align: center;
}
.hue-slideshow .swiper-button-prev,
.hue-slideshow .swiper-button-next {
  display: inline-block;
  padding: 0 0.2em;
  cursor: pointer;
  vertical-align: middle;
  transform: scaleX(0.9999);
  transition: background 0.2s ease-out, transform 0.4s ease-in-out;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.hue-slideshow .swiper-button-prev:hover,
.hue-slideshow .swiper-button-prev:active,
.hue-slideshow .swiper-button-prev:focus,
.hue-slideshow .swiper-button-next:hover,
.hue-slideshow .swiper-button-next:active,
.hue-slideshow .swiper-button-next:focus {
  background-size: 100%;
}
.hue-slideshow .swiper-button-prev:hover,
.hue-slideshow .swiper-button-next:hover {
  transform: scaleX(1.2);
}
.hue-slideshow .swiper-button-prev:active,
.hue-slideshow .swiper-button-prev:focus,
.hue-slideshow .swiper-button-next:active,
.hue-slideshow .swiper-button-next:focus {
  outline: none;
  transform: scaleX(1.2);
}
.hue-slideshow .swiper-button-prev.swiper-button-disabled,
.hue-slideshow .swiper-button-next.swiper-button-disabled {
  pointer-events: auto;
  color: #949494 !important;
  -webkit-text-stroke-width: 0 !important;
  cursor: default;
  transform: none;
}
.hue-slideshow .swiper-pagination {
  display: inline;
  vertical-align: middle;
}
.hue-slideshow .swiper-pagination .swiper-pagination-bullet {
  padding: 0 0.4rem;
  margin-top: 0.5em;
  vertical-align: middle;
  text-decoration: underline;
  cursor: pointer;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.hue-slideshow .swiper-pagination .swiper-pagination-bullet:hover,
.hue-slideshow .swiper-pagination .swiper-pagination-bullet:active,
.hue-slideshow .swiper-pagination .swiper-pagination-bullet:focus {
  background-size: 100%;
}
.hue-slideshow .swiper-pagination .swiper-pagination-bullet:active,
.hue-slideshow .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.hue-slideshow .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin-top: 0;
  text-decoration: none;
  cursor: default;
  color: black !important;
}
.hue-slideshow.announcement-slider {
  margin-bottom: 0;
}
.hue-slideshow.announcement-slider .slideshow-container {
  padding-top: 0;
}
.hue-slideshow.spielstaetten {
  margin-bottom: 0;
}
.hue-slideshow.single {
  text-align: center;
}
.hue-slideshow.single .image-wrapper {
  display: inline-block;
}
[data-background-color="green"] .hue-slideshow .swiper-button-prev,
[data-background-color="green"] .hue-slideshow .swiper-button-next,
[data-background-color="pink"] .hue-slideshow .swiper-button-prev,
[data-background-color="pink"] .hue-slideshow .swiper-button-next {
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
[data-background-color="green"] .hue-slideshow .swiper-button-prev:hover,
[data-background-color="green"] .hue-slideshow .swiper-button-prev:active,
[data-background-color="green"] .hue-slideshow .swiper-button-prev:focus,
[data-background-color="green"] .hue-slideshow .swiper-button-next:hover,
[data-background-color="green"] .hue-slideshow .swiper-button-next:active,
[data-background-color="green"] .hue-slideshow .swiper-button-next:focus,
[data-background-color="pink"] .hue-slideshow .swiper-button-prev:hover,
[data-background-color="pink"] .hue-slideshow .swiper-button-prev:active,
[data-background-color="pink"] .hue-slideshow .swiper-button-prev:focus,
[data-background-color="pink"] .hue-slideshow .swiper-button-next:hover,
[data-background-color="pink"] .hue-slideshow .swiper-button-next:active,
[data-background-color="pink"] .hue-slideshow .swiper-button-next:focus {
  background-size: 100%;
}
[data-background-color="green"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet,
[data-background-color="pink"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet {
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
[data-background-color="green"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet:hover,
[data-background-color="green"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet:active,
[data-background-color="green"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet:focus,
[data-background-color="pink"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet:hover,
[data-background-color="pink"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet:active,
[data-background-color="pink"] .hue-slideshow .swiper-pagination .swiper-pagination-bullet:focus {
  background-size: 100%;
}
.glightbox-container .image-wrapper .image-caption {
  display: none;
}
.glightbox-container .ginlined-content {
  margin-left: 4em;
  margin-right: 4em;
  margin-bottom: 5em;
}
.glightbox-container .glightbox-navigation {
  position: absolute;
  bottom: 0.6em;
  left: 0;
  width: 100%;
  text-align: center;
}
.glightbox-container .glightbox-pagination {
  display: inline-block;
}
.glightbox-container .glightbox-pagination .glightbox-bullet {
  padding: 0 0.4rem;
  margin-top: 0.5em;
  vertical-align: middle;
  text-decoration: underline;
  cursor: pointer;
  color: white;
  transition: color 0.2s ease-out;
  background-image: linear-gradient(transparent 35%,#D200D2 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.glightbox-container .glightbox-pagination .glightbox-bullet:hover,
.glightbox-container .glightbox-pagination .glightbox-bullet:active,
.glightbox-container .glightbox-pagination .glightbox-bullet:focus {
  background-size: 100%;
}
.glightbox-container .glightbox-pagination .glightbox-bullet:hover,
.glightbox-container .glightbox-pagination .glightbox-bullet:active,
.glightbox-container .glightbox-pagination .glightbox-bullet:focus {
  color: white;
  outline: none;
}
.glightbox-container .glightbox-pagination .glightbox-bullet.glightbox-bullet-active {
  margin-top: 0;
  text-decoration: none;
  cursor: default;
}
.glightbox-container .gprev,
.glightbox-container .gnext,
.glightbox-container .gclose {
  background-color: transparent;
  border: none;
}
.glightbox-container .gprev,
.glightbox-container .gnext {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  height: auto;
  width: auto;
  display: inline;
  padding: 0 0.2em;
  cursor: pointer;
  min-height: inherit;
  border-radius: 0;
  color: white;
  transform: scaleX(0.9999);
  transition: color 0.2s ease-out, transform 0.4s ease-in-out;
  background-image: linear-gradient(transparent 35%,#D200D2 10%);
  background-size: 0;
  background-repeat: no-repeat;
  transition: 0.4s ease;
}
.glightbox-container .gprev:hover,
.glightbox-container .gprev:active,
.glightbox-container .gprev:focus,
.glightbox-container .gnext:hover,
.glightbox-container .gnext:active,
.glightbox-container .gnext:focus {
  background-size: 100%;
}
.glightbox-container .gprev:hover,
.glightbox-container .gprev:active,
.glightbox-container .gprev:focus,
.glightbox-container .gnext:hover,
.glightbox-container .gnext:active,
.glightbox-container .gnext:focus {
  color: white !important;
  outline: none !important;
  background-color: transparent;
  border: none;
  transform: scaleX(1.2);
}
.glightbox-container .gprev.disabled,
.glightbox-container .gnext.disabled {
  pointer-events: auto;
  color: #949494 !important;
  -webkit-text-stroke-width: 0 !important;
  cursor: default;
  transform: none;
}
.glightbox-container .gclose {
  width: auto;
  height: auto;
  max-width: none;
  opacity: 1;
  background-color: transparent;
  color: white;
  z-index: 100;
  transition: color 0.2s ease-out;
}
.glightbox-container .gclose:after {
  content: "\e812";
  font-family: 'VolkstheaterIcons';
}
.glightbox-container .gclose:before {
  content: " ";
  position: absolute;
  top: 0.2em;
  right: 0.15em;
  bottom: 0.2em;
  left: 0.15em;
  background-color: #D200D2;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.glightbox-container .gclose:hover,
.glightbox-container .gclose:active,
.glightbox-container .gclose:focus {
  color: white !important;
  outline: none !important;
  background-color: transparent;
  border: none;
}
.glightbox-container .gclose:hover:before,
.glightbox-container .gclose:active:before,
.glightbox-container .gclose:focus:before {
  opacity: 1;
}
.glightbox-container .gslide-description {
  background: transparent;
  position: absolute;
  top: calc(100% - 5em);
  bottom: auto;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  padding: 0.5em;
  color: white;
  text-align: center;
}
.glightbox-container .gslide-description .gdesc-inner {
  padding: 0 1em;
}
.glightbox-container .gprev.disabled,
.glightbox-container .gnext.disabled,
.glightbox-container .gclose.disabled {
  opacity: 0.4;
  cursor: default;
}
.glightbox-container .gprev.disabled:hover,
.glightbox-container .gnext.disabled:hover,
.glightbox-container .gclose.disabled:hover {
  background-color: black;
  color: white;
}
.glightbox-container.single-view .ginlined-content {
  margin-left: 4em;
  margin-right: 4em;
  margin-bottom: 2.5em;
}
.glightbox-container.single-view .glightbox-navigation {
  display: none;
}
.glightbox-container.single-view .gslide-description {
  top: calc(100% - 2.3em);
}
.hue-gallery {
  margin-bottom: 1em;
  font-size: 0;
}
.hue-gallery ul {
  width: 100%;
}
.hue-gallery ul li {
  display: block;
  float: left;
  width: 33%;
}
.hue-gallery ul li img {
  width: 100%;
  height: auto;
}
.hue-gallery ul:before,
.hue-gallery ul:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.hue-gallery ul:before,
.hue-gallery ul:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.hue-map {
  margin-bottom: 1em;
}
.iframe-wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.iframe-wrapper iframe {
  width: 100%;
  height: auto;
}
.iframe-wrapper ._brlbs-content-blocker,
.iframe-wrapper ._brlbs-embed {
  width: 100%;
  height: 100%;
}
.iframe-wrapper ._brlbs-default {
  position: relative;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.dispo-video .iframe-wrapper {
  max-height: 55vh;
  width: 100%;
  aspect-ratio: 1.7777;
}
.dispo-video .iframe-wrapper iframe {
  display: block;
  width: auto;
  height: 100%;
  max-height: 55vh;
  margin: 0 auto;
  aspect-ratio: 1.3333;
}
.masonry-container {
  margin: 0 -10px;
}
.masonry-container:before,
.masonry-container:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.masonry-container:before,
.masonry-container:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.masonry-container article {
  float: left;
  width: 33.3333%;
  padding: 10px;
}
.logo {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.logo-large svg {
  height: 100%;
  width: auto;
}
.logo-large[data-color="black"] path {
  fill: black;
}
.logo-large[data-color="green"] path {
  fill: #8CFF4B;
}
.logo-large[data-color="pink"] path {
  fill: #FF00FF;
}
.hoverlogo {
  display: inline-block;
  position: relative;
}
.hoverlogo .default {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.hoverlogo .hover {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s ease-out;
  z-index: 10;
}
.hoverlogo:hover .default,
.hoverlogo:focus .default,
.hoverlogo:active .default,
.hoverlogo.active .default {
  opacity: 0;
}
.hoverlogo:hover .hover,
.hoverlogo:focus .hover,
.hoverlogo:active .hover,
.hoverlogo.active .hover {
  opacity: 1;
}
.navigation .nav-links {
  padding: 0.7em 0;
  text-align: center;
}
.navigation .nav-links .page-numbers {
  display: inline;
  vertical-align: middle;
  padding: 0 0.4rem;
  margin-top: 0.5em;
}
.navigation .nav-links .page-numbers.prev,
.navigation .nav-links .page-numbers.next {
  margin-top: 0;
  padding: 0 0.2em;
  text-decoration: none;
}
.navigation .nav-links .page-numbers.dots {
  pointer-events: none;
}
.navigation .nav-links .page-numbers.current {
  margin-top: 0;
  text-decoration: none;
  cursor: default;
  color: black !important;
}
.system-message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  pointer-events: none;
}
.system-message .message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity 0.2s ease-out;
  padding: 20px 40px;
  background-color: white;
}
.system-message .message.active {
  opacity: 1;
}
.progressbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: black;
  z-index: 99999;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.progressbar.hidden {
  opacity: 0;
}
.vertical-space {
  position: fixed;
  left: -100vw;
  bottom: -100vh;
  height: 1em;
  width: 1px;
  overflow: hidden;
}
[class*=" icon-"],
[class^=icon-] {
  font-family: socialfont;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
  content: "\e600";
}
.icon-twitter:before {
  content: "\e601";
}
.icon-instagram:before {
  content: "\e602";
}
.icon-behance:before {
  content: "\e603";
}
.icon-vimeo:before {
  content: "\e604";
}
.icon-youtube:before {
  content: "\e605";
}
.icon-googleplus:before {
  content: "\e606";
}
.icon-rss:before {
  content: "\e607";
}
.icon-pinterest:before {
  content: "\e608";
}
.icon-tumblr:before {
  content: "\e609";
}
.icon-linkedin:before {
  content: "\e60a";
}
.icon-skype:before {
  content: "\e60b";
}
.icon-github:before {
  content: "\e60c";
}
.icon-dribbble:before {
  content: "\e60d";
}
.alert {
  background-color: #ff7373;
  padding: 1em;
}
.alert.hidden {
  display: none;
}
.hide-alerts {
  position: fixed;
  top: 4em;
  left: 1em;
  background-color: #ff7373;
  padding: 0.2em;
  text-align: center;
}
.hide-alerts .default {
  display: block;
}
.hide-alerts .alt {
  display: none;
}
.hide-alerts.active .default {
  display: none;
}
.hide-alerts.active .alt {
  display: block;
}
body #BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark {
  background-color: rgba(0,0,0,0.5) !important;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
  margin-bottom: 0;
  background-color: #e2e2e2;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
  opacity: 0;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
  background: none;
  color: black;
  font-size: initial;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption label small {
  vertical-align: bottom;
  line-height: 1.2;
  font-size: initial;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a.external {
  color: black;
  text-decoration: underline;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a.external:hover,
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a.external:active,
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a.external:focus {
  background-size: 100%;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a.external:hover {
  color: black;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-default label small {
  vertical-align: top;
  line-height: 1.2;
}
#page .BorlabsCookie ._brlbs-content-blocker a {
  color: black;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn {
  min-height: 1.3em;
  width: auto;
  max-width: 100%;
  background-color: white;
  padding: 0.19em 0.32em 0.25em;
  cursor: pointer;
  color: black;
  font-size: 1.8055vw;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 12px;
  border: 4px solid black;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn * {
  display: inline;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn:before {
  display: none;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn:hover {
  background-color: black;
  color: white !important;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn:active,
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn:focus {
  outline: 6px solid #FFA0FF !important;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  margin: 0;
  color: black;
  width: 1em;
  height: 1em;
  border: 3px solid black;
  margin-top: 0.2em;
  border-radius: 3px;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input[type="checkbox"]:checked {
  background-color: black;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input[type="checkbox"]:checked:before {
  transform: translate(-50%,-50%) scale(0.99);
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input[type="checkbox"]:hover {
  border-color: #FF00FF;
}
#page .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input[type="checkbox"]:focus {
  outline: 1px solid #FFA0FF;
}
article.abo-kaufen .abo-page {
  display: none;
}
article.abo-kaufen .abo-page.active {
  display: block;
}
article.abo-kaufen .abo-page-groups {
  display: none;
}
article.abo-kaufen .abo-page-groups.active {
  display: block;
}
article.abo-kaufen .abo-page-groups .abo-page-group {
  display: none;
}
article.abo-kaufen .abo-page-groups .abo-page-group.active {
  display: block;
}
.abo-page .scroll-wrapper {
  padding: 1em 0;
  overflow-x: hidden;
}
.abo-page .header {
  margin-top: 2em;
  padding: 0 5em 1em;
  padding-bottom: 1em;
  text-align: center;
}
.abo-page .header .logo-large {
  display: inline-block;
  width: 7em;
  height: 10em;
  margin-bottom: 2em;
}
.abo-page .content {
  min-height: 10em;
}
.abo-page .checkbox-group {
  padding-left: 1.6em;
  margin-bottom: 0.8em;
}
.abo-page .checkbox-group label {
  display: inline-block;
  margin-left: 0.2em;
  cursor: pointer;
  margin-bottom: 0;
}
.abo-page .checkbox-group label.external:after {
  content: "\2197";
  vertical-align: bottom;
  padding-left: 0.2em;
}
.abo-page .checkbox-group .not-available-notice {
  margin-left: 1.4em;
}
.abo-page .checkbox-group.centered {
  padding-left: 0;
  margin-bottom: 0;
}
.abo-page .checkbox-group.not-available {
  pointer-events: none;
  opacity: 0.5;
}
.abo-page .text.abo-notice {
  text-align: center;
}
.abo-page fieldset {
  max-width: 100%;
}
.abo-page .abo-group-navigation {
  text-align: center;
  margin-bottom: 1em;
  white-space: nowrap;
}
.abo-page .abo-group-navigation .abo-group-navigation-item {
  display: inline-block;
  min-width: 7em;
  padding: 0 0.5em;
  vertical-align: top;
}
.abo-page .abo-group-navigation .abo-group-navigation-item label {
  display: block;
  margin: 0;
}
.abo-page .abo-groups.tabs .abo-group,
.abo-page .abo-groups.list .abo-group {
  display: none;
}
.abo-page .abo-groups.tabs .abo-group.active,
.abo-page .abo-groups.list .abo-group.active {
  display: block;
}
.abo-page .abo-group-content,
.abo-page .abo-content-width {
  width: 64%;
  min-width: 70rem;
  margin: 0 auto;
}
.abo-page .abo-content-width-medium {
  width: 45%;
  min-width: 49rem;
  margin: 0 auto;
}
.abo-page .group-note {
  margin: 3em 0;
  text-align: center;
}
.abo-page .group-note.thanks {
  margin: 2em 0 3em;
}
.abo-page .abo-event {
  margin-bottom: 1em;
}
.abo-page .abo-event .date {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.5em;
  padding: 0 0.5em;
  text-align: right;
}
.abo-page .abo-event .info {
  width: 100%;
  padding: 0 0.5em 0 9em;
}
.abo-page .abo-category-navigation {
  text-align: center;
  margin-bottom: 1em;
}
.abo-page .abo-category-navigation .abo-category-navigation-item {
  display: inline-block;
  min-width: 7em;
  padding: 0 0.5em;
}
.abo-page .abo-category-navigation .abo-category-navigation-item label {
  display: block;
  margin: 0;
}
.abo-page .abo-category-group {
  display: none;
}
.abo-page .abo-category-group.active {
  display: block;
}
.abo-page .abo-category-row {
  line-height: 3em;
}
.abo-page .abo-category-row .selection {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.4em;
  z-index: 9;
}
.abo-page .abo-category-row .selection .arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 0.8;
  text-align: center;
  cursor: pointer;
}
.abo-page .abo-category-row .selection input[type="text"] {
  display: inline-block;
  width: 2.1em;
  max-width: 2.1em;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center;
  margin: 0.1em 0.2em 0;
  padding: 0;
  vertical-align: baseline;
}
.abo-page .abo-category-row .name {
  width: 100%;
  padding-left: 7.1em;
}
.abo-page .abo-category-row .price {
  position: absolute;
  top: 0;
  right: 0;
  width: 7.1em;
}
.abo-page .abo-category-sum {
  margin-top: 2em;
  text-align: center;
}
.abo-page form .form-field.hidden {
  display: none;
}
.abo-page form .wpcf7-list-item {
  margin: 0;
}
.abo-page form .acceptance-box .wpcf7-form-control-wrap,
.abo-page form .agb-box .wpcf7-form-control-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.abo-page form .acceptance-box label,
.abo-page form .agb-box label {
  width: 100%;
  padding-left: 3rem;
  pointer-events: none;
}
.abo-page form .acceptance-box label a,
.abo-page form .agb-box label a {
  pointer-events: auto;
}
.abo-page form .submit-fields {
  display: none;
}
.abo-page .abo-summary .title {
  margin-bottom: 0.5em;
}
.abo-page .footer {
  margin-top: 2em;
  margin-bottom: 2em;
}
.abo-page .footer .note {
  margin: 1.2em 0;
  text-align: center;
}
.abo-page .abo-navigation {
  display: grid;
  grid-template-columns: minmax(1em,50%) minmax(1em,50%);
  grid-column-gap: 1em;
  margin: 1.2em 0;
}
.abo-page .abo-navigation .previous-page {
  text-align: right;
  align-self: center;
}
.abo-page .abo-navigation .next-page {
  align-self: center;
}
.abo-page .abo-navigation .button {
  display: inline-block;
}
.abo-page .abo-navigation .button.previous .title {
  right: 2.2em;
}
.abo-page .abo-navigation .button.next .title {
  left: 2.2em;
}
.abo-page .abo-navigation.centered {
  display: block;
  text-align: center;
}
.abo-page .abo-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.abo-page .abo-popup .abo-popup-button {
  position: absolute;
  top: 0;
  right: 1.9em;
  pointer-events: auto;
  z-index: 12;
}
.abo-page .abo-popup .abo-popup-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  padding: 3.2em 0em 0em;
}
.abo-page .abo-popup .abo-popup-content .text {
  padding-right: 0.5em;
}
.abo-page .abo-popup.active {
  z-index: 15;
}
.abo-page .abo-popup.active .abo-popup-button .sign {
  color: black;
  background-color: #8CFF4B;
}
.abo-page .abo-popup.active .abo-popup-content {
  display: block;
  pointer-events: auto;
  z-index: 11;
}
.abo-page .abo-popup.saalplan .abo-popup-button {
  right: 5.9em;
}
.abo-page .abo-popup.saalplan .abo-popup-button .sign {
  color: black;
}
.abo-page .abo-popup.saalplan .abo-popup-button:hover .sign,
.abo-page .abo-popup.saalplan .abo-popup-button:active .sign,
.abo-page .abo-popup.saalplan .abo-popup-button:focus .sign {
  color: black;
}
.abo-page .abo-popup.saalplan .abo-popup-content .image-wrapper {
  height: 100%;
}
.abo-page .abo-popup.saalplan .abo-popup-content .image-wrapper img {
  height: 100%;
  object-fit: contain;
}
.abo-page .abo-popup.saalplan.active .abo-popup-button .sign {
  color: black;
}
.abo-page .abo-popup.saalplan.active .abo-popup-button .title {
  opacity: 0;
}
.abo-page.abo-selection fieldset {
  width: 33%;
  min-width: 22em;
  margin: 0 auto;
}
.abo-page.abo-selection .abo-popup .abo-popup-button .sign {
  display: block;
  width: 100%;
  height: 100%;
}
.abo-page.abo-selection .abo-popup .abo-popup-button:hover .sign,
.abo-page.abo-selection .abo-popup .abo-popup-button:active .sign,
.abo-page.abo-selection .abo-popup .abo-popup-button:focus .sign,
.abo-page.abo-selection .abo-popup .abo-popup-button.active .sign {
  color: black;
}
.abo-page.abo-selection .abo-popup .abo-popup-content {
  background-color: white;
}
.abo-page.abo-selection .scroll-wrapper::-webkit-scrollbar-track {
  background-color: white;
}
.hue-calendar-header {
  z-index: 9999;
}
.hue-calendar-nav {
  height: 14em;
  padding: 0 10em;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  z-index: 9999;
  background-color: #FF00FF;
}
.hue-calendar-nav .cal-wrapper {
  height: 100%;
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hue-calendar-nav .cal-wrapper::-webkit-scrollbar {
  display: none;
}
.hue-calendar-nav .cal-wrapper .cal-scroller {
  display: inline-block;
  overflow: visible;
  padding-right: 6px;
}
.hue-calendar-nav .cal-year {
  display: inline-block;
  height: 100%;
}
.hue-calendar-nav .cal-year .cal-year-title {
  position: absolute;
  left: 0;
  top: 4.5em;
  width: 100%;
  height: 2em;
  line-height: 2em;
  text-align: right;
  pointer-events: none;
}
.hue-calendar-nav .cal-year .cal-year-content {
  height: 100%;
}
.hue-calendar-nav .cal-month {
  display: inline-block;
  padding-top: 7em;
  height: 100%;
}
.hue-calendar-nav .cal-month .cal-month-title {
  position: absolute;
  left: 0;
  top: 0;
  height: 7em;
  line-height: 7em;
  text-align: center;
  pointer-events: none;
}
.hue-calendar-nav .cal-month .cal-month-content {
  height: 5em;
}
.hue-calendar-nav .cal-day {
  display: inline-block;
  width: 4em;
  height: 5em;
  padding-top: 0.8em;
  padding-bottom: 0;
  border-left: 4px solid black;
  border-right: 4px solid black;
  margin-right: -4px;
  text-align: center;
  text-transform: uppercase;
}
.hue-calendar-nav .cal-day:before,
.hue-calendar-nav .cal-day:after {
  content: " ";
}
.hue-calendar-nav .cal-day .cal-day-string {
  transition: color 0.2s ease-out;
}
.hue-calendar-nav .cal-day.active {
  cursor: pointer;
}
.hue-calendar-nav .cal-day.active:hover:before,
.hue-calendar-nav .cal-day.active:active:before,
.hue-calendar-nav .cal-day.active:focus:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -4px;
  right: -4px;
  height: 100%;
  border-left: 4px solid #FF00FF;
  border-right: 4px solid #FF00FF;
  z-index: 9;
}
.hue-calendar-nav .cal-day.active:hover:after,
.hue-calendar-nav .cal-day.active:active:after,
.hue-calendar-nav .cal-day.active:focus:after {
  content: " ";
  position: absolute;
  top: 0;
  left: -4px;
  right: -4px;
  height: 100%;
  border: 4px solid black;
  border-radius: 12px;
  z-index: 10;
}
.hue-calendar-nav .cal-day.active .cal-day-string {
  color: #8CFF4B;
}
.hue-calendar-nav .cal-day.highlight {
  color: #8CFF4B;
}
.hue-calendar-nav .cal-nav {
  position: absolute;
  top: 0;
  width: 7em;
  height: 100%;
  text-align: center;
  transform: scaleX(0.9999);
  transition: color 0.2s ease-out, transform 0.4s ease-in-out;
}
.hue-calendar-nav .cal-nav .default,
.hue-calendar-nav .cal-nav .load,
.hue-calendar-nav .cal-nav .disabled {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-out;
  cursor: pointer;
}
.hue-calendar-nav .cal-nav .load,
.hue-calendar-nav .cal-nav .disabled {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
}
.hue-calendar-nav .cal-nav .default {
  padding-top: 1.4em;
}
.hue-calendar-nav .cal-nav .load {
  padding-top: 7.5em;
}
.hue-calendar-nav .cal-nav .disabled {
  padding-top: 7.5em;
}
.hue-calendar-nav .cal-nav .link-text {
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.hue-calendar-nav .cal-nav:hover,
.hue-calendar-nav .cal-nav:active,
.hue-calendar-nav .cal-nav:focus {
  transform: scaleX(1.2);
}
.hue-calendar-nav .cal-nav:hover .link-text,
.hue-calendar-nav .cal-nav:active .link-text,
.hue-calendar-nav .cal-nav:focus .link-text {
  background-size: 100%;
}
.hue-calendar-nav .cal-nav.prev {
  left: 2.8vw;
}
.hue-calendar-nav .cal-nav.next {
  right: 2.8vw;
}
.hue-calendar-nav .cal-nav.load .default {
  opacity: 0;
  visibility: hidden;
}
.hue-calendar-nav .cal-nav.load .load {
  opacity: 1;
  visibility: visible;
}
.hue-calendar-nav .cal-nav.disable {
  pointer-events: none;
}
.hue-calendar-nav .cal-nav.disable .default {
  opacity: 0;
  visibility: hidden;
}
.hue-calendar-nav .cal-nav.disable .disabled {
  opacity: 1;
  visibility: visible;
}
.calendar-filter-row {
  padding-left: 4rem;
  padding-left: 2.8vw;
  padding-right: 4rem;
  padding-right: 2.8vw;
  background-color: #FF00FF;
  z-index: 8890;
}
.calendar-filter-row .filter-group {
  display: grid;
  grid-template-columns: repeat(3,minmax(1em,33.3333%));
  padding-top: 1em;
  padding-bottom: 1em;
  width: 100%;
  padding-right: 90px;
  background-color: #FF00FF;
}
.calendar-filter-row .reset-filter {
  position: absolute;
  right: 2.8vw;
  top: 0;
  width: 80px;
  z-index: 9;
  background-color: #FF00FF;
  line-height: 4.6em;
  text-align: right;
}
.calendar-filter-row .reset-filter span {
  display: inline-block;
}
.calendar-filter-row .reset-filter .link-text {
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.calendar-filter-row .reset-filter:hover .link-text,
.calendar-filter-row .reset-filter:active .link-text,
.calendar-filter-row .reset-filter:focus .link-text {
  background-size: 100%;
}
.calendar-filter-row .reset-filter.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.calendar-filter-row .reset-filter.disabled span {
  color: black;
  opacity: 0.5;
}
.calendar-filter-row .reset-filter.disabled:hover span,
.calendar-filter-row .reset-filter.disabled:active span {
  color: black;
  opacity: 0.5;
}
.calendar-filter-row .reset-filter.disabled:focus span {
  color: black;
  opacity: 1;
}
.calendar-filter-row .filter:before,
.calendar-filter-row .filter:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.calendar-filter-row .filter:before,
.calendar-filter-row .filter:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.calendar-filter-row .filter .title {
  float: left;
  width: auto;
  text-transform: uppercase;
  padding: 0.5em;
  line-height: 1.7;
  background-color: #FF00FF;
  text-align: center;
}
.calendar-filter-row .filter .options {
  float: left;
  width: 75%;
  border: 4px solid black;
  border-radius: 12px;
  background-color: white;
  cursor: pointer;
}
.calendar-filter-row .filter .options .selection {
  padding: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  transition: color 0.2s ease-out;
}
.calendar-filter-row .filter .options .selection .default {
  display: none;
  visibility: hidden;
}
.calendar-filter-row .filter .options .selection .value {
  display: block;
}
.calendar-filter-row .filter .options .selection:hover {
  color: #FF00FF;
}
.calendar-filter-row .filter .options .selection[aria-selected=true] {
  text-decoration: underline;
}
.calendar-filter-row .filter .options ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -4px;
  right: -4px;
  background-color: white;
  max-height: 19em;
  border: 4px solid black;
  border-radius: 12px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.calendar-filter-row .filter .options ul::-webkit-scrollbar {
  width: 0.3em;
}
.calendar-filter-row .filter .options ul::-webkit-scrollbar-track {
  background-color: #8CFF4B;
}
.calendar-filter-row .filter .options ul::-webkit-scrollbar-thumb {
  background-color: black;
}
.calendar-filter-row .filter .options ul li {
  display: block;
  padding: 0.5em;
  transition: color 0.2s ease-out;
}
.calendar-filter-row .filter .options ul li:hover,
.calendar-filter-row .filter .options ul li.active {
  color: #FF00FF;
}
.calendar-filter-row .filter .options ul li[data-selected=true] {
  text-decoration: underline;
}
.calendar-filter-row .filter .options.active .selection .default {
  display: block;
  visibility: visible;
}
.calendar-filter-row .filter .options.active .selection .value {
  display: none;
  visibility: hidden;
}
.calendar-filter-row .filter .options.active ul {
  display: block;
  z-index: 99;
}
.calendar-filter-row .filter .options.outline {
  outline: 6px solid white;
  border-radius: 12px;
}
.hue-calendar-list .day .cal-list-title {
  z-index: 8888;
  background-color: white;
}
.hue-calendar-list .day .cal-list-title .inner {
  padding: 0.5em 0.5em 0.2em;
}
.hue-calendar-list .day .cal-list-title .date {
  line-height: 1.2;
}
.hue-calendar-list .day .cal-list-title .month {
  position: absolute;
  bottom: 0.4em;
  right: 0;
  width: 160px;
  text-align: center;
  text-transform: uppercase;
}
.hue-calendar-list .day .cal-list-title:after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background-color: white;
  z-index: -1;
}
.hue-calendar-list .day:last-child > .content article.list-entry:last-child {
  border-bottom: 6px solid black;
}
.hue-calendar-list .no-content {
  background-color: white;
  padding: 1em;
  margin: 1em 0;
}
.hue-calendar-list .no-content .text {
  margin-bottom: 0.5em;
}
.hue-calendar-list .no-content .reset {
  display: inline-block;
  cursor: pointer;
}
.hue-calendar-list .no-content .reset:hover {
  background-color: yellow;
}
.header-logo {
  width: 25%;
  height: 21%;
}
.sidebar-content h3 {
  text-transform: none;
  cursor: pointer;
}
.sidebar-content h3:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.7em;
}
.sidebar-content h3:after {
  content: '\e813';
  display: inline;
  position: relative;
  left: 0.3em;
  font-family: 'VolkstheaterIcons';
  font-size: 1.7vw;
}
.sidebar-content ul.submenu {
  max-height: 0;
  overflow: hidden;
  animation: 0.5s fadeOutVisibility;
  animation-fill-mode: forwards;
  transition: max-height 0.4s ease-out;
}
.sidebar-content ul.submenu li {
  margin-bottom: 0.55em;
}
.sidebar-content ul.submenu li:first-child {
  padding-top: 0.7em;
}
.sidebar-content ul.submenu li:last-child {
  margin-bottom: 0;
}
.sidebar-content ul.submenu li a {
  text-decoration: none;
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.sidebar-content ul.submenu li a:hover,
.sidebar-content ul.submenu li a:active,
.sidebar-content ul.submenu li a:focus {
  background-size: 100%;
}
.sidebar-content ul.submenu li a:hover,
.sidebar-content ul.submenu li a.active,
.sidebar-content ul.submenu li a:focus,
.sidebar-content ul.submenu li a:active {
  text-decoration: underline;
}
.sidebar-content:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 0.6em;
  opacity: 0.8;
  z-index: -1;
}
.sidebar-content.active h3:after {
  content: '\e802';
}
.sidebar-content.active ul {
  animation: 0.5s fadeInVisibility;
  animation-fill-mode: forwards;
  max-height: 90vh;
}
.sidebar-content:not(.active):hover h3:after {
  content: '\e802';
}
.sidebar-content:not(.active):hover ul {
  animation: 0.5s fadeInVisibility;
  animation-fill-mode: forwards;
  max-height: 90vh;
}
@keyframes fadeInVisibility {
  0% {
    visibility: hidden;
  }
  1% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}
@keyframes fadeOutVisibility {
  99% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.announcement-slide {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: calc(100vh - 84px);
}
.announcement-slide a {
  display: inline-block;
}
.announcement-slide .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.announcement-slide .background video {
  pointer-events: none;
}
.announcement-slide .text {
  position: absolute;
  left: 50%;
  bottom: 1.1em;
  transform: translate(-50%,0);
  text-align: center;
}
.announcement-slide .image-wrapper {
  height: 100%;
}
.announcement-slide .image-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.announcement-slide .image-wrapper.svg {
  padding: 3vh 3vw;
}
.announcement-slide .image-wrapper.svg svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: visible;
}
.announcement-slide .video-wrapper {
  height: 100%;
}
.announcement-slide .video-wrapper video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.announcement-slide .background.background-mobile {
  display: none;
}
.announcement-slide .background[data-background="green"] {
  background-color: #8CFF4B;
}
.announcement-slide .background[data-background="pink"] {
  background-color: #FF00FF;
}
.announcement-slide .background[data-background="green-pink"] {
  background-color: #8CFF4B;
}
.announcement-slide .background[data-background="green-pink"]:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: #FF00FF;
}
.announcement-slide .background[data-background="pink-green"] {
  background-color: #FF00FF;
}
.announcement-slide .background[data-background="pink-green"]:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: #8CFF4B;
}
.announcement-slide .background[data-background="green-pink-vertical"] {
  background-color: #8CFF4B;
}
.announcement-slide .background[data-background="green-pink-vertical"]:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #FF00FF;
}
.announcement-slide .background[data-background="pink-green-vertical"] {
  background-color: #FF00FF;
}
.announcement-slide .background[data-background="pink-green-vertical"]:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #8CFF4B;
}
@media (max-aspect-ratio: 1) {
  .announcement-slide .background.background-desktop {
    display: none;
  }
  .announcement-slide .background.background-mobile {
    display: block;
  }
}
.ensemble-teaser {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
.ensemble-teaser .image-wrapper {
  width: 100%;
}
.ensemble-teaser .image-wrapper.svg svg {
  width: 100%;
  height: auto;
  object-fit: contain;
  overflow: visible;
}
.ensemble-teaser .background.background-mobile {
  display: none;
}
.ensemble-teaser .button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 20;
}
@media (max-aspect-ratio: 1) {
  .ensemble-teaser .background.background-desktop {
    display: none;
  }
  .ensemble-teaser .background.background-mobile {
    display: block;
  }
}
ul.social-media {
  margin-left: -0.8em;
  margin-right: -0.8em;
}
ul.social-media li {
  display: inline-block;
  padding: 0 0.9em;
}
ul.social-media li a {
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  line-height: 1.9em;
  text-align: center;
  color: white !important;
}
ul.social-media li a:after {
  position: relative;
  content: " ";
  display: inline-block;
  font-size: 2.7vw;
  margin-top: -0.05em;
  margin-left: -0.05em;
}
ul.social-media li a:hover,
ul.social-media li a:focus,
ul.social-media li a:active {
  color: #FF00FF !important;
}
ul.social-media .icon-facebook:after {
  content: "\e807";
}
ul.social-media .icon-youtube:after {
  content: "\e80b";
}
ul.social-media .icon-instagram:after {
  content: "\e80c";
}
ul.social-media .icon-twitter:after {
  content: "\e80a";
}
.contact-box h3 {
  margin-bottom: 0.22em;
}
.webshop-box {
  margin-bottom: 1em;
}
.webshop-box h3 {
  margin-bottom: 0.22em;
}
.partner-box {
  margin-bottom: 1em;
}
.partner-box h3 {
  margin-bottom: 0.22em;
}
.newsletter-box {
  margin-bottom: 1em;
}
.newsletter-box h3 {
  margin-bottom: 0.22em;
}
.link-list ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 0;
}
.link-list ul li {
  display: block;
}
.link-list ul li a {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0.3em 0.4em;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  color: black;
}
.link-list ul li a:hover,
.link-list ul li a:active,
.link-list ul li a:focus {
  color: black;
  background-color: #8CFF4B;
  border: none;
}
.link-list ul li a:hover.fc,
.link-list ul li a:active.fc,
.link-list ul li a:focus.fc {
  font-stretch: condensed;
}
.link-list ul li a:hover.fsc,
.link-list ul li a:active.fsc,
.link-list ul li a:focus.fsc {
  font-stretch: condensed;
}
.link-list ul li a:hover.fr,
.link-list ul li a:active.fr,
.link-list ul li a:focus.fr {
  font-stretch: semi-condensed;
}
.link-list ul li a:hover.fse,
.link-list ul li a:active.fse,
.link-list ul li a:focus.fse {
  font-stretch: normal;
}
.link-list ul li a:hover.fe,
.link-list ul li a:active.fe,
.link-list ul li a:focus.fe {
  font-stretch: semi-expanded;
}
.link-list ul li a:active,
.link-list ul li a:focus {
  color: black;
}
.link-list ul li span {
  display: table-cell;
  vertical-align: middle;
}
.toggle-text .title {
  display: block;
  padding: 1em 0 0.8em;
  cursor: pointer;
  transition: color 0.2s ease-out;
}
.toggle-text .title span {
  background-image: linear-gradient(transparent 35%,#8CFF4B 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.toggle-text .title:after {
  content: '\e816';
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  font-family: 'VolkstheaterIcons';
  font-size: 2vw;
  margin-top: -0.3em;
}
.toggle-text .title:hover,
.toggle-text .title:focus,
.toggle-text .title:active {
  color: black;
}
.toggle-text .title:hover span,
.toggle-text .title:focus span,
.toggle-text .title:active span {
  background-size: 100%;
}
.toggle-text .toggle-content {
  visibility: hidden;
  height: 0;
  overflow-y: clip;
  overflow-x: visible;
}
.toggle-text .text {
  padding-top: 1em;
  padding-bottom: 1em;
}
.toggle-text.toggle-button .title {
  display: inline-block;
  position: absolute;
  bottom: 2.4em;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.19em 0.32em 0.25em;
  z-index: 9;
}
.toggle-text.toggle-button .title:after {
  display: none;
}
.toggle-text.toggle-button .toggle-content {
  visibility: visible;
  height: 7em;
  padding-bottom: 7em;
}
.toggle-text.toggle-button.team .toggle-content {
  height: 25em;
}
.toggle-text.toggle-button:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10em;
  background: -webkit-gradient(0,white 30%,rgba(242,242,242,0) 100%);
  background: -moz-linear-gradient(0,white 30%,rgba(242,242,242,0) 100%);
  background: linear-gradient(0,white 30%,rgba(242,242,242,0) 100%);
  opacity: 1;
  pointer-events: none;
}
.toggle-text.active .title span {
  background-size: 100%;
}
.toggle-text.active .title:after {
  content: '\e808';
}
.toggle-text.active .toggle-content {
  visibility: visible;
}
.toggle-text.active:after {
  opacity: 0;
}
.toggle-text-content + .toggle-text-content .toggle-text {
  border-top: 4px solid black;
}
[data-background-color="pink"] .toggle-text .title span {
  background-image: linear-gradient(transparent 35%,white 10%);
}
[data-background-color="pink"] .toggle-text.toggle-button:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10em;
  background: -webkit-gradient(0,#FF00FF 30%,rgba(242,242,242,0) 100%);
  background: -moz-linear-gradient(0,#FF00FF 30%,rgba(242,242,242,0) 100%);
  background: linear-gradient(0,#FF00FF 30%,rgba(242,242,242,0) 100%);
  opacity: 1;
}
[data-background-color="green"] .toggle-text .title span {
  background-image: linear-gradient(transparent 35%,white 10%);
}
[data-background-color="green"] .toggle-text.toggle-button:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10em;
  background: -webkit-gradient(0,#8CFF4B 30%,rgba(242,242,242,0) 100%);
  background: -moz-linear-gradient(0,#8CFF4B 30%,rgba(242,242,242,0) 100%);
  background: linear-gradient(0,#8CFF4B 30%,rgba(242,242,242,0) 100%);
  opacity: 1;
}
.team .toggle-content {
  padding-top: 0.1em;
}
.block-quote .source {
  margin-top: 1.1em;
}
.hue-marquee .content a {
  display: inline-block;
  text-decoration: none !important;
  text-transform: uppercase;
  background: transparent !important;
}
.hue-marquee .content a.arrow {
  position: relative;
  padding-right: 1em;
}
.hue-marquee .content a.arrow:after {
  content: "\2192";
  position: absolute;
  right: 0.2em;
}
.hue-marquee .content a:hover {
  color: black;
  text-decoration: underline !important;
}
.hue-marquee .content a:active,
.hue-marquee .content a:focus {
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
  outline: none;
  text-decoration: underline !important;
}
.block-location-list {
  border-bottom: 4px solid black;
}
ul.location-list {
  padding-top: 6px;
  display: grid;
  grid-template-columns: repeat(4,minmax(auto,max-content));
  column-gap: 0.5em;
  width: 100%;
}
.tab-group .tab-group-menu {
  display: grid;
  grid-template-columns: repeat(4,minmax(auto,max-content));
  column-gap: 0.5em;
  width: 100%;
  padding-top: 6px;
}
.tab-group .tab-group-pages {
  overflow: auto;
}
.tab-group .tab-group-page {
  display: none;
}
.tab-group .tab-group-page.active {
  display: block;
}
.tab-group.integrated .tab-group-pages:before,
.tab-group.integrated .tab-group-pages:after {
  content: " ";
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  max-width: calc(65.4vw - 2em);
  margin: 0 auto;
  background-color: black;
}
.tab-group.boxed .tab-group-pages {
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}
.tab-element {
  display: inline-block;
  min-height: 1.6em;
  height: 100%;
  padding: 0.29em 0.42em;
  background-color: white;
  color: black;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: 4px solid black;
  border-left: 4px solid black;
  border-right: 4px solid black;
}
.tab-element .title {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.tab-element:hover,
.tab-element.active {
  background-color: black !important;
  color: white !important;
}
.tab-element:focus {
  outline: 6px solid #FFA0FF !important;
  -webkit-text-stroke-width: 0 !important;
  -webkit-text-stroke-color: transparent !important;
}
.tile-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 1em;
  row-gap: 1em;
}
.tile-grid.tile-grid-list {
  margin-bottom: 1.6em;
}
.tile-grid.double-grid {
  grid-template-columns: repeat(2,1fr);
}
.tile-element {
  background-color: #8CFF4B;
}
.tile-element .content {
  padding: 1.6em 0.9em 5.6em !important;
}
.tile-element .top-row:before,
.tile-element .top-row:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.tile-element .top-row:before,
.tile-element .top-row:after {
  content: "\0020";
  display: table;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.tile-element .top-row .date {
  display: inline-block;
}
.tile-element .top-row .spielstaette {
  float: right;
}
.tile-element h4 {
  margin-top: 0.3em;
  margin-bottom: 0.4em;
}
.tile-element h4 a {
  text-decoration: none;
}
.tile-element .text p:last-child {
  margin-bottom: 0;
}
.tile-element .button {
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.tile-element.no-link .content {
  padding: 1.6em 0.9em 1.8em !important;
}
.partner-group {
  text-align: center;
}
.partner-group .partner {
  display: inline-block;
  height: 100px;
  max-width: 250px;
  margin: 1em 2em;
  text-align: center;
  vertical-align: middle;
}
.partner-group .partner a.logo {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.partner-group .partner a.logo .image-wrapper {
  height: 100%;
}
.partner-group .partner a.logo .image-wrapper img {
  height: 100%;
  width: auto;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}
.partner-group .partner a.logo:hover {
  background-color: transparent;
}
.partner-group .partner a.logo:focus,
.partner-group .partner a.logo:active {
  outline: 6px solid #FFA0FF !important;
  background-color: transparent;
}
.partner-group .partner img {
  filter: grayscale(100%);
  transition: all 0.2s ease-out;
}
.partner-group .partner:hover img {
  filter: grayscale(0);
}
.description-logos .inner {
  text-align: center;
}
.description-logos .inner .logo {
  display: inline-block;
  height: 80px;
  max-width: 250px;
  margin: 1em 2em;
  text-align: center;
  vertical-align: middle;
}
.description-logos .inner .logo .image-wrapper {
  height: 100%;
}
.description-logos .inner .logo .image-wrapper img {
  height: 100%;
  width: auto;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}
.description-logos .inner .logo img {
  filter: grayscale(100%);
  transition: all 0.2s ease-out;
}
.description-logos .inner .logo:hover img {
  filter: grayscale(0);
}
.download-liste .download-link-wrapper {
  display: block;
  margin-bottom: 0.9em;
  text-align: center;
}
.download-liste .download-link {
  position: relative;
  padding-left: 1.1em;
  text-align: center;
}
.download-liste .download-link:before {
  content: "\2193";
  position: absolute;
  left: 0em;
}
.download-liste .download-link .link-text {
  background-image: linear-gradient(transparent 35%,white 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
.download-liste .download-link:hover .link-text,
.download-liste .download-link:active .link-text,
.download-liste .download-link:focus .link-text {
  background-size: 100%;
}
.job-offer .button-row {
  margin: 1em 0 3em;
}
.more-link {
  margin: 4.4em 2.8vw 4.7em;
  text-align: center;
}
.hue-calendar-load-more {
  margin: 4.4em 2.8vw 4.7em;
  text-align: center;
}
.hue-posts-load-more {
  margin: 4.4em 2.8vw 4.7em;
  text-align: center;
}
.event-load-more {
  display: none;
  margin: 4.4em 2.8vw 4.7em;
  text-align: center;
}
.event-load-more.active {
  display: block;
}
.pressestimmen-list {
  padding: 0 2.8vw;
}
.pressestimmen-list .hue-pressestatement[data-count="1"] .col {
  width: 50%;
  margin: 0 auto;
}
.pressestimmen-list .hue-pressestatement[data-count="2"] {
  display: grid;
  grid-template-columns: repeat(2,minmax(5em,50%));
}
.pressestimmen-list .hue-slideshow .slideshow-container .slide {
  width: 50%;
}
.pressestimmen-list .pressestimme {
  padding: 0 2.8vw;
  text-align: center;
}
.pressestimmen-list .pressestimme .name {
  margin-top: 1.1em;
}
.questions-answers .qa-element .question {
  margin-bottom: 0.5em;
}
.questions-answers .qa-element .answer {
  margin-bottom: 1.5em;
}
.hue-slideshow.blog-teaser .slideshow-container .slide {
  width: 33.3333%;
}
.hue-slideshow.blog-teaser .slideshow-container .slide article {
  width: 100%;
  margin: 0 0.5em;
}
.hue-slideshow.blog-teaser .slideshow-container .slide.button-slide .button {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-decoration: none;
  color: black;
  min-height: 1.2em;
}
.read-more .part-2 {
  display: none;
}
.read-more .switch {
  margin-top: 1em;
  cursor: pointer;
}
.read-more.active .part-2 {
  display: inline;
}
.read-more.active .switch {
  display: none;
}
.ticket-alert-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0,0,0,0.5);
  visibility: hidden;
  transition: opacity 0.2s ease-out;
}
.ticket-alert-popup .ticket-alert-content form .acceptance-box label a {
  pointer-events: none;
}
.ticket-alert-popup .scroller {
  position: relative;
  top: 50%;
  width: 30em;
  margin: 0 auto;
  transform: translateY(-50%);
  max-height: 100vh;
  padding: 5vh 0;
  overflow: overlay;
}
.ticket-alert-popup .ticket-alert-content {
  position: relative;
  left: auto;
  padding: 1.6em 1.5em 1.6em;
  background-color: white;
  border-radius: 12px;
}
.ticket-alert-popup .ticket-alert-content .h4 {
  margin-bottom: 0.4em;
}
.ticket-alert-popup .ticket-alert-content .info {
  margin-top: 0.3em;
}
.ticket-alert-popup .ticket-alert-content .text {
  margin-top: 1.2em;
}
.ticket-alert-popup .ta-close {
  position: absolute;
  top: 0.7em;
  right: 0.6em;
  z-index: 999;
}
.ticket-alert-popup.active {
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.ticket-alert-popup.active .ticket-alert-content form .acceptance-box label a {
  pointer-events: auto;
}
.ticket-alert-content .title {
  padding-right: 3.4em;
  margin-top: 0;
}
.ticket-alert-content .info {
  margin-bottom: 0.8em;
}
.ticket-alert-content form input[type="text"],
.ticket-alert-content form input[type="email"] {
  max-width: 100%;
}
.ticket-alert-content form .form-field.hidden {
  display: none;
}
.ticket-alert-content form .wpcf7-list-item {
  margin: 0;
}
.ticket-alert-content form .acceptance-box .wpcf7-form-control-wrap {
  position: absolute;
  top: 0.1em;
  left: 0;
}
.ticket-alert-content form .acceptance-box label {
  width: 100%;
  padding-left: 3rem;
  pointer-events: none;
}
.ticket-alert-content form .acceptance-box label a {
  pointer-events: auto;
}
.ticket-alert-content form input[type="submit"] {
  margin-bottom: 0;
}
.ticket-alert-content form .wpcf7-response-output {
  display: none !important;
}
.ticket-alert-content .thank-you {
  display: none;
}
article.ticket-alert form input[type="text"],
article.ticket-alert form input[type="email"] {
  max-width: 20em;
}
.repertoire-list .list-title {
  background-color: white;
  padding-bottom: 0.5em !important;
}
.repertoire-list .list-title .page-header {
  margin-bottom: 0 !important;
}
.personen-grid {
  margin-top: 3em;
}
.personen-grid .person {
  display: grid;
  text-align: center;
  margin-bottom: 3em;
}
.personen-grid .person .top {
  order: 0;
}
.personen-grid .person .bottom {
  order: 1;
  padding: 0 0.5em;
}
.personen-grid .person .personen-bild {
  z-index: 2;
  transform: scale(1.001);
  transition: transform 0.6s ease-out;
}
.personen-grid .person .personen-bild img {
  max-height: 80vh;
  object-fit: contain;
}
.personen-grid .person .personen-bild .color {
  opacity: 1;
  transition: opacity 0.8s ease-out;
}
.personen-grid .person .personen-bild .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.8s ease-out;
}
.personen-grid .person .personen-bild .overlay img {
  filter: drop-shadow(10000px 0 0 #FF00FF);
  transform: translateX(-10000px);
}
.personen-grid .person .rolle {
  margin-top: 0.3em;
}
.personen-grid .person .button {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50;
  transform: translate(-50%,-50%);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.personen-grid .person:hover .personen-bild,
.personen-grid .person.focus .personen-bild {
  transform: scale(1.301);
}
.personen-grid .person:hover .personen-bild .color,
.personen-grid .person.focus .personen-bild .color {
  opacity: 1 !important;
}
.personen-grid .person:hover .personen-bild .overlay,
.personen-grid .person.focus .personen-bild .overlay {
  opacity: 0 !important;
}
.personen-grid .person:hover .button,
.personen-grid .person.focus .button {
  opacity: 1;
}
.personen-grid.fade .person .personen-bild .color {
  opacity: 0;
  transition: opacity 1.6s ease-out;
}
.personen-grid.fade .person .personen-bild .overlay {
  opacity: 1;
  transition: opacity 1.6s ease-out;
}
.name-list .person {
  display: inline-block;
  cursor: default;
  white-space: nowrap;
}
.name-list .person .name {
  display: inline;
  text-transform: uppercase;
  transition: color 0.2s ease-out;
}
.name-list .person .role {
  display: inline-block;
  position: absolute;
  bottom: 100%;
  left: -0.3em;
  padding: 0.2em 0.4em;
  margin-bottom: 0.1em;
  background-color: #8CFF4B;
  color: black;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  transition-delay: 0.2s;
}
.name-list .person .role.break {
  white-space: nowrap;
}
.name-list .person a {
  display: inline;
  white-space: nowrap;
}
.name-list .person.right-role .role {
  left: auto;
  right: -0.3em;
}
.name-list .person:hover .role,
.name-list .person :active .role,
.name-list .person :focus .role {
  opacity: 1;
}
.name-list .person > span:hover .name,
.name-list .person > span :active .name,
.name-list .person > span :focus .name {
  color: #FF00FF;
}
.name-list .person.no-hover:hover .name,
.name-list .person.no-hover :active .name,
.name-list .person.no-hover :focus .name {
  color: black;
}
[data-background-color="green"] .name-list .person .role {
  background-color: #FF00FF;
}
.rollen .rolle {
  display: grid;
  grid-template-columns: repeat(2,minmax(1em,1fr));
  column-gap: 1em;
  padding: 1.2em 0;
}
.rollen .rolle .aufgabe {
  text-align: right;
}
.rollen .rolle .namen {
  text-transform: uppercase;
}
.rollen .person {
  display: block;
}
.rollen .table-row {
  padding: 0 0.5em;
  border-top: 6px solid black;
}
.rollen .table-row:last-child  {
  border-bottom: 6px solid black;
}
.beteiligungen .beteiligung {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 1em;
  padding: 1.2em 0;
  padding-right: 1em;
}
.beteiligungen .beteiligung .titel {
  text-align: right;
}
.beteiligungen .table-row {
  border-top: 6px solid black;
}
.beteiligungen .table-row:last-child  {
  border-bottom: 6px solid black;
}
section.spielstaetten-map {
  padding: 2em;
  background-color: black;
}
section.spielstaetten-map #map {
  max-width: 80%;
  margin: 0 auto;
  overflow: hidden;
}
section.spielstaetten-map #map .marker {
  position: absolute;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: white;
  text-align: center;
  line-height: 2em;
  text-decoration: none;
  transform: translate(-50%,-50%);
  cursor: pointer;
}
section.spielstaetten-map #map .marker a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
section.spielstaetten-map #map .marker .info {
  position: absolute;
  top: -0.8em;
  left: 110%;
  font-size: 1em;
  line-height: 1em;
  text-align: left;
  display: none;
  background-color: #8CFF4B;
}
section.spielstaetten-map #map .marker .info .title,
section.spielstaetten-map #map .marker .info .street,
section.spielstaetten-map #map .marker .info .district {
  display: inline-block;
  background-color: #8CFF4B;
  color: black;
  white-space: nowrap;
  padding: 0.2em 0.4em;
  margin-top: -0.2em;
}
section.spielstaetten-map #map .marker .info .title {
  padding-top: 0.3em;
}
section.spielstaetten-map #map .marker.active,
section.spielstaetten-map #map .marker.highlight {
  background-color: #8CFF4B;
}
section.spielstaetten-map #map .marker:hover,
section.spielstaetten-map #map .marker:focus,
section.spielstaetten-map #map .marker:active,
section.spielstaetten-map #map .marker.active {
  z-index: 100;
  background-color: #8CFF4B;
  color: black;
}
section.spielstaetten-map #map .marker:hover .info,
section.spielstaetten-map #map .marker:focus .info,
section.spielstaetten-map #map .marker:active .info,
section.spielstaetten-map #map .marker.active .info {
  display: block;
}
section.spielstaetten-map .map-data {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  margin-top: 2em;
  color: white;
}
section.spielstaetten-map .map-data a {
  color: white;
  background-image: linear-gradient(transparent 35%,#D200D2 10%);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.4s ease;
}
section.spielstaetten-map .map-data a:hover,
section.spielstaetten-map .map-data a:active,
section.spielstaetten-map .map-data a:focus {
  background-size: 100%;
}
section.spielstaetten-map .map-data a:hover,
section.spielstaetten-map .map-data a:focus,
section.spielstaetten-map .map-data a.active {
  color: white;
}
section.spielstaetten-map .map-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 1em;
}
section.spielstaetten-map .map-item.active a {
  color: #FF00FF;
}
section.spielstaetten-map .map-item.active a:hover,
section.spielstaetten-map .map-item.active a.active {
  color: #8CFF4B;
}
section.spielstaetten-map .map-item.active a:focus,
section.spielstaetten-map .map-item.active a:active {
  color: #8CFF4B;
}
section.spielstaetten-map .map-item.active .street,
section.spielstaetten-map .map-item.active .district {
  color: #FF00FF;
}
section.team .name-list {
  padding-top: 1.8em;
  margin-bottom: 2em;
  margin-top: -1.8em;
}
section.team.gaeste .name-list {
  padding-top: 0;
  margin-top: 2em;
  margin-bottom: 3em;
}
.viewport-detector {
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 1285px) {
  .viewport-detector {
    z-index: 3;
  }
}
@media screen and (max-width: 1024px) {
  .viewport-detector {
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  .viewport-detector {
    z-index: 1;
  }
}
@media screen and (max-width: 511px) {
  .viewport-detector {
    z-index: 0;
  }
}
.page-padding {
  padding-left: 4rem;
  padding-left: 2.8vw;
  padding-right: 4rem;
  padding-right: 2.8vw;
}
body.single-produktion .main-content,
body.single-event .main-content,
body.single-person .main-content {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
@media screen and (min-width: 2400px) {
  article.small-entry,
  article.list-entry {
    overflow: visible;
    max-width: 80em;
    margin: 0 auto;
  }
  article.small-entry:before,
  article.list-entry:before {
    content: " ";
    display: block;
    position: absolute;
    top: -6px;
    left: -100vw;
    right: -100vw;
    height: 6px;
    background-color: black;
  }
  article.small-entry.type-premiere:before,
  article.list-entry.type-premiere:before {
    border-top: 6px solid #8CFF4B;
    height: auto;
    bottom: 0;
    background-color: #FF00FF;
  }
  .grid-element.selected article.event.small-entry:before {
    background-color: #8CFF4B;
  }
  .hue-calendar-list .day:last-child > .content article.list-entry:last-child:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -6px;
    left: -100vw;
    right: -100vw;
    height: 6px;
    background-color: black;
  }
}
@media screen and (min-width: 1920px) {
  body {
    font-size: 2.68em;
  }
  h2,
  .h1,
  .swiper-button-prev.large,
  .swiper-button-next.large {
    font-size: 4.77em;
  }
  .h2,
  .pillars a,
  .pillars span {
    font-size: 3.78em;
  }
  .h3,
  .section-title h3 {
    font-size: 2.99em;
  }
  .h4,
  .swiper-pagination.large .swiper-pagination-bullet.swiper-pagination-bullet-active,
  ul.primary-menu > li > a,
  .hue-marquee a {
    font-size: 2.38em;
  }
  .h5,
  .swiper-button-prev,
  .swiper-button-next,
  .swiper-pagination-bullet-active,
  .gprev,
  .gnext,
  .glightbox-bullet-active,
  .gclose,
  .page-numbers.prev,
  .page-numbers.next,
  .page-numbers.current {
    font-size: 1.9em;
  }
  .h6 {
    font-size: 1.5em;
  }
  .p1,
  .text.large,
  .text .large,
  .swiper-pagination.large .swiper-pagination-bullet {
    font-size: 1.29em;
  }
  .ht,
  .image-caption,
  .gslide-title,
  .search-type,
  ul.footer-menu,
  .wpcf7-not-valid-tip,
  .wpcf7-response-output {
    font-size: 0.9722vw;
    font-size: 16px;
  }
  .form-message {
    font-size: 0.9722vw;
  }
  .form-message:after {
    font-size: 1.4vw;
  }
  input,
  textarea,
  select,
  option,
  optgroup,
  button,
  legend,
  fieldset,
  datalist {
    font-size: 1.05em;
  }
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="image"],
  .button {
    font-size: 1.29em;
  }
  #page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn {
    font-size: 1.29em;
  }
  button.button-fat,
  input[type="button"].button-fat,
  input[type="submit"].button-fat,
  input[type="reset"].button-fat,
  input[type="image"].button-fat,
  .button.button-fat {
    font-size: 3.17em;
  }
  .input-wrapper:after {
    font-size: 1.2em;
  }
  ul.social-media li a:after {
    font-size: 2.7vw;
  }
  .toggle-text .title:after {
    font-size: 2vw;
  }
  .sidebar-content h3:after {
    font-size: 1.7vw;
  }
  .scroll-top-wrapper .scroll-top:after {
    font-size: 3.05vw;
  }
  .page-padding,
  article.small-entry,
  article.list-entry,
  .more-link,
  .hue-calendar-load-more,
  .hue-posts-load-more,
  .event-load-more,
  .pressestimmen-list,
  .pressestimmen-list  .pressestimme,
  .calendar-filter-row {
    padding-left: 2em;
    padding-right: 2em;
  }
  .header-link {
    margin-left: 2em;
  }
  .menu-toggle {
    right: 2em;
  }
  .calendar-filter-row .reset-filter {
    right: 2em;
  }
  .box-content,
  .gdesc-inner,
  .box-content,
  .gdesc-inner,
  .hue-slideshow.single-image.boxed {
    max-width: 46.7em;
  }
  .tab-group.integrated .tab-group-pages:before,
  .tab-group.integrated .tab-group-pages:after {
    max-width: 44.7em;
  }
  article .sidebar-content {
    top: calc(84px + 2em);
    right: 2em;
    width: 14.5vw;
  }
  article.single .header-image .image-wrapper.svg,
  .announcement-slide .image-wrapper.svg {
    padding: 3vh 3vw;
  }
}
@media screen and (min-width: 1400px) {
  .ht,
  .image-caption,
  .gslide-title,
  .search-type,
  ul.footer-menu,
  .wpcf7-not-valid-tip,
  .wpcf7-response-output {
    font-size: 14px;
  }
}
@media screen and (max-width: 1285px) {
  body {
    font-size: 18px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 18px;
  }
  .p1,
  .text.large,
  .text .large,
  .swiper-pagination.large .swiper-pagination-bullet {
    font-size: 22px;
  }
  .form-message {
    font-size: 0.9722vw;
  }
  .form-message:after {
    font-size: 1.4vw;
  }
  input,
  textarea,
  select,
  option,
  optgroup,
  button,
  legend,
  fieldset,
  datalist {
    font-size: 1.05em;
  }
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="image"],
  .button {
    font-size: 1.29em;
  }
  #page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn {
    font-size: 1.29em;
  }
  .input-wrapper:after {
    font-size: 1.2em;
  }
  .toggle-text .title:after {
    font-size: 1em;
  }
  .sidebar-content h3:after {
    font-size: 1.2em;
  }
  article .sidebar-content {
    min-width: 10.5em;
  }
  .header-back {
    right: calc(85px + 2.8vw);
  }
}
@media screen and (max-width: 1150px) {
  .page-padding,
  article.small-entry,
  article.list-entry,
  .more-link,
  .hue-calendar-load-more,
  .hue-posts-load-more,
  .event-load-more,
  .pressestimmen-list,
  .pressestimmen-list  .pressestimme,
  .calendar-filter-row {
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .header-link {
    margin-left: 2vw;
  }
  .menu-toggle {
    right: 2vw;
  }
  .calendar-filter-row .reset-filter {
    right: 2vw;
  }
  article .sidebar-content {
    right: 2vw;
  }
  .site-header {
    height: 64px;
  }
  .site-branding a svg {
    height: 52px;
  }
  .menu-toggle {
    height: 38px;
    width: 50px;
  }
  .menu-toggle span {
    height: 7px;
  }
  .menu-toggle span.hbl2 {
    margin-top: -3.5px;
  }
  .menu-toggle span.hbl3 {
    margin-top: -7px;
  }
  .header-link {
    font-size: 23px !important;
  }
  .site-header .accessibility-button {
    right: calc(60px + 2.8vw);
  }
  .accessibility-button a {
    width: 4.6rem;
    height: 4.1rem;
    font-size: 4.8rem;
  }
  .site-header .header-content > .toggle-searchform {
    right: calc(125px + 2.8vw);
  }
  .toggle-searchform .search-form-container {
    width: 4.6rem;
    height: 4.8rem;
  }
  .toggle-searchform.active .search-form-container {
    width: 23.4rem;
  }
  .toggle-searchform button[type=submit],
  .toggle-searchform .search-form-button {
    top: 0.1em;
    width: 4.6rem;
    height: 4.1rem;
    font-size: 4.8rem;
  }
  .toggle-searchform .search-form-button {
    top: 0.09em;
  }
  .toggle-searchform .search-form-container .search-form-content input[type=text] {
    margin-top: 0.2rem;
    margin-right: 5.5rem;
  }
  .header-back {
    right: calc(65px + 2.8vw);
  }
  .site-menu {
    top: 64px;
    height: calc(100vh - 64px);
  }
  #main {
    padding-top: 64px;
  }
  article .sidebar-content {
    top: calc(64px + 2em);
  }
  article.single .header-image {
    height: calc(100vh - 64px);
  }
  article.single.produktion .header-image,
  article.single.event .header-image,
  article.single.person .header-image {
    height: calc(70vh - 64px);
  }
  .announcement-slide {
    height: calc(100vh - 64px);
  }
  article.event.small-entry.personen-termin .mid-row {
    grid-template-columns: minmax(5em,40%) minmax(15em,20%) minmax(5em,20%);
  }
  article.event.small-entry.personen-termin .mid-row .title-col {
    order: 1;
    grid-column: 1;
    grid-row: 1 / span 3;
    align-self: normal;
  }
  article.event.small-entry.personen-termin .mid-row .day-col {
    order: 2;
    grid-column: 2;
    grid-row: 1;
  }
  article.event.small-entry.personen-termin .mid-row .time-col {
    order: 4;
    grid-column: 1 / span 2;
    grid-row: 2;
    text-align: center;
  }
  article.event.small-entry.personen-termin .mid-row .location-col {
    order: 3;
    grid-column: 3;
    grid-row: 1;
  }
  article.event.small-entry.personen-termin .mid-row .price-info-col {
    order: 5;
    grid-column: 2;
    grid-row: 3;
  }
  article.event.small-entry.personen-termin .mid-row .ticket-col {
    order: 6;
    grid-column: 3;
    grid-row: 3;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  h2,
  .h1,
  .swiper-button-prev.large,
  .swiper-button-next.large {
    font-size: 76px;
  }
  .h2,
  .pillars a,
  .pillars span {
    font-size: 62px;
  }
  .h3,
  .section-title h3 {
    font-size: 48px;
  }
  .h4,
  .swiper-pagination.large .swiper-pagination-bullet.swiper-pagination-bullet-active,
  ul.primary-menu > li > a,
  .hue-marquee a {
    font-size: 40px;
  }
  .h5,
  .swiper-button-prev,
  .swiper-button-next,
  .swiper-pagination-bullet-active,
  .gprev,
  .gnext,
  .glightbox-bullet-active,
  .gclose,
  .page-numbers.prev,
  .page-numbers.next,
  .page-numbers.current {
    font-size: 32px;
  }
  .h6 {
    font-size: 26px;
  }
  .input-wrapper:after {
    font-size: 21px;
  }
  .toggle-text .title:after {
    font-size: 20px;
  }
  .sidebar-content h3:after {
    font-size: 21px;
  }
  .box-content,
  .gdesc-inner,
  .box-content,
  .gdesc-inner,
  .hue-slideshow.single-image.boxed {
    max-width: 85.4vw;
  }
  .tab-group.integrated .tab-group-pages:before,
  .tab-group.integrated .tab-group-pages:after {
    max-width: calc(85.4vw - 2em);
  }
  article .sidebar-content {
    top: calc(48px + 1em);
  }
  .hue-slideshow.blog-teaser .slideshow-container .slide {
    width: 50%;
  }
  .blog-list {
    grid-template-columns: repeat(2,1fr);
  }
  .tile-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .pressestimmen-list[data-count="2"] {
    grid-template-columns: 100%;
  }
  .pressestimmen-list .hue-slideshow .slideshow-container .slide {
    width: 100%;
  }
  .grid-container .grid-element {
    width: 33.3333%;
  }
  .grid-container[data-element-count="1"] {
    width: 33.3333%;
  }
  .grid-container[data-element-count="1"] .grid-element {
    width: 100%;
  }
  .grid-container[data-element-count="2"] {
    width: 66.6666%;
  }
  .grid-container[data-element-count="2"] .grid-element {
    width: 50%;
  }
  .grid-container[data-element-count="3"] {
    width: 100%;
  }
  .grid-container[data-element-count="3"] .grid-element {
    width: 33.3333%;
  }
  .site-header {
    height: 48px;
  }
  .site-branding {
    left: 2vw;
    transform: none;
  }
  .site-branding a svg {
    height: 36px;
  }
  .menu-toggle {
    height: 26px;
    width: 33px;
  }
  .menu-toggle span {
    height: 4px;
  }
  .menu-toggle span.hbl2 {
    margin-top: -2px;
  }
  .menu-toggle span.hbl3 {
    margin-top: -4px;
  }
  .site-header .accessibility-button {
    right: 2vw;
    top: 69px;
    margin-right: -0.1em;
    z-index: 9999;
  }
  .accessibility-button a {
    width: 3.5rem;
    height: 3.2rem;
    font-size: 3.7rem;
  }
  .site-header .header-content > .toggle-searchform {
    right: 2vw;
    top: 120px;
    z-index: 99999;
    margin-right: -0.2em;
  }
  .toggle-searchform .search-form-container {
    width: 3.5rem;
    height: 3.6rem;
  }
  .toggle-searchform.active .search-form-container {
    width: 22.3rem;
    background: #8CFF4B;
    border-radius: 12px;
  }
  .toggle-searchform button[type=submit],
  .toggle-searchform .search-form-button {
    top: 0.1em;
    width: 3.5rem;
    height: 3.2rem;
    font-size: 3.7rem;
  }
  .toggle-searchform .search-form-button {
    top: 0.06em;
  }
  .toggle-searchform .search-form-container .search-form-content input[type=text] {
    margin-top: 0.2rem;
    margin-right: 4.5rem;
    font-size: 16px !important;
    padding: 0.3em;
  }
  .header-back {
    right: calc(45px + 2.8vw);
  }
  .header-back a {
    font-size: 16px;
  }
  .site-menu {
    top: 48px;
    height: calc(100vh - 48px);
  }
  #main {
    padding-top: 48px;
  }
  article.single .header-image {
    height: calc(100vh - 48px);
  }
  article.single.produktion .header-image,
  article.single.event .header-image,
  article.single.person .header-image {
    height: calc(70vh - 48px);
  }
  .announcement-slide {
    height: calc(100vh - 48px);
  }
  .menu-content .menu-grid {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-column-gap: 1em;
  }
  .header-link {
    display: none;
  }
  .hue-slideshow.same-height > .image-wrapper {
    height: 58vh;
  }
  .hue-slideshow.same-height .slideshow-container .slide {
    width: auto;
    height: 58vh;
  }
  .glightbox-container .gprev {
    left: 0;
    margin-bottom: 0;
  }
  .glightbox-container .gnext {
    right: 0;
    margin-bottom: 0;
  }
  .glightbox-container .gslide-description {
    left: 4.2em;
    right: 4.2em;
    width: auto;
    bottom: 0;
    padding-bottom: 0;
  }
  .calendar-filter-row .filter-group {
    padding-right: 70px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .calendar-filter-row .reset-filter {
    line-height: 3.6em;
  }
  .hue-calendar-nav .cal-nav .default {
    padding-top: 1.6em;
  }
  article.event.list-entry .bottom-row .right-col {
    grid-template-columns: 6em minmax(0,2fr);
    grid-gap: 1em;
  }
  article.event.small-entry .mid-row {
    grid-template-columns: minmax(5em,50%) minmax(5em,50%);
  }
  article.event.small-entry .mid-row .day-col {
    order: 1;
  }
  article.event.small-entry .mid-row .time-col {
    order: 3;
    grid-row: 2;
    text-align: center;
  }
  article.event.small-entry .mid-row .time-col.empty {
    display: none;
  }
  article.event.small-entry .mid-row .location-col {
    order: 2;
  }
  article.event.small-entry .mid-row .price-info-col {
    order: 4;
    grid-row: 3;
  }
  article.event.small-entry .mid-row .ticket-col {
    order: 5;
    grid-row: 3;
    text-align: center;
  }
  .tile-element .content {
    padding: 1.6em 0.9em 4.6em !important;
  }
  .tile-element.no-link .content {
    padding: 1.6em 0.9em 1.8em !important;
  }
}
@media screen and (max-width: 950px) {
  .site-footer .footer-row {
    grid-template-columns: minmax(5em,40%) minmax(5em,40%) minmax(5em,20%);
  }
  .site-footer .col.right .logo-large {
    position: relative;
    height: auto;
    width: 100%;
  }
  .site-footer .col.right .logo-large svg {
    height: auto;
    width: 100%;
  }
  .scroll-top-wrapper .scroll-top:after {
    font-size: 2em;
  }
  ul.social-media li a:after {
    font-size: 1.4em;
  }
  .calendar-filter-row .filter-group {
    padding-right: 60px;
  }
  .calendar-filter-row .filter .title {
    width: 33.3333%;
    padding-top: 0;
    padding-left: 0.6em;
    text-align: left;
  }
  .calendar-filter-row .filter .options {
    width: 95%;
  }
  .calendar-filter-row .reset-filter {
    padding-top: 2.2em;
    width: 70px;
  }
}
@media screen and (max-width: 840px) {
  .hue-slideshow.same-height > .image-wrapper {
    height: 50vh !important;
  }
  .hue-slideshow.same-height .slideshow-container .slide {
    width: auto;
    height: 50vh !important;
  }
  article.event.list-entry .grid {
    grid-template-columns: minmax(5em,20.4vw) minmax(5em,53.4vw) minmax(7em,20.4vw);
  }
  article.event.list-entry h3 {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .abo-page .abo-group-content,
  .abo-page .abo-content-width {
    width: 100%;
    min-width: 1em;
  }
  .abo-page .abo-content-width-medium {
    width: 100%;
    min-width: 1em;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 16px;
  }
  .p1,
  .text.large,
  .text .large,
  .swiper-pagination.large .swiper-pagination-bullet {
    font-size: 20px;
  }
  input,
  textarea,
  select,
  option,
  optgroup,
  button,
  legend,
  fieldset,
  datalist,
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="image"],
  .button {
    font-size: 16px;
  }
  #page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn {
    font-size: 16px;
  }
  button.button-fat,
  input[type="button"].button-fat,
  input[type="submit"].button-fat,
  input[type="reset"].button-fat,
  input[type="image"].button-fat,
  .button.button-fat {
    font-size: 34px;
  }
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="image"],
  .button {
    border-width: 3px;
    border-radius: 10px;
  }
  button.button-fat,
  input[type="button"].button-fat,
  input[type="submit"].button-fat,
  input[type="reset"].button-fat,
  input[type="image"].button-fat,
  .button.button-fat {
    border-width: 6px;
    border-radius: 20px;
  }
  #page .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn {
    border-width: 3px;
  }
  input[type="text"].fat,
  input[type="email"].fat,
  input[type="password"].fat,
  input[type="search"].fat,
  input[type="color"].fat,
  input[type="date"].fat,
  input[type="datetime-local"].fat,
  input[type="month"].fat,
  input[type="number"].fat,
  input[type="tel"].fat,
  input[type="time"].fat,
  input[type="url"].fat,
  input[type="week"].fat,
  input[list].fat,
  input[type="file"].fat,
  select.fat,
  textarea.fat {
    border-width: 3px;
  }
  .fc {
    font-stretch: condensed;
  }
  .fsc {
    font-stretch: semi-condensed;
  }
  .fd {
    font-stretch: semi-condensed;
  }
  .fse,
  .section-title h3 {
    font-stretch: normal;
  }
  .fe {
    font-stretch: semi-expanded;
  }
  button.button-fat,
  input[type="button"].button-fat,
  input[type="submit"].button-fat,
  input[type="reset"].button-fat,
  input[type="image"].button-fat,
  .button.button-fat {
    font-stretch: semi-condensed;
  }
  article.post.single-entry.thumb {
    grid-template-columns: 100%;
  }
  article.post.single-entry.thumb.text-image {
    grid-template-columns: 100%;
  }
  article.post.single-entry.thumb.text-image .image-wrapper {
    order: 1;
  }
  article.post.single-entry.thumb.text-image .inner {
    order: 2;
  }
  .hue-slideshow.blog-teaser .slideshow-container .slide {
    width: 100%;
  }
  .blog-list {
    grid-template-columns: 100%;
  }
  .tile-grid {
    grid-template-columns: 100%;
  }
  .link-list ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .menu-content {
    padding-left: calc(2vw - 0.5em);
    padding-right: calc(2vw - 0.5em);
    height: 100%;
  }
  .menu-content .menu-grid {
    display: block;
  }
  .menu-content .menu-col {
    min-height: 0;
    order: 1;
  }
  .menu-content .menu-col .logo-large {
    display: block;
    padding: 0 0.5em;
  }
  .menu-content .menu-col .logo-large svg {
    max-height: 12.9em;
    height: 100%;
    width: auto;
  }
  .menu-content .info-col {
    min-height: 0;
    padding: 0 0.5em;
    order: 2;
  }
  .menu-content .mobile-scroller {
    overflow-y: scroll;
  }
  .menu-content .scroller {
    overflow-y: visible;
    overflow-x: hidden;
    height: auto;
  }
  .menu-content .primary-navigation {
    position: relative;
    bottom: auto;
    overflow-y: visible;
  }
  .menu-content .menu-bottom {
    display: block;
  }
  .menu-content .menu-bottom .logo-large {
    display: none;
  }
  .site-footer .footer-row {
    grid-template-columns: 100%;
    grid-template-rows: auto auto 15em;
    row-gap: 2em;
  }
  .site-footer .col.right {
    text-align: center;
  }
  .site-footer .col.right .logo-large {
    position: relative;
    height: 15em;
    width: 100%;
  }
  .site-footer .col.right .logo-large svg {
    height: 100%;
    width: auto;
  }
  article.event.list-entry .grid {
    grid-template-columns: minmax(5em,50%) minmax(5em,50%);
    grid-gap: 2em;
  }
  article.event.list-entry .day-col {
    order: 1;
    text-align: center;
  }
  article.event.list-entry .location-col {
    order: 2;
  }
  article.event.list-entry .info-col {
    order: 3;
    grid-column: 1 / span 2;
  }
  article.event.list-entry h3 {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  article.event.list-entry .bottom-row {
    grid-template-columns: minmax(5em,50%) minmax(5em,50%);
    grid-gap: 1em;
    text-align: center;
  }
  article.event.list-entry .bottom-row .time-col {
    order: 1;
    text-align: center;
  }
  article.event.list-entry .bottom-row .ticket-col {
    order: 3;
  }
  article.event.list-entry .bottom-row .right-col {
    order: 2;
    grid-row: span 2;
    display: grid;
    grid-template-columns: minmax(0,100%);
    grid-template-rows: 1fr 1fr;
    grid-gap: 1em;
    align-items: baseline;
    height: 100%;
    text-align: center;
  }
  article.event.list-entry .bottom-row .right-col {
    min-width: 6em;
  }
  .hue-calendar-header {
    font-size: 0.8em;
  }
  .hue-calendar-nav {
    height: 13em;
    padding: 0 7em;
  }
  .hue-calendar-nav .cal-nav .load,
  .hue-calendar-nav .cal-nav .disabled {
    padding-top: 7em;
  }
  .hue-calendar-nav .cal-month .cal-month-title {
    line-height: 5em;
    height: 5em;
  }
  .hue-calendar-nav .cal-year .cal-year-title {
    top: 3.5em;
  }
  .hue-calendar-nav .cal-month {
    padding-top: 6em;
    height: 100%;
  }
  .hue-calendar-nav .cal-nav {
    width: 5em;
  }
  .hue-calendar-nav .cal-day.active:hover:before {
    left: -3px;
    right: -3px;
    border-width: 3px;
  }
  .hue-calendar-nav .cal-day.active:hover:after {
    left: -3px;
    right: -3px;
    border-width: 3px;
  }
  .calendar-filter-row .filter .options {
    border-width: 3px;
  }
  .calendar-filter-row .filter .options ul {
    left: -3px;
    right: -3px;
    border-width: 3px;
  }
  .hue-calendar-nav .cal-nav .default {
    padding-top: 0.8em;
  }
  article.event.small-entry.personen-termin .mid-row {
    grid-template-columns: minmax(15em,50%) minmax(5em,50%);
  }
  article.event.small-entry.personen-termin .mid-row .title-col {
    order: 1;
    grid-column: 1 / span 2;
    grid-row: 1;
    align-self: normal;
    text-align: center;
  }
  article.event.small-entry.personen-termin .mid-row .day-col {
    order: 2;
    grid-column: 1;
    grid-row: 2;
  }
  article.event.small-entry.personen-termin .mid-row .time-col {
    order: 4;
    grid-column: 1 / span 2;
    grid-row: 3;
    text-align: center;
  }
  article.event.small-entry.personen-termin .mid-row .location-col {
    order: 3;
    grid-column: 2;
    grid-row: 2;
  }
  article.event.small-entry.personen-termin .mid-row .price-info-col {
    order: 5;
    grid-column: 1;
    grid-row: 4;
  }
  article.event.small-entry.personen-termin .mid-row .ticket-col {
    order: 6;
    grid-column: 2;
    grid-row: 4;
    text-align: center;
  }
  .abo-page .abo-popup .abo-popup-content {
    padding: 3.2em 0em 0em;
  }
  .abo-page .header {
    padding: 3em 0 1em;
  }
  .abo-page .abo-popup .abo-popup-button {
    top: 0;
  }
  .abo-page .abo-category-row .price {
    width: 5em;
  }
  .block-spielstaetten-map {
    display: none;
  }
  section.spielstaetten-map .map-data {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media screen and (max-width: 640px) {
  .grid-container .grid-element {
    width: 50%;
  }
  .grid-container[data-element-count="1"] {
    width: 50%;
  }
  .grid-container[data-element-count="1"] .grid-element {
    width: 100%;
  }
  .grid-container[data-element-count="2"] {
    width: 100%;
  }
  .grid-container[data-element-count="2"] .grid-element {
    width: 50%;
  }
  .grid-container[data-element-count="3"] {
    width: 100%;
  }
  .grid-container[data-element-count="3"] .grid-element {
    width: 50%;
  }
  .hue-slideshow.same-height > .image-wrapper {
    height: 58vw !important;
  }
  .hue-slideshow.same-height .slideshow-container .slide {
    width: auto;
    height: 58vw !important;
  }
}
@media screen and (max-width: 550px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  h2,
  .h1,
  .swiper-button-prev.large,
  .swiper-button-next.large {
    font-size: 61.56px;
  }
  .h2,
  .pillars a,
  .pillars span {
    font-size: 50.22px;
  }
  .h3,
  .section-title h3 {
    font-size: 43.2px;
  }
  .h4,
  .swiper-pagination.large .swiper-pagination-bullet.swiper-pagination-bullet-active,
  ul.primary-menu > li > a,
  .hue-marquee a {
    font-size: 36px;
  }
  .h5,
  .swiper-button-prev,
  .swiper-button-next,
  .swiper-pagination-bullet-active,
  .gprev,
  .gnext,
  .glightbox-bullet-active,
  .gclose,
  .page-numbers.prev,
  .page-numbers.next,
  .page-numbers.current {
    font-size: 28.8px;
  }
  .h6 {
    font-size: 23.4px;
  }
  .calendar-filter-row.p1 {
    font-size: 16px;
  }
  .fc {
    font-stretch: condensed;
  }
  .fsc {
    font-stretch: condensed;
  }
  .fr {
    font-stretch: condensed;
  }
  .fse,
  .section-title h3 {
    font-stretch: semi-condensed;
  }
  .fe {
    font-stretch: normal;
  }
  button.button-fat,
  input[type="button"].button-fat,
  input[type="submit"].button-fat,
  input[type="reset"].button-fat,
  input[type="image"].button-fat,
  .button.button-fat {
    font-stretch: condensed;
  }
  .page-padding,
  article.small-entry,
  article.list-entry,
  .more-link,
  .hue-calendar-load-more,
  .hue-posts-load-more,
  .event-load-more,
  .pressestimmen-list,
  .pressestimmen-list  .pressestimme,
  .calendar-filter-row {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .header-link {
    margin-left: 0.5em;
  }
  .menu-toggle {
    right: 0.5em;
  }
  .calendar-filter-row .reset-filter {
    right: 0.5em;
  }
  article .sidebar-content {
    right: 0.5em;
  }
  .box-content,
  .gdesc-inner,
  .box-content,
  .gdesc-inner,
  .hue-slideshow.single-image.boxed {
    padding-left: 0.5em;
    padding-right: 0.5em;
    max-width: 100%;
  }
  .tab-group.integrated .tab-group-pages:before,
  .tab-group.integrated .tab-group-pages:after {
    max-width: calc(100% - 0.5em);
  }
  article .sidebar-content {
    top: calc(48px + 0.5em);
  }
  .ticket-alert-popup {
    padding: 0 1.1em;
  }
  .ticket-alert-popup .scroller {
    width: 100%;
  }
  .navigation .nav-links {
    height: 4em;
    padding: 0;
  }
  .navigation .nav-links .page-numbers.prev,
  .navigation .nav-links .page-numbers.next {
    top: 2.3em;
  }
  .hue-calendar-nav {
    padding: 0px 5em;
  }
  .hue-calendar-nav .cal-nav {
    width: 4em;
  }
  .hue-calendar-nav .cal-nav.prev {
    left: 2vw;
  }
  .hue-calendar-nav .cal-nav.prev {
    right: 2vw;
  }
  .hue-calendar-nav .cal-nav .default {
    padding-top: 1.2em;
  }
  .calendar-filter-row .filter-group {
    grid-template-columns: 100%;
    grid-row-gap: 0.5em;
  }
  .calendar-filter-row .filter .title {
    width: 20%;
    padding-top: 0.5em;
  }
  .calendar-filter-row .filter .options {
    width: 80%;
  }
  .calendar-filter-row .reset-filter {
    padding-top: 6.3em;
    width: 50px;
  }
}
@media screen and (max-width: 511px) {
  .hide-mobile {
    display: none;
  }
  .header-back {
    display: none;
  }
  article.event.small-entry .mid-row {
    grid-template-columns: minmax(5em,100%);
  }
  article.event.small-entry .mid-row .day-col {
    order: 1;
  }
  article.event.small-entry .mid-row .time-col {
    order: 3;
    grid-row: auto;
    text-align: center;
  }
  article.event.small-entry .mid-row .location-col {
    order: 2;
  }
  article.event.small-entry .mid-row .price-info-col {
    order: 4;
    grid-row: auto;
  }
  article.event.small-entry .mid-row .ticket-col {
    order: 5;
    grid-row: auto;
    text-align: center;
  }
  .rollen .rolle {
    grid-template-columns: minmax(1em,1fr) minmax(1em,2fr);
  }
  section.spielstaetten-map .map-data {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media screen and (max-width: 359px) {
  .grid-container .grid-element {
    width: 100%;
  }
  .grid-container[data-element-count="1"] {
    width: 100%;
  }
  .grid-container[data-element-count="1"] .grid-element {
    width: 100%;
  }
  .grid-container[data-element-count="2"] {
    width: 100%;
  }
  .grid-container[data-element-count="2"] .grid-element {
    width: 100%;
  }
  .grid-container[data-element-count="3"] {
    width: 100%;
  }
  .grid-container[data-element-count="3"] .grid-element {
    width: 100%;
  }
  .abo-page .abo-category-row .price {
    width: 4.5em;
  }
}