@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lustria&display=swap);
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@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;
}
:root {
  --swiper-theme-color: #007aff ;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff ;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000 ;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.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);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff ;
}

.swiper-pagination-black {
  --swiper-pagination-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);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-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 > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     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 var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

.wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article > h1, article.article > h2, article.article .df-slider,
article.article .wp-block-columns,
article.article .content h2,
article.article .content ol,
article.article .content ul:not(.gform_fields),
article.article .content p,
article.article .content > figure,
article.article .wp-block-group__inner-container > figure,
article.article .team,
article.article .alignwide,
article.article .wp-block-button,
article.article h3,
article.article h4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
@media (max-width: 374px) {
  .wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article > h1, article.article > h2, article.article .df-slider,
  article.article .wp-block-columns,
  article.article .content h2,
  article.article .content ol,
  article.article .content ul:not(.gform_fields),
  article.article .content p,
  article.article .content > figure,
  article.article .wp-block-group__inner-container > figure,
  article.article .team,
  article.article .alignwide,
  article.article .wp-block-button,
  article.article h3,
  article.article h4 {
    padding: 0 20px !important;
  }
}
@media (min-width: 375px) and (max-width: 959px) {
  .wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article > h1, article.article > h2, article.article .df-slider,
  article.article .wp-block-columns,
  article.article .content h2,
  article.article .content ol,
  article.article .content ul:not(.gform_fields),
  article.article .content p,
  article.article .content > figure,
  article.article .wp-block-group__inner-container > figure,
  article.article .team,
  article.article .alignwide,
  article.article .wp-block-button,
  article.article h3,
  article.article h4 {
    padding: 0 30px !important;
  }
}
.wrapContent.alignwide, div.alignwide:has(> .event-categories__inner), .alignwide.contactperson, .alignwide.df-halle,
article.article .content h2.alignwide,
article.article .content ol.alignwide,
article.article .content ul.alignwide:not(.gform_fields),
article.article .content p.alignwide,
article.article .content > figure.alignwide,
article.article .wp-block-group__inner-container > figure.alignwide,
article.article .alignwide {
  margin: 0 auto;
}

.checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
.checklist-simple {
  padding-left: 0;
  list-style-type: none;
  position: relative;
}
.checklist li, .df-halle .halleSingle .halleInner .halleText ul li, article.article .wp-block-column ul:not(.gform_fields) li,
.checklist-simple li {
  padding-left: 32px;
  position: relative;
}
.checklist li::before, .df-halle .halleSingle .halleInner .halleText ul li::before, article.article .wp-block-column ul:not(.gform_fields) li::before,
.checklist-simple li::before {
  position: absolute;
  left: 0;
  content: "";
  background-image: url("../images/icon-checklist.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 17.5px;
  height: 17.5px;
  transform: translate(0, 0);
}

.checklist-simple li::before {
  background-image: url("../icon-checklist-simple.svg");
}

.checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
.list {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
  .list {
    padding-left: 0 !important;
  }
}
.checklist li, .df-halle .halleSingle .halleInner .halleText ul li, article.article .wp-block-column ul:not(.gform_fields) li,
.list li {
  list-style-type: none;
}
.checklist li.subheadline, .df-halle .halleSingle .halleInner .halleText ul li.subheadline, article.article .wp-block-column ul:not(.gform_fields) li.subheadline,
.list li.subheadline {
  font-weight: bold;
  margin: 1em;
}
.checklist li.subheadline::before, .df-halle .halleSingle .halleInner .halleText ul li.subheadline::before, article.article .wp-block-column ul:not(.gform_fields) li.subheadline::before,
.list li.subheadline::before {
  display: none;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

.typography a, article a {
  color: black;
}
.typography a:hover, article a:hover {
  text-decoration: none;
}
.typography b, article b,
.typography strong,
article strong {
  font-weight: var(--ff-copy-bold);
}
.typography i, article i,
.typography em,
article em {
  font-style: italic;
}
.typography blockquote, article blockquote,
.typography pre,
article pre {
  padding: 8px 10px;
}
.typography blockquote, article blockquote {
  padding: 1.5rem 0 1.5rem 1.5rem;
  font-size: 1.2rem;
  margin: 2.5rem 0;
}
.typography blockquote p:last-child, article blockquote p:last-child {
  margin: 0;
}
.typography figure, article figure,
.typography dd,
article dd,
.typography dt,
article dt,
.typography ul,
article ul,
.typography ol,
article ol,
.typography p,
article p {
  margin: 0 0 1em 0;
  line-height: 1.6;
}
.typography figure:last-child, article figure:last-child,
.typography dd:last-child,
article dd:last-child,
.typography dt:last-child,
article dt:last-child,
.typography ul:last-child,
article ul:last-child,
.typography ol:last-child,
article ol:last-child,
.typography p:last-child,
article p:last-child {
  margin-bottom: 0;
}
.typography .abstract, article .abstract {
  font-weight: bold;
  color: var(--c-grau);
}
@media (min-width: 560px) {
  .typography .abstract, article .abstract {
    font-size: 1.25rem;
  }
}
.typography p:last-child, article p:last-child {
  margin-bottom: 0;
}
.typography ul:not(.gform_fields), article ul:not(.gform_fields) {
  list-style-type: circle;
  padding-left: 1em;
}
.typography ul:not(.gform_fields) li, article ul:not(.gform_fields) li {
  margin-top: 10px;
}
.typography ul:not(.gform_fields) li:nth-child, article ul:not(.gform_fields) li:nth-child {
  margin: 0;
}
.typography ul:not(.gform_fields) ul, article ul:not(.gform_fields) ul {
  margin-left: 1em;
}
.typography ol li, article ol li {
  list-style-type: decimal;
  margin-left: 30px;
  margin-bottom: 1em;
}
.typography ul:not(.gform_fields), article ul:not(.gform_fields),
.typography ol,
article ol {
  margin: 1em 0;
  line-height: 1.4;
}
.typography caption, article caption,
.typography h1,
article h1,
.typography h2,
article h2,
.typography h3,
article h3,
.typography h4,
article h4,
.typography h5,
article h5 {
  margin: 2em 0 0.5em;
  line-height: 1.4;
  font-family: var(--ff-head);
  letter-spacing: 0.1em;
  -webkit-hyphens: auto;
          hyphens: auto;
  font-weight: 300;
}
.typography caption strong, article caption strong,
.typography caption span,
article caption span,
.typography h1 strong,
article h1 strong,
.typography h1 span,
article h1 span,
.typography h2 strong,
article h2 strong,
.typography h2 span,
article h2 span,
.typography h3 strong,
article h3 strong,
.typography h3 span,
article h3 span,
.typography h4 strong,
article h4 strong,
.typography h4 span,
article h4 span,
.typography h5 strong,
article h5 strong,
.typography h5 span,
article h5 span {
  font-weight: 600;
}
.typography caption a, article caption a,
.typography h1 a,
article h1 a,
.typography h2 a,
article h2 a,
.typography h3 a,
article h3 a,
.typography h4 a,
article h4 a,
.typography h5 a,
article h5 a {
  text-decoration: none;
}
.typography caption:first-child, article caption:first-child,
.typography h1:first-child,
article h1:first-child,
.typography h2:first-child,
article h2:first-child,
.typography h3:first-child,
article h3:first-child,
.typography h4:first-child,
article h4:first-child,
.typography h5:first-child,
article h5:first-child {
  margin-top: 0;
}
.typography h1, article h1 {
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .typography h1, article h1 {
    font-size: 2.5rem;
  }
}
.typography h2, article h2 {
  font-size: 1.375rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .typography h2, article h2 {
    font-size: 2.1875rem;
  }
}
.typography caption, article caption,
.typography h3,
article h3 {
  font-weight: 600;
  font-size: 1.125rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .typography caption, article caption,
  .typography h3,
  article h3 {
    font-size: 1.5625rem;
  }
}
.typography h4, article h4,
.typography h5,
article h5 {
  font-weight: 300;
  font-size: 1.2em;
}
.typography h4 strong, article h4 strong,
.typography h5 strong,
article h5 strong {
  font-weight: 600;
}
.typography h1 + *, article h1 + *,
.typography h2 + *,
article h2 + *,
.typography h3 + *,
article h3 + *,
.typography .coltop + h1,
article .coltop + h1,
.typography .coltop + h2,
article .coltop + h2,
.typography .coltop + h3,
article .coltop + h3,
.typography .coltop + h4,
article .coltop + h4,
.typography .coltop + h5,
article .coltop + h5,
.typography a[name=copytop] + h1,
article a[name=copytop] + h1,
.typography a[name=copytop] + h2,
article a[name=copytop] + h2,
.typography a[name=copytop] + h3,
article a[name=copytop] + h3,
.typography a[name=copytop] + h4,
article a[name=copytop] + h4,
.typography a[name=copytop] + h5,
article a[name=copytop] + h5 {
  margin-top: 0;
}
.typography .wp-caption p, article .wp-caption p {
  font-size: 0.8em;
  margin: 0.5em 0 1em 0;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

html {
  zoom: 100%;
  box-sizing: border-box;
}
html * {
  box-sizing: border-box;
}
@media (max-width: 767px) {
  html {
    font-size: 0.88em;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: var(--ff-copy);
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
@media (min-width: 1140px) {
  body {
    font-size: 16px;
  }
}

.wrap {
  overflow: hidden;
  max-width: 940px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

#wrapall {
  margin: 0 auto;
}

.page-template-page-contact #wrapall + footer {
  margin-top: 2px !important;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

.col {
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .col {
    width: 470px;
    margin-bottom: 20px;
    float: left;
    margin-left: 20px;
  }
  .col.span2 {
    width: 960px;
    margin-left: 0;
    float: none;
  }
}
.col p:last-child {
  margin-bottom: 0 !important;
}
.col.first {
  clear: both;
  margin-left: 0;
}

.col3 {
  padding: 0 30px;
}
@media (min-width: 960px) {
  .col3 {
    padding: 0;
    width: 306.6666666667px;
    margin-bottom: 20px;
    float: left;
    margin-left: 20px;
  }
  .col3.span2 {
    width: 633.3333333333px;
  }
}
.col3 p:last-child {
  margin-bottom: 0 !important;
}
.col3.first {
  clear: both;
  margin-left: 0;
}

.col4 {
  padding: 0 30px;
}
@media (min-width: 960px) {
  .col4 {
    padding: 0;
    width: 225px;
    margin-bottom: 20px;
    float: left;
    margin-left: 20px;
  }
  .col4.span2 {
    width: 470px;
  }
  .col4.span3 {
    width: 715px;
  }
}
.col4 p:last-child {
  margin-bottom: 0 !important;
}
.col4.first {
  clear: both;
  margin-left: 0;
}

.wide .col {
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .wide .col {
    width: 470px;
    margin-bottom: 20px;
    float: left;
    margin-left: 20px;
  }
  .wide .col.span2 {
    width: 960px;
    margin-left: 0;
    float: none;
  }
}
.wide .col p:last-child {
  margin-bottom: 0 !important;
}
.wide .col.first {
  clear: both;
  margin-left: 0;
}
.wide .col3 {
  padding: 0 30px;
}
@media (min-width: 960px) {
  .wide .col3 {
    padding: 0;
    width: 306.6666666667px;
    margin-bottom: 20px;
    float: left;
    margin-left: 20px;
  }
  .wide .col3.span2 {
    width: 633.3333333333px;
  }
}
.wide .col3 p:last-child {
  margin-bottom: 0 !important;
}
.wide .col3.first {
  clear: both;
  margin-left: 0;
}
.wide .col4 {
  padding: 0 30px;
}
@media (min-width: 960px) {
  .wide .col4 {
    padding: 0;
    width: 225px;
    margin-bottom: 20px;
    float: left;
    margin-left: 20px;
  }
  .wide .col4.span2 {
    width: 470px;
  }
  .wide .col4.span3 {
    width: 715px;
  }
}
.wide .col4 p:last-child {
  margin-bottom: 0 !important;
}
.wide .col4.first {
  clear: both;
  margin-left: 0;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

.question,
.tipp,
.infobox {
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  margin: 0 0 1em 0;
  background: var(--c-grau-hell);
  color: var(--c-copy);
}
.question ul:last-child,
.question ul:last-child li:last-child,
.question p:last-child,
.tipp ul:last-child,
.tipp ul:last-child li:last-child,
.tipp p:last-child,
.infobox ul:last-child,
.infobox ul:last-child li:last-child,
.infobox p:last-child {
  margin-bottom: 0;
}
.question .boxtop + h1,
.question .boxtop + h2,
.question .boxtop + h3,
.tipp .boxtop + h1,
.tipp .boxtop + h2,
.tipp .boxtop + h3,
.infobox .boxtop + h1,
.infobox .boxtop + h2,
.infobox .boxtop + h3 {
  margin-top: 0;
}
.question p:last-child,
.tipp p:last-child,
.infobox p:last-child {
  margin-bottom: 0 !important;
}
.question:last-child,
.tipp:last-child,
.infobox:last-child {
  margin-bottom: 0;
}
.question.bold,
.tipp.bold,
.infobox.bold {
  background: var(--c-link);
  color: white;
}
.question.bold h1, .question.bold h2, .question.bold h3, .question.bold h4,
.tipp.bold h1,
.tipp.bold h2,
.tipp.bold h3,
.tipp.bold h4,
.infobox.bold h1,
.infobox.bold h2,
.infobox.bold h3,
.infobox.bold h4 {
  color: white;
}
.question.bold a,
.tipp.bold a,
.infobox.bold a {
  color: white;
}
.question.bold a:hover,
.tipp.bold a:hover,
.infobox.bold a:hover {
  color: white;
}

.question,
.tipp {
  background: var(--c-grau-hell);
}

.question {
  cursor: pointer;
}

.answer {
  display: none;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

@media screen and (min-width: 850px) {
  .jPanelMenu-panel {
    display: none;
  }
}

@keyframes kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
#headerSpacer {
  height: 100px;
  width: 100%;
}
@media (min-width: 768px) {
  #headerSpacer {
    height: 120px;
  }
}

body.admin-bar header {
  top: 32px;
}

header {
  background: black;
  position: relative;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
  margin: 0;
  padding: 17px 0;
  height: 100px;
  font-family: var(--ff-head);
}
@media (min-width: 768px) {
  header {
    padding: 17px 0 22px;
    height: 120px;
  }
}
header .wrap {
  max-width: none;
  padding: 0 20px;
  overflow: visible;
}
@media (min-width: 1500px) {
  header .wrap {
    padding: 0;
    width: 1460px;
  }
}
header #nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header #nav a {
  text-decoration: none;
}
header #nav a img {
  width: 140px;
}
@media (min-width: 768px) {
  header #nav a img {
    width: 175px;
  }
}
header #nav nav a {
  color: white;
}
@media (max-width: 1023px) {
  header #nav nav {
    display: none;
  }
}
header #nav nav > ul {
  display: flex;
}
header #nav nav > ul > li {
  margin-left: 38px;
  padding: 0.5em 0 0.2em;
  position: relative;
}
header #nav nav > ul > li:first-child {
  margin: 0;
}
header #nav nav > ul > li > a {
  text-transform: uppercase;
  padding-bottom: 0.3em;
}
header #nav nav > ul > li > ul {
  display: none;
}
header #nav nav > ul > li:hover > a {
  border-bottom: solid 2px white;
}
header #nav nav > ul > li:hover > ul {
  display: block;
  position: absolute;
  left: -2em;
  top: calc(2em + 2px);
  padding: 1em;
  border-top: solid 8px black;
  background: black;
  min-width: 240px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
}
header #nav nav > ul > li:hover > ul > li {
  padding: 0 0 2px;
}
header #nav nav > ul > li:hover > ul > li a {
  white-space: nowrap;
  display: block;
  padding: 0.6em 0.8em;
  color: white;
  transition: 500ms;
  border-bottom: solid 2px black;
  text-transform: uppercase;
}
header #nav nav > ul > li:hover > ul > li a:hover {
  background-color: #3d3c3c;
  transition: 500ms;
}
header #nav .spacer {
  display: block;
  width: 30px;
}
@media (min-width: 768px) {
  header #nav .spacer {
    display: none;
  }
}
header #nav .search-tickets {
  display: flex;
  align-items: stretch;
}
@media (max-width: 1279px) {
  header #nav .search-tickets .search-form,
  header #nav .search-tickets .spacer {
    display: none;
  }
}
header #nav .search-tickets .button {
  min-height: 100%;
}
header #nav .search-form {
  display: flex;
  background: white;
  justify-content: space-between;
  margin-right: 1em;
  min-height: 100%;
  box-sizing: unset;
  padding: 0 0.5em;
}
@media (max-width: 767px) {
  header #nav .search-form {
    display: none;
  }
}
header #nav .search-form input {
  width: 12em;
  box-sizing: unset;
  height: 1em;
  display: inline-block;
  padding: 0.8em;
  font-size: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  color: black;
  font-family: var(--ff-head);
  line-height: 1;
  border: none;
  text-transform: uppercase;
  flex-grow: 1;
}
header #nav .search-form input::-moz-placeholder, header #nav .search-form input ::-moz-placeholder {
  color: #808080;
}
header #nav .search-form input:placeholder, header #nav .search-form input::placeholder,
header #nav .search-form input ::placeholder {
  color: #808080;
}
header #nav .search-form button {
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0.5em 0 0;
  background: none;
  border: none;
  width: auto;
}
header #nav .search-form button img {
  width: 1.6em;
}
header #nav .get-tickets {
  width: 100px;
}
@media (min-width: 768px) {
  header #nav .get-tickets {
    width: 161px;
  }
}
header #rwd_menu_link {
  display: none;
  cursor: pointer;
}
@media (max-width: 1023px) {
  header #rwd_menu_link {
    display: block;
    position: fixed;
    z-index: 2;
    right: 20px;
    bottom: 20px;
    border: solid 6px black;
    background: black;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  header #rwd_menu_link span {
    transition: 500ms;
    position: absolute;
    left: 50%;
    top: 8px;
    width: 100%;
    height: 0;
    border-top: solid 3px white;
    transform-origin: center;
    transform: translate(-50%, 0);
  }
  header #rwd_menu_link span + span {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  header #rwd_menu_link span + span + span {
    top: auto;
    bottom: 8px;
    transform: translate(-50%, 0);
  }
  header #rwd_menu_link.open span {
    top: 50%;
    transform: translate(-50%, -50%) rotate(225deg);
  }
  header #rwd_menu_link.open span + span {
    opacity: 0;
  }
  header #rwd_menu_link.open span + span + span {
    opacity: 1;
    bottom: 50%;
    transform: translate(-50%, -50%) rotate(-225deg);
  }
}
header #mobile_menu {
  display: none;
  transform: translateX(100%);
  transition: transform 400ms;
}
@media (max-width: 1023px) {
  header #mobile_menu {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 280px;
    height: 100%;
    background: black;
  }
}
header #mobile_menu.open {
  transform: translateX(0);
}
header #mobile_menu img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  width: 160px;
}
header #mobile_menu > a {
  position: absolute;
  left: 25px;
  font-size: 1.3em;
  bottom: 20px;
  padding: 10px 14px;
  width: 140px;
}
header #mobile_menu > ul {
  padding: 0 40px;
  position: absolute;
  left: 0px;
  bottom: 75px;
  transform: translate(0, 0);
}
header #mobile_menu > ul li {
  margin: 0.7em 0;
}
header #mobile_menu > ul > li > a {
  display: block;
  font-size: 1.3em;
  text-transform: uppercase;
}
header #mobile_menu > ul > li > ul {
  margin-bottom: 1.3em;
}
header #mobile_menu > ul > li > ul > li > a {
  font-size: 1.1em;
}
header #mobile_menu > ul a {
  color: white;
  text-decoration: none;
  font-family: var(--ff-head);
}

/************************************************************************************************/
@keyframes fixed {
  0% {
    top: -200px;
  }
  100% {
    top: -60px;
  }
}
@media (min-width: 960px) {
  body.fixed header {
    position: fixed;
    width: 100% !important;
    max-width: 1280px;
    transition: all 1s;
    top: -60px;
    animation: fixed 1s;
  }
  body.fixed section#content {
    padding-top: 167px;
  }
}

.events-archive {
  max-width: 1420px;
  margin: 20px 0 0;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .events-archive {
    margin: 20px auto;
    transform: translateX(-10px);
  }
}
.events-archive h2 {
  margin-left: 20px;
  margin-bottom: 1em;
  text-align: center;
}
.events-archive .event {
  width: 100%;
  background: var(--c-grau-hell);
  display: flex;
  margin: 0 0 20px;
  transition: 500ms;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.events-archive .event:hover {
  transform: translateY(-5px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .events-rows {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .events-rows .month {
    width: 100%;
  }
}
.events-rows .month > div {
  display: flex;
  flex-wrap: wrap;
}
.events-rows .month h2 {
  width: 100%;
}
@media (min-width: 768px) {
  .events-rows .month .event {
    width: calc(50% - 10px);
    margin-right: 0;
    min-height: 177px;
  }
  .events-rows .month .event.mod21 {
    margin-right: 20px;
  }
}
.events-rows .month .event h3 {
  padding: 0 !important;
}
.events-rows .month .event .img {
  width: 200px;
  display: flex;
  flex-direction: column;
}
.events-rows .month .event .img a.img {
  flex-grow: 1;
}
.events-rows .month .event .img a.img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.events-rows .month .event .img span.day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  background: black;
  color: white;
  height: 73px;
  font-size: 45px;
}
.events-rows .month .event .img .button {
  display: none;
}
.events-rows .month .event .details {
  position: relative;
  flex-grow: 1;
  padding: 10px 30px;
}
.events-rows .month .event .details h3 {
  margin-top: 0;
}
.events-rows .month .event .details .date {
  display: none;
}
.events-rows .month .event .details .button.ticket-url {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.events-grid h2 {
  margin-top: 1em !important;
}
.events-grid .debug {
  position: absolute;
  z-index: 1986;
  left: 4;
  top: 4;
  display: flex;
  padding: 4px;
  gap: 2px;
  font-family: monospace;
  font-size: 0.9em;
}
.events-grid .debug span {
  padding: 4px;
  background: #000000;
  color: white;
}
.events-grid .debug span.highlight {
  background: #b71515;
}
@media (min-width: 768px) {
  .events-grid .month > div {
    display: flex;
    flex-wrap: wrap;
  }
}
.events-grid.single-col .event {
  width: 100% !important;
  margin: 0 0 20px 0 !important;
}
.events-grid .event {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .events-grid .event {
    width: calc(33.333% - 20px);
    margin: 0 0 20px 20px;
  }
}
@media (min-width: 1024px) {
  .events-grid .event {
    width: calc(25% - 20px);
    margin: 0 0 20px 20px;
  }
}
.events-grid .event a {
  color: black;
  text-decoration: none;
}
.events-grid .event .button.details {
  display: none;
}
.events-grid .event .button.ticket-url {
  background: white;
  color: black;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.events-grid .event .button.ticket-url.soldout {
  background: white;
  color: #8a8a8a;
}
.events-grid .event .button.ticket-url.invers {
  background: black;
  color: white;
  border: 1px #cacaca;
}
.events-grid .event div.img {
  flex-shrink: 0;
  width: 100%;
  padding-bottom: 56%;
}
.events-grid .event div.img.button.ticket-url {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.events-grid .event div.img a.img {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.events-grid .event div.img a.img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.events-grid .event div.img span.day {
  display: none;
}
.events-grid .event > div {
  position: relative;
}
.events-grid .event .details {
  flex-grow: 1;
  padding: 2.5em 1.2em 1.2em;
}
.events-grid .event .details > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.events-grid .event .details h3 {
  flex-grow: 1;
  text-transform: none;
  font-family: var(--ff-head);
  font-size: 18px;
  color: black;
  color: black;
  margin: 0;
  font-weight: var(--ff-semibold);
}
@media (min-width: 1280px) {
  .events-grid .event .details h3 {
    font-size: 22px;
  }
}
.events-grid .event .details h3 a {
  color: black;
}
.events-grid .event .details p {
  color: black;
}
@media (min-width: 1280px) {
  .events-grid .event .details p {
    font-size: 18px;
  }
}
.events-grid .event .details p.canceledEtc, .events-grid .event .details p.date {
  margin: 1em 0;
}
.events-grid .event .details p.canceledEtc.postponed, .events-grid .event .details p.date.postponed {
  font-size: 0.75em;
}
.events-grid .event .details p.canceledEtc.canceledEtc, .events-grid .event .details p.date.canceledEtc {
  display: inline-block;
  font-family: var(--ff-head);
  padding: 0.3em 1.2em;
  background: black;
  color: white;
}
.events-grid .event .details p.description {
  padding: 0 1em 1em;
  font-size: 15px;
  font-family: var(--ff-head);
}
.events-grid .event .details p:last-child {
  margin-bottom: 0;
}
.events-grid .event .details .button {
  display: none;
  width: auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .events-grid .event.highlight.mod31:not(.force1), .events-grid .event.highlight.mod30:not(.force1), .events-grid .event.highlight.force2:not(.force1), .events-grid .event.highlight.force3:not(.force1) {
    width: calc(66.666% - 20px);
  }
  .events-grid .event.highlight.mod31:not(.force1) .details, .events-grid .event.highlight.mod30:not(.force1) .details, .events-grid .event.highlight.force2:not(.force1) .details, .events-grid .event.highlight.force3:not(.force1) .details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .events-grid .event.highlight.mod31:not(.force1) .details > div, .events-grid .event.highlight.mod30:not(.force1) .details > div, .events-grid .event.highlight.force2:not(.force1) .details > div, .events-grid .event.highlight.force3:not(.force1) .details > div {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 1.2em;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .events-grid .event.highlight.mod41 .img .button, .events-grid .event.highlight.mod42 .img .button, .events-grid .event.highlight.mod43 .img .button {
    display: none;
  }
  .events-grid .event.highlight.mod41 .details, .events-grid .event.highlight.mod42 .details, .events-grid .event.highlight.mod43 .details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .events-grid .event.highlight.mod41 .details > div, .events-grid .event.highlight.mod42 .details > div, .events-grid .event.highlight.mod43 .details > div {
    height: 100%;
    display: block;
    flex-direction: column;
    justify-content: space-between;
  }
  .events-grid .event.highlight.mod41 .details .button, .events-grid .event.highlight.mod42 .details .button, .events-grid .event.highlight.mod43 .details .button {
    display: inline-block !important;
    position: static;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .events-grid .event.highlight.mod41 .details .button:hover, .events-grid .event.highlight.mod42 .details .button:hover, .events-grid .event.highlight.mod43 .details .button:hover {
    transform: none;
    animation: none;
  }
  .events-grid .event.highlight.force2, .events-grid .event.highlight:not(.force1):not(.force3):not(.mod42):not(.mod40):not(.mod41):not(.mod43).mod20, .events-grid .event.highlight:not(.force1):not(.force3).mod42 {
    flex-direction: column;
    width: calc(50% - 20px);
  }
  .events-grid .event.highlight.force2 div.img, .events-grid .event.highlight:not(.force1):not(.force3):not(.mod42):not(.mod40):not(.mod41):not(.mod43).mod20 div.img, .events-grid .event.highlight:not(.force1):not(.force3).mod42 div.img {
    width: 100%;
    padding-bottom: 56%;
    flex-shrink: 0;
  }
  .events-grid .event.highlight.force2 .details, .events-grid .event.highlight:not(.force1):not(.force3):not(.mod42):not(.mod40):not(.mod41):not(.mod43).mod20 .details, .events-grid .event.highlight:not(.force1):not(.force3).mod42 .details {
    flex-direction: row;
    padding: 1.2em;
    align-items: center;
  }
  .events-grid .event.highlight.force2 .details > div, .events-grid .event.highlight:not(.force1):not(.force3):not(.mod42):not(.mod40):not(.mod41):not(.mod43).mod20 .details > div, .events-grid .event.highlight:not(.force1):not(.force3).mod42 .details > div {
    width: 50%;
  }
  .events-grid .event.highlight.force3, .events-grid .event.highlight:not(.force1):not(.force2).mod41 {
    flex-direction: row;
    width: calc(75% - 20px);
  }
  .events-grid .event.highlight.force3 div.img, .events-grid .event.highlight:not(.force1):not(.force2).mod41 div.img {
    width: 670px;
    padding-bottom: 376px;
    flex-shrink: 0;
  }
  .events-grid .event.highlight.force3 .details, .events-grid .event.highlight:not(.force1):not(.force2).mod41 .details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
.events-grid .seperator {
  cursor: pointer;
  flex-grow: 1;
  width: auto;
  margin: 0 0 0 20px;
  background: url("../images/Event-Arrow.svg") no-repeat center center;
}

.event-detail h3 {
  text-transform: none;
  letter-spacing: 0;
}
.event-detail .titel {
  text-align: center;
  padding: 0 30px;
}
.event-detail .titel h1 {
  margin-top: 56px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .event-detail .titel h1 {
    margin-top: 70px;
    font-size: 35px;
  }
}
.event-detail .titel h1 + span + h2 {
  margin-top: 0;
  font-family: var(--ff-copy);
  font-weight: normal;
  letter-spacing: 0;
  font-size: 28px;
  text-transform: none;
}
@media (min-width: 768px) {
  .event-detail .titel h1 + span + h2 {
    font-size: 35px;
  }
}
.event-detail .image-details {
  margin-top: 1em;
  background: var(--c-grau-hell);
  text-align: center;
}
@media (min-width: 600px) {
  .event-detail .image-details {
    display: flex;
    align-items: stretch;
  }
}
.event-detail .image-details .image {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: black;
  position: relative;
}
@media (min-width: 600px) {
  .event-detail .image-details .image {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .event-detail .image-details .image {
    width: 60%;
  }
}
.event-detail .image-details .image__cropped {
  position: relative;
  width: 100%;
  padding-bottom: 56%;
  z-index: 2;
}
.event-detail .image-details .image__cropped > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.event-detail .image-details .image__cropped + img {
  position: absolute;
  z-index: 1;
  opacity: 0.8;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%) scale(2.46);
  filter: blur(12px);
  -o-object-fit: cover;
     object-fit: cover;
}
.event-detail .image-details .details {
  flex-shrink: 1;
  flex-grow: 1;
  padding: 21px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1280px) {
  .event-detail .image-details .details {
    padding: 42px 21px;
  }
}
.event-detail .image-details .details > div {
  margin: 0 0 1em;
}
.event-detail .image-details .details > div p {
  margin: 0 0 0.7em;
}
.event-detail .image-details .details > div p.date {
  font-family: var(--ff-head);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
@media (min-width: 1024px) {
  .event-detail .image-details .details > div p.date {
    font-size: 25px;
  }
}
.event-detail .image-details .details > div strong {
  font-family: var(--ff-head);
}
.event-detail .description-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
}
.event-detail .cross > .event .details {
  background: var(--c-grau-hell);
}
.event-detail .description-cross {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .event-detail .description-cross {
    padding: 0 30px;
  }
}
.event-detail .description-cross .cross {
  display: none;
}
.event-detail .description-cross .divider {
  margin-top: 0;
  margin-left: 0;
  border-color: var(--c-grau-hell);
}
@media (min-width: 768px) {
  .event-detail .description-cross {
    padding: 0 40px;
    display: flex;
  }
  .event-detail .description-cross .description {
    flex-grow: 1;
  }
  .event-detail .description-cross .cross {
    flex-shrink: 0;
    margin-top: 2em;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .event-detail .description-cross .cross {
    display: block;
    width: 240px;
    margin-left: 40px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 1024px) {
  .event-detail .description-cross .cross {
    width: 340px;
  }
}
.event-detail .description-cross .ticket-url,
.event-detail .description-cross .notice {
  margin: 2em 0;
}
.event-detail .description-cross .ticket-url.notice,
.event-detail .description-cross .notice.notice {
  background: var(--c-grau-hell);
  padding: 20px 15px 17px;
}
.event-detail .description-cross .ticket-url p.hinweis,
.event-detail .description-cross .notice p.hinweis {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.event-detail .description-cross .ticket-url p.hinweis img,
.event-detail .description-cross .ticket-url p.hinweis svg,
.event-detail .description-cross .notice p.hinweis img,
.event-detail .description-cross .notice p.hinweis svg {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 32px;
}
.event-detail .description-cross .ticket-url p.hinweis a,
.event-detail .description-cross .ticket-url p.hinweis span,
.event-detail .description-cross .notice p.hinweis a,
.event-detail .description-cross .notice p.hinweis span {
  flex-grow: 1;
  margin-left: 1em;
}
.event-detail .description-cross .ticket-url.button,
.event-detail .description-cross .notice.button {
  line-height: 1;
  margin: 0;
}
.event-detail .description-more .divider {
  margin-top: 0;
  margin-left: 0;
}
.event-detail .description-more a {
  font-family: var(--ff-head);
  text-decoration: none;
}

.description-cross.bottom .cross {
  display: none;
}
@media (max-width: 767px) {
  .description-cross.bottom .cross {
    display: block;
  }
}

.description-links a {
  display: inline-block;
  vertical-align: middle;
  margin: 0em 1em 1em 0;
}
.description-links a img {
  height: 32px;
  width: auto;
}
.description-links a img.youtube {
  width: 40px;
  height: auto;
}

.event-search {
  width: 100%;
  margin: 0 auto;
  background: white;
  padding: 30px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  display: block;
}
@media (min-width: 768px) {
  .event-search {
    width: calc(100% - 80px);
  }
}
@media (min-width: 1080px) {
  .event-search {
    max-width: 1040px;
  }
}
.event-search.front {
  display: block;
}
@media (min-width: 768px) {
  .event-search.front {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: 9999;
  }
}
.event-search.front > div {
  width: 100%;
}
.event-search.front form {
  width: 100%;
}
@media (min-width: 768px) {
  .event-search.front input,
  .event-search.front select,
  .event-search.front .button {
    width: calc(25% - 5.25px);
    margin-right: 7px;
    height: 55px;
    max-width: none !important;
  }
}
@media (max-width: 767px) {
  .event-search {
    margin: 4px;
  }
}
@media (min-width: 768px) and (max-width: 1040px) {
  .event-search {
    margin: 0 20px;
  }
}
@media (min-width: 768px) {
  .event-search {
    display: flex;
    justify-content: space-between;
  }
  .event-search > div, .event-search > div > form {
    display: flex;
  }
}
.event-search input,
.event-search select,
.event-search .button {
  width: 100%;
  height: 47px;
  margin: 0 0 7px;
}
.event-search input[type=text] {
  background: white url("../images/Calendar.png") no-repeat right 10px center;
  background-size: 24px 24px;
}
@media (min-width: 768px) {
  .event-search input,
  .event-search select,
  .event-search .button {
    width: 170px;
    height: 55px;
    max-width: 170px;
    margin: 0 7px 0 0;
    height: 55px;
  }
}
.event-search a.switch {
  cursor: pointer;
  display: none;
  width: 55px;
  height: 55px;
  padding: 14px 0 0 13px;
  margin-left: 7px;
  background: black;
}
@media (min-width: 768px) {
  .event-search a.switch {
    display: block;
  }
}
.event-search a.switch img {
  opacity: 0.5;
}
.event-search a.switch:hover img, .event-search a.switch.active img {
  opacity: 1;
}

.lokEventSlider {
  padding: 54px 20px;
  background: url("../images/Wand.jpg") no-repeat center;
  background-size: cover;
}
@media (min-width: 1024px) {
  .lokEventSlider {
    padding: 54px 20px 54px 0;
  }
}
.lokEventSlider .swiper-slide {
  height: auto;
}

.events-rows .event {
  min-height: 124px !important;
}

@media (max-width: 1279px) {
  .events-rows .event .img {
    width: 168px !important;
  }
}
@media (max-width: 1111px) {
  .events-rows .event .img {
    width: 124px !important;
  }
}
@media (max-width: 768px) {
  .events-rows .event .img {
    width: 100px !important;
  }
}

@media (max-width: 1279px) {
  .events-rows .event .img a {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 57%;
  }
}

@media (max-width: 1279px) {
  .events-rows .event .img a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.events-rows .event .img a {
  flex-grow: 1;
}

.events-rows .event .details .description {
  font-size: 0.86em;
  padding-bottom: 3em !important;
}

.events-rows .month .event h3 {
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .events-rows .month .event h3 {
    font-size: 1.24em !important;
  }
}

.events-rows .month .event:not(:has(.description)) h3 {
  padding-bottom: 2.4em !important;
}

.events-rows .event .img .day {
  width: 100% !important;
  font-size: 1.8em !important;
  height: 2.68em !important;
  height: 2.24em !important;
}
@media (max-width: 1279px) {
  .events-rows .event .img .day {
    font-size: 1.4em !important;
  }
}

.cross.events-grid {
  color: black !important;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

.typography a, article a {
  color: black;
}
.typography a:hover, article a:hover {
  text-decoration: none;
}
.typography b, article b,
.typography strong,
article strong {
  font-weight: var(--ff-copy-bold);
}
.typography i, article i,
.typography em,
article em {
  font-style: italic;
}
.typography blockquote, article blockquote,
.typography pre,
article pre {
  padding: 8px 10px;
}
.typography blockquote, article blockquote {
  padding: 1.5rem 0 1.5rem 1.5rem;
  font-size: 1.2rem;
  margin: 2.5rem 0;
}
.typography blockquote p:last-child, article blockquote p:last-child {
  margin: 0;
}
.typography figure, article figure,
.typography dd,
article dd,
.typography dt,
article dt,
.typography ul,
article ul,
.typography ol,
article ol,
.typography p,
article p {
  margin: 0 0 1em 0;
  line-height: 1.6;
}
.typography figure:last-child, article figure:last-child,
.typography dd:last-child,
article dd:last-child,
.typography dt:last-child,
article dt:last-child,
.typography ul:last-child,
article ul:last-child,
.typography ol:last-child,
article ol:last-child,
.typography p:last-child,
article p:last-child {
  margin-bottom: 0;
}
.typography .abstract, article .abstract {
  font-weight: bold;
  color: var(--c-grau);
}
@media (min-width: 560px) {
  .typography .abstract, article .abstract {
    font-size: 1.25rem;
  }
}
.typography p:last-child, article p:last-child {
  margin-bottom: 0;
}
.typography ul:not(.gform_fields), article ul:not(.gform_fields) {
  list-style-type: circle;
  padding-left: 1em;
}
.typography ul:not(.gform_fields) li, article ul:not(.gform_fields) li {
  margin-top: 10px;
}
.typography ul:not(.gform_fields) li:nth-child, article ul:not(.gform_fields) li:nth-child {
  margin: 0;
}
.typography ul:not(.gform_fields) ul, article ul:not(.gform_fields) ul {
  margin-left: 1em;
}
.typography ol li, article ol li {
  list-style-type: decimal;
  margin-left: 30px;
  margin-bottom: 1em;
}
.typography ul:not(.gform_fields), article ul:not(.gform_fields),
.typography ol,
article ol {
  margin: 1em 0;
  line-height: 1.4;
}
.typography caption, article caption,
.typography h1,
article h1,
.typography h2,
article h2,
.typography h3,
article h3,
.typography h4,
article h4,
.typography h5,
article h5 {
  margin: 2em 0 0.5em;
  line-height: 1.4;
  font-family: var(--ff-head);
  letter-spacing: 0.1em;
  -webkit-hyphens: auto;
          hyphens: auto;
  font-weight: 300;
}
.typography caption strong, article caption strong,
.typography caption span,
article caption span,
.typography h1 strong,
article h1 strong,
.typography h1 span,
article h1 span,
.typography h2 strong,
article h2 strong,
.typography h2 span,
article h2 span,
.typography h3 strong,
article h3 strong,
.typography h3 span,
article h3 span,
.typography h4 strong,
article h4 strong,
.typography h4 span,
article h4 span,
.typography h5 strong,
article h5 strong,
.typography h5 span,
article h5 span {
  font-weight: 600;
}
.typography caption a, article caption a,
.typography h1 a,
article h1 a,
.typography h2 a,
article h2 a,
.typography h3 a,
article h3 a,
.typography h4 a,
article h4 a,
.typography h5 a,
article h5 a {
  text-decoration: none;
}
.typography caption:first-child, article caption:first-child,
.typography h1:first-child,
article h1:first-child,
.typography h2:first-child,
article h2:first-child,
.typography h3:first-child,
article h3:first-child,
.typography h4:first-child,
article h4:first-child,
.typography h5:first-child,
article h5:first-child {
  margin-top: 0;
}
.typography h1, article h1 {
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .typography h1, article h1 {
    font-size: 2.5rem;
  }
}
.typography h2, article h2 {
  font-size: 1.375rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .typography h2, article h2 {
    font-size: 2.1875rem;
  }
}
.typography caption, article caption,
.typography h3,
article h3 {
  font-weight: 600;
  font-size: 1.125rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .typography caption, article caption,
  .typography h3,
  article h3 {
    font-size: 1.5625rem;
  }
}
.typography h4, article h4,
.typography h5,
article h5 {
  font-weight: 300;
  font-size: 1.2em;
}
.typography h4 strong, article h4 strong,
.typography h5 strong,
article h5 strong {
  font-weight: 600;
}
.typography h1 + *, article h1 + *,
.typography h2 + *,
article h2 + *,
.typography h3 + *,
article h3 + *,
.typography .coltop + h1,
article .coltop + h1,
.typography .coltop + h2,
article .coltop + h2,
.typography .coltop + h3,
article .coltop + h3,
.typography .coltop + h4,
article .coltop + h4,
.typography .coltop + h5,
article .coltop + h5,
.typography a[name=copytop] + h1,
article a[name=copytop] + h1,
.typography a[name=copytop] + h2,
article a[name=copytop] + h2,
.typography a[name=copytop] + h3,
article a[name=copytop] + h3,
.typography a[name=copytop] + h4,
article a[name=copytop] + h4,
.typography a[name=copytop] + h5,
article a[name=copytop] + h5 {
  margin-top: 0;
}
.typography .wp-caption p, article .wp-caption p {
  font-size: 0.8em;
  margin: 0.5em 0 1em 0;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

.wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article > h1, article.article > h2, article.article .df-slider,
article.article .wp-block-columns,
article.article .content h2,
article.article .content ol,
article.article .content ul:not(.gform_fields),
article.article .content p,
article.article .content > figure,
article.article .wp-block-group__inner-container > figure,
article.article .team,
article.article .alignwide,
article.article .wp-block-button,
article.article h3,
article.article h4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
@media (max-width: 374px) {
  .wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article > h1, article.article > h2, article.article .df-slider,
  article.article .wp-block-columns,
  article.article .content h2,
  article.article .content ol,
  article.article .content ul:not(.gform_fields),
  article.article .content p,
  article.article .content > figure,
  article.article .wp-block-group__inner-container > figure,
  article.article .team,
  article.article .alignwide,
  article.article .wp-block-button,
  article.article h3,
  article.article h4 {
    padding: 0 20px !important;
  }
}
@media (min-width: 375px) and (max-width: 959px) {
  .wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article > h1, article.article > h2, article.article .df-slider,
  article.article .wp-block-columns,
  article.article .content h2,
  article.article .content ol,
  article.article .content ul:not(.gform_fields),
  article.article .content p,
  article.article .content > figure,
  article.article .wp-block-group__inner-container > figure,
  article.article .team,
  article.article .alignwide,
  article.article .wp-block-button,
  article.article h3,
  article.article h4 {
    padding: 0 30px !important;
  }
}
.wrapContent.alignwide, div.alignwide:has(> .event-categories__inner), .alignwide.contactperson, .alignwide.df-halle,
article.article .content h2.alignwide,
article.article .content ol.alignwide,
article.article .content ul.alignwide:not(.gform_fields),
article.article .content p.alignwide,
article.article .content > figure.alignwide,
article.article .wp-block-group__inner-container > figure.alignwide,
article.article .alignwide {
  margin: 0 auto;
}

.checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
.checklist-simple {
  padding-left: 0;
  list-style-type: none;
  position: relative;
}
.checklist li, .df-halle .halleSingle .halleInner .halleText ul li, article.article .wp-block-column ul:not(.gform_fields) li,
.checklist-simple li {
  padding-left: 32px;
  position: relative;
}
.checklist li::before, .df-halle .halleSingle .halleInner .halleText ul li::before, article.article .wp-block-column ul:not(.gform_fields) li::before,
.checklist-simple li::before {
  position: absolute;
  left: 0;
  content: "";
  background-image: url("../images/icon-checklist.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 17.5px;
  height: 17.5px;
  transform: translate(0, 0);
}

.checklist-simple li::before {
  background-image: url("../icon-checklist-simple.svg");
}

.checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
.list {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
  .list {
    padding-left: 0 !important;
  }
}
.checklist li, .df-halle .halleSingle .halleInner .halleText ul li, article.article .wp-block-column ul:not(.gform_fields) li,
.list li {
  list-style-type: none;
}
.checklist li.subheadline, .df-halle .halleSingle .halleInner .halleText ul li.subheadline, article.article .wp-block-column ul:not(.gform_fields) li.subheadline,
.list li.subheadline {
  font-weight: bold;
  margin: 1em;
}
.checklist li.subheadline::before, .df-halle .halleSingle .halleInner .halleText ul li.subheadline::before, article.article .wp-block-column ul:not(.gform_fields) li.subheadline::before,
.list li.subheadline::before {
  display: none;
}

section#content {
  margin-top: 2px;
}
@media (max-width: 959px) {
  section#content {
    margin-top: 2px;
  }
}

.df-columns {
  max-width: none !important;
}
.df-columns.grau {
  background-color: var(--c-grau-hell);
  padding: 3em 0;
  margin-bottom: 3em !important;
}

article {
  clear: both;
  margin: 0 auto;
}
article.article {
  max-width: 1186px;
}
article.article h1.title {
  display: inline-block;
  text-align: center;
}
article.article.wide .content {
  max-width: none;
}
article.article.page, article.article.post {
  max-width: none;
  margin: 4em auto;
}
article.article.page.galleries, article.article.post.galleries {
  margin-top: 0;
}
article.article.page.front, article.article.post.front {
  margin: 0 auto;
}
article.article.page.contact, article.article.post.contact {
  margin-bottom: 0;
}
article.article .df-slider.blocks-gallery-grid, article.article .df-slider.alignwide, article.article .df-slider.wp-block-columns,
article.article .wp-block-columns.blocks-gallery-grid,
article.article .wp-block-columns.alignwide,
article.article .wp-block-columns.wp-block-columns,
article.article .content h2.blocks-gallery-grid,
article.article .content h2.alignwide,
article.article .content h2.wp-block-columns,
article.article .content h2.blocks-gallery-grid,
article.article .content h2.alignwide,
article.article .content h2.wp-block-columns,
article.article .content ol.blocks-gallery-grid,
article.article .content ol.alignwide,
article.article .content ol.wp-block-columns,
article.article .content ul:not(.gform_fields).blocks-gallery-grid,
article.article .content ul:not(.gform_fields).alignwide,
article.article .content ul:not(.gform_fields).wp-block-columns,
article.article .content p.blocks-gallery-grid,
article.article .content p.alignwide,
article.article .content p.wp-block-columns,
article.article .content > figure.blocks-gallery-grid,
article.article .content > figure.alignwide,
article.article .content > figure.wp-block-columns,
article.article .wp-block-group__inner-container > figure.blocks-gallery-grid,
article.article .wp-block-group__inner-container > figure.alignwide,
article.article .wp-block-group__inner-container > figure.wp-block-columns,
article.article .team.blocks-gallery-grid,
article.article .team.alignwide,
article.article .team.wp-block-columns,
article.article .alignwide.blocks-gallery-grid,
article.article .alignwide.alignwide,
article.article .alignwide.wp-block-columns,
article.article .wp-block-button.blocks-gallery-grid,
article.article .wp-block-button.alignwide,
article.article .wp-block-button.wp-block-columns,
article.article h3.blocks-gallery-grid,
article.article h3.alignwide,
article.article h3.wp-block-columns,
article.article h4.blocks-gallery-grid,
article.article h4.alignwide,
article.article h4.wp-block-columns {
  padding: 0 !important;
}
article.article .df-slider.blocks-gallery-grid li.blocks-gallery-item figure, article.article .df-slider.alignwide li.blocks-gallery-item figure, article.article .df-slider.wp-block-columns li.blocks-gallery-item figure,
article.article .wp-block-columns.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .wp-block-columns.alignwide li.blocks-gallery-item figure,
article.article .wp-block-columns.wp-block-columns li.blocks-gallery-item figure,
article.article .content h2.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .content h2.alignwide li.blocks-gallery-item figure,
article.article .content h2.wp-block-columns li.blocks-gallery-item figure,
article.article .content h2.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .content h2.alignwide li.blocks-gallery-item figure,
article.article .content h2.wp-block-columns li.blocks-gallery-item figure,
article.article .content ol.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .content ol.alignwide li.blocks-gallery-item figure,
article.article .content ol.wp-block-columns li.blocks-gallery-item figure,
article.article .content ul:not(.gform_fields).blocks-gallery-grid li.blocks-gallery-item figure,
article.article .content ul:not(.gform_fields).alignwide li.blocks-gallery-item figure,
article.article .content ul:not(.gform_fields).wp-block-columns li.blocks-gallery-item figure,
article.article .content p.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .content p.alignwide li.blocks-gallery-item figure,
article.article .content p.wp-block-columns li.blocks-gallery-item figure,
article.article .content > figure.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .content > figure.alignwide li.blocks-gallery-item figure,
article.article .content > figure.wp-block-columns li.blocks-gallery-item figure,
article.article .wp-block-group__inner-container > figure.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .wp-block-group__inner-container > figure.alignwide li.blocks-gallery-item figure,
article.article .wp-block-group__inner-container > figure.wp-block-columns li.blocks-gallery-item figure,
article.article .team.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .team.alignwide li.blocks-gallery-item figure,
article.article .team.wp-block-columns li.blocks-gallery-item figure,
article.article .alignwide.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .alignwide.alignwide li.blocks-gallery-item figure,
article.article .alignwide.wp-block-columns li.blocks-gallery-item figure,
article.article .wp-block-button.blocks-gallery-grid li.blocks-gallery-item figure,
article.article .wp-block-button.alignwide li.blocks-gallery-item figure,
article.article .wp-block-button.wp-block-columns li.blocks-gallery-item figure,
article.article h3.blocks-gallery-grid li.blocks-gallery-item figure,
article.article h3.alignwide li.blocks-gallery-item figure,
article.article h3.wp-block-columns li.blocks-gallery-item figure,
article.article h4.blocks-gallery-grid li.blocks-gallery-item figure,
article.article h4.alignwide li.blocks-gallery-item figure,
article.article h4.wp-block-columns li.blocks-gallery-item figure {
  padding: 0 !important;
}
article.article h1,
article.article h2,
article.article h3,
article.article h4 {
  padding: 0 !important;
}
article.article figure .content ol li,
article.article .content ul:not(.gform_fields) li {
  margin-bottom: 1em;
  line-height: 1.4;
}
@media (max-width: 767px) {
  article.article .wp-block-column {
    margin-top: 20px;
  }
}
article.article .has-lokschuppen-hellgrau-background-color {
  padding: 0;
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: var(--c-grau-hell);
}
article .video {
  position: relative;
  width: 100%;
  padding-bottom: 56%;
}
article .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article .df-slider,
article.article .wp-block-columns,
article.article .content h2,
article.article .content ol,
article.article .content ul:not(.gform_fields),
article.article .content p,
article.article .content > figure,
article.article .wp-block-group__inner-container > figure,
article.article .team,
article.article .alignwide,
article.article .wp-block-button,
article.article h3,
article.article h4, article.article > h1, article.article > h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
@media (max-width: 374px) {
  .wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article .df-slider,
  article.article .wp-block-columns,
  article.article .content h2,
  article.article .content ol,
  article.article .content ul:not(.gform_fields),
  article.article .content p,
  article.article .content > figure,
  article.article .wp-block-group__inner-container > figure,
  article.article .team,
  article.article .alignwide,
  article.article .wp-block-button,
  article.article h3,
  article.article h4, article.article > h1, article.article > h2 {
    padding: 0 20px !important;
  }
}
@media (min-width: 375px) and (max-width: 959px) {
  .wrapContent, div:has(> .event-categories__inner), .contactperson, .df-halle, article.article .df-slider,
  article.article .wp-block-columns,
  article.article .content h2,
  article.article .content ol,
  article.article .content ul:not(.gform_fields),
  article.article .content p,
  article.article .content > figure,
  article.article .wp-block-group__inner-container > figure,
  article.article .team,
  article.article .alignwide,
  article.article .wp-block-button,
  article.article h3,
  article.article h4, article.article > h1, article.article > h2 {
    padding: 0 30px !important;
  }
}
.wrapContent.alignwide, div.alignwide:has(> .event-categories__inner), .alignwide.contactperson, .alignwide.df-halle,
article.article .content h2.alignwide,
article.article .content ol.alignwide,
article.article .content ul.alignwide:not(.gform_fields),
article.article .content p.alignwide,
article.article .content > figure.alignwide,
article.article .wp-block-group__inner-container > figure.alignwide,
article.article .alignwide {
  margin: 0 auto;
}

.checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
.checklist-simple {
  padding-left: 0;
  list-style-type: none;
  position: relative;
}
.checklist li, .df-halle .halleSingle .halleInner .halleText ul li, article.article .wp-block-column ul:not(.gform_fields) li,
.checklist-simple li {
  padding-left: 32px;
  position: relative;
}
.checklist li::before, .df-halle .halleSingle .halleInner .halleText ul li::before, article.article .wp-block-column ul:not(.gform_fields) li::before,
.checklist-simple li::before {
  position: absolute;
  left: 0;
  content: "";
  background-image: url("../images/icon-checklist.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 17.5px;
  height: 17.5px;
  transform: translate(0, 0);
}

.checklist-simple li::before {
  background-image: url("../icon-checklist-simple.svg");
}

.checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
.list {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .checklist, .df-halle .halleSingle .halleInner .halleText ul, article.article .wp-block-column ul:not(.gform_fields),
  .list {
    padding-left: 0 !important;
  }
}
.checklist li, .df-halle .halleSingle .halleInner .halleText ul li, article.article .wp-block-column ul:not(.gform_fields) li,
.list li {
  list-style-type: none;
}
.checklist li.subheadline, .df-halle .halleSingle .halleInner .halleText ul li.subheadline, article.article .wp-block-column ul:not(.gform_fields) li.subheadline,
.list li.subheadline {
  font-weight: bold;
  margin: 1em;
}
.checklist li.subheadline::before, .df-halle .halleSingle .halleInner .halleText ul li.subheadline::before, article.article .wp-block-column ul:not(.gform_fields) li.subheadline::before,
.list li.subheadline::before {
  display: none;
}

.contacts-container {
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
@media (min-width: 768px) {
  .contacts-container {
    margin-top: 20px;
  }
}

.contact-container {
  display: inline-block;
  background-color: white;
  overflow: hidden;
  margin-right: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: 500ms;
}
.contact-container:hover {
  transform: translateY(-5px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.contact-container, .contact-container:last-child {
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contact-container {
    width: calc(50% - 10px);
  }
  .contact-container:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .contact-container {
    width: calc(33% - 13.3333333333px);
  }
  .contact-container:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 665px) {
  .contact-container {
    width: 100%;
    margin-right: 0;
    max-width: unset;
  }
}
.contact-container .portrait-container {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.contact-container img.portrait,
.contact-container .portrait-details {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  background-color: #c4c4c4;
}
.contact-container .portrait-details {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-weight: bold;
  color: white;
  padding: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.contact-container .portrait-details span:first-child {
  margin-bottom: 0.25em;
  font-size: 1.25em;
  letter-spacing: -0.025em;
}
.contact-container .portrait-details span:last-child {
  font-size: 0.8em;
  opacity: 0.7;
}
.contact-container .contact-details {
  padding: 10px;
}
.contact-container .contact-details a {
  display: block;
  padding-bottom: 0.5em;
  font-size: 0.9em;
  color: hsl(0, 0%, 20%);
  text-decoration: none;
}
.contact-container .contact-details a span {
  display: inline-block;
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  width: 1.25em;
}
.contact-container .contact-details a:hover {
  color: var(--c-head);
}
.contact-container .contact-details a:last-child {
  padding-bottom: 0;
}

.lokEventSlider .event {
  background: var(--c-grau-hell);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: 500ms;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .lokEventSlider .event {
    width: calc(33.333% - 20px);
    margin: 0 0 20px 20px;
  }
}
@media (min-width: 1024px) {
  .lokEventSlider .event {
    width: calc(25% - 20px);
    margin: 0 0 20px 20px;
  }
}
.lokEventSlider .event:hover {
  transform: translateY(-5px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.lokEventSlider .event a {
  color: black;
  text-decoration: none;
}
.lokEventSlider .event a.button.details {
  display: none;
}
.lokEventSlider .event a.button.ticket-url {
  background: white;
  color: black;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.lokEventSlider .event div.img {
  flex-shrink: 0;
}
.lokEventSlider .event div.img.button.ticket-url {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.lokEventSlider .event div.img a.img {
  display: block;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.lokEventSlider .event div.img a.img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lokEventSlider .event div.img span.day {
  display: none;
}
.lokEventSlider .event > div {
  position: relative;
}
.lokEventSlider .event .details {
  flex-grow: 1;
  padding: 2.5em 1.2em 1.2em;
}
.lokEventSlider .event .details > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lokEventSlider .event .details h3 {
  flex-grow: 1;
  text-transform: none;
  font-family: var(--ff-head);
  font-size: 18px;
  margin: 0;
  font-weight: var(--ff-semibold);
}
@media (min-width: 1280px) {
  .lokEventSlider .event .details h3 {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .lokEventSlider .event .details p {
    font-size: 18px;
  }
}
.lokEventSlider .event .details p.date {
  margin: 1em 0;
}
.lokEventSlider .event .details p.description {
  padding: 0 1em 1em;
  font-size: 15px;
  font-family: var(--ff-head);
}
.lokEventSlider .event .details a.button {
  display: none;
  width: auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .lokEventSlider .event.highlight.mod31, .lokEventSlider .event.highlight.mod32 {
    width: calc(66.666% - 20px);
  }
  .lokEventSlider .event.highlight.mod31 .details, .lokEventSlider .event.highlight.mod32 .details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .lokEventSlider .event.highlight.mod31 .details > div, .lokEventSlider .event.highlight.mod32 .details > div {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .lokEventSlider .event.highlight.mod31 .details > div > div,
  .lokEventSlider .event.highlight.mod31 .details > div p.description, .lokEventSlider .event.highlight.mod32 .details > div > div,
  .lokEventSlider .event.highlight.mod32 .details > div p.description {
    width: calc(50% - 10px);
  }
}
@media (min-width: 1024px) {
  .lokEventSlider .event.highlight.mod41 .img a.button, .lokEventSlider .event.highlight.mod42 .img a.button, .lokEventSlider .event.highlight.mod43 .img a.button {
    display: none;
  }
  .lokEventSlider .event.highlight.mod41 .details, .lokEventSlider .event.highlight.mod42 .details, .lokEventSlider .event.highlight.mod43 .details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .lokEventSlider .event.highlight.mod41 .details > div, .lokEventSlider .event.highlight.mod42 .details > div, .lokEventSlider .event.highlight.mod43 .details > div {
    height: 100%;
    display: block;
    flex-direction: column;
    justify-content: space-between;
  }
  .lokEventSlider .event.highlight.mod41 .details a.button, .lokEventSlider .event.highlight.mod42 .details a.button, .lokEventSlider .event.highlight.mod43 .details a.button {
    display: inline-block !important;
    position: static;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .lokEventSlider .event.highlight.mod41 .details a.button:hover, .lokEventSlider .event.highlight.mod42 .details a.button:hover, .lokEventSlider .event.highlight.mod43 .details a.button:hover {
    transform: none;
    animation: none;
  }
  .lokEventSlider .event.highlight.mod41 .details a.button.details, .lokEventSlider .event.highlight.mod42 .details a.button.details, .lokEventSlider .event.highlight.mod43 .details a.button.details {
    display: none !important;
  }
  .lokEventSlider .event.highlight.mod41, .lokEventSlider .event.highlight.mod42 {
    flex-direction: row;
    width: calc(75% - 20px);
    max-width: 1024px;
    min-width: 888px;
  }
  .lokEventSlider .event.highlight.mod41 div.img, .lokEventSlider .event.highlight.mod42 div.img {
    width: 600px;
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .lokEventSlider .event.highlight.mod41 div.img, .lokEventSlider .event.highlight.mod42 div.img {
    width: 700px;
  }
}
@media (min-width: 1024px) {
  .lokEventSlider .event.highlight.mod43 {
    flex-direction: row;
    width: calc(50% - 20px);
  }
  .lokEventSlider .event.highlight.mod43 div.img {
    width: calc(50% + 20px);
    flex-shrink: 0;
  }
}

.event-slider-pager {
  display: flex;
  justify-content: center;
  margin: 1em 0;
}
.event-slider-pager > * {
  margin: 0 0.25em;
  cursor: pointer;
}

.lokSlider {
  width: 100%;
  position: relative;
  color: white;
  margin-bottom: 2em;
}
.lokSlider > div {
  position: relative;
}
.lokSlider > div > div:first-child {
  width: 100%;
  position: relative;
}
.lokSlider > div > div:first-child div.swiper-slide {
  width: 100%;
  padding-bottom: 56%;
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .lokSlider > div > div:first-child div.swiper-slide {
    padding-bottom: 43%;
  }
}
.lokSlider div.title {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 3;
}
@media (min-width: 768px) {
  .lokSlider div.title h1,
  .lokSlider div.title p {
    line-height: 1;
  }
}
@media (min-width: 1280px) {
  .lokSlider div.title h1 {
    font-size: 2.6vw;
  }
}
.lokSlider div.title p {
  font-size: 1.25rem;
}
@media (min-width: 1280px) {
  .lokSlider div.title p {
    font-size: 1.3vw;
  }
}
.lokSlider div.title.shade {
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.lokFeatures {
  padding: 25px 25px 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .lokFeatures {
    padding: 25px;
    display: flex;
  }
}
.lokFeatures .lokFeature {
  background: black;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  .lokFeatures .lokFeature {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0;
    margin-left: 20px;
    align-items: stretch;
  }
  .lokFeatures .lokFeature:first-child {
    margin-left: 0;
  }
}
.lokFeatures .lokFeature .lokFeatureImg {
  width: 100%;
  padding-bottom: 58%;
  background-size: cover;
  background-position: center;
}
.lokFeatures .lokFeature .lokFeatureImg + div {
  padding: 20px 25px;
  color: white;
}
.lokFeatures .lokFeature .lokFeatureImg + div p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9375rem;
  font-family: var(--ff-head);
}
.lokFeatures .lokFeature .buttons {
  padding: 9px 0;
}

#lokGalleries:not(.v2025).lokGallery {
  width: 100%;
  padding: 25px 0;
}
#lokGalleries:not(.v2025).lokGallery .lokGalleryImg {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 10px;
}
#lokGalleries:not(.v2025).lokGallery .lokGalleryImg span {
  width: 100%;
  display: block;
  padding-bottom: 68%;
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #lokGalleries:not(.v2025).lokGallery .lokGalleryImg {
    margin: 0 0 5px 5px;
    width: calc(50% - 2.5px);
  }
  #lokGalleries:not(.v2025).lokGallery .lokGalleryImg:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  #lokGalleries:not(.v2025).lokGallery .lokGalleryImg {
    margin: 0 0 5px 5px;
    width: calc(25% - 3.75px);
  }
  #lokGalleries:not(.v2025).lokGallery .lokGalleryImg:nth-child(4n+1) {
    margin-left: 0;
  }
}
#lokGalleries:not(.v2025).lokGalleries {
  padding: 0 20px;
  max-width: 1183px;
  margin: 40px auto 0;
}
#lokGalleries:not(.v2025).lokGalleries.all {
  max-width: 1420px;
  margin: 20px 0 0;
  padding: 0 20px;
}
@media (min-width: 768px) {
  #lokGalleries:not(.v2025).lokGalleries.all {
    margin: 20px auto;
    transform: translateX(-10px);
  }
}
#lokGalleries:not(.v2025).lokGalleries > div {
  margin-bottom: 40px;
}
#lokGalleries:not(.v2025).lokGalleries > div h2 {
  width: 100%;
  margin: 1em 0;
  text-align: center;
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a {
  position: relative;
  text-align: center;
  text-decoration: none;
  color: var(--c_copy);
  background: var(--c-grau-hell);
  transition: 500ms;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span:hover, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a:hover {
  transform: translateY(-5px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a {
    margin: 0 20px 20px 0;
    width: calc(50% - 10px);
  }
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span:nth-child(2n), #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a {
    margin: 0 20px 20px 0;
    width: calc(33% - 13.3333px);
  }
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span:nth-child(3n), #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a {
    margin: 0 20px 20px 0;
    width: calc(25% - 15px);
  }
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span:nth-child(4n), #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a:nth-child(4n) {
    margin-right: 0;
  }
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.image, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.image {
  display: block;
  background-size: cover;
  background-position: center bottom;
  width: 100%;
  padding-bottom: 56%;
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 44%;
  font-family: var(--ff_head);
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.4;
  font-size: 10px;
  line-height: 1.2;
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title strong, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title strong {
  font-weight: 600;
}
@media (min-width: 414px) {
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title {
    font-size: 12px;
  }
}
@media (min-width: 540px) {
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title {
    font-size: 14px;
  }
}
@media (min-width: 1280px) {
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title {
    font-size: 18px;
  }
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title > span, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title > span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 20px);
  transform: translate(-50%, -50%);
}
@media (min-width: 540px) {
  #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title > span, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title > span {
    width: calc(100% - 40px);
  }
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title.date, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title.date {
  padding-bottom: 100%;
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > span span.title strong, #lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow > a span.title strong {
  display: block;
  margin: 0 0 0.5em;
}
#lokGalleries:not(.v2025).lokGalleries > div .lokGalleriesRow a:hover span.overlay {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
  color: black;
  transition: 300ms;
}
#lokGalleries:not(.v2025).lokGalleries.lokGallery h1 {
  margin-bottom: 0;
}
#lokGalleries:not(.v2025).lokGalleries.lokGallery h2 {
  text-align: center;
  margin: 0 0 1em;
}
#lokGalleries:not(.v2025).lokGalleries.lokGallery .divider {
  margin-bottom: 30px;
}

#lokGalleries.v2025 {
  transition: opacity 246ms;
}
#lokGalleries.v2025.hide {
  opacity: 0;
}
#lokGalleries.v2025 h2 {
  max-width: none !important;
}
#lokGalleries.v2025.lokGallery {
  width: 100%;
  padding: 25px 0;
}
#lokGalleries.v2025.lokGallery .lokGalleryImg {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 10px;
}
#lokGalleries.v2025.lokGallery .lokGalleryImg span {
  width: 100%;
  display: block;
  padding-bottom: 68%;
  background-size: cover;
  background-position: center;
}
#lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a {
  width: 25%;
}
#lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer span, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a span {
  position: relative;
  display: block;
  background-size: cover;
  background-position: center;
}
#lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer span, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a span {
  padding-bottom: 133%;
}
#lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer.grid-item--width2, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a.grid-item--width2 {
  width: 50%;
}
#lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer.grid-item--width2 span, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a.grid-item--width2 span {
  padding-bottom: 66.5%;
}
@media (min-width: 768px) {
  #lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a {
    width: 20%;
  }
  #lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer.grid-item--width2, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a.grid-item--width2 {
    width: 40%;
  }
}
@media (min-width: 1024px) {
  #lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a {
    width: 12.5%;
  }
  #lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer.grid-item--width2, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a.grid-item--width2 {
    width: 25%;
  }
}
#lokGalleries.v2025.lokGallery .lokGalleriesRow .grid-sizer img, #lokGalleries.v2025.lokGallery .lokGalleriesRow > a img {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
#lokGalleries.v2025.lokGalleries {
  padding: 0 20px;
  max-width: 1183px;
  margin: 40px auto 0;
}
#lokGalleries.v2025.lokGalleries.all {
  max-width: 1420px;
  margin: 20px 0 0;
  padding: 0 20px;
}
@media (min-width: 768px) {
  #lokGalleries.v2025.lokGalleries.all {
    margin: 20px auto;
    transform: translateX(-10px);
  }
}
#lokGalleries.v2025.lokGalleries > div {
  margin-bottom: 40px;
}
#lokGalleries.v2025.lokGalleries > div h2 {
  width: 100%;
  margin: 1em 0;
  text-align: center;
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat {
  position: relative;
  text-align: center;
  text-decoration: none;
  color: var(--c-copy);
  background: var(--c-grau-hell);
  transition: 500ms;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span:hover, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat):hover, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat:hover {
  transform: translateY(-5px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat {
    margin: 0 20px 20px 0;
    width: calc(50% - 10px);
  }
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span:nth-child(2n), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat):nth-child(2n), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat {
    margin: 0 20px 20px 0;
    width: calc(33% - 13.3333px);
  }
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span:nth-child(3n), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat):nth-child(3n), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat {
    margin: 0 20px 20px 0;
    width: calc(25% - 15px);
  }
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span:nth-child(4n), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat):nth-child(4n), #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat:nth-child(4n) {
    margin-right: 0;
  }
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.image, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.image, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.image {
  display: block;
  background-size: cover;
  background-position: center bottom;
  width: 100%;
  padding-bottom: 56%;
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 44%;
  font-family: var(--ff-head);
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.4;
  font-size: 10px;
  line-height: 1.2;
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title strong, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title strong, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title strong {
  font-weight: 600;
}
@media (min-width: 414px) {
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title {
    font-size: 12px;
  }
}
@media (min-width: 540px) {
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title {
    font-size: 14px;
  }
}
@media (min-width: 1280px) {
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title {
    font-size: 18px;
  }
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title > span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 20px);
  transform: translate(-50%, -50%);
}
@media (min-width: 540px) {
  #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title > span, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title > span {
    width: calc(100% - 40px);
  }
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title.date, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title.date, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title.date {
  padding-bottom: 100%;
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > span span.title strong, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a:not([class]):not(.cat) span.title strong, #lokGalleries.v2025.lokGalleries > div .lokGalleriesRow > a.cat span.title strong {
  display: block;
  margin: 0 0 0.5em;
}
#lokGalleries.v2025.lokGalleries > div .lokGalleriesRow a:hover span.overlay {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
  color: black;
  transition: 300ms;
}
#lokGalleries.v2025.lokGalleries.lokGallery h1 {
  margin-bottom: 0;
}
#lokGalleries.v2025.lokGalleries.lokGallery h2 {
  text-align: center;
  margin: 0 0 1em;
}
#lokGalleries.v2025.lokGalleries.lokGallery .divider {
  margin-bottom: 30px;
}

.swiper-container {
  position: relative;
}

.df-swiper-button-prev,
.df-swiper-button-next {
  cursor: pointer;
  position: absolute;
  z-index: 10000;
  top: 50%;
  left: 10px;
  transform: translateY(-50%) rotate(90deg);
  width: 20px;
  height: 20px;
  background: url("../images/Event-Arrow-w.svg") no-repeat center;
  background-size: contain;
}
.df-swiper-button-prev.df-swiper-button-next,
.df-swiper-button-next.df-swiper-button-next {
  left: auto;
  right: 10px;
  transform: translateY(-50%) rotate(-90deg);
}

.df-swiper-pagination {
  z-index: 10000;
  position: absolute;
  bottom: 15px !important;
  text-align: center;
}
.df-swiper-pagination .swiper-pagination-bullet {
  background: white;
  border: solid 1px rgba(0, 0, 0, 0.3);
  opacity: 0.7;
}
.df-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.1);
}

.logTextblock {
  text-align: center;
  padding: 36px 0;
}
.logTextblock + .logTextblock {
  padding-top: 0;
}

h1 + .logTextblock {
  padding-top: 0;
}

.df-halle .halleSwitches {
  display: flex;
  width: 100%;
  font-family: var(--ff-head);
  text-transform: uppercase;
  font-size: 20px;
}
@media (max-width: 1023px) {
  .df-halle .halleSwitches {
    display: none;
  }
}
.df-halle .halleSwitches span {
  font-weight: 600;
}
.df-halle .halleSwitches > div {
  margin: 0 10px 10px 0;
  background: var(--c-grau-hell);
  padding: 0.7em 0;
  text-align: center;
  flex-grow: 1;
  flex-shrink: 0;
  cursor: pointer;
}
.df-halle .halleSwitches > div:last-child {
  margin-right: 0;
}
.df-halle .halleSwitches > div.active, .df-halle .halleSwitches > div:hover {
  background: var(--c-head);
  color: white;
}
.df-halle .halleSingle {
  margin-bottom: 20px;
}
.df-halle .halleSingle h2 {
  font-size: 24px;
}
@media (min-width: 1024px) {
  .df-halle .halleSingle {
    margin: 0;
    position: absolute;
    left: -50000px;
  }
  .df-halle .halleSingle.show, .df-halle .halleSingle.first {
    position: static;
    left: 0;
  }
  .df-halle .halleSingle h2 {
    display: none;
  }
}
.df-halle .halleSingle .halleInner {
  width: 100%;
}
.df-halle .halleSingle .halleInner h2 {
  display: none;
  font-size: 24px;
}
@media (min-width: 1024px) {
  .df-halle .halleSingle .halleInner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .df-halle .halleSingle .halleInner h2 {
    display: block;
  }
  .df-halle .halleSingle .halleInner > div {
    width: calc(50% - 5px);
  }
}
.df-halle .halleSingle .halleInner .halleText {
  background: var(--c-grau-hell);
  padding: 1em;
}
@media (min-width: 1024px) {
  .df-halle .halleSingle .halleInner .halleText {
    padding: 1.5em;
  }
}
.df-halle .halleSingle .halleInner .halleText p {
  padding: 0 !important;
}
/*

<div class="df-halle"><h2><?php the_field("titel");
?></h2><div class="halleInner"><div class="halleImages"><div class="swiper-container"><div class="swiper-wrapper"><?php foreach (get_field("bilder") as $b) : ?><div class="swiper-slide"><img src="<?php echo $b["url"]; ?>"alt=""></div><?php endforeach;
?></div><div class="df-swiper-button-prev"></div><div class="df-swiper-button-next"></div></div></div><div class="halleText"><?php the_field("text");
?></div></div>

*/
@keyframes contactShow {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
.contactperson {
  opacity: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  border: solid 1px white;
}
.contactperson.show {
  animation: contactShow 1200ms forwards;
}
.contactperson > div {
  background: var(--c-grau-hell);
}
@media (min-width: 768px) {
  .contactperson > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.contactperson > div .imgName {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (min-width: 768px) {
  .contactperson > div .imgName {
    width: 50%;
  }
}
.contactperson > div .imgName > img {
  height: 20vw;
}
@media (min-width: 1024px) {
  .contactperson > div .imgName > img {
    height: 128px;
  }
}
.contactperson > div .imgName h4 {
  margin: 0 1em !important;
  padding: 0 !important;
}
@media (min-width: 1024px) {
  .contactperson > div .imgName h4 {
    margin: 0 2em !important;
  }
}
.contactperson > div .imgName h4 span {
  font-weight: normal;
  font-family: var(--ff-copy);
  display: block;
  font-size: 1rem;
  letter-spacing: 0;
}
.contactperson > div .details {
  padding: 1em;
}
@media (min-width: 768px) {
  .contactperson > div .details {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .contactperson > div .details {
    padding: 0 2em 0 0;
  }
}
.contactperson > div .details p.det {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 !important;
}
.contactperson > div .details p.det + p {
  margin-top: 0.2em;
}
.contactperson > div .details p.det span {
  margin-right: 0.5em;
}
.contactperson > div .details p.det span img {
  width: 1.2em;
}
.contactperson > div .details p.det a {
  text-decoration: none;
}

h1 + :has(.event-categories__inner) {
  margin-top: 0 !important;
}

.front .event-categories {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

div:has(> .event-categories__inner) {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  margin-top: -4em;
  padding: 1em 0.5em;
  position: relative;
  z-index: 3;
  background: white;
  color: black;
}
@media (max-width: 1023px) {
  div:has(> .event-categories__inner) {
    align-items: flex-start;
    width: 100%;
    padding-top: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
div:has(> .event-categories__inner) > div {
  width: 100%;
}
@media (max-width: 1023px) {
  div:has(> .event-categories__inner) > div {
    padding-left: 1em;
    padding-right: 1em;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
}
div:has(> .event-categories__inner) > div::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
div:has(> .event-categories__inner) > div > div {
  display: flex;
}
@media (min-width: 1024px) {
  div:has(> .event-categories__inner) > div > div {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
div:has(> .event-categories__inner) a.button {
  text-transform: inherit;
  display: inline-block;
  border: solid 0.5em white;
  background-color: black;
  padding: 0.3em 0.8em;
  box-shadow: none;
  color: white;
  font-size: 1.1em;
  text-decoration: none;
}
@media (min-width: 1024px) {
  div:has(> .event-categories__inner) a.button {
    padding: 0.5em 1em;
  }
}
div:has(> .event-categories__inner) a.button span {
  display: block;
  padding: 0.3em;
  border: solid 2px black;
  border-width: 2px 0;
}
div:has(> .event-categories__inner) a.button:hover span {
  border-bottom: solid 2px white;
}
div:has(> .event-categories__inner) a.button:hover {
  box-shadow: none !important;
}

.wp-block-table table {
  width: 100%;
  background: white;
  font-size: 14.4px;
  margin: 1em 0;
  border: solid 1px black;
  padding: 3px;
}
.wp-block-table td,
.wp-block-table th {
  border: none;
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  padding: 0.8em 1em;
}
.wp-block-table tr:first-child td,
.wp-block-table tr:first-child th {
  border-top: none;
}
.wp-block-table th {
  background: #474747;
  color: white;
  font-family: var(--ff-head);
}
.wp-block-table th:first-child,
.wp-block-table td:first-child {
  border-left: none;
}
.wp-block-table tbody tr:nth-child(odd) td {
  background-color: #eeeeee;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

form p {
  margin: 20px 0 0 0;
}

label {
  font-family: var(--ff-form);
  display: inline-block;
  padding: 0 0 5px 0;
  font-size: 0.8em;
}

textarea,
input[type=email],
input[type=date],
input[type=search],
input[type=text],
select {
  padding: 0.4em 1em;
  background: white;
  color: black;
  border: solid 1px black;
  border-radius: none;
  font-family: var(--ff-head);
  width: 100%;
}
textarea.white,
input[type=email].white,
input[type=date].white,
input[type=search].white,
input[type=text].white,
select.white {
  background: white;
  color: black;
}

.gform_wrapper textarea,
.gform_wrapper input[type=email],
.gform_wrapper input[type=date],
.gform_wrapper input[type=search],
.gform_wrapper input[type=text],
.gform_wrapper select {
  padding: 0.4em 1em !important;
  background: white;
  color: black;
  border: solid 1px black;
  border-radius: none;
  font-family: var(--ff-head) !important;
  width: 100%;
}
.gform_wrapper textarea.white,
.gform_wrapper input[type=email].white,
.gform_wrapper input[type=date].white,
.gform_wrapper input[type=search].white,
.gform_wrapper input[type=text].white,
.gform_wrapper select.white {
  background: white;
  color: black;
}

.wp-block-button a,
a.button,
a.wp-block-button__link,
.button {
  white-space: nowrap;
  padding: 0.6em 0.8em;
  background: black;
  color: white;
  text-decoration: none;
  font-family: var(--ff-head);
  text-align: center;
  font-size: 1em;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .wp-block-button a,
  a.button,
  a.wp-block-button__link,
  .button {
    padding: 0.8em 1em;
  }
}
.wp-block-button a.invers,
a.button.invers,
a.wp-block-button__link.invers,
.button.invers {
  background: white;
  color: black;
}
.wp-block-button a.soldout,
a.button.soldout,
a.wp-block-button__link.soldout,
.button.soldout {
  background: white;
  color: #8a8a8a;
}
.wp-block-button a.center,
a.button.center,
a.wp-block-button__link.center,
.button.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-button a.center span,
a.button.center span,
a.wp-block-button__link.center span,
.button.center span {
  display: block;
}
.wp-block-button a.white,
a.button.white,
a.wp-block-button__link.white,
.button.white {
  background: white;
  color: black;
}
.wp-block-button a.block,
a.button.block,
a.wp-block-button__link.block,
.button.block {
  display: block;
}

a.button {
  cursor: pointer;
  transition: box-shadow 0.2s;
}
a.button:hover:not(.category) {
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.2s;
}

input[type=checkbox],
input[type=radio],
input[type=submit],
input[type=button],
select {
  cursor: pointer;
}

div.validation_error {
  background: var(--c-warn);
  border: 0 !important;
  color: var(--c-copy) !important;
  margin: 2em 0 0;
}

.gf_left_half,
.gf_right_half {
  max-width: none !important;
}

label.gfield_label {
  display: block !important;
  font-size: 0.8em;
  font-weight: 400;
  margin: 1em 0 !important;
  line-height: 1.4;
  font-size: 1.2em !important;
  font-weight: normal !important;
}

.gfield--type-section {
  margin: 2em 0 1em !important;
  padding-top: 1em !important;
  font-size: 1.2em !important;
  line-height: 1.4 !important;
  border: none !important;
  border-top: solid 2px black !important;
}

.gfield--type-survey {
  padding: 1.5em !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: none;
}

.gfield--input-type-rating {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.gsurvey-rating label {
  background-size: 32px 32px !important;
  width: 32px !important;
  height: 32px !important;
  margin-right: 0.5em !important;
}

.gform_wrapper:has(#gform_12),
#contactFormsFooter,
#contactForms {
  background: black;
  padding: 45px;
}
.gform_wrapper:has(#gform_12):has(#gform_12), .gform_wrapper:has(#gform_12).jobForm,
#contactFormsFooter:has(#gform_12),
#contactFormsFooter.jobForm,
#contactForms:has(#gform_12),
#contactForms.jobForm {
  background: var(--c-grau-hell);
}
.gform_wrapper:has(#gform_12):has(#gform_12) h3, .gform_wrapper:has(#gform_12).jobForm h3,
#contactFormsFooter:has(#gform_12) h3,
#contactFormsFooter.jobForm h3,
#contactForms:has(#gform_12) h3,
#contactForms.jobForm h3 {
  color: black;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form p,
.gform_wrapper:has(#gform_12):has(#gform_12) form h4,
.gform_wrapper:has(#gform_12):has(#gform_12) .contactForm p,
.gform_wrapper:has(#gform_12):has(#gform_12) footer #footerWrapper #form p,
footer #footerWrapper .gform_wrapper:has(#gform_12):has(#gform_12) #form p,
.gform_wrapper:has(#gform_12):has(#gform_12) .contactForm h4,
.gform_wrapper:has(#gform_12):has(#gform_12) footer #footerWrapper #form h4,
footer #footerWrapper .gform_wrapper:has(#gform_12):has(#gform_12) #form h4, .gform_wrapper:has(#gform_12).jobForm form p,
.gform_wrapper:has(#gform_12).jobForm form h4,
.gform_wrapper:has(#gform_12).jobForm .contactForm p,
.gform_wrapper:has(#gform_12).jobForm .contactForm h4,
#contactFormsFooter:has(#gform_12) form p,
#contactFormsFooter:has(#gform_12) form h4,
#contactFormsFooter:has(#gform_12) .contactForm p,
#contactFormsFooter:has(#gform_12) footer #footerWrapper #form p,
footer #footerWrapper #contactFormsFooter:has(#gform_12) #form p,
#contactFormsFooter:has(#gform_12) .contactForm h4,
#contactFormsFooter:has(#gform_12) footer #footerWrapper #form h4,
footer #footerWrapper #contactFormsFooter:has(#gform_12) #form h4,
#contactFormsFooter.jobForm form p,
#contactFormsFooter.jobForm form h4,
#contactFormsFooter.jobForm .contactForm p,
#contactFormsFooter.jobForm footer #footerWrapper #form p,
footer #footerWrapper #contactFormsFooter.jobForm #form p,
#contactFormsFooter.jobForm .contactForm h4,
#contactFormsFooter.jobForm footer #footerWrapper #form h4,
footer #footerWrapper #contactFormsFooter.jobForm #form h4,
#contactForms:has(#gform_12) form p,
#contactForms:has(#gform_12) form h4,
#contactForms:has(#gform_12) .contactForm p,
#contactForms:has(#gform_12) footer #footerWrapper #form p,
footer #footerWrapper #contactForms:has(#gform_12) #form p,
#contactForms:has(#gform_12) .contactForm h4,
#contactForms:has(#gform_12) footer #footerWrapper #form h4,
footer #footerWrapper #contactForms:has(#gform_12) #form h4,
#contactForms.jobForm form p,
#contactForms.jobForm form h4,
#contactForms.jobForm .contactForm p,
#contactForms.jobForm footer #footerWrapper #form p,
footer #footerWrapper #contactForms.jobForm #form p,
#contactForms.jobForm .contactForm h4,
#contactForms.jobForm footer #footerWrapper #form h4,
footer #footerWrapper #contactForms.jobForm #form h4 {
  color: black;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form .gfield select,
.gform_wrapper:has(#gform_12):has(#gform_12) form .gfield textarea,
.gform_wrapper:has(#gform_12):has(#gform_12) form .gfield input[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) form .gfield input[type=email],
.gform_wrapper:has(#gform_12):has(#gform_12) form .gfield input[type=text],
.gform_wrapper:has(#gform_12):has(#gform_12) .contactForm .gfield select,
.gform_wrapper:has(#gform_12):has(#gform_12) footer #footerWrapper #form .gfield select,
footer #footerWrapper .gform_wrapper:has(#gform_12):has(#gform_12) #form .gfield select,
.gform_wrapper:has(#gform_12):has(#gform_12) .contactForm .gfield textarea,
.gform_wrapper:has(#gform_12):has(#gform_12) footer #footerWrapper #form .gfield textarea,
footer #footerWrapper .gform_wrapper:has(#gform_12):has(#gform_12) #form .gfield textarea,
.gform_wrapper:has(#gform_12):has(#gform_12) .contactForm .gfield input[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) footer #footerWrapper #form .gfield input[type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12):has(#gform_12) #form .gfield input[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) .contactForm .gfield input[type=email],
.gform_wrapper:has(#gform_12):has(#gform_12) footer #footerWrapper #form .gfield input[type=email],
footer #footerWrapper .gform_wrapper:has(#gform_12):has(#gform_12) #form .gfield input[type=email],
.gform_wrapper:has(#gform_12):has(#gform_12) .contactForm .gfield input[type=text],
.gform_wrapper:has(#gform_12):has(#gform_12) footer #footerWrapper #form .gfield input[type=text],
footer #footerWrapper .gform_wrapper:has(#gform_12):has(#gform_12) #form .gfield input[type=text], .gform_wrapper:has(#gform_12).jobForm form .gfield select,
.gform_wrapper:has(#gform_12).jobForm form .gfield textarea,
.gform_wrapper:has(#gform_12).jobForm form .gfield input[type=file],
.gform_wrapper:has(#gform_12).jobForm form .gfield input[type=email],
.gform_wrapper:has(#gform_12).jobForm form .gfield input[type=text],
.gform_wrapper:has(#gform_12).jobForm .contactForm .gfield select,
.gform_wrapper:has(#gform_12).jobForm footer #footerWrapper #form .gfield select,
footer #footerWrapper .gform_wrapper:has(#gform_12).jobForm #form .gfield select,
.gform_wrapper:has(#gform_12).jobForm .contactForm .gfield textarea,
.gform_wrapper:has(#gform_12).jobForm footer #footerWrapper #form .gfield textarea,
footer #footerWrapper .gform_wrapper:has(#gform_12).jobForm #form .gfield textarea,
.gform_wrapper:has(#gform_12).jobForm .contactForm .gfield input[type=file],
.gform_wrapper:has(#gform_12).jobForm footer #footerWrapper #form .gfield input[type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12).jobForm #form .gfield input[type=file],
.gform_wrapper:has(#gform_12).jobForm .contactForm .gfield input[type=email],
.gform_wrapper:has(#gform_12).jobForm footer #footerWrapper #form .gfield input[type=email],
footer #footerWrapper .gform_wrapper:has(#gform_12).jobForm #form .gfield input[type=email],
.gform_wrapper:has(#gform_12).jobForm .contactForm .gfield input[type=text],
.gform_wrapper:has(#gform_12).jobForm footer #footerWrapper #form .gfield input[type=text],
footer #footerWrapper .gform_wrapper:has(#gform_12).jobForm #form .gfield input[type=text],
#contactFormsFooter:has(#gform_12) form .gfield select,
#contactFormsFooter:has(#gform_12) form .gfield textarea,
#contactFormsFooter:has(#gform_12) form .gfield input[type=file],
#contactFormsFooter:has(#gform_12) form .gfield input[type=email],
#contactFormsFooter:has(#gform_12) form .gfield input[type=text],
#contactFormsFooter:has(#gform_12) .contactForm .gfield select,
#contactFormsFooter:has(#gform_12) footer #footerWrapper #form .gfield select,
footer #footerWrapper #contactFormsFooter:has(#gform_12) #form .gfield select,
#contactFormsFooter:has(#gform_12) .contactForm .gfield textarea,
#contactFormsFooter:has(#gform_12) footer #footerWrapper #form .gfield textarea,
footer #footerWrapper #contactFormsFooter:has(#gform_12) #form .gfield textarea,
#contactFormsFooter:has(#gform_12) .contactForm .gfield input[type=file],
#contactFormsFooter:has(#gform_12) footer #footerWrapper #form .gfield input[type=file],
footer #footerWrapper #contactFormsFooter:has(#gform_12) #form .gfield input[type=file],
#contactFormsFooter:has(#gform_12) .contactForm .gfield input[type=email],
#contactFormsFooter:has(#gform_12) footer #footerWrapper #form .gfield input[type=email],
footer #footerWrapper #contactFormsFooter:has(#gform_12) #form .gfield input[type=email],
#contactFormsFooter:has(#gform_12) .contactForm .gfield input[type=text],
#contactFormsFooter:has(#gform_12) footer #footerWrapper #form .gfield input[type=text],
footer #footerWrapper #contactFormsFooter:has(#gform_12) #form .gfield input[type=text],
#contactFormsFooter.jobForm form .gfield select,
#contactFormsFooter.jobForm form .gfield textarea,
#contactFormsFooter.jobForm form .gfield input[type=file],
#contactFormsFooter.jobForm form .gfield input[type=email],
#contactFormsFooter.jobForm form .gfield input[type=text],
#contactFormsFooter.jobForm .contactForm .gfield select,
#contactFormsFooter.jobForm footer #footerWrapper #form .gfield select,
footer #footerWrapper #contactFormsFooter.jobForm #form .gfield select,
#contactFormsFooter.jobForm .contactForm .gfield textarea,
#contactFormsFooter.jobForm footer #footerWrapper #form .gfield textarea,
footer #footerWrapper #contactFormsFooter.jobForm #form .gfield textarea,
#contactFormsFooter.jobForm .contactForm .gfield input[type=file],
#contactFormsFooter.jobForm footer #footerWrapper #form .gfield input[type=file],
footer #footerWrapper #contactFormsFooter.jobForm #form .gfield input[type=file],
#contactFormsFooter.jobForm .contactForm .gfield input[type=email],
#contactFormsFooter.jobForm footer #footerWrapper #form .gfield input[type=email],
footer #footerWrapper #contactFormsFooter.jobForm #form .gfield input[type=email],
#contactFormsFooter.jobForm .contactForm .gfield input[type=text],
#contactFormsFooter.jobForm footer #footerWrapper #form .gfield input[type=text],
footer #footerWrapper #contactFormsFooter.jobForm #form .gfield input[type=text],
#contactForms:has(#gform_12) form .gfield select,
#contactForms:has(#gform_12) form .gfield textarea,
#contactForms:has(#gform_12) form .gfield input[type=file],
#contactForms:has(#gform_12) form .gfield input[type=email],
#contactForms:has(#gform_12) form .gfield input[type=text],
#contactForms:has(#gform_12) .contactForm .gfield select,
#contactForms:has(#gform_12) footer #footerWrapper #form .gfield select,
footer #footerWrapper #contactForms:has(#gform_12) #form .gfield select,
#contactForms:has(#gform_12) .contactForm .gfield textarea,
#contactForms:has(#gform_12) footer #footerWrapper #form .gfield textarea,
footer #footerWrapper #contactForms:has(#gform_12) #form .gfield textarea,
#contactForms:has(#gform_12) .contactForm .gfield input[type=file],
#contactForms:has(#gform_12) footer #footerWrapper #form .gfield input[type=file],
footer #footerWrapper #contactForms:has(#gform_12) #form .gfield input[type=file],
#contactForms:has(#gform_12) .contactForm .gfield input[type=email],
#contactForms:has(#gform_12) footer #footerWrapper #form .gfield input[type=email],
footer #footerWrapper #contactForms:has(#gform_12) #form .gfield input[type=email],
#contactForms:has(#gform_12) .contactForm .gfield input[type=text],
#contactForms:has(#gform_12) footer #footerWrapper #form .gfield input[type=text],
footer #footerWrapper #contactForms:has(#gform_12) #form .gfield input[type=text],
#contactForms.jobForm form .gfield select,
#contactForms.jobForm form .gfield textarea,
#contactForms.jobForm form .gfield input[type=file],
#contactForms.jobForm form .gfield input[type=email],
#contactForms.jobForm form .gfield input[type=text],
#contactForms.jobForm .contactForm .gfield select,
#contactForms.jobForm footer #footerWrapper #form .gfield select,
footer #footerWrapper #contactForms.jobForm #form .gfield select,
#contactForms.jobForm .contactForm .gfield textarea,
#contactForms.jobForm footer #footerWrapper #form .gfield textarea,
footer #footerWrapper #contactForms.jobForm #form .gfield textarea,
#contactForms.jobForm .contactForm .gfield input[type=file],
#contactForms.jobForm footer #footerWrapper #form .gfield input[type=file],
footer #footerWrapper #contactForms.jobForm #form .gfield input[type=file],
#contactForms.jobForm .contactForm .gfield input[type=email],
#contactForms.jobForm footer #footerWrapper #form .gfield input[type=email],
footer #footerWrapper #contactForms.jobForm #form .gfield input[type=email],
#contactForms.jobForm .contactForm .gfield input[type=text],
#contactForms.jobForm footer #footerWrapper #form .gfield input[type=text],
footer #footerWrapper #contactForms.jobForm #form .gfield input[type=text] {
  background: white;
  color: black;
  border-color: white !important;
}
.gform_wrapper:has(#gform_12):has(#gform_12) #contactFormSwitches h3, .gform_wrapper:has(#gform_12).jobForm #contactFormSwitches h3,
#contactFormsFooter:has(#gform_12) #contactFormSwitches h3,
#contactFormsFooter.jobForm #contactFormSwitches h3,
#contactForms:has(#gform_12) #contactFormSwitches h3,
#contactForms.jobForm #contactFormSwitches h3 {
  color: black;
}
.gform_wrapper:has(#gform_12) #contactFormSwitches,
#contactFormsFooter #contactFormSwitches,
#contactForms #contactFormSwitches {
  max-width: 960px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .gform_wrapper:has(#gform_12) #contactFormSwitches,
  #contactFormsFooter #contactFormSwitches,
  #contactForms #contactFormSwitches {
    display: flex;
  }
}
.gform_wrapper:has(#gform_12) #contactFormSwitches h3,
#contactFormsFooter #contactFormSwitches h3,
#contactForms #contactFormSwitches h3 {
  padding: 0 !important;
  text-align: left;
  color: white;
  margin-top: 0;
  margin-left: 0;
  max-width: none !important;
  opacity: 0.5;
  transition: 300ms;
  cursor: pointer;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .gform_wrapper:has(#gform_12) #contactFormSwitches h3,
  #contactFormsFooter #contactFormSwitches h3,
  #contactForms #contactFormSwitches h3 {
    font-size: 1.3em;
  }
}
@media (min-width: 768px) {
  .gform_wrapper:has(#gform_12) #contactFormSwitches h3,
  #contactFormsFooter #contactFormSwitches h3,
  #contactForms #contactFormSwitches h3 {
    width: 50%;
  }
}
.gform_wrapper:has(#gform_12) #contactFormSwitches h3.active, .gform_wrapper:has(#gform_12) #contactFormSwitches h3:hover,
#contactFormsFooter #contactFormSwitches h3.active,
#contactFormsFooter #contactFormSwitches h3:hover,
#contactForms #contactFormSwitches h3.active,
#contactForms #contactFormSwitches h3:hover {
  opacity: 1;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form,
.gform_wrapper:has(#gform_12) .contactForm,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form,
#contactFormsFooter:has(#gform_12) form,
#contactFormsFooter .contactForm,
#contactFormsFooter footer #footerWrapper #form,
footer #footerWrapper #contactFormsFooter #form,
#contactForms:has(#gform_12) form,
#contactForms .contactForm,
#contactForms footer #footerWrapper #form,
footer #footerWrapper #contactForms #form {
  width: 100%;
  max-width: 960px;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form:not(#gform_12):not(.show),
.gform_wrapper:has(#gform_12) .contactForm:not(#gform_12):not(.show),
.gform_wrapper:has(#gform_12) footer #footerWrapper #form:not(#gform_12):not(.show),
footer #footerWrapper .gform_wrapper:has(#gform_12) #form:not(#gform_12):not(.show),
#contactFormsFooter:has(#gform_12) form:not(#gform_12):not(.show),
#contactFormsFooter .contactForm:not(#gform_12):not(.show),
#contactFormsFooter footer #footerWrapper #form:not(#gform_12):not(.show),
footer #footerWrapper #contactFormsFooter #form:not(#gform_12):not(.show),
#contactForms:has(#gform_12) form:not(#gform_12):not(.show),
#contactForms .contactForm:not(#gform_12):not(.show),
#contactForms footer #footerWrapper #form:not(#gform_12):not(.show),
footer #footerWrapper #contactForms #form:not(#gform_12):not(.show) {
  display: none;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form.show,
.gform_wrapper:has(#gform_12) .contactForm.show,
.gform_wrapper:has(#gform_12) footer #footerWrapper .show#form,
footer #footerWrapper .gform_wrapper:has(#gform_12) .show#form,
#contactFormsFooter:has(#gform_12) form.show,
#contactFormsFooter .contactForm.show,
#contactFormsFooter footer #footerWrapper .show#form,
footer #footerWrapper #contactFormsFooter .show#form,
#contactForms:has(#gform_12) form.show,
#contactForms .contactForm.show,
#contactForms footer #footerWrapper .show#form,
footer #footerWrapper #contactForms .show#form {
  display: flex;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form p,
.gform_wrapper:has(#gform_12):has(#gform_12) form h4,
.gform_wrapper:has(#gform_12) .contactForm p,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form p,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form p,
.gform_wrapper:has(#gform_12) .contactForm h4,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form h4,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form h4,
#contactFormsFooter:has(#gform_12) form p,
#contactFormsFooter:has(#gform_12) form h4,
#contactFormsFooter .contactForm p,
#contactFormsFooter footer #footerWrapper #form p,
footer #footerWrapper #contactFormsFooter #form p,
#contactFormsFooter .contactForm h4,
#contactFormsFooter footer #footerWrapper #form h4,
footer #footerWrapper #contactFormsFooter #form h4,
#contactForms:has(#gform_12) form p,
#contactForms:has(#gform_12) form h4,
#contactForms .contactForm p,
#contactForms footer #footerWrapper #form p,
footer #footerWrapper #contactForms #form p,
#contactForms .contactForm h4,
#contactForms footer #footerWrapper #form h4,
footer #footerWrapper #contactForms #form h4 {
  max-width: none;
  color: white;
  margin: 1em 0;
  padding: 0 !important;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form p,
.gform_wrapper:has(#gform_12) .contactForm p,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form p,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form p,
#contactFormsFooter:has(#gform_12) form p,
#contactFormsFooter .contactForm p,
#contactFormsFooter footer #footerWrapper #form p,
footer #footerWrapper #contactFormsFooter #form p,
#contactForms:has(#gform_12) form p,
#contactForms .contactForm p,
#contactForms footer #footerWrapper #form p,
footer #footerWrapper #contactForms #form p {
  margin-top: 0;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form form,
.gform_wrapper:has(#gform_12) .contactForm form,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form form,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form form,
#contactFormsFooter:has(#gform_12) form form,
#contactFormsFooter .contactForm form,
#contactFormsFooter footer #footerWrapper #form form,
footer #footerWrapper #contactFormsFooter #form form,
#contactForms:has(#gform_12) form form,
#contactForms .contactForm form,
#contactForms footer #footerWrapper #form form,
footer #footerWrapper #contactForms #form form {
  width: 100%;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form:not(:has(#gform_12)) form label.gfield_label,
.gform_wrapper:has(#gform_12) .contactForm:not(:has(#gform_12)) form label.gfield_label,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form:not(:has(#gform_12)) form label.gfield_label,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form:not(:has(#gform_12)) form label.gfield_label,
#contactFormsFooter:has(#gform_12) form:not(:has(#gform_12)) form label.gfield_label,
#contactFormsFooter .contactForm:not(:has(#gform_12)) form label.gfield_label,
#contactFormsFooter footer #footerWrapper #form:not(:has(#gform_12)) form label.gfield_label,
footer #footerWrapper #contactFormsFooter #form:not(:has(#gform_12)) form label.gfield_label,
#contactForms:has(#gform_12) form:not(:has(#gform_12)) form label.gfield_label,
#contactForms .contactForm:not(:has(#gform_12)) form label.gfield_label,
#contactForms footer #footerWrapper #form:not(:has(#gform_12)) form label.gfield_label,
footer #footerWrapper #contactForms #form:not(:has(#gform_12)) form label.gfield_label {
  display: none !important;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form .gform_wrapper,
.gform_wrapper:has(#gform_12) .contactForm .gform_wrapper,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form .gform_wrapper,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form .gform_wrapper,
#contactFormsFooter:has(#gform_12) form .gform_wrapper,
#contactFormsFooter .contactForm .gform_wrapper,
#contactFormsFooter footer #footerWrapper #form .gform_wrapper,
footer #footerWrapper #contactFormsFooter #form .gform_wrapper,
#contactForms:has(#gform_12) form .gform_wrapper,
#contactForms .contactForm .gform_wrapper,
#contactForms footer #footerWrapper #form .gform_wrapper,
footer #footerWrapper #contactForms #form .gform_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield,
.gform_wrapper:has(#gform_12) .contactForm li.gfield,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield,
#contactFormsFooter:has(#gform_12) form li.gfield,
#contactFormsFooter .contactForm li.gfield,
#contactFormsFooter footer #footerWrapper #form li.gfield,
footer #footerWrapper #contactFormsFooter #form li.gfield,
#contactForms:has(#gform_12) form li.gfield,
#contactForms .contactForm li.gfield,
#contactForms footer #footerWrapper #form li.gfield,
footer #footerWrapper #contactForms #form li.gfield {
  margin: 0 !important;
  padding: 2px 2px 0 0 !important;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield .datepicker,
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield textarea,
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield select,
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield input[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield input[type=text],
.gform_wrapper:has(#gform_12) .contactForm li.gfield .datepicker,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield .datepicker,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield .datepicker,
.gform_wrapper:has(#gform_12) .contactForm li.gfield textarea,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield textarea,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield textarea,
.gform_wrapper:has(#gform_12) .contactForm li.gfield select,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield select,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield select,
.gform_wrapper:has(#gform_12) .contactForm li.gfield input[type=file],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield input[type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield input[type=file],
.gform_wrapper:has(#gform_12) .contactForm li.gfield input[type=text],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield input[type=text],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield input[type=text],
#contactFormsFooter:has(#gform_12) form li.gfield .datepicker,
#contactFormsFooter:has(#gform_12) form li.gfield textarea,
#contactFormsFooter:has(#gform_12) form li.gfield select,
#contactFormsFooter:has(#gform_12) form li.gfield input[type=file],
#contactFormsFooter:has(#gform_12) form li.gfield input[type=text],
#contactFormsFooter .contactForm li.gfield .datepicker,
#contactFormsFooter footer #footerWrapper #form li.gfield .datepicker,
footer #footerWrapper #contactFormsFooter #form li.gfield .datepicker,
#contactFormsFooter .contactForm li.gfield textarea,
#contactFormsFooter footer #footerWrapper #form li.gfield textarea,
footer #footerWrapper #contactFormsFooter #form li.gfield textarea,
#contactFormsFooter .contactForm li.gfield select,
#contactFormsFooter footer #footerWrapper #form li.gfield select,
footer #footerWrapper #contactFormsFooter #form li.gfield select,
#contactFormsFooter .contactForm li.gfield input[type=file],
#contactFormsFooter footer #footerWrapper #form li.gfield input[type=file],
footer #footerWrapper #contactFormsFooter #form li.gfield input[type=file],
#contactFormsFooter .contactForm li.gfield input[type=text],
#contactFormsFooter footer #footerWrapper #form li.gfield input[type=text],
footer #footerWrapper #contactFormsFooter #form li.gfield input[type=text],
#contactForms:has(#gform_12) form li.gfield .datepicker,
#contactForms:has(#gform_12) form li.gfield textarea,
#contactForms:has(#gform_12) form li.gfield select,
#contactForms:has(#gform_12) form li.gfield input[type=file],
#contactForms:has(#gform_12) form li.gfield input[type=text],
#contactForms .contactForm li.gfield .datepicker,
#contactForms footer #footerWrapper #form li.gfield .datepicker,
footer #footerWrapper #contactForms #form li.gfield .datepicker,
#contactForms .contactForm li.gfield textarea,
#contactForms footer #footerWrapper #form li.gfield textarea,
footer #footerWrapper #contactForms #form li.gfield textarea,
#contactForms .contactForm li.gfield select,
#contactForms footer #footerWrapper #form li.gfield select,
footer #footerWrapper #contactForms #form li.gfield select,
#contactForms .contactForm li.gfield input[type=file],
#contactForms footer #footerWrapper #form li.gfield input[type=file],
footer #footerWrapper #contactForms #form li.gfield input[type=file],
#contactForms .contactForm li.gfield input[type=text],
#contactForms footer #footerWrapper #form li.gfield input[type=text],
footer #footerWrapper #contactForms #form li.gfield input[type=text] {
  width: 100%;
  margin: 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: #373737;
  border: solid 1px #373737;
  color: white;
  padding: 1.2em !important;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 0;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield .datepicker[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield textarea[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield select[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield input[type=file][type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield input[type=text][type=file],
.gform_wrapper:has(#gform_12) .contactForm li.gfield .datepicker[type=file],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield .datepicker[type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield .datepicker[type=file],
.gform_wrapper:has(#gform_12) .contactForm li.gfield textarea[type=file],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield textarea[type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield textarea[type=file],
.gform_wrapper:has(#gform_12) .contactForm li.gfield select[type=file],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield select[type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield select[type=file],
.gform_wrapper:has(#gform_12) .contactForm li.gfield input[type=file][type=file],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield input[type=file][type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield input[type=file][type=file],
.gform_wrapper:has(#gform_12) .contactForm li.gfield input[type=text][type=file],
#contactFormsFooter:has(#gform_12) form li.gfield .datepicker[type=file],
#contactFormsFooter:has(#gform_12) form li.gfield textarea[type=file],
#contactFormsFooter:has(#gform_12) form li.gfield select[type=file],
#contactFormsFooter:has(#gform_12) form li.gfield input[type=file][type=file],
#contactFormsFooter:has(#gform_12) form li.gfield input[type=text][type=file],
#contactFormsFooter .contactForm li.gfield .datepicker[type=file],
#contactFormsFooter footer #footerWrapper #form li.gfield .datepicker[type=file],
footer #footerWrapper #contactFormsFooter #form li.gfield .datepicker[type=file],
#contactFormsFooter .contactForm li.gfield textarea[type=file],
#contactFormsFooter footer #footerWrapper #form li.gfield textarea[type=file],
footer #footerWrapper #contactFormsFooter #form li.gfield textarea[type=file],
#contactFormsFooter .contactForm li.gfield select[type=file],
#contactFormsFooter footer #footerWrapper #form li.gfield select[type=file],
footer #footerWrapper #contactFormsFooter #form li.gfield select[type=file],
#contactFormsFooter .contactForm li.gfield input[type=file][type=file],
#contactFormsFooter footer #footerWrapper #form li.gfield input[type=file][type=file],
footer #footerWrapper #contactFormsFooter #form li.gfield input[type=file][type=file],
#contactFormsFooter .contactForm li.gfield input[type=text][type=file],
#contactForms:has(#gform_12) form li.gfield .datepicker[type=file],
#contactForms:has(#gform_12) form li.gfield textarea[type=file],
#contactForms:has(#gform_12) form li.gfield select[type=file],
#contactForms:has(#gform_12) form li.gfield input[type=file][type=file],
#contactForms:has(#gform_12) form li.gfield input[type=text][type=file],
#contactForms .contactForm li.gfield .datepicker[type=file],
#contactForms footer #footerWrapper #form li.gfield .datepicker[type=file],
footer #footerWrapper #contactForms #form li.gfield .datepicker[type=file],
#contactForms .contactForm li.gfield textarea[type=file],
#contactForms footer #footerWrapper #form li.gfield textarea[type=file],
footer #footerWrapper #contactForms #form li.gfield textarea[type=file],
#contactForms .contactForm li.gfield select[type=file],
#contactForms footer #footerWrapper #form li.gfield select[type=file],
footer #footerWrapper #contactForms #form li.gfield select[type=file],
#contactForms .contactForm li.gfield input[type=file][type=file],
#contactForms footer #footerWrapper #form li.gfield input[type=file][type=file],
footer #footerWrapper #contactForms #form li.gfield input[type=file][type=file],
#contactForms .contactForm li.gfield input[type=text][type=file] {
  padding-bottom: 1.1em !important;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield_error,
.gform_wrapper:has(#gform_12) .contactForm li.gfield_error,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield_error,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield_error,
#contactFormsFooter:has(#gform_12) form li.gfield_error,
#contactFormsFooter .contactForm li.gfield_error,
#contactFormsFooter footer #footerWrapper #form li.gfield_error,
footer #footerWrapper #contactFormsFooter #form li.gfield_error,
#contactForms:has(#gform_12) form li.gfield_error,
#contactForms .contactForm li.gfield_error,
#contactForms footer #footerWrapper #form li.gfield_error,
footer #footerWrapper #contactForms #form li.gfield_error {
  border: none;
  background: none;
  color: var(--c-warn);
}
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield_error .validation_message,
.gform_wrapper:has(#gform_12) .contactForm li.gfield_error .validation_message,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield_error .validation_message,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield_error .validation_message,
#contactFormsFooter:has(#gform_12) form li.gfield_error .validation_message,
#contactFormsFooter .contactForm li.gfield_error .validation_message,
#contactFormsFooter footer #footerWrapper #form li.gfield_error .validation_message,
footer #footerWrapper #contactFormsFooter #form li.gfield_error .validation_message,
#contactForms:has(#gform_12) form li.gfield_error .validation_message,
#contactForms .contactForm li.gfield_error .validation_message,
#contactForms footer #footerWrapper #form li.gfield_error .validation_message,
footer #footerWrapper #contactForms #form li.gfield_error .validation_message {
  color: var(--c-warn);
  padding: 0.3em 0;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield_error textarea,
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield_error select,
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield_error input[type=file],
.gform_wrapper:has(#gform_12):has(#gform_12) form li.gfield_error input[type=text],
.gform_wrapper:has(#gform_12) .contactForm li.gfield_error textarea,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield_error textarea,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield_error textarea,
.gform_wrapper:has(#gform_12) .contactForm li.gfield_error select,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield_error select,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield_error select,
.gform_wrapper:has(#gform_12) .contactForm li.gfield_error input[type=file],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield_error input[type=file],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield_error input[type=file],
.gform_wrapper:has(#gform_12) .contactForm li.gfield_error input[type=text],
.gform_wrapper:has(#gform_12) footer #footerWrapper #form li.gfield_error input[type=text],
footer #footerWrapper .gform_wrapper:has(#gform_12) #form li.gfield_error input[type=text],
#contactFormsFooter:has(#gform_12) form li.gfield_error textarea,
#contactFormsFooter:has(#gform_12) form li.gfield_error select,
#contactFormsFooter:has(#gform_12) form li.gfield_error input[type=file],
#contactFormsFooter:has(#gform_12) form li.gfield_error input[type=text],
#contactFormsFooter .contactForm li.gfield_error textarea,
#contactFormsFooter footer #footerWrapper #form li.gfield_error textarea,
footer #footerWrapper #contactFormsFooter #form li.gfield_error textarea,
#contactFormsFooter .contactForm li.gfield_error select,
#contactFormsFooter footer #footerWrapper #form li.gfield_error select,
footer #footerWrapper #contactFormsFooter #form li.gfield_error select,
#contactFormsFooter .contactForm li.gfield_error input[type=file],
#contactFormsFooter footer #footerWrapper #form li.gfield_error input[type=file],
footer #footerWrapper #contactFormsFooter #form li.gfield_error input[type=file],
#contactFormsFooter .contactForm li.gfield_error input[type=text],
#contactFormsFooter footer #footerWrapper #form li.gfield_error input[type=text],
footer #footerWrapper #contactFormsFooter #form li.gfield_error input[type=text],
#contactForms:has(#gform_12) form li.gfield_error textarea,
#contactForms:has(#gform_12) form li.gfield_error select,
#contactForms:has(#gform_12) form li.gfield_error input[type=file],
#contactForms:has(#gform_12) form li.gfield_error input[type=text],
#contactForms .contactForm li.gfield_error textarea,
#contactForms footer #footerWrapper #form li.gfield_error textarea,
footer #footerWrapper #contactForms #form li.gfield_error textarea,
#contactForms .contactForm li.gfield_error select,
#contactForms footer #footerWrapper #form li.gfield_error select,
footer #footerWrapper #contactForms #form li.gfield_error select,
#contactForms .contactForm li.gfield_error input[type=file],
#contactForms footer #footerWrapper #form li.gfield_error input[type=file],
footer #footerWrapper #contactForms #form li.gfield_error input[type=file],
#contactForms .contactForm li.gfield_error input[type=text],
#contactForms footer #footerWrapper #form li.gfield_error input[type=text],
footer #footerWrapper #contactForms #form li.gfield_error input[type=text] {
  border: solid 1px var(--c-warn);
}
.gform_wrapper:has(#gform_12):has(#gform_12) form .button,
.gform_wrapper:has(#gform_12) .contactForm .button,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form .button,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form .button,
#contactFormsFooter:has(#gform_12) form .button,
#contactFormsFooter .contactForm .button,
#contactFormsFooter footer #footerWrapper #form .button,
footer #footerWrapper #contactFormsFooter #form .button,
#contactForms:has(#gform_12) form .button,
#contactForms .contactForm .button,
#contactForms footer #footerWrapper #form .button,
footer #footerWrapper #contactForms #form .button {
  border: solid 1px white;
  padding: 1em 2em !important;
  display: block;
  float: right;
  margin: 0;
  font-size: 14px;
}
.gform_wrapper:has(#gform_12):has(#gform_12) form .ginput_container,
.gform_wrapper:has(#gform_12):has(#gform_12) form .ginput_container_textarea,
.gform_wrapper:has(#gform_12) .contactForm .ginput_container,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form .ginput_container,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form .ginput_container,
.gform_wrapper:has(#gform_12) .contactForm .ginput_container_textarea,
.gform_wrapper:has(#gform_12) footer #footerWrapper #form .ginput_container_textarea,
footer #footerWrapper .gform_wrapper:has(#gform_12) #form .ginput_container_textarea,
#contactFormsFooter:has(#gform_12) form .ginput_container,
#contactFormsFooter:has(#gform_12) form .ginput_container_textarea,
#contactFormsFooter .contactForm .ginput_container,
#contactFormsFooter footer #footerWrapper #form .ginput_container,
footer #footerWrapper #contactFormsFooter #form .ginput_container,
#contactFormsFooter .contactForm .ginput_container_textarea,
#contactFormsFooter footer #footerWrapper #form .ginput_container_textarea,
footer #footerWrapper #contactFormsFooter #form .ginput_container_textarea,
#contactForms:has(#gform_12) form .ginput_container,
#contactForms:has(#gform_12) form .ginput_container_textarea,
#contactForms .contactForm .ginput_container,
#contactForms footer #footerWrapper #form .ginput_container,
footer #footerWrapper #contactForms #form .ginput_container,
#contactForms .contactForm .ginput_container_textarea,
#contactForms footer #footerWrapper #form .ginput_container_textarea,
footer #footerWrapper #contactForms #form .ginput_container_textarea {
  margin: 0 !important;
}

#contactFormsFooter .contactForm, #contactFormsFooter footer #footerWrapper #form, footer #footerWrapper #contactFormsFooter #form {
  max-width: 1280px;
}
#contactFormsFooter .contactForm textarea.medium, #contactFormsFooter footer #footerWrapper #form textarea.medium, footer #footerWrapper #contactFormsFooter #form textarea.medium {
  height: 100px;
}
#contactFormsFooter .contactForm .gform_footer, #contactFormsFooter footer #footerWrapper #form .gform_footer, footer #footerWrapper #contactFormsFooter #form .gform_footer {
  padding: 0;
}
#contactFormsFooter .contactForm .button, #contactFormsFooter footer #footerWrapper #form .button, footer #footerWrapper #contactFormsFooter #form .button {
  padding: 0.5em 1.4em !important;
  background: black;
  color: white;
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

/************************************************************************************************/
/*
/* Formate
*/
article.format-gallery h2.title {
  padding: 20px 20px 0 20px;
}
article.format-gallery .gallery dl.gallery-item {
  float: left;
  text-align: center;
  width: 33.33333%;
  padding: 0;
  margin: 0 !important;
  background: none;
}
article.format-gallery .gallery dl.gallery-item img {
  border: none !important;
  width: 100%;
  height: auto;
  float: left;
}
article.format-gallery .gallery dl.gallery-item .wp-caption-text {
  font-size: 0.8em;
  margin: 0;
}
article.format-gallery .gallery dl.gallery-item dt {
  margin: 0;
}
article.format-gallery .gallery dl.gallery-item dd {
  display: none;
}
article.format-video iframe {
  max-width: 100%;
}
article #discussion {
  padding-bottom: 20px;
}
article #discussion p {
  margin-bottom: 20px;
}
article #discussion #commentform label {
  display: block;
}
article #discussion ul#comments li:before {
  content: "";
  float: none;
  width: auto;
}
article #discussion ul#comments li .avatarimg {
  float: left;
  width: 80px;
}
article #discussion ul#comments li p.author {
  margin-bottom: 5px;
}
article #discussion ul#comments li .comment-wrap {
  overflow: hidden;
  float: left;
  width: 540px;
}
article #discussion ul#comments li ul {
  clear: left;
  margin-top: 20px;
  margin-left: 80px;
}
article #discussion ul#comments li ul li .avatarimg {
  display: none;
}

.credits {
  color: var(--c-copy);
}
.credits p {
  font-size: 1em;
  margin: 0;
  float: left;
  margin: 0 20px 0 0;
}
.credits a {
  text-decoration: none;
}
.credits ul {
  font-size: 1em;
  float: left;
  margin: 0 20px 0 0;
}
.credits ul li {
  float: left;
  background: none;
  padding: 0;
  margin: 0;
}
.credits ul li:after {
  content: ", ";
}
.credits ul li:first-child, .credits ul li:last-child {
  content: "";
}
.credits ul li:first-child:after, .credits ul li:last-child:after {
  content: "";
}

/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

@media (min-width: 768px) {
  .lokSlider + .logTextblock {
    display: none;
  }
}

@media (min-width: 768px) {
  .lokSlider + .logTextblock + .lokEventSlider {
    display: none;
  }
}

@media (max-width: 767px) {
  .event-search.front {
    display: none;
  }
}

@media (max-width: 767px) {
  .lokFeatures + .lokTextBlock {
    display: none;
  }
}

@media (max-width: 767px) {
  .lokFeatures + .logTextblock {
    display: none;
  }
}

@media (max-width: 767px) {
  .lokFeatures + .logTextblock + .lokEventSlider {
    display: none;
  }
}

@media (min-width: 550px) {
  .f-left,
  .alignleft {
    float: left;
  }
}

@media (min-width: 550px) {
  .f-right,
  .alignright {
    float: right;
  }
}

.aligncenter,
.alignright,
.alignleft {
  display: block;
  margin: 0 auto;
}
@media (min-width: 550px) {
  .aligncenter,
  .alignright,
  .alignleft {
    display: inline;
    margin: 0 10px 10px 0;
  }
}

@media (min-width: 550px) {
  .alignright {
    display: inline;
    margin: 0 0 10px 10px;
  }
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.a-left,
.text-left {
  text-align: left;
}

.a-right,
.text-right {
  text-align: right;
}

figure {
  margin-top: 0;
  margin-bottom: 0;
}

.wp-block-image {
  margin-bottom: 0;
}
.wp-block-image figcaption {
  text-align: left;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
/* Farben */
:root {
  --c-white: #fff;
  --c-copy: #000;
  --c-link: #45a2df;
  --c-head: #000;
  --c-okay: #3d423a;
  --c-warn: #E59E6D;
  --c-button: var(--c-link);
  --c-grau: #9C9C9C;
  --c-grau-hell: #F0F0F0;
  --ff-head: "Open Sans",sans-serif;
  --ff-copy: "Lustria",serif;
  --ff-form: var(--ff-head);
  --ff-head_bold: 500;
  --ff-copy-bold: 700;
  --semibold: 600;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-white: #000;
    --c-copy: #fff;
    --c-link: #94c6e8;
    --c-head: #fff;
    --c-okay: #d2d7ce;
    --c-warn: #ffbf94;
    --c-button: var(--c-link);
    --c-grau: #7d7c7c;
  }
}

footer {
  margin-top: 100px;
  background: black;
  color: white;
  font-family: var(--ff-head);
}
footer a {
  color: white;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer #googleMaps {
  display: block;
  width: 100%;
  padding-bottom: 75%;
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  footer #googleMaps {
    padding-bottom: 25%;
  }
}
footer #maps {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 75%;
}
@media (min-width: 768px) {
  footer #maps {
    padding-bottom: 25%;
  }
}
footer #maps iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
footer #footerWrapper {
  border-top: solid 4px white;
}
footer #footerWrapper #contacts {
  background: black;
  color: white;
}
footer #footerWrapper #contacts a {
  color: white;
}
footer #footerWrapper #contacts .inner {
  padding: 45px;
  max-width: 1370px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 1023px) {
  footer #footerWrapper #contacts .inner {
    flex-direction: column;
  }
}
footer #footerWrapper #contacts .inner > div {
  margin: 20px 0 0;
}
footer #footerWrapper #contacts .inner > div:first-child {
  margin-top: 0;
}
@media (min-width: 1024px) {
  footer #footerWrapper #contacts .inner > div {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  footer #footerWrapper #contacts .inner #navFooter {
    width: 282px;
    flex-basis: 282;
    flex-shrink: 0;
  }
}
footer #footerWrapper #contacts .inner #navFooter nav > ul > li {
  margin: 0 0 0.7em;
}
footer #footerWrapper #contacts .inner #navFooter nav > ul > li:last-child {
  margin: 0;
}
footer #footerWrapper #contacts .inner #navFooter nav > ul > li > a {
  font-size: 1.2em;
  text-transform: uppercase;
}
footer #footerWrapper #contacts .inner .address {
  text-align: left;
  margin: 40px 0 0;
  font-size: 1.2em;
  width: 360px;
  flex-shrink: 0;
}
footer #footerWrapper #contacts .inner .address span {
  display: inline-block;
  margin-right: 0.4em;
  width: 1.2em;
}
@media (min-width: 1024px) {
  footer #footerWrapper #contacts .inner .address {
    margin: 0;
  }
}
footer #footerWrapper #contacts .inner .address p {
  margin: 0 0 0.7em;
  display: flex;
  align-items: center;
}
footer #footerWrapper #contacts .inner .address p:last-child {
  margin: 0;
}
footer #footerWrapper #contacts .inner #contactFormsFooter {
  padding: 0;
}
footer #footerWrapper #contacts .inner #contactFormsFooter a.button {
  padding: 0.2em 0.5em;
}
footer #socialMediaLinks {
  width: 100%;
  background: white;
  padding: 45px 0;
}
footer #socialMediaLinks div {
  text-align: center;
}
footer #socialMediaLinks div a {
  display: inline-block;
  margin: 0 0.25em;
}
footer #socialMediaLinks ul {
  font-family: var(--ff-copy);
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  footer #socialMediaLinks ul {
    flex-direction: column;
    text-align: center;
  }
}
footer #socialMediaLinks ul > li {
  margin: 1em 0 0;
}
footer #socialMediaLinks ul > li > a {
  color: black;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  footer #socialMediaLinks ul > li:not(:first-child):before {
    margin: 0 0.5em;
    color: black;
    content: "•";
  }
}

#sniffer {
  position: absolute;
  top: -500px;
  z-index: 1;
}
@media screen and (min-width: 850px) {
  #sniffer {
    z-index: 2;
  }
}

.clear {
  clear: both;
}

.printonly {
  display: none;
}

.wp-caption,
img {
  max-width: 100%;
  height: auto;
}

.text-center {
  text-align: center;
}

.divider {
  display: block;
  margin: 15px auto;
  width: 105px;
  height: 1px;
  border-top: solid 2px black;
}
@media (min-width: 1024px) {
  .divider {
    margin: 30px auto;
  }
}
.divider.white {
  border-color: white;
}
.divider.long {
  width: 100%;
}
.divider.light {
  border-color: var(--c-grau-hell);
}

.coltop + .divider {
  margin-top: 0;
}

.uc,
.underConstruction {
  border: solid 10px red;
  margin: 10px 0;
  padding: 20px;
  text-align: center;
}
.uc p,
.underConstruction p {
  font-family: var(--ff-head);
  font-size: 1.25rem;
}

@keyframes zoomButton {
  0% {
    transform: translate(-50%, 50%) scale(1);
  }
  50% {
    transform: translate(-50%, 50%) scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  0% {
    transform: translate(-50%, 50%) scale(1);
  }
}
@keyframes zoomButtonCentered {
  0% {
    transform: tscale(1);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  0% {
    transform: scale(1);
  }
}
.hideMove {
  position: absolute;
  left: -50000px;
  top: -50000px;
}

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