@charset "UTF-8";
@font-face {
  font-family: "CeraPRO";
  src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.svg#../fonts/CeraPRO/CeraPRO-Regular") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CeraPRO";
  src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.svg#../fonts/CeraPRO/CeraPRO-RegularItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "CeraPRO";
  src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.svg#../fonts/CeraPRO/CeraPRO-Medium") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "CeraPRO";
  src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.svg#../fonts/CeraPRO/CeraPRO-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Zueri";
  src: url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.woff") format("woff"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.svg#../fonts/ZueriDreiRund/ZueriDreiRund") format("svg");
  font-weight: normal;
  font-style: normal;
}
h1, h2, h3, h4, h5 {
  font-weight: normal;
}
/* Carousel Controls */
.carousel-control.right {
  background-color: transparent;
  background-image: none;
}
.carousel-control.left {
  background-color: transparent;
  background-image: none;
}
.navbar {
  position: relative;
  min-height: 10px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}
.navbar-default {
  background-color: transparent;
  border-color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.navbar-brand {
  float: left;
  height: 0px;
  min-height: 1px;
  padding: 15px 15px;
}
.navbar-default .navbar-brand {
  color: #111;
}
.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
.navbar-collapse ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
.navbar-collapse ul li:last-of-type {
  border-bottom: 0px solid white !important;
}
/* Reset Default Modal Styles */
.modal-dialog {
  margin: 0;
  width: 100%;
  z-index: 999999;
}
.modal-dialog .modal-content {
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  min-height: 100vh;
}
.modal-dialog .modal-content .modal-header, .modal-dialog .modal-content .modal-footer {
  border: 0px;
}
.modal-dialog .modal-content .modal-body {
  padding-top: 0px;
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html {
  font-size: 1.1rem;
}
body {
  font-size: 1rem;
  line-height: 1.5;
  font-family: CeraPro, Helvetica, sans-serif;
  background: white;
}
.container-fluid {
  margin-left: 0rem;
}
a {
  color: #0000ee;
  text-decoration: none;
  transition: color 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
}
a:hover {
  color: #55f;
  text-decoration: underline;
}
a:focus {
  color: #0000ee;
  text-decoration: none;
  outline: none;
}
h1, h2, h3, h4, .labels, .calendarlabel, .veranstaltungsprogramm .type, .eventlist .title.mittel {
  font-family: Zueri, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}
h1 a, h2 a, h3 a, h4 a, .labels a, .calendarlabel a, .veranstaltungsprogramm .type a, .eventlist .title.mittel a {
  color: black;
  text-decoration: none;
}
.nopadding-left {
  padding-left: 0;
}
.calendarlabel.comingsoon {
  background: #fff041;
}
.calendarlabel.cancelled {
  color: white;
  background: #e53f39;
}
.calendarlabel.postponed {
  background: #fff041;
}
.calendarlabel.closed {
  background: #e4e5e6;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainnav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  text-align: right;
  padding: 0.3rem 1.25rem 0 0;
  background: white;
  width: 100%;
}
.mainnav.fixed {
  position: fixed;
}
.mainnav a {
  text-transform: uppercase;
  font-size: 0.875rem;
  border-bottom: 0.125rem solid;
  padding-bottom: 0.125rem;
  letter-spacing: 0.05rem;
}
.mainnav a:hover {
  text-decoration: none;
}
.mainnav.transparent {
  background: none;
}
.mainnav.transparent a {
  color: black;
  text-shadow: 1px 1px 11px white;
}
.mainnav.transparent .dropdown-menu a {
  color: black;
  text-shadow: none;
}
.mainnav.transparent .langselect {
  border-color: black;
}
.mainnav.transparent .langselect select {
  color: black;
  border-color: white;
  text-shadow: 1px 1px 11px white;
}
.mainnav.transparent .langselect i {
  color: black;
  text-shadow: 1px 1px 11px white;
}
.mainnav ul {
  margin-bottom: 0.3rem;
}
.mainnav .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border-width: 0rem;
  background: #fff041;
  min-width: 15rem;
}
.mainnav .dropdown-menu li a {
  padding: 0.3rem 1rem;
  border-bottom: 0px solid;
}
.mainnav .langselect {
  border-bottom: 0.125rem solid #0000ee;
  line-height: 100%;
  margin-left: 0.75rem;
}
.mainnav .langselect select {
  text-transform: uppercase;
  font-size: 0.875rem;
  text-decoration: none;
  color: #0000ee;
  font-family: CeraPro, Helvetica, sans-serif;
  line-height: 100%;
  background: none;
  border: 0px solid white;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 0 0.125rem 0;
  margin: 0;
  text-align: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.mainnav .langselect select:focus {
  outline: none;
}
.mainnav .langselect i {
  color: #0000ee;
  font-size: 0.875rem;
}
.cd {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background: white;
  padding: 1.25rem;
  padding-top: 2.25rem;
  width: 15rem;
}
.cd .address {
  padding: 1.25rem 0 0 0;
}
.cd .address a {
  text-decoration: underline;
}
.submenu {
  position: fixed;
  z-index: 1000;
  top: 16.25rem;
  left: 0px;
  background: white;
  padding: 0 1.25rem;
  width: 15rem;
}
.submenu li {
  margin-bottom: 0.625rem;
}
.submenu li input#livesearch {
  width: 100%;
  padding: 0.625rem;
  font-size: 1.125rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: 0;
  background: rgba(255, 255, 255, 0.8);
}
.submenu li a {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.5;
  border: 0;
  border-bottom: 0.125rem solid;
  letter-spacing: 0.05rem;
  cursor: pointer;
  display: inline-block;
  color: #0000ee !important;
}
.submenu li a:hover {
  text-decoration: none;
  color: #0000ee !important;
}
.submenu li ul.dropdown-menu {
  position: absolute;
  z-index: 99 !important;
  padding: 0.625rem 1rem 1rem 1rem;
  margin: 0;
  background: #fff041;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  min-width: 25rem;
}
.submenu li ul.dropdown-menu li {
  margin-bottom: 1rem;
}
.submenu li ul.dropdown-menu li a {
  color: #0000ee;
  border-bottom: 0px solid;
  font-size: 1rem;
}
.submenu li ul.dropdown-menu li a:hover {
  color: #551a8b;
  background: none;
}
.calendarlabel {
  padding: 0.125rem 0.125rem 1px 0.3125rem;
  font-size: 1rem;
  line-height: 140%;
  display: inline-block;
  font-weight: 500;
  position: absolute;
  right: 0;
}
.calendarlabel.geschlossen {
  background: #fff041;
  color: black;
}
.calendarlabel.verschoben, .calendarlabel.freitext {
  background: #fff041;
  color: black;
}
.calendarlabel.entfaellt {
  background: #e53f39;
  color: white;
}
.calendarlabel.anmelden {
  background: #0b24fb;
  color: white;
}
.calendarlabel.anmelden:hover {
  background: #0319d0;
  text-decoration: none;
}
#homepage .screen {
  position: relative;
}
#homepage .screen h2 {
  font-size: 1.5rem;
  color: white;
  background-color: black;
  display: inline-block;
  padding: 0.125rem 0 0 0;
  margin-bottom: 1.25rem;
}
#homepage #onlinegallery {
  padding-top: 2.5rem;
  min-height: 100vh;
}
#homepage #onlinegallery .sandboxcontainer {
  margin-left: 15rem;
  padding-bottom: 3.75rem;
}
#homepage #onlinegallery .sandboxcontainer .intro {
  padding: 1.25rem;
  background: #eee;
  margin-bottom: 2.5rem;
}
#homepage #onlinegallery .sandboxcontainer .intro .txt {
  padding: 0.625rem;
  background: white;
  font-size: 1.3rem;
  line-height: 1.6;
  width: 76%;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster {
  display: block;
  width: 50%;
  height: 400px;
  margin-bottom: 6rem;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster .items {
  position: absolute;
  top: 0;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item {
  position: absolute;
  transform: translate(-50%, -50%);
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item img {
  max-width: 15rem;
  max-height: 18rem;
  transition: all 0.2s;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel {
  position: absolute;
  display: inline-block;
  z-index: 2000;
  font-family: Zueri, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clustertitle {
  background: #0b24fb;
  color: white;
  font-size: 1.5rem;
  bottom: 10%;
  padding: 0;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clusterrelease {
  background: white;
  color: black;
  bottom: 0;
  padding: 0;
  transition: all 0.2s;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover img {
  transform: scale(1.3);
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive .clustertitle {
  background: black;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive img {
  filter: grayscale(100%);
  opacity: 0.6;
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive img {
  transform: scale(0.8);
}
#homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive .clusterrelease {
  font-size: 1.5rem;
}
#homepage #center {
  height: 100vh;
}
#homepage #center .carousel {
  height: 100vh;
}
#homepage #center .carousel .item {
  background-size: cover;
  background-position: center center;
  min-height: 100vh;
}
#homepage #center .carousel .item.hinweis {
  font-weight: bold;
  font-size: 1.5rem;
  background: #fff041;
}
#homepage #center .carousel .item.hinweis > div {
  margin: 0 25%;
}
#homepage #center .carousel .item .carousel-caption {
  width: 40%;
  left: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  margin: 0;
  background: white;
  padding: 0.625rem;
  color: black;
  text-shadow: none;
  text-align: left;
}
#homepage #center .carousel .item .carousel-caption h4 {
  color: white;
  background-color: black;
  display: inline-block;
  padding: 0.125rem 0 0 0;
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
}
#homepage #center .carousel .item .carousel-caption h3 {
  font-size: 2.125rem;
  margin-bottom: 0.3125rem;
}
#homepage #center .carousel .item .carousel-caption .calendarlabel {
  right: 0.625rem;
}
#homepage #center .carousel .item .carousel-caption .meta {
  margin-bottom: 0.625rem;
  font-weight: 600;
  font-size: 1.125rem;
}
#homepage #center .carousel .item .carousel-caption .excerpt {
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.6;
}
#homepage #center .carousel .carousel-control {
  width: 10%;
}
#homepage #center .carousel .carousel-control .btr {
  font-size: 2.75rem;
  position: absolute;
  top: 50%;
  margin-top: -1.25rem;
  z-index: 5;
  display: inline-block;
}
#homepage #center .carousel .carousel-control .bt-arrow-left {
  left: 50%;
}
#homepage #center .carousel .carousel-control .bt-arrow-right {
  right: 50%;
}
#homepage #formats {
  min-height: 100vh;
  padding-top: 2.5rem;
  padding-bottom: 1.25rem;
}
#homepage #formats .formatlist {
  display: flex;
  margin-left: 15rem;
}
#homepage #formats .formatlist h2 {
  margin-bottom: 1.25rem;
}
#homepage #formats .formatlist .archivelink {
  display: block;
  width: 100%;
  text-align: center;
}
#homepage #formats .formatlist .archivelink a {
  display: inline-block;
  margin: 2.5rem auto;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 100%;
  font-size: 1.5rem;
  border: 0.125rem solid #0b24fb;
  padding: 0.625rem 1rem 0.625rem 1rem;
}
#homepage #formats .formatlist .archivelink a:hover {
  text-decoration: none;
}
#homepage #formats .formatlist .col1 {
  width: 45%;
}
#homepage #formats .formatlist .col1 .exhibitionitem {
  width: 100%;
  margin-bottom: 2.5rem;
}
#homepage #formats .formatlist .col1 .exhibitionitem .imgcol {
  position: relative;
}
#homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption {
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  max-width: 55%;
  background: white;
  padding: 0.3125rem;
}
#homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption h3 {
  font-size: 1.75rem;
  margin-bottom: 0.3125rem;
}
#homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption > div {
  font-weight: 600;
}
#homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels {
  position: absolute;
  padding: 0.125rem 0.125rem 1px 0.3125rem;
  font-size: 1.125rem;
  line-height: 140%;
  display: inline-block;
}
#homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels.label-demnaechst {
  top: 0.3125rem;
  left: 0.3125rem;
  background: #fff041;
  color: black;
}
#homepage #formats .formatlist .col2 {
  width: 55%;
  padding: 0 2.5rem;
}
#homepage #formats .formatlist .col2 .header h2 {
  margin-bottom: 1.25rem;
}
#homepage #formats .formatlist .col2 .header .public {
  font-weight: 600;
  margin-bottom: 1.25rem;
}
#homepage #formats .formatlist .col2 .disclaimer {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  padding-top: 1rem;
  display: flex;
  font-weight: 600;
  border-top: 0.125rem solid black;
}
#homepage #formats .formatlist .col2 .eventlist {
  border-top: 0.125rem solid black;
}
#homepage #formats .formatlist .col2 .eventlist .abbinder {
  padding: 1rem 1rem 2rem 0;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem {
  display: flex;
  font-weight: 600;
  padding: 1rem 0 2rem 0;
  position: relative;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .termin {
  width: 15%;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .termin span {
  font-weight: 500;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .meta {
  width: 60%;
  padding-left: 2rem;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .label {
  width: 25%;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel {
  padding: 0.125rem 0.125rem 1px 0.3125rem;
  font-size: 1rem;
  line-height: 140%;
  display: inline-block;
  font-weight: 500;
  position: absolute;
  right: 0;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.geschlossen {
  background: #fff041;
  color: black;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.entfaellt {
  background: #e53f39;
  color: white;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden {
  background: #0b24fb;
  color: white;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden:hover {
  background: #0319d0;
  text-decoration: none;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem h4 {
  display: inline-block;
  background: black;
  color: white;
  padding: 0.125rem 0.125rem 1px 0.3125rem;
  font-size: 0.875rem;
  line-height: 100%;
  margin-bottom: 0.625rem;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal {
  border-bottom: 0.125rem dotted black;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .title.mittel {
  font-weight: 500;
  font-size: 1.125rem;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .title.mittel a:hover {
  color: #0b24fb;
  text-decoration: underline;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .subtitle {
  font-weight: 600;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .excerpt {
  font-weight: 500;
  margin-bottom: 0.625rem;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong {
  border-bottom: 0.125rem dotted black;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .image {
  width: 7.5rem;
  padding-left: 2rem;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta {
  padding-left: 1.25rem;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta h3 {
  margin-bottom: 0px;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .subtitle {
  margin-bottom: 0.625rem;
}
#homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .excerpt {
  font-weight: 500;
  margin-bottom: 0.625rem;
}
.searchwp-live-search-results {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background: #fff041;
  min-width: 25rem;
  margin-left: -1rem;
}
.searchwp-live-search-results .searchwp-live-search-result p {
  font-size: 1rem;
  padding: 0.625rem 0.3125rem 0.625rem 0.3125rem;
  margin: 0 1rem 0 1rem;
  border-bottom: 1px solid #0b24fb;
}
.searchwp-live-search-results .searchwp-live-search-result p a:hover {
  text-decoration: none;
}
.subpage {
  padding-top: 2.5rem;
  padding-left: 15rem;
  font-size: 1.125rem;
  line-height: 1.6;
}
.subpage .subpageheader h4 {
  font-size: 1.5rem;
  color: white;
  background-color: black;
  display: inline-block;
  padding: 0.125rem 0 0 0;
  margin-bottom: 2.5rem;
}
.subpage .subpageheader h2 {
  font-size: 2.75rem;
  color: black;
  background-color: white;
  display: inline-block;
  padding: 0.125rem 0.3125rem 0 0.3125rem;
  margin-bottom: 0.625rem;
  margin-left: 2px;
}
.subpage .subpagecontent {
  padding-bottom: 5rem;
}
.subpage .subpagecontent .contentarea {
  max-width: 50rem;
  margin-right: 15%;
}
.subpage .subpagecontent .contentarea .einleitung {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.subpage .subpagecontent .contentarea .einleitung .gallery {
  margin-top: 2.5rem;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm {
  margin-top: 3.75rem;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm h3 {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 140%;
  font-family: CeraPro, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm .type {
  font-size: 0.875rem;
  color: white;
  background-color: black;
  display: inline-block;
  padding: 0.125rem 6px 0 4px;
  margin-bottom: 0.625rem;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 {
  font-size: 1.125rem;
  font-family: CeraPro, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 a {
  color: #0b24fb;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm h4.hero {
  font-family: Zueri, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 1.5rem;
  color: black;
  font-weight: 500;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm ul {
  border-top: 0.125rem solid black;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm li {
  display: flex;
  border-bottom: 0.125rem dotted black;
  padding: 1rem 0 1rem 0;
  position: relative;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date {
  width: 15%;
  font-weight: 600;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date .time {
  font-weight: 500;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm li .info {
  width: 85%;
}
.subpage .subpagecontent .contentarea .veranstaltungsprogramm li.abbinder {
  border-bottom: 0.125rem solid black;
}
.subpage .subpagecontent .contentarea .carousel-control {
  width: 10%;
}
.subpage .subpagecontent .contentarea .carousel-control .btr {
  font-size: 2.75rem;
  position: absolute;
  top: 50%;
  margin-top: -1.25rem;
  z-index: 5;
  display: inline-block;
}
.subpage .subpagecontent .contentarea .carousel-control .bt-arrow-left {
  left: 50%;
  margin-left: -0.625rem;
}
.subpage .subpagecontent .contentarea .carousel-control .bt-arrow-right {
  right: 50%;
  margin-right: -0.625rem;
}
.subpage .subpagecontent .contentarea .thecontent .wp-caption-text {
  white-space: pre-wrap;
  padding: 0.625rem 0;
  font-size: 1rem;
  line-height: 140%;
}
.subpage .subpagecontent .contentarea .thecontent .alignleft {
  float: left;
  margin: 0.3125rem 1rem 1rem 0px;
}
.subpage .subpagecontent .contentarea .thecontent .alignright {
  float: right;
  margin: 0.3125rem 0 1rem 1rem;
  margin-right: calc(0px - 25% - 1.25rem);
}
.subpage .subpagecontent .contentarea .thecontent .alignright .wp-caption-text {
  padding-right: 0.625rem;
}
.subpage .subpagecontent .contentarea .thecontent .aligncenter {
  display: block;
  margin: 2rem auto;
}
.subpage .subpagecontent .contentarea .thecontent h3 {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 140%;
  font-family: CeraPro, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-left: 0.625rem;
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent h3 + .materialauthor {
  margin-top: -1.25rem;
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent h3 + h5 {
  padding-top: 0px;
}
.subpage .subpagecontent .contentarea .thecontent .materialauthor {
  font-style: italic;
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent h4 {
  font-size: 1.125rem;
  color: white;
  background-color: black;
  display: inline-block;
  padding: 0.125rem 6px 0 4px;
  margin-top: 2.5rem;
}
.subpage .subpagecontent .contentarea .thecontent h4 a {
  color: white;
  text-decoration: none;
}
.subpage .subpagecontent .contentarea .thecontent h4 a i {
  font-size: 1rem;
}
.subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu {
  background: black;
  color: white;
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  width: 26.5rem;
}
.subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a:hover {
  background: black;
}
.subpage .subpagecontent .contentarea .thecontent h5 {
  display: block;
  font-size: 1.125rem;
  line-height: 140%;
  font-family: CeraPro, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 700;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.subpage .subpagecontent .contentarea .thecontent blockquote {
  font-size: 1.125rem;
  border-left: 0.125rem solid black;
  padding-left: 2.5rem;
  padding: 0 0 0 2.5rem;
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin: 0 0 1rem 0;
}
.subpage .subpagecontent .contentarea .thecontent .tt:hover {
  text-decoration: none;
}
.subpage .subpagecontent .contentarea .thecontent .tooltip-inner {
  font-family: CeraPro;
  padding: 0.625rem;
  text-align: left;
}
.subpage .subpagecontent .contentarea .thecontent .text {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  clear: both;
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent .cite {
  font-style: italic;
  text-align: left;
  font-size: 1.125rem;
  line-height: 170%;
  font-weight: 600;
  margin-right: calc(0px - 25% - 1.25rem);
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent .image {
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent .image .blockimgcaption {
  padding: 0.625rem 0;
  line-height: 130%;
  font-size: 1rem;
}
.subpage .subpagecontent .contentarea .thecontent .video {
  margin-bottom: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent .gallery {
  margin-bottom: 2rem;
}
.page-template-page-museum .subpage .subpagecontent .contentarea .thecontent .gallery {
  padding-top: 2rem;
}
.subpage .subpagecontent .contentarea .thecontent .gallery .caption {
  padding: 0.625rem;
  line-height: 130%;
}
#page-format #format-header .formatvisuals {
  display: flex;
  width: 100%;
}
#page-format #format-header .formatvisuals .imgcol {
  max-width: 50rem;
}
#page-format #format-header .formatvisuals .attachcol {
  padding: 0 1.25rem;
  display: flex;
  position: relative;
  align-items: flex-end;
}
#page-format #format-header .formatvisuals .attachcol a {
  position: relative;
}
#page-format #format-header .formatvisuals .attachcol a i {
  position: absolute;
  margin-top: -3rem;
  right: 0.625rem;
  padding: 0.625rem 0.125rem 6px 2px;
  background: white;
  border-bottom: 0.125rem solid #0000ee;
  color: #0000ee;
}
#page-format #format-header h2 {
  width: 45%;
  margin-top: -50%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#page-format #format-header .formatmeta {
  font-weight: 600;
  margin-bottom: 3.125rem;
}
#page-format #format-header .formatmeta .calendarlabel {
  position: static;
}
#page-format #format-header .formatmeta .jetztanmelden {
  background: #0b24fb;
  display: inline-block;
  color: white;
  margin-top: 0.625rem;
}
#page-format #format-header .formatmeta .jetztanmelden:hover {
  background: #041ce9;
  text-decoration: none;
}
#page-field #field-header .fieldtiles .tile {
  display: inline-flex;
  height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
  white-space: nowrap;
}
#page-field #field-header h2 {
  width: 55%;
  margin-top: -25%;
}
#page-archive {
  padding-bottom: 5rem;
}
#page-archive #archive-content {
  margin-right: 2rem;
  max-width: 75rem;
}
#page-archive #archive-content .archiveitem {
  display: flex;
  width: 100%;
  margin-bottom: 2.5rem;
}
#page-archive #archive-content .archiveitem .imgcol {
  width: 60%;
  position: relative;
}
#page-archive #archive-content .archiveitem .imgcol.child {
  margin-left: 15%;
  width: calc(60% - 15%);
}
#page-archive #archive-content .archiveitem .imgcol.child h3 {
  font-size: 1.5rem;
}
#page-archive #archive-content .archiveitem .imgcol h3 {
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  max-width: 50%;
  background: white;
  padding-left: 0.3125rem;
  font-size: 1.75rem;
  line-height: 150%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#page-archive #archive-content .archiveitem .imgcol h4 {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  background: black;
  color: white;
  padding: 0.125rem 0.125rem 1px 0.3125rem;
  font-size: 1rem;
  line-height: 100%;
}
#page-archive #archive-content .archiveitem .imgcol .labels {
  position: absolute;
  padding: 0.125rem 0.125rem 1px 0.3125rem;
  font-size: 1.125rem;
  display: inline-block;
}
#page-archive #archive-content .archiveitem .imgcol .labels.label-heute {
  top: 2rem;
  left: 0.3125rem;
  background: #e53f39;
  color: white;
}
#page-archive #archive-content .archiveitem .imgcol .labels.label-demnaechst {
  top: 2rem;
  left: 0.3125rem;
  background: #fff041;
  color: black;
}
#page-archive #archive-content .archiveitem .imgcol .labels.label-jetztanmelden {
  bottom: 0.3125rem;
  right: 0.3125rem;
  background: #0b24fb;
  color: white;
}
#page-archive #archive-content .archiveitem .txtcol {
  width: 40%;
  display: flex;
  align-items: flex-end;
  padding-left: 1.25rem;
}
#page-archive #archive-content .archiveitem .txtcol h4 {
  font-weight: 600;
  margin: 0;
}
#page-archive #archive-content .archiveitem .txtcol .meta {
  margin: 0.625rem 0;
  font-weight: 600;
}
#page-archive #archive-content .archiveitem .txtcol .excerpt {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#page-archive #archive-content .archiveitem .txtcol .coops {
  margin-top: 2rem;
}
#page-archive #archive-content .archiveitem .txtcol .showevents {
  margin-top: 2rem;
}
#page-archive #archive-content .archiveitem .txtcol .showevents a {
  text-decoration: none;
}
#page-archive #archive-content .archiveitem .txtcol .showevents a::before {
  font-family: "Black Tie";
  font-weight: 600;
  content: "";
  margin-right: 0.75rem;
}
#page-archive #archive-content .archiveitem .txtcol .showevents a[aria-expanded=true]::before {
  font-family: "Black Tie";
  font-weight: 600;
  content: "";
  margin-right: 0.75rem;
}
#page-forschung #fields .fieldlist {
  padding-bottom: 3.75rem;
}
#page-forschung #fields .fieldlist .intro {
  padding: 1.25rem;
  background: #eee;
  margin-bottom: 2.5rem;
}
#page-forschung #fields .fieldlist .intro .txt {
  padding: 0.625rem;
  background: white;
  font-size: 1.3rem;
  line-height: 1.6;
  width: 76%;
}
#page-forschung #fields .fieldlist .fielditem {
  margin-bottom: 2.5rem;
  position: relative;
}
#page-forschung #fields .fieldlist .fielditem .fieldtiles .tile {
  display: inline-flex;
  height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
  white-space: nowrap;
}
#page-forschung #fields .fieldlist .fielditem .info {
  position: absolute;
  top: 0px;
  right: 1.25rem;
  background: white;
  width: 40%;
  padding: 0 0.625rem 0.625rem 0.625rem;
}
#page-forschung #fields .fieldlist .fielditem .info h3 {
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
}
#page-forschung #fields .fieldlist .fielditem .info .txt {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#page-forschung #fields .fieldlist .fielditem h4 {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  max-width: 30%;
  background: black;
  color: white;
  padding: 0.125rem 0.125rem 1px 0.3125rem;
  font-size: 1rem;
}
#page-museum #mp-header, #page-partners #mp-header {
  margin-right: 25%;
}
#page-museum #mp-header h2, #page-partners #mp-header h2 {
  color: white;
  background-color: black;
  display: inline-block;
  padding: 0.125rem 0 0 0;
  margin: 0 0 1.25rem 0;
  font-size: 1.125rem;
}
#page-museum #mp-content .partneritem, #page-partners #mp-content .partneritem {
  display: flex;
  width: 100%;
  margin-bottom: 2.5rem;
  align-items: flex-end;
}
#page-museum #mp-content .partneritem:first-of-type, #page-partners #mp-content .partneritem:first-of-type {
  margin-top: 2rem;
}
#page-museum #mp-content .partneritem .imgcol, #page-partners #mp-content .partneritem .imgcol {
  width: 40%;
  position: relative;
  align-items: center;
}
#page-museum #mp-content .partneritem .txtcol, #page-partners #mp-content .partneritem .txtcol {
  display: flex;
  align-items: center;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#page-museum #mp-content .partneritem .txtcol h4, #page-partners #mp-content .partneritem .txtcol h4 {
  display: block;
  font-size: 1.5rem;
  line-height: 140%;
  font-family: CeraPro, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 700;
  padding-bottom: 0px;
  margin: 0;
}
#page-museum #mp-content .partneritem .txtcol p, #page-partners #mp-content .partneritem .txtcol p {
  margin-bottom: 0px;
}
#page-museum #mp-content h3, #page-partners #mp-content h3 {
  margin: 2.5rem 0 0.625rem 0;
}
#page-museum #mp-content .mapcontainer, #page-partners #mp-content .mapcontainer {
  margin-top: 3.75rem;
  margin-right: calc(0px - 15% - 1.25rem);
}
#page-museum #mp-content.besucherinfo p, #page-partners #mp-content.besucherinfo p {
  margin-bottom: 0px;
}
.addedpageintro .intro {
  padding: 1.25rem;
  background: #eee;
  margin-bottom: 2.5rem;
}
.addedpageintro .intro .txt {
  padding: 0.625rem;
  background: white;
  font-size: 1.3rem;
  line-height: 1.6;
  width: 76%;
}
#page-online-gallery #onlinegallery {
  min-height: 100vh;
}
#page-online-gallery #onlinegallery .sandboxcontainer {
  padding-bottom: 3.75rem;
}
#page-online-gallery #onlinegallery .sandboxcontainer .intro {
  padding: 1.25rem;
  background: #eee;
  margin-bottom: 2.5rem;
}
#page-online-gallery #onlinegallery .sandboxcontainer .intro .txt {
  padding: 0.625rem;
  background: white;
  font-size: 1.3rem;
  line-height: 1.6;
  width: 76%;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster {
  display: block;
  width: 50%;
  height: 400px;
  margin-bottom: 6rem;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster .items {
  position: absolute;
  top: 0;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster .items .item {
  position: absolute;
  transform: translate(-50%, -50%);
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster .items .item img {
  max-width: 15rem;
  max-height: 18rem;
  transition: all 0.2s;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel {
  position: absolute;
  display: inline-block;
  z-index: 2000;
  font-family: Zueri, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clustertitle {
  background: #0b24fb;
  color: white;
  font-size: 1.5rem;
  bottom: 10%;
  padding: 0;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clusterrelease {
  background: white;
  color: black;
  bottom: 0;
  padding: 0;
  transition: all 0.2s;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster:hover img {
  transform: scale(1.3);
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster.inactive .clustertitle {
  background: black;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster.inactive img {
  filter: grayscale(100%);
  opacity: 0.6;
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive img {
  transform: scale(0.8);
}
#page-online-gallery #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive .clusterrelease {
  font-size: 1.5rem;
}
.modal .modal-dialog {
  z-index: 9999999;
  max-width: 100% !important;
}
.modal .modal-dialog .modal-content {
  background: #e4e5e6;
  min-width: 100%;
}
.modal .modal-dialog .modal-content .close {
  position: absolute;
  padding: 1.25rem;
  right: 1.25rem;
  top: 0px;
  font-size: 2.75rem;
  color: black;
  z-index: 99999;
}
.modal .modal-dialog .modal-content .cd {
  position: absolute;
  z-index: 9999999999;
  top: 0px;
  left: 0px;
  background: #e4e5e6;
  padding: 1.25rem;
  padding-top: 2rem;
  width: 15rem;
}
.modal .modal-dialog .modal-content .modal-body {
  min-width: 100% !important;
}
.modal .modal-dialog .modal-content .modal-body .content {
  margin-left: 15rem;
  margin-right: 15rem;
}
.modal .modal-dialog .modal-content .modal-body .content h2 {
  font-size: 1.5rem;
  color: white;
  background-color: black;
  display: inline-block;
  padding: 0.125rem 0 0 0;
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}
.modal .modal-dialog .modal-content .modal-body .content h3 {
  display: block;
  font-size: 1.125rem;
  line-height: 140%;
  font-family: CeraPro, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 700;
  padding-top: 2rem;
  padding-bottom: 0.625rem;
  margin: 0;
}
#cinemamodal {
  z-index: 2050;
  padding-right: 0 !important;
}
#cinemamodal .modal-dialog {
  background: black;
}
#cinemamodal .modal-dialog .modal-body {
  background: black;
}
#cinemamodal .modal-dialog .modal-content h1 {
  color: white;
}
#cinemamodal .modal-dialog .modal-content #audiolabel {
  background: #e53f39;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin-top: 0.2rem;
}
.admin-bar .mainnav, .admin-bar .cd, .admin-bar .modal-content .cd, .admin-bar .modal-content .close {
  top: 32px;
}
#footer {
  text-align: center;
  padding-bottom: 3.75rem;
}
#footer img {
  width: 7.5rem;
  display: block;
  margin: 2rem auto 1.25rem auto;
}
#footer .socialmedia {
  margin-bottom: 2rem;
}
#footer .socialmedia i:first-of-type {
  margin-right: 0.3125rem;
}
#footer .slogan {
  font-weight: 700;
  margin-bottom: 2rem;
}
#footer .newsletterform {
  margin: auto auto;
  width: 21.25rem;
}
#footer .newsletterform #mc_embed_signup {
  font-family: CeraPro, Helvetica, sans-serif;
}
#footer .newsletterform #mc_embed_signup input {
  border-radius: 0;
  height: 2.5rem;
  margin-bottom: 0.625rem;
}
#footer .newsletterform #mc_embed_signup label, #footer .newsletterform #mc_embed_signup .mc-field-group, #footer .newsletterform #mc_embed_signup #mce-responses {
  text-align: center;
  width: 100%;
}
#footer .newsletterform .clear {
  text-align: center;
}
#footer .newsletterform .clear #mc-embedded-subscribe {
  text-align: center;
  margin: auto;
  border: 0.125rem solid #0b24fb;
  background: white;
  text-transform: uppercase;
  color: #0b24fb;
  height: 2.5rem;
  letter-spacing: 0.05rem;
  margin-top: 0.625rem;
}
#footer .footerlink {
  display: inline-block;
  margin: 0.625rem auto;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  line-height: 100%;
  font-size: 1.125rem;
  border-bottom: 0.125rem solid;
  padding-bottom: 2px;
}
#footer .footerlink:hover {
  text-decoration: none;
}
.page-template-page-museum #footer, .single-formate #footer, .single-arbeitsfelder #footer {
  margin-right: 12.5%;
  max-width: 50rem;
  margin-left: 15rem;
}
.acf-repeater.-block .acf-row-handle, .acf-repeater.-block .acf-fields {
  border-bottom: 0.625rem solid #309cf3 !important;
}
/**************** ADAPTIVES VERHALTEN ****************/
/* Normal Screens Landscape */
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  html {
    font-size: 1rem;
  }
}
/* Small Screens & Tablet Landscape */
@media only screen and (min-width: 993px) and (max-width: 1199px) {
  html {
    font-size: 0.9rem;
  }
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 992px) and (orientation: portrait) {
  /* Carousel Controls */
  /* Reset Default Modal Styles */
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.svg#../fonts/CeraPRO/CeraPRO-Regular") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.svg#../fonts/CeraPRO/CeraPRO-RegularItalic") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.svg#../fonts/CeraPRO/CeraPRO-Medium") format("svg");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.svg#../fonts/CeraPRO/CeraPRO-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Zueri";
    src: url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.woff") format("woff"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.svg#../fonts/ZueriDreiRund/ZueriDreiRund") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  h1, h2, h3, h4, h5 {
    font-weight: normal;
  }
  .carousel-control.right {
    background-color: transparent;
    background-image: none;
  }
  .carousel-control.left {
    background-color: transparent;
    background-image: none;
  }
  .navbar {
    position: relative;
    min-height: 10px;
    margin-bottom: 0px;
    border: 1px solid transparent;
  }
  .navbar-default {
    background-color: transparent;
    border-color: #fff;
  }
  .navbar-default .navbar-nav > li > a {
    color: #000;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .navbar-brand {
    float: left;
    height: 0px;
    min-height: 1px;
    padding: 15px 15px;
  }
  .navbar-default .navbar-brand {
    color: #111;
  }
  .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar-collapse ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .navbar-collapse ul li:last-of-type {
    border-bottom: 0px solid white !important;
  }
  .modal-dialog {
    margin: 0;
    width: 100%;
    z-index: 999999;
  }
  .modal-dialog .modal-content {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    min-height: 100vh;
  }
  .modal-dialog .modal-content .modal-header, .modal-dialog .modal-content .modal-footer {
    border: 0px;
  }
  .modal-dialog .modal-content .modal-body {
    padding-top: 0px;
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  body {
    font-size: 14px;
    line-height: 150%;
    font-family: CeraPro, Helvetica, sans-serif;
    background: white;
  }
  .container-fluid {
    margin-left: 0px;
  }
  a {
    color: #0000EE;
    text-decoration: none;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
  }
  a:hover {
    color: #55f;
    text-decoration: underline;
  }
  a:focus {
    color: #0000EE;
    text-decoration: none;
    outline: none;
  }
  h1, h2, h3, h4, .labels, .calendarlabel {
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 130%;
    margin: 0;
    padding: 0;
  }
  h1 a, h2 a, h3 a, h4 a, .labels a, .calendarlabel a {
    color: black;
    text-decoration: none;
  }
  .nopadding-left {
    padding-left: 0px;
  }
  .mainnav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    text-align: right;
    padding: 5px 20px 0 0;
    background: white;
    width: 100%;
  }
  .mainnav.fixed {
    position: fixed;
  }
  .mainnav a {
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 3px solid;
    padding-bottom: 2px;
    letter-spacing: 1px;
  }
  .mainnav a:hover {
    text-decoration: none;
  }
  .mainnav.transparent {
    background: none;
  }
  .mainnav.transparent a {
    color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav.transparent .dropdown-menu a {
    color: black;
    text-shadow: none;
  }
  .mainnav.transparent .langselect {
    border-color: white;
  }
  .mainnav.transparent .langselect select {
    color: white;
    border-color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav.transparent .langselect i {
    color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav ul {
    margin-bottom: 5px;
  }
  .mainnav .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .mainnav .dropdown-menu li a {
    padding: 5px 15px;
    border-bottom: 0px solid;
  }
  .mainnav .langselect {
    border-bottom: 3px solid #0000EE;
    line-height: 100%;
    margin-left: 10px;
  }
  .mainnav .langselect select {
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    color: #0000EE;
    font-family: CeraPro, Helvetica, sans-serif;
    line-height: 100%;
    background: none;
    border: 0px solid white;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0 2px 0;
    margin: 0;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .mainnav .langselect select:focus {
    outline: none;
  }
  .mainnav .langselect i {
    color: #0000EE;
    font-size: 12px;
  }
  .cd {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background: white;
    padding: 10px;
    padding-top: 34px;
    width: 140px;
  }
  .cd .address {
    padding: 20px 0 0 0;
    font-size: 12px;
  }
  .cd .address a {
    text-decoration: underline;
    word-wrap: break-word;
  }
  .submenu {
    position: fixed;
    z-index: 1000;
    top: 220px;
    left: 0px;
    background: white;
    padding: 0 10px;
    width: 140px;
  }
  .submenu li {
    margin-bottom: 10px;
  }
  .submenu li input#livesearch {
    width: 60%;
    padding: 10px;
    font-size: 16px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    background: rgba(255, 255, 255, 0.8);
  }
  .submenu li a {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 150%;
    border-bottom: 3px solid;
    letter-spacing: 0px;
    cursor: pointer;
    display: inline-block;
  }
  .submenu li a:hover {
    text-decoration: none;
  }
  .submenu li ul.dropdown-menu {
    position: absolute;
    z-index: 99 !important;
    top: -5px;
    left: -10px;
    padding: 10px 0px 10px 120px;
    margin: 0;
    background: #fff041;
    min-width: 100vw;
    min-height: 340px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
  }
  .submenu li ul.dropdown-menu a.menuheading {
    word-break: break-all;
    position: absolute;
    z-index: 99999;
    left: 10px;
    color: #EE0000;
    border-bottom: 3px solid #EE0000;
    letter-spacing: 0px;
  }
  .submenu li ul.dropdown-menu li {
    background: #fff041;
    margin-bottom: 10px;
  }
  .submenu li ul.dropdown-menu li a {
    color: #0000EE;
    border-bottom: 0px solid;
    font-size: 16px;
  }
  .submenu li ul.dropdown-menu li a:hover {
    color: #551A8B;
    background: none;
  }
  #homepage .screen {
    position: relative;
  }
  #homepage .screen h2 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 20px;
  }
  #homepage #fields {
    padding-top: 40px;
    min-height: 100vh;
  }
  #homepage #fields .fieldlist {
    margin-left: 140px;
    padding-bottom: 60px;
  }
  #homepage #fields .fieldlist .intro {
    padding: 20px;
    background: #eee;
    margin-bottom: 40px;
  }
  #homepage #fields .fieldlist .intro .txt {
    padding: 10px;
    background: white;
    font-size: 18px;
    line-height: 160%;
    width: 100%;
  }
  #homepage #fields .fieldlist .fielditem {
    margin-bottom: 40px;
    position: relative;
  }
  #homepage #fields .fieldlist .fielditem .fieldtiles .tile {
    display: inline-flex;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #homepage #fields .fieldlist .fielditem .info {
    position: absolute;
    top: 0px;
    right: 20px;
    background: white;
    width: 50%;
    padding: 0 10px 10px 10px;
  }
  #homepage #fields .fieldlist .fielditem .info h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #homepage #fields .fieldlist .fielditem .info .txt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #homepage #fields .fieldlist .fielditem h4 {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 30%;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 14px;
  }
  #homepage #center {
    height: 100vh;
  }
  #homepage #center .carousel {
    height: 100vh;
  }
  #homepage #center .carousel .item {
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #homepage #center .carousel .item .carousel-caption {
    width: 60%;
    left: auto;
    right: 20px;
    bottom: 20px;
    margin: 0;
    background: white;
    padding: 10px;
    color: black;
    text-shadow: none;
    text-align: left;
  }
  #homepage #center .carousel .item .carousel-caption h4 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 20px;
    font-size: 16px;
  }
  #homepage #center .carousel .item .carousel-caption h3 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  #homepage #center .carousel .item .carousel-caption .meta {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
  }
  #homepage #center .carousel .item .carousel-caption .excerpt {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
  }
  #homepage #center .carousel .carousel-control {
    width: 10%;
  }
  #homepage #center .carousel .carousel-control .btr {
    font-size: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  #homepage #center .carousel .carousel-control .bt-arrow-left {
    left: 50%;
  }
  #homepage #center .carousel .carousel-control .bt-arrow-right {
    right: 50%;
  }
  #homepage #formats {
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #homepage #formats .formatlist {
    display: block;
    margin-left: 140px;
  }
  #homepage #formats .formatlist h2 {
    margin-bottom: 20px;
  }
  #homepage #formats .formatlist .archivelink {
    display: block;
    width: 100%;
    text-align: left;
  }
  #homepage #formats .formatlist .archivelink a {
    display: inline-block;
    margin: 40px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 20px;
    border: 3px solid #0B24FB;
    padding: 10px 15px 10px 15px;
  }
  #homepage #formats .formatlist .archivelink a:hover {
    text-decoration: none;
  }
  #homepage #formats .formatlist .col1 {
    width: 100%;
    padding-right: 20px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem {
    width: 100%;
    margin-bottom: 40px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol {
    position: relative;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 55%;
    background: white;
    padding: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption h3 {
    font-size: 24px;
    margin-bottom: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption > div {
    font-weight: 600;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 16px;
    line-height: 140%;
    display: inline-block;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels.label-demnaechst {
    top: 5px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 {
    width: 100%;
    padding: 0 30px 0 0;
  }
  #homepage #formats .formatlist .col2 .header {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  #homepage #formats .formatlist .col2 .header h2 {
    margin-bottom: 0;
  }
  #homepage #formats .formatlist .col2 .header .public {
    font-weight: 600;
    text-align: right;
    margin-left: auto;
  }
  #homepage #formats .formatlist .col2 .eventlist {
    border-top: 2px solid black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem {
    display: flex;
    font-weight: 600;
    padding: 15px 0 30px 0;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin {
    width: 15%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin span {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .meta {
    width: 60%;
    padding-left: 30px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .label {
    width: 25%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel {
    padding: 3px 3px 1px 5px;
    font-size: 14px;
    line-height: 140%;
    display: inline-block;
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.geschlossen {
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden {
    background: #0B24FB;
    color: white;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden:hover {
    background: #0319d0;
    text-decoration: none;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h4 {
    display: inline-block;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h3 {
    font-size: 20px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .subtitle {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .image {
    width: 120px;
    padding-left: 30px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta {
    padding-left: 20px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta h3 {
    margin-bottom: 0px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .subtitle {
    margin-bottom: 10px;
  }
  .searchwp-live-search-results {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .searchwp-live-search-results .searchwp-live-search-result p {
    font-size: 14px;
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #0B24FB;
  }
  .searchwp-live-search-results .searchwp-live-search-result p a:hover {
    text-decoration: none;
  }
  .subpage {
    padding-top: 40px;
    padding-left: 140px;
    font-size: 16px;
    line-height: 160%;
  }
  .subpage .subpageheader h4 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 40px;
  }
  .subpage .subpageheader h2 {
    font-size: 42px;
    color: black;
    background-color: white;
    display: inline-block;
    padding: 2px 5px 0 5px;
    margin-bottom: 10px;
    margin-left: 2px;
  }
  .subpage .subpagecontent {
    padding-bottom: 80px;
  }
  .subpage .subpagecontent .contentarea {
    max-width: 800px;
    margin-right: 15%;
  }
  .subpage .subpagecontent .contentarea .einleitung {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .einleitung .gallery {
    margin-top: 40px;
  }
  .subpage .subpagecontent .contentarea .carousel-control {
    width: 10%;
  }
  .subpage .subpagecontent .contentarea .carousel-control .btr {
    font-size: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-left {
    left: 50%;
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-right {
    right: 50%;
    margin-right: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption-text {
    white-space: pre-wrap;
    padding: 10px 0;
    font-size: 14px;
  }
  .subpage .subpagecontent .contentarea .thecontent .alignleft {
    float: none;
    margin: 0px auto 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright {
    float: right;
    margin: 5px 0 15px 15px;
    margin-right: calc(0px - 15% - 15px);
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright .wp-caption-text {
    padding-right: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .aligncenter {
    display: block;
    margin: 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 {
    display: inline-block;
    font-size: 22px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-top: 40px;
    margin-left: 10px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + .materialauthor {
    margin-top: -20px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + h5 {
    padding-top: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .materialauthor {
    font-style: italic;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 {
    font-size: 16px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 4px;
    margin-top: 40px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a {
    color: white;
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a i {
    font-size: 14px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu {
    background: black;
    color: white;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a {
    padding-left: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a:hover {
    background: black;
  }
  .subpage .subpagecontent .contentarea .thecontent h5 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .subpage .subpagecontent .contentarea .thecontent blockquote {
    font-size: 16px;
    border-left: 2px solid black;
    padding-left: 40px;
    padding: 0 0 0 40px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 15px 0;
  }
  .subpage .subpagecontent .contentarea .thecontent .tt:hover {
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent .tooltip-inner {
    font-family: CeraPro;
    padding: 10px;
    text-align: left;
  }
  .subpage .subpagecontent .contentarea .thecontent .text {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    clear: both;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .cite {
    font-style: italic;
    text-align: left;
    font-size: 16px;
    line-height: 170%;
    font-weight: 600;
    margin-right: calc(0px - 25% - 20px);
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image .blockimgcaption {
    padding: 10px;
    line-height: 130%;
  }
  .subpage .subpagecontent .contentarea .thecontent .video {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery .caption {
    padding: 10px;
    line-height: 130%;
  }
  #page-format #format-header .formatvisuals {
    display: flex;
    width: 100%;
  }
  #page-format #format-header .formatvisuals .imgcol {
    max-width: 800px;
  }
  #page-format #format-header .formatvisuals .attachcol {
    padding: 0 20px;
    display: flex;
    position: relative;
    align-items: flex-end;
  }
  #page-format #format-header .formatvisuals .attachcol a {
    position: relative;
  }
  #page-format #format-header .formatvisuals .attachcol a i {
    position: absolute;
    margin-top: -45px;
    right: 10px;
    padding: 10px 2px 6px 2px;
    background: white;
    border-bottom: 3px solid #0000EE;
    color: #0000EE;
  }
  #page-format #format-header h2 {
    width: 75%;
    margin-top: -30%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-format #format-header .formatmeta {
    font-weight: 600;
    margin-bottom: 50px;
  }
  #page-format #format-header .formatmeta .jetztanmelden {
    background: #0B24FB;
    display: inline-block;
    color: white;
    margin-top: 10px;
  }
  #page-format #format-header .formatmeta .jetztanmelden:hover {
    background: #041ce9;
    text-decoration: none;
  }
  #page-field #field-header .fieldtiles .tile {
    display: inline-flex;
    height: 40vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-field #field-header h2 {
    width: 80%;
    margin-top: -25%;
  }
  #page-archive {
    padding-bottom: 80px;
  }
  #page-archive #archive-content {
    margin-right: 20px;
  }
  #page-archive #archive-content .archiveitem {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
  }
  #page-archive #archive-content .archiveitem .imgcol {
    width: 50%;
    position: relative;
  }
  #page-archive #archive-content .archiveitem .imgcol.child {
    margin-left: 10%;
    width: calc(50% - 10%);
  }
  #page-archive #archive-content .archiveitem .imgcol.child h3 {
    font-size: 14px;
  }
  #page-archive #archive-content .archiveitem .imgcol h3 {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 65%;
    background: white;
    padding-left: 5px;
    font-size: 20px;
    line-height: 150%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-archive #archive-content .archiveitem .imgcol h4 {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: auto;
    right: 5px;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 12px;
    line-height: 100%;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 14px;
    display: inline-block;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-heute {
    top: 35px;
    left: 5px;
    background: #E53F39;
    color: white;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-demnaechst {
    top: 35px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-jetztanmelden {
    bottom: 5px;
    right: 5px;
    background: #0B24FB;
    color: white;
  }
  #page-archive #archive-content .archiveitem .txtcol {
    width: 50%;
    display: flex;
    align-items: flex-end;
    padding-left: 15px;
  }
  #page-archive #archive-content .archiveitem .txtcol h4 {
    font-weight: 600;
    margin: 0;
  }
  #page-archive #archive-content .archiveitem .txtcol .meta {
    margin: 10px 0;
    font-weight: 600;
  }
  #page-archive #archive-content .archiveitem .txtcol .excerpt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    line-height: 150%;
  }
  #page-archive #archive-content .archiveitem .txtcol .coops {
    margin-top: 20px;
  }
  #page-museum #mp-header, #page-partners #mp-header {
    margin-right: 25%;
  }
  #page-museum #mp-header h2, #page-partners #mp-header h2 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin: 0 0 20px 0;
    font-size: 16px;
  }
  #page-museum #mp-content .partneritem, #page-partners #mp-content .partneritem {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    align-items: flex-end;
  }
  #page-museum #mp-content .partneritem:first-of-type, #page-partners #mp-content .partneritem:first-of-type {
    margin-top: 30px;
  }
  #page-museum #mp-content .partneritem .imgcol, #page-partners #mp-content .partneritem .imgcol {
    width: 40%;
    position: relative;
    align-items: center;
  }
  #page-museum #mp-content .partneritem .txtcol, #page-partners #mp-content .partneritem .txtcol {
    display: flex;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-museum #mp-content .partneritem .txtcol h4, #page-partners #mp-content .partneritem .txtcol h4 {
    display: block;
    font-size: 20px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-bottom: 0px;
    margin: 0;
  }
  #page-museum #mp-content .partneritem .txtcol p, #page-partners #mp-content .partneritem .txtcol p {
    margin-bottom: 0px;
  }
  #page-museum #mp-content h3, #page-partners #mp-content h3 {
    margin: 40px 0 10px 0;
  }
  #page-museum #mp-content .mapcontainer, #page-partners #mp-content .mapcontainer {
    margin-top: 60px;
    margin-right: calc(0px - 15% - 20px);
  }
  #page-museum #mp-content.besucherinfo p, #page-partners #mp-content.besucherinfo p {
    margin-bottom: 0px;
  }
  .modal-dialog {
    z-index: 9999999;
  }
  .modal-dialog .modal-content {
    background: #E4E5E6;
  }
  .modal-dialog .modal-content .close {
    position: absolute;
    padding: 20px;
    right: 20px;
    top: 0px;
    font-size: 42px;
    color: black;
    z-index: 99999;
  }
  .modal-dialog .modal-content .cd {
    position: absolute;
    z-index: 9999999999;
    top: 0px;
    left: 0px;
    background: #E4E5E6;
    padding: 20px;
    padding-top: 30px;
    width: 140px;
  }
  .modal-dialog .modal-content .modal-body .content {
    margin-left: 140px;
    margin-right: 140px;
  }
  .modal-dialog .modal-content .modal-body .content h2 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .modal-dialog .modal-content .modal-body .content h3 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0;
  }
  #stoerermodal .modal-dialog {
    width: 66%;
    margin: auto;
    margin-top: 10%;
  }
  #stoerermodal .modal-dialog .modal-content {
    background: #fff041;
    min-height: 50vh;
  }
  #stoerermodal .modal-dialog .modal-content .content {
    margin: 5%;
  }
  #stoerermodal .modal-dialog .modal-content .content h2 {
    margin-top: 34px;
  }
  .admin-bar .mainnav, .admin-bar .cd, .admin-bar .modal-content .cd, .admin-bar .modal-content .close {
    top: 32px;
  }
  #footer {
    text-align: center;
    padding-bottom: 60px;
  }
  #footer img {
    width: 120px;
    display: block;
    margin: 30px auto 20px auto;
  }
  #footer .slogan {
    font-weight: 700;
    margin-bottom: 30px;
  }
  #footer .newsletterform {
    margin: auto auto;
    width: 340px;
  }
  #footer .newsletterform #mc_embed_signup {
    font-family: CeraPro, Helvetica, sans-serif;
  }
  #footer .newsletterform #mc_embed_signup input {
    border-radius: 0;
  }
  #footer .newsletterform #mc_embed_signup label {
    text-align: center;
  }
  #footer .newsletterform .clear {
    text-align: center;
  }
  #footer .newsletterform .clear #mc-embedded-subscribe {
    text-align: center;
    margin: auto;
    border: 3px solid #0B24FB;
    background: white;
    text-transform: uppercase;
    color: #0B24FB;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  #footer .footerlink {
    display: inline-block;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 16px;
    border-bottom: 3px solid;
    padding-bottom: 2px;
  }
  #footer .footerlink:hover {
    text-decoration: none;
  }
  .page-template-page-museum #footer, .single-formate #footer, .single-arbeitsfelder #footer {
    margin-right: 12.5%;
    max-width: 800px;
    margin-left: 140px;
  }
}
/* Very small Screens Landscape */
@media only screen and (min-width: 768px) and (max-width: 992px) and (orientation: landscape) {
  /* Carousel Controls */
  /* Reset Default Modal Styles */
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.svg#../fonts/CeraPRO/CeraPRO-Regular") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.svg#../fonts/CeraPRO/CeraPRO-RegularItalic") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.svg#../fonts/CeraPRO/CeraPRO-Medium") format("svg");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.svg#../fonts/CeraPRO/CeraPRO-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Zueri";
    src: url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.woff") format("woff"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.svg#../fonts/ZueriDreiRund/ZueriDreiRund") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  h1, h2, h3, h4, h5 {
    font-weight: normal;
  }
  .carousel-control.right {
    background-color: transparent;
    background-image: none;
  }
  .carousel-control.left {
    background-color: transparent;
    background-image: none;
  }
  .navbar {
    position: relative;
    min-height: 10px;
    margin-bottom: 0px;
    border: 1px solid transparent;
  }
  .navbar-default {
    background-color: transparent;
    border-color: #fff;
  }
  .navbar-default .navbar-nav > li > a {
    color: #000;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .navbar-brand {
    float: left;
    height: 0px;
    min-height: 1px;
    padding: 15px 15px;
  }
  .navbar-default .navbar-brand {
    color: #111;
  }
  .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar-collapse ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .navbar-collapse ul li:last-of-type {
    border-bottom: 0px solid white !important;
  }
  .modal-dialog {
    margin: 0;
    width: 100%;
    z-index: 999999;
  }
  .modal-dialog .modal-content {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    min-height: 100vh;
  }
  .modal-dialog .modal-content .modal-header, .modal-dialog .modal-content .modal-footer {
    border: 0px;
  }
  .modal-dialog .modal-content .modal-body {
    padding-top: 0px;
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  body {
    font-size: 14px;
    line-height: 150%;
    font-family: CeraPro, Helvetica, sans-serif;
    background: white;
  }
  .container-fluid {
    margin-left: 0px;
  }
  a {
    color: #0000EE;
    text-decoration: none;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
  }
  a:hover {
    color: #55f;
    text-decoration: underline;
  }
  a:focus {
    color: #0000EE;
    text-decoration: none;
    outline: none;
  }
  h1, h2, h3, h4, .labels, .calendarlabel {
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 130%;
    margin: 0;
    padding: 0;
  }
  h1 a, h2 a, h3 a, h4 a, .labels a, .calendarlabel a {
    color: black;
    text-decoration: none;
  }
  .nopadding-left {
    padding-left: 0px;
  }
  .mainnav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    text-align: right;
    padding: 5px 20px 0 0;
    background: white;
    width: 100%;
  }
  .mainnav.fixed {
    position: fixed;
  }
  .mainnav a {
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 3px solid;
    padding-bottom: 2px;
    letter-spacing: 1px;
  }
  .mainnav a:hover {
    text-decoration: none;
  }
  .mainnav.transparent {
    background: none;
  }
  .mainnav.transparent a {
    color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav.transparent .dropdown-menu a {
    color: black;
    text-shadow: none;
  }
  .mainnav.transparent .langselect {
    border-color: white;
  }
  .mainnav.transparent .langselect select {
    color: white;
    border-color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav.transparent .langselect i {
    color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav ul {
    margin-bottom: 5px;
  }
  .mainnav .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .mainnav .dropdown-menu li a {
    padding: 5px 15px;
    border-bottom: 0px solid;
  }
  .mainnav .langselect {
    border-bottom: 3px solid #0000EE;
    line-height: 100%;
    margin-left: 10px;
  }
  .mainnav .langselect select {
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    color: #0000EE;
    font-family: CeraPro, Helvetica, sans-serif;
    line-height: 100%;
    background: none;
    border: 0px solid white;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0 2px 0;
    margin: 0;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .mainnav .langselect select:focus {
    outline: none;
  }
  .mainnav .langselect i {
    color: #0000EE;
    font-size: 12px;
  }
  .cd {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background: white;
    padding: 10px;
    padding-top: 34px;
    width: 140px;
  }
  .cd .address {
    padding: 20px 0 0 0;
    font-size: 12px;
  }
  .cd .address a {
    text-decoration: underline;
    word-wrap: break-word;
  }
  .submenu {
    position: fixed;
    z-index: 1000;
    top: 220px;
    left: 0px;
    background: white;
    padding: 0 10px;
    width: 140px;
  }
  .submenu li {
    margin-bottom: 10px;
  }
  .submenu li input#livesearch {
    width: 60%;
    padding: 10px;
    font-size: 16px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    background: rgba(255, 255, 255, 0.8);
  }
  .submenu li a {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 150%;
    border-bottom: 3px solid;
    letter-spacing: 0px;
    cursor: pointer;
    display: inline-block;
  }
  .submenu li a:hover {
    text-decoration: none;
  }
  .submenu li ul.dropdown-menu {
    position: absolute;
    z-index: 99 !important;
    top: -5px;
    left: -10px;
    padding: 10px 0px 10px 120px;
    margin: 0;
    background: #fff041;
    min-width: 100vw;
    min-height: 340px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
  }
  .submenu li ul.dropdown-menu a.menuheading {
    word-break: break-all;
    position: absolute;
    z-index: 99999;
    left: 10px;
    color: #EE0000;
    border-bottom: 3px solid #EE0000;
    letter-spacing: 0px;
  }
  .submenu li ul.dropdown-menu li {
    background: #fff041;
    margin-bottom: 10px;
  }
  .submenu li ul.dropdown-menu li a {
    color: #0000EE;
    border-bottom: 0px solid;
    font-size: 16px;
  }
  .submenu li ul.dropdown-menu li a:hover {
    color: #551A8B;
    background: none;
  }
  #homepage .screen {
    position: relative;
  }
  #homepage .screen h2 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 20px;
  }
  #homepage #fields {
    padding-top: 40px;
    min-height: 100vh;
  }
  #homepage #fields .fieldlist {
    margin-left: 140px;
    padding-bottom: 60px;
  }
  #homepage #fields .fieldlist .intro {
    padding: 20px;
    background: #eee;
    margin-bottom: 40px;
  }
  #homepage #fields .fieldlist .intro .txt {
    padding: 10px;
    background: white;
    font-size: 18px;
    line-height: 160%;
    width: 100%;
  }
  #homepage #fields .fieldlist .fielditem {
    margin-bottom: 40px;
    position: relative;
  }
  #homepage #fields .fieldlist .fielditem .fieldtiles .tile {
    display: inline-flex;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #homepage #fields .fieldlist .fielditem .info {
    position: absolute;
    top: 0px;
    right: 20px;
    background: white;
    width: 50%;
    padding: 0 10px 10px 10px;
  }
  #homepage #fields .fieldlist .fielditem .info h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #homepage #fields .fieldlist .fielditem .info .txt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #homepage #fields .fieldlist .fielditem h4 {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 30%;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 14px;
  }
  #homepage #center {
    height: 100vh;
  }
  #homepage #center .carousel {
    height: 100vh;
  }
  #homepage #center .carousel .item {
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #homepage #center .carousel .item .carousel-caption {
    width: 60%;
    left: auto;
    right: 20px;
    bottom: 20px;
    margin: 0;
    background: white;
    padding: 10px;
    color: black;
    text-shadow: none;
    text-align: left;
  }
  #homepage #center .carousel .item .carousel-caption h4 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 20px;
    font-size: 16px;
  }
  #homepage #center .carousel .item .carousel-caption h3 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  #homepage #center .carousel .item .carousel-caption .meta {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
  }
  #homepage #center .carousel .item .carousel-caption .excerpt {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
  }
  #homepage #center .carousel .carousel-control {
    width: 10%;
  }
  #homepage #center .carousel .carousel-control .btr {
    font-size: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  #homepage #center .carousel .carousel-control .bt-arrow-left {
    left: 50%;
  }
  #homepage #center .carousel .carousel-control .bt-arrow-right {
    right: 50%;
  }
  #homepage #formats {
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #homepage #formats .formatlist {
    display: block;
    margin-left: 140px;
  }
  #homepage #formats .formatlist h2 {
    margin-bottom: 20px;
  }
  #homepage #formats .formatlist .archivelink {
    display: block;
    width: 100%;
    text-align: left;
  }
  #homepage #formats .formatlist .archivelink a {
    display: inline-block;
    margin: 40px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 20px;
    border: 3px solid #0B24FB;
    padding: 10px 15px 10px 15px;
  }
  #homepage #formats .formatlist .archivelink a:hover {
    text-decoration: none;
  }
  #homepage #formats .formatlist .col1 {
    width: 100%;
    padding-right: 20px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem {
    width: 100%;
    margin-bottom: 40px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol {
    position: relative;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 55%;
    background: white;
    padding: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption h3 {
    font-size: 24px;
    margin-bottom: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption > div {
    font-weight: 600;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 16px;
    line-height: 140%;
    display: inline-block;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels.label-demnaechst {
    top: 5px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 {
    width: 100%;
    padding: 0 30px 0 0;
  }
  #homepage #formats .formatlist .col2 .header {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  #homepage #formats .formatlist .col2 .header h2 {
    margin-bottom: 0;
  }
  #homepage #formats .formatlist .col2 .header .public {
    font-weight: 600;
    text-align: right;
    margin-left: auto;
  }
  #homepage #formats .formatlist .col2 .eventlist {
    border-top: 2px solid black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem {
    display: flex;
    font-weight: 600;
    padding: 15px 0 30px 0;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin {
    width: 15%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin span {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .meta {
    width: 60%;
    padding-left: 30px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .label {
    width: 25%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel {
    padding: 3px 3px 1px 5px;
    font-size: 14px;
    line-height: 140%;
    display: inline-block;
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.geschlossen {
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden {
    background: #0B24FB;
    color: white;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden:hover {
    background: #0319d0;
    text-decoration: none;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h4 {
    display: inline-block;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h3 {
    font-size: 20px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .subtitle {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .image {
    width: 120px;
    padding-left: 30px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta {
    padding-left: 20px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta h3 {
    margin-bottom: 0px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .subtitle {
    margin-bottom: 10px;
  }
  .searchwp-live-search-results {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .searchwp-live-search-results .searchwp-live-search-result p {
    font-size: 14px;
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #0B24FB;
  }
  .searchwp-live-search-results .searchwp-live-search-result p a:hover {
    text-decoration: none;
  }
  .subpage {
    padding-top: 40px;
    padding-left: 140px;
    font-size: 16px;
    line-height: 160%;
  }
  .subpage .subpageheader h4 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 40px;
  }
  .subpage .subpageheader h2 {
    font-size: 42px;
    color: black;
    background-color: white;
    display: inline-block;
    padding: 2px 5px 0 5px;
    margin-bottom: 10px;
    margin-left: 2px;
  }
  .subpage .subpagecontent {
    padding-bottom: 80px;
  }
  .subpage .subpagecontent .contentarea {
    max-width: 800px;
    margin-right: 15%;
  }
  .subpage .subpagecontent .contentarea .einleitung {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .einleitung .gallery {
    margin-top: 40px;
  }
  .subpage .subpagecontent .contentarea .carousel-control {
    width: 10%;
  }
  .subpage .subpagecontent .contentarea .carousel-control .btr {
    font-size: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-left {
    left: 50%;
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-right {
    right: 50%;
    margin-right: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption-text {
    white-space: pre-wrap;
    padding: 10px 0;
    font-size: 14px;
  }
  .subpage .subpagecontent .contentarea .thecontent .alignleft {
    float: none;
    margin: 0px auto 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright {
    float: right;
    margin: 5px 0 15px 15px;
    margin-right: calc(0px - 15% - 15px);
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright .wp-caption-text {
    padding-right: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .aligncenter {
    display: block;
    margin: 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 {
    display: inline-block;
    font-size: 22px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-top: 40px;
    margin-left: 10px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + .materialauthor {
    margin-top: -20px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + h5 {
    padding-top: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .materialauthor {
    font-style: italic;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 {
    font-size: 16px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 4px;
    margin-top: 40px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a {
    color: white;
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a i {
    font-size: 14px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu {
    background: black;
    color: white;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a {
    padding-left: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a:hover {
    background: black;
  }
  .subpage .subpagecontent .contentarea .thecontent h5 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .subpage .subpagecontent .contentarea .thecontent blockquote {
    font-size: 16px;
    border-left: 2px solid black;
    padding-left: 40px;
    padding: 0 0 0 40px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 15px 0;
  }
  .subpage .subpagecontent .contentarea .thecontent .tt:hover {
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent .tooltip-inner {
    font-family: CeraPro;
    padding: 10px;
    text-align: left;
  }
  .subpage .subpagecontent .contentarea .thecontent .text {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    clear: both;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .cite {
    font-style: italic;
    text-align: left;
    font-size: 16px;
    line-height: 170%;
    font-weight: 600;
    margin-right: calc(0px - 25% - 20px);
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image .blockimgcaption {
    padding: 10px;
    line-height: 130%;
  }
  .subpage .subpagecontent .contentarea .thecontent .video {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery .caption {
    padding: 10px;
    line-height: 130%;
  }
  #page-format #format-header .formatvisuals {
    display: flex;
    width: 100%;
  }
  #page-format #format-header .formatvisuals .imgcol {
    max-width: 800px;
  }
  #page-format #format-header .formatvisuals .attachcol {
    padding: 0 20px;
    display: flex;
    position: relative;
    align-items: flex-end;
  }
  #page-format #format-header .formatvisuals .attachcol a {
    position: relative;
  }
  #page-format #format-header .formatvisuals .attachcol a i {
    position: absolute;
    margin-top: -45px;
    right: 10px;
    padding: 10px 2px 6px 2px;
    background: white;
    border-bottom: 3px solid #0000EE;
    color: #0000EE;
  }
  #page-format #format-header h2 {
    width: 75%;
    margin-top: -30%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-format #format-header .formatmeta {
    font-weight: 600;
    margin-bottom: 50px;
  }
  #page-format #format-header .formatmeta .jetztanmelden {
    background: #0B24FB;
    display: inline-block;
    color: white;
    margin-top: 10px;
  }
  #page-format #format-header .formatmeta .jetztanmelden:hover {
    background: #041ce9;
    text-decoration: none;
  }
  #page-field #field-header .fieldtiles .tile {
    display: inline-flex;
    height: 40vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-field #field-header h2 {
    width: 80%;
    margin-top: -25%;
  }
  #page-archive {
    padding-bottom: 80px;
  }
  #page-archive #archive-content {
    margin-right: 20px;
  }
  #page-archive #archive-content .archiveitem {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
  }
  #page-archive #archive-content .archiveitem .imgcol {
    width: 50%;
    position: relative;
  }
  #page-archive #archive-content .archiveitem .imgcol.child {
    margin-left: 10%;
    width: calc(50% - 10%);
  }
  #page-archive #archive-content .archiveitem .imgcol.child h3 {
    font-size: 14px;
  }
  #page-archive #archive-content .archiveitem .imgcol h3 {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 65%;
    background: white;
    padding-left: 5px;
    font-size: 20px;
    line-height: 150%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-archive #archive-content .archiveitem .imgcol h4 {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: auto;
    right: 5px;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 12px;
    line-height: 100%;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 14px;
    display: inline-block;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-heute {
    top: 35px;
    left: 5px;
    background: #E53F39;
    color: white;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-demnaechst {
    top: 35px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-jetztanmelden {
    bottom: 5px;
    right: 5px;
    background: #0B24FB;
    color: white;
  }
  #page-archive #archive-content .archiveitem .txtcol {
    width: 50%;
    display: flex;
    align-items: flex-end;
    padding-left: 15px;
  }
  #page-archive #archive-content .archiveitem .txtcol h4 {
    font-weight: 600;
    margin: 0;
  }
  #page-archive #archive-content .archiveitem .txtcol .meta {
    margin: 10px 0;
    font-weight: 600;
  }
  #page-archive #archive-content .archiveitem .txtcol .excerpt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    line-height: 150%;
  }
  #page-archive #archive-content .archiveitem .txtcol .coops {
    margin-top: 20px;
  }
  #page-museum #mp-header, #page-partners #mp-header {
    margin-right: 25%;
  }
  #page-museum #mp-header h2, #page-partners #mp-header h2 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin: 0 0 20px 0;
    font-size: 16px;
  }
  #page-museum #mp-content .partneritem, #page-partners #mp-content .partneritem {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    align-items: flex-end;
  }
  #page-museum #mp-content .partneritem:first-of-type, #page-partners #mp-content .partneritem:first-of-type {
    margin-top: 30px;
  }
  #page-museum #mp-content .partneritem .imgcol, #page-partners #mp-content .partneritem .imgcol {
    width: 40%;
    position: relative;
    align-items: center;
  }
  #page-museum #mp-content .partneritem .txtcol, #page-partners #mp-content .partneritem .txtcol {
    display: flex;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-museum #mp-content .partneritem .txtcol h4, #page-partners #mp-content .partneritem .txtcol h4 {
    display: block;
    font-size: 20px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-bottom: 0px;
    margin: 0;
  }
  #page-museum #mp-content .partneritem .txtcol p, #page-partners #mp-content .partneritem .txtcol p {
    margin-bottom: 0px;
  }
  #page-museum #mp-content h3, #page-partners #mp-content h3 {
    margin: 40px 0 10px 0;
  }
  #page-museum #mp-content .mapcontainer, #page-partners #mp-content .mapcontainer {
    margin-top: 60px;
    margin-right: calc(0px - 15% - 20px);
  }
  #page-museum #mp-content.besucherinfo p, #page-partners #mp-content.besucherinfo p {
    margin-bottom: 0px;
  }
  .modal-dialog {
    z-index: 9999999;
  }
  .modal-dialog .modal-content {
    background: #E4E5E6;
  }
  .modal-dialog .modal-content .close {
    position: absolute;
    padding: 20px;
    right: 20px;
    top: 0px;
    font-size: 42px;
    color: black;
    z-index: 99999;
  }
  .modal-dialog .modal-content .cd {
    position: absolute;
    z-index: 9999999999;
    top: 0px;
    left: 0px;
    background: #E4E5E6;
    padding: 20px;
    padding-top: 30px;
    width: 140px;
  }
  .modal-dialog .modal-content .modal-body .content {
    margin-left: 140px;
    margin-right: 140px;
  }
  .modal-dialog .modal-content .modal-body .content h2 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .modal-dialog .modal-content .modal-body .content h3 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0;
  }
  #stoerermodal .modal-dialog {
    width: 66%;
    margin: auto;
    margin-top: 10%;
  }
  #stoerermodal .modal-dialog .modal-content {
    background: #fff041;
    min-height: 50vh;
  }
  #stoerermodal .modal-dialog .modal-content .content {
    margin: 5%;
  }
  #stoerermodal .modal-dialog .modal-content .content h2 {
    margin-top: 34px;
  }
  .admin-bar .mainnav, .admin-bar .cd, .admin-bar .modal-content .cd, .admin-bar .modal-content .close {
    top: 32px;
  }
  #footer {
    text-align: center;
    padding-bottom: 60px;
  }
  #footer img {
    width: 120px;
    display: block;
    margin: 30px auto 20px auto;
  }
  #footer .slogan {
    font-weight: 700;
    margin-bottom: 30px;
  }
  #footer .newsletterform {
    margin: auto auto;
    width: 340px;
  }
  #footer .newsletterform #mc_embed_signup {
    font-family: CeraPro, Helvetica, sans-serif;
  }
  #footer .newsletterform #mc_embed_signup input {
    border-radius: 0;
  }
  #footer .newsletterform #mc_embed_signup label {
    text-align: center;
  }
  #footer .newsletterform .clear {
    text-align: center;
  }
  #footer .newsletterform .clear #mc-embedded-subscribe {
    text-align: center;
    margin: auto;
    border: 3px solid #0B24FB;
    background: white;
    text-transform: uppercase;
    color: #0B24FB;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  #footer .footerlink {
    display: inline-block;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 16px;
    border-bottom: 3px solid;
    padding-bottom: 2px;
  }
  #footer .footerlink:hover {
    text-decoration: none;
  }
  .page-template-page-museum #footer, .single-formate #footer, .single-arbeitsfelder #footer {
    margin-right: 12.5%;
    max-width: 800px;
    margin-left: 140px;
  }
}
/* Mobile iPhone 6 Landscape */
@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation: landscape) {
  /* Carousel Controls */
  /* Reset Default Modal Styles */
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Regular.svg#../fonts/CeraPRO/CeraPRO-Regular") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-RegularItalic.svg#../fonts/CeraPRO/CeraPRO-RegularItalic") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Medium.svg#../fonts/CeraPRO/CeraPRO-Medium") format("svg");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "CeraPRO";
    src: url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.woff") format("woff"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/CeraPRO/CeraPRO-Bold.svg#../fonts/CeraPRO/CeraPRO-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Zueri";
    src: url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.woff") format("woff"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.ttf") format("truetype"), url("/wp-content/themes/jjm/fonts/ZueriDreiRund/ZueriDreiRund.svg#../fonts/ZueriDreiRund/ZueriDreiRund") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  h1, h2, h3, h4, h5 {
    font-weight: normal;
  }
  .carousel-control.right {
    background-color: transparent;
    background-image: none;
  }
  .carousel-control.left {
    background-color: transparent;
    background-image: none;
  }
  .navbar {
    position: relative;
    min-height: 10px;
    margin-bottom: 0px;
    border: 1px solid transparent;
  }
  .navbar-default {
    background-color: transparent;
    border-color: #fff;
  }
  .navbar-default .navbar-nav > li > a {
    color: #000;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .navbar-brand {
    float: left;
    height: 0px;
    min-height: 1px;
    padding: 15px 15px;
  }
  .navbar-default .navbar-brand {
    color: #111;
  }
  .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar-collapse ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .navbar-collapse ul li:last-of-type {
    border-bottom: 0px solid white !important;
  }
  .modal-dialog {
    margin: 0;
    width: 100%;
    z-index: 999999;
  }
  .modal-dialog .modal-content {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    min-height: 100vh;
  }
  .modal-dialog .modal-content .modal-header, .modal-dialog .modal-content .modal-footer {
    border: 0px;
  }
  .modal-dialog .modal-content .modal-body {
    padding-top: 0px;
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  body {
    font-size: 14px;
    line-height: 150%;
    font-family: CeraPro, Helvetica, sans-serif;
    background: white;
  }
  .container-fluid {
    margin-left: 0px;
  }
  a {
    color: #0000EE;
    text-decoration: none;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
  }
  a:hover {
    color: #55f;
    text-decoration: underline;
  }
  a:focus {
    color: #0000EE;
    text-decoration: none;
    outline: none;
  }
  h1, h2, h3, h4, .labels, .calendarlabel {
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 130%;
    margin: 0;
    padding: 0;
  }
  h1 a, h2 a, h3 a, h4 a, .labels a, .calendarlabel a {
    color: black;
    text-decoration: none;
  }
  .nopadding-left {
    padding-left: 0px;
  }
  .mainnav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    text-align: right;
    padding: 5px 20px 0 0;
    background: white;
    width: 100%;
  }
  .mainnav.fixed {
    position: fixed;
  }
  .mainnav a {
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 3px solid;
    padding-bottom: 2px;
    letter-spacing: 1px;
  }
  .mainnav a:hover {
    text-decoration: none;
  }
  .mainnav.transparent {
    background: none;
  }
  .mainnav.transparent a {
    color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav.transparent .dropdown-menu a {
    color: black;
    text-shadow: none;
  }
  .mainnav.transparent .langselect {
    border-color: white;
  }
  .mainnav.transparent .langselect select {
    color: white;
    border-color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav.transparent .langselect i {
    color: white;
    text-shadow: 1px 1px 11px black;
  }
  .mainnav ul {
    margin-bottom: 5px;
  }
  .mainnav .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .mainnav .dropdown-menu li a {
    padding: 5px 15px;
    border-bottom: 0px solid;
  }
  .mainnav .langselect {
    border-bottom: 3px solid #0000EE;
    line-height: 100%;
    margin-left: 10px;
  }
  .mainnav .langselect select {
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    color: #0000EE;
    font-family: CeraPro, Helvetica, sans-serif;
    line-height: 100%;
    background: none;
    border: 0px solid white;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0 2px 0;
    margin: 0;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .mainnav .langselect select:focus {
    outline: none;
  }
  .mainnav .langselect i {
    color: #0000EE;
    font-size: 12px;
  }
  .cd {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background: white;
    padding: 10px;
    padding-top: 34px;
    width: 140px;
  }
  .cd .address {
    padding: 20px 0 0 0;
    font-size: 12px;
  }
  .cd .address a {
    text-decoration: underline;
    word-wrap: break-word;
  }
  .submenu {
    position: fixed;
    z-index: 1000;
    top: 220px;
    left: 0px;
    background: white;
    padding: 0 10px;
    width: 140px;
  }
  .submenu li {
    margin-bottom: 10px;
  }
  .submenu li input#livesearch {
    width: 60%;
    padding: 10px;
    font-size: 16px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    background: rgba(255, 255, 255, 0.8);
  }
  .submenu li a {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 150%;
    border-bottom: 3px solid;
    letter-spacing: 0px;
    cursor: pointer;
    display: inline-block;
  }
  .submenu li a:hover {
    text-decoration: none;
  }
  .submenu li ul.dropdown-menu {
    position: absolute;
    z-index: 99 !important;
    top: -5px;
    left: -10px;
    padding: 10px 0px 10px 120px;
    margin: 0;
    background: #fff041;
    min-width: 100vw;
    min-height: 340px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
  }
  .submenu li ul.dropdown-menu a.menuheading {
    word-break: break-all;
    position: absolute;
    z-index: 99999;
    left: 10px;
    color: #EE0000;
    border-bottom: 3px solid #EE0000;
    letter-spacing: 0px;
  }
  .submenu li ul.dropdown-menu li {
    background: #fff041;
    margin-bottom: 10px;
  }
  .submenu li ul.dropdown-menu li a {
    color: #0000EE;
    border-bottom: 0px solid;
    font-size: 16px;
  }
  .submenu li ul.dropdown-menu li a:hover {
    color: #551A8B;
    background: none;
  }
  #homepage .screen {
    position: relative;
  }
  #homepage .screen h2 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 20px;
  }
  #homepage #fields {
    padding-top: 40px;
    min-height: 100vh;
  }
  #homepage #fields .fieldlist {
    margin-left: 140px;
    padding-bottom: 60px;
  }
  #homepage #fields .fieldlist .intro {
    padding: 20px;
    background: #eee;
    margin-bottom: 40px;
  }
  #homepage #fields .fieldlist .intro .txt {
    padding: 10px;
    background: white;
    font-size: 18px;
    line-height: 160%;
    width: 100%;
  }
  #homepage #fields .fieldlist .fielditem {
    margin-bottom: 40px;
    position: relative;
  }
  #homepage #fields .fieldlist .fielditem .fieldtiles .tile {
    display: inline-flex;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #homepage #fields .fieldlist .fielditem .info {
    position: absolute;
    top: 0px;
    right: 20px;
    background: white;
    width: 50%;
    padding: 0 10px 10px 10px;
  }
  #homepage #fields .fieldlist .fielditem .info h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #homepage #fields .fieldlist .fielditem .info .txt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #homepage #fields .fieldlist .fielditem h4 {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 30%;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 14px;
  }
  #homepage #center {
    height: 100vh;
  }
  #homepage #center .carousel {
    height: 100vh;
  }
  #homepage #center .carousel .item {
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #homepage #center .carousel .item .carousel-caption {
    width: 60%;
    left: auto;
    right: 20px;
    bottom: 20px;
    margin: 0;
    background: white;
    padding: 10px;
    color: black;
    text-shadow: none;
    text-align: left;
  }
  #homepage #center .carousel .item .carousel-caption h4 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 20px;
    font-size: 16px;
  }
  #homepage #center .carousel .item .carousel-caption h3 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  #homepage #center .carousel .item .carousel-caption .meta {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
  }
  #homepage #center .carousel .item .carousel-caption .excerpt {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
  }
  #homepage #center .carousel .carousel-control {
    width: 10%;
  }
  #homepage #center .carousel .carousel-control .btr {
    font-size: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  #homepage #center .carousel .carousel-control .bt-arrow-left {
    left: 50%;
  }
  #homepage #center .carousel .carousel-control .bt-arrow-right {
    right: 50%;
  }
  #homepage #formats {
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #homepage #formats .formatlist {
    display: block;
    margin-left: 140px;
  }
  #homepage #formats .formatlist h2 {
    margin-bottom: 20px;
  }
  #homepage #formats .formatlist .archivelink {
    display: block;
    width: 100%;
    text-align: left;
  }
  #homepage #formats .formatlist .archivelink a {
    display: inline-block;
    margin: 40px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 20px;
    border: 3px solid #0B24FB;
    padding: 10px 15px 10px 15px;
  }
  #homepage #formats .formatlist .archivelink a:hover {
    text-decoration: none;
  }
  #homepage #formats .formatlist .col1 {
    width: 100%;
    padding-right: 20px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem {
    width: 100%;
    margin-bottom: 40px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol {
    position: relative;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 55%;
    background: white;
    padding: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption h3 {
    font-size: 24px;
    margin-bottom: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption > div {
    font-weight: 600;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 16px;
    line-height: 140%;
    display: inline-block;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels.label-demnaechst {
    top: 5px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 {
    width: 100%;
    padding: 0 30px 0 0;
  }
  #homepage #formats .formatlist .col2 .header {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  #homepage #formats .formatlist .col2 .header h2 {
    margin-bottom: 0;
  }
  #homepage #formats .formatlist .col2 .header .public {
    font-weight: 600;
    text-align: right;
    margin-left: auto;
  }
  #homepage #formats .formatlist .col2 .eventlist {
    border-top: 2px solid black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem {
    display: flex;
    font-weight: 600;
    padding: 15px 0 30px 0;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin {
    width: 15%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin span {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .meta {
    width: 60%;
    padding-left: 30px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .label {
    width: 25%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel {
    padding: 3px 3px 1px 5px;
    font-size: 14px;
    line-height: 140%;
    display: inline-block;
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.geschlossen {
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden {
    background: #0B24FB;
    color: white;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden:hover {
    background: #0319d0;
    text-decoration: none;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h4 {
    display: inline-block;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h3 {
    font-size: 20px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .subtitle {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .image {
    width: 120px;
    padding-left: 30px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta {
    padding-left: 20px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta h3 {
    margin-bottom: 0px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .subtitle {
    margin-bottom: 10px;
  }
  .searchwp-live-search-results {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .searchwp-live-search-results .searchwp-live-search-result p {
    font-size: 14px;
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #0B24FB;
  }
  .searchwp-live-search-results .searchwp-live-search-result p a:hover {
    text-decoration: none;
  }
  .subpage {
    padding-top: 40px;
    padding-left: 140px;
    font-size: 16px;
    line-height: 160%;
  }
  .subpage .subpageheader h4 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 40px;
  }
  .subpage .subpageheader h2 {
    font-size: 42px;
    color: black;
    background-color: white;
    display: inline-block;
    padding: 2px 5px 0 5px;
    margin-bottom: 10px;
    margin-left: 2px;
  }
  .subpage .subpagecontent {
    padding-bottom: 80px;
  }
  .subpage .subpagecontent .contentarea {
    max-width: 800px;
    margin-right: 15%;
  }
  .subpage .subpagecontent .contentarea .einleitung {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .einleitung .gallery {
    margin-top: 40px;
  }
  .subpage .subpagecontent .contentarea .carousel-control {
    width: 10%;
  }
  .subpage .subpagecontent .contentarea .carousel-control .btr {
    font-size: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-left {
    left: 50%;
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-right {
    right: 50%;
    margin-right: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption-text {
    white-space: pre-wrap;
    padding: 10px 0;
    font-size: 14px;
  }
  .subpage .subpagecontent .contentarea .thecontent .alignleft {
    float: none;
    margin: 0px auto 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright {
    float: right;
    margin: 5px 0 15px 15px;
    margin-right: calc(0px - 15% - 15px);
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright .wp-caption-text {
    padding-right: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .aligncenter {
    display: block;
    margin: 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 {
    display: inline-block;
    font-size: 22px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-top: 40px;
    margin-left: 10px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + .materialauthor {
    margin-top: -20px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + h5 {
    padding-top: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .materialauthor {
    font-style: italic;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 {
    font-size: 16px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 4px;
    margin-top: 40px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a {
    color: white;
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a i {
    font-size: 14px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu {
    background: black;
    color: white;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a {
    padding-left: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a:hover {
    background: black;
  }
  .subpage .subpagecontent .contentarea .thecontent h5 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .subpage .subpagecontent .contentarea .thecontent blockquote {
    font-size: 16px;
    border-left: 2px solid black;
    padding-left: 40px;
    padding: 0 0 0 40px;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 15px 0;
  }
  .subpage .subpagecontent .contentarea .thecontent .tt:hover {
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent .tooltip-inner {
    font-family: CeraPro;
    padding: 10px;
    text-align: left;
  }
  .subpage .subpagecontent .contentarea .thecontent .text {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    clear: both;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .cite {
    font-style: italic;
    text-align: left;
    font-size: 16px;
    line-height: 170%;
    font-weight: 600;
    margin-right: calc(0px - 25% - 20px);
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image .blockimgcaption {
    padding: 10px;
    line-height: 130%;
  }
  .subpage .subpagecontent .contentarea .thecontent .video {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery {
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery .caption {
    padding: 10px;
    line-height: 130%;
  }
  #page-format #format-header .formatvisuals {
    display: flex;
    width: 100%;
  }
  #page-format #format-header .formatvisuals .imgcol {
    max-width: 800px;
  }
  #page-format #format-header .formatvisuals .attachcol {
    padding: 0 20px;
    display: flex;
    position: relative;
    align-items: flex-end;
  }
  #page-format #format-header .formatvisuals .attachcol a {
    position: relative;
  }
  #page-format #format-header .formatvisuals .attachcol a i {
    position: absolute;
    margin-top: -45px;
    right: 10px;
    padding: 10px 2px 6px 2px;
    background: white;
    border-bottom: 3px solid #0000EE;
    color: #0000EE;
  }
  #page-format #format-header h2 {
    width: 75%;
    margin-top: -30%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-format #format-header .formatmeta {
    font-weight: 600;
    margin-bottom: 50px;
  }
  #page-format #format-header .formatmeta .jetztanmelden {
    background: #0B24FB;
    display: inline-block;
    color: white;
    margin-top: 10px;
  }
  #page-format #format-header .formatmeta .jetztanmelden:hover {
    background: #041ce9;
    text-decoration: none;
  }
  #page-field #field-header .fieldtiles .tile {
    display: inline-flex;
    height: 40vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-field #field-header h2 {
    width: 80%;
    margin-top: -25%;
  }
  #page-archive {
    padding-bottom: 80px;
  }
  #page-archive #archive-content {
    margin-right: 20px;
  }
  #page-archive #archive-content .archiveitem {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
  }
  #page-archive #archive-content .archiveitem .imgcol {
    width: 50%;
    position: relative;
  }
  #page-archive #archive-content .archiveitem .imgcol.child {
    margin-left: 10%;
    width: calc(50% - 10%);
  }
  #page-archive #archive-content .archiveitem .imgcol.child h3 {
    font-size: 14px;
  }
  #page-archive #archive-content .archiveitem .imgcol h3 {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 65%;
    background: white;
    padding-left: 5px;
    font-size: 20px;
    line-height: 150%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-archive #archive-content .archiveitem .imgcol h4 {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: auto;
    right: 5px;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 12px;
    line-height: 100%;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 14px;
    display: inline-block;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-heute {
    top: 35px;
    left: 5px;
    background: #E53F39;
    color: white;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-demnaechst {
    top: 35px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-jetztanmelden {
    bottom: 5px;
    right: 5px;
    background: #0B24FB;
    color: white;
  }
  #page-archive #archive-content .archiveitem .txtcol {
    width: 50%;
    display: flex;
    align-items: flex-end;
    padding-left: 15px;
  }
  #page-archive #archive-content .archiveitem .txtcol h4 {
    font-weight: 600;
    margin: 0;
  }
  #page-archive #archive-content .archiveitem .txtcol .meta {
    margin: 10px 0;
    font-weight: 600;
  }
  #page-archive #archive-content .archiveitem .txtcol .excerpt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    line-height: 150%;
  }
  #page-archive #archive-content .archiveitem .txtcol .coops {
    margin-top: 20px;
  }
  #page-museum #mp-header, #page-partners #mp-header {
    margin-right: 25%;
  }
  #page-museum #mp-header h2, #page-partners #mp-header h2 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin: 0 0 20px 0;
    font-size: 16px;
  }
  #page-museum #mp-content .partneritem, #page-partners #mp-content .partneritem {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    align-items: flex-end;
  }
  #page-museum #mp-content .partneritem:first-of-type, #page-partners #mp-content .partneritem:first-of-type {
    margin-top: 30px;
  }
  #page-museum #mp-content .partneritem .imgcol, #page-partners #mp-content .partneritem .imgcol {
    width: 40%;
    position: relative;
    align-items: center;
  }
  #page-museum #mp-content .partneritem .txtcol, #page-partners #mp-content .partneritem .txtcol {
    display: flex;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-museum #mp-content .partneritem .txtcol h4, #page-partners #mp-content .partneritem .txtcol h4 {
    display: block;
    font-size: 20px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-bottom: 0px;
    margin: 0;
  }
  #page-museum #mp-content .partneritem .txtcol p, #page-partners #mp-content .partneritem .txtcol p {
    margin-bottom: 0px;
  }
  #page-museum #mp-content h3, #page-partners #mp-content h3 {
    margin: 40px 0 10px 0;
  }
  #page-museum #mp-content .mapcontainer, #page-partners #mp-content .mapcontainer {
    margin-top: 60px;
    margin-right: calc(0px - 15% - 20px);
  }
  #page-museum #mp-content.besucherinfo p, #page-partners #mp-content.besucherinfo p {
    margin-bottom: 0px;
  }
  .modal-dialog {
    z-index: 9999999;
  }
  .modal-dialog .modal-content {
    background: #E4E5E6;
  }
  .modal-dialog .modal-content .close {
    position: absolute;
    padding: 20px;
    right: 20px;
    top: 0px;
    font-size: 42px;
    color: black;
    z-index: 99999;
  }
  .modal-dialog .modal-content .cd {
    position: absolute;
    z-index: 9999999999;
    top: 0px;
    left: 0px;
    background: #E4E5E6;
    padding: 20px;
    padding-top: 30px;
    width: 140px;
  }
  .modal-dialog .modal-content .modal-body .content {
    margin-left: 140px;
    margin-right: 140px;
  }
  .modal-dialog .modal-content .modal-body .content h2 {
    font-size: 20px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .modal-dialog .modal-content .modal-body .content h3 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0;
  }
  #stoerermodal .modal-dialog {
    width: 66%;
    margin: auto;
    margin-top: 10%;
  }
  #stoerermodal .modal-dialog .modal-content {
    background: #fff041;
    min-height: 50vh;
  }
  #stoerermodal .modal-dialog .modal-content .content {
    margin: 5%;
  }
  #stoerermodal .modal-dialog .modal-content .content h2 {
    margin-top: 34px;
  }
  .admin-bar .mainnav, .admin-bar .cd, .admin-bar .modal-content .cd, .admin-bar .modal-content .close {
    top: 32px;
  }
  #footer {
    text-align: center;
    padding-bottom: 60px;
  }
  #footer img {
    width: 120px;
    display: block;
    margin: 30px auto 20px auto;
  }
  #footer .slogan {
    font-weight: 700;
    margin-bottom: 30px;
  }
  #footer .newsletterform {
    margin: auto auto;
    width: 340px;
  }
  #footer .newsletterform #mc_embed_signup {
    font-family: CeraPro, Helvetica, sans-serif;
  }
  #footer .newsletterform #mc_embed_signup input {
    border-radius: 0;
  }
  #footer .newsletterform #mc_embed_signup label {
    text-align: center;
  }
  #footer .newsletterform .clear {
    text-align: center;
  }
  #footer .newsletterform .clear #mc-embedded-subscribe {
    text-align: center;
    margin: auto;
    border: 3px solid #0B24FB;
    background: white;
    text-transform: uppercase;
    color: #0B24FB;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  #footer .footerlink {
    display: inline-block;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 16px;
    border-bottom: 3px solid;
    padding-bottom: 2px;
  }
  #footer .footerlink:hover {
    text-decoration: none;
  }
  .page-template-page-museum #footer, .single-formate #footer, .single-arbeitsfelder #footer {
    margin-right: 12.5%;
    max-width: 800px;
    margin-left: 140px;
  }
}
/* Mobile iPhone >6 Portrait */
@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation: portrait) {
  body {
    font-size: 13px;
    line-height: 155%;
  }
  .container-fluid {
    margin-left: 0px;
  }
  a {
    color: #0000ee;
    text-decoration: none;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
  }
  a:hover {
    color: #55f;
    text-decoration: underline;
  }
  a:focus {
    color: #0000ee;
    text-decoration: none;
    outline: none;
  }
  h1, h2, h3, h4, .labels, .calendarlabel {
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 140%;
    margin: 0;
    padding: 0;
  }
  h1 a, h2 a, h3 a, h4 a, .labels a, .calendarlabel a {
    color: black;
    text-decoration: none;
  }
  .nopadding-left {
    padding-left: 0px;
  }
  .mainnav {
    display: none;
  }
  .cd {
    display: none;
  }
  .cd-mobile {
    position: fixed;
    z-index: 999;
    top: 5px;
    /* ! */
    left: 5px;
    /* ! */
    background: white;
    padding: 5px;
    /* ! */
    width: 70px;
  }
  .cd-mobile.grow {
    width: 120px;
    padding: 10px;
  }
  .cd-mobilemenu {
    position: absolute;
    z-index: 100000 !important;
    top: 5px;
    /* ! */
    left: 5px;
    /* ! */
    padding: 5px;
    /* ! */
    width: 70px;
  }
  .mobilenav-trigger {
    position: fixed;
    z-index: 9999999;
    top: 5px;
    /* ! */
    right: 5px;
    /* ! */
    color: black;
    display: block;
    padding: 5px 5px 2px 5px;
    background: white;
    color: black;
  }
  .mobilenav-trigger i {
    font-size: 30px;
    line-height: 100%;
  }
  .mobilenav-trigger:focus {
    color: black;
  }
  .submenu {
    position: fixed;
    z-index: 1000;
    top: auto;
    bottom: 0;
    left: 0px;
    background: #fff041;
    padding: 0 10px;
    width: 100%;
    height: 30px;
    border-top: 3px solid #0b24fb;
  }
  .submenu li {
    margin-bottom: 0px;
    display: inline-block;
    word-wrap: break-word;
    margin-right: 10px;
  }
  .submenu li form {
    position: absolute;
    background: #fff041;
    width: 100vw;
    padding: 10px;
  }
  .submenu li input#livesearch {
    top: auto;
    right: 0;
    left: 0;
    bottom: 50px;
    width: 100%;
    padding: 5px;
    font-size: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999999 !important;
  }
  .submenu li a {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 155%;
    border-bottom: 0px solid;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
  }
  .submenu li a:hover {
    text-decoration: none;
  }
  .submenu li ul.dropdown-menu {
    position: absolute;
    z-index: 99999 !important;
    top: auto;
    bottom: 23px;
    left: 0px;
    right: 0px;
    padding: 20px 0;
    margin: 0;
    background: #fff041;
    min-width: 100vw;
    min-height: 50vh;
    overflow: auto;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    width: 100vw;
  }
  .submenu li ul.dropdown-menu li {
    display: block;
    margin-bottom: 10px;
    background: #fff041;
  }
  .submenu li ul.dropdown-menu li a {
    color: #0000ee;
    border-bottom: 0px solid;
    font-size: 13px;
    padding: 0 0 0 10px;
  }
  .submenu li ul.dropdown-menu li a:hover {
    color: #551a8b;
    background: none;
  }
  #homepage .screen {
    position: relative;
  }
  #homepage .screen h2 {
    font-size: 15px;
    /* ! */
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    /* ! */
    margin-bottom: 10px;
    /* ! */
  }
  #homepage #onlinegallery {
    padding-top: 3rem;
    /* !!!! */
    min-height: 100vh;
  }
  #homepage #onlinegallery .sandboxcontainer {
    margin-left: 0px;
    /* ! */
    padding-bottom: 1.5rem;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .intro {
    padding: 10px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .intro .txt {
    font-size: 15px;
    /* ! */
    line-height: 155%;
    /* ! */
    width: 100%;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .clusters {
    padding-top: 2rem;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster {
    display: block;
    width: 100%;
    height: 300px;
    margin-bottom: 3rem;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items {
    position: absolute;
    top: 0;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item {
    position: absolute;
    transform: translate(-50%, -50%);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item img {
    max-width: 10rem;
    max-height: 14rem;
    transition: all 0.2s;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel {
    position: absolute;
    display: inline-block;
    z-index: 1500 !important;
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 140%;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clustertitle {
    background: #0b24fb;
    color: white;
    font-size: 19px;
    bottom: 10%;
    padding: 0;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clusterrelease {
    background: white;
    color: black;
    bottom: 0;
    padding: 0;
    transition: all 0.2s;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover img {
    transform: scale(1.3);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive .clustertitle {
    background: black;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive img {
    filter: grayscale(100%);
    opacity: 0.6;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive img {
    transform: scale(0.8);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive .clusterrelease {
    font-size: 19px;
  }
  #homepage #center {
    height: 100vh;
    /* ! */
  }
  #homepage #center .carousel {
    height: 100vh;
  }
  #homepage #center .carousel .carousel-inner {
    height: 100%;
  }
  #homepage #center .carousel .item {
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #homepage #center .carousel .item.hinweis {
    font-weight: bold;
    font-size: 19px;
    background: #fff041;
  }
  #homepage #center .carousel .item.hinweis > div {
    margin: 0 10%;
  }
  #homepage #center .carousel .item .carousel-caption {
    width: auto;
    /* ! */
    left: 5px;
    /* ! */
    right: 5px;
    /* ! */
    bottom: 10px;
    /* ! */
    margin: 0;
    background: white;
    padding: 10px;
    color: black;
    text-shadow: none;
    text-align: left;
  }
  #homepage #center .carousel .item .carousel-caption h4 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 10px;
    font-size: 13px;
  }
  #homepage #center .carousel .item .carousel-caption h3 {
    font-size: 24px;
    /* ! */
    margin-bottom: 5px;
  }
  #homepage #center .carousel .item .carousel-caption .meta {
    margin-bottom: 5px;
    /* ! */
    font-weight: 600;
    font-size: 13px;
    /* ! */
  }
  #homepage #center .carousel .item .carousel-caption .excerpt {
    margin-bottom: 5px;
    /* ! */
    font-size: 13px;
    /* ! */
    line-height: 155%;
    /* ! */
  }
  #homepage #center .carousel .carousel-control {
    width: 10%;
  }
  #homepage #center .carousel .carousel-control .btr {
    font-size: 34px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  #homepage #center .carousel .carousel-control .bt-angle-left {
    left: 50%;
    margin-left: -10px;
  }
  #homepage #center .carousel .carousel-control .bt-angle-right {
    right: 50%;
    margin-right: -10px;
  }
  #homepage #center .newsletterbadge {
    width: 80px !important;
    top: 110px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
  }
  #homepage #formats {
    min-height: 100vh;
    padding-top: 75px;
    padding-bottom: 20px;
  }
  #homepage #formats .formatlist {
    display: block;
    /* ! */
    margin-left: 0px;
    /* ! */
  }
  #homepage #formats .formatlist h2 {
    margin-bottom: 20px;
  }
  #homepage #formats .formatlist .archivelink {
    width: 100%;
    text-align: center;
  }
  #homepage #formats .formatlist .archivelink a {
    display: inline-block;
    margin: 40px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 15px;
    /* ! */
    border: 3px solid #0b24fb;
    padding: 10px 15px 10px 15px;
  }
  #homepage #formats .formatlist .archivelink a:hover {
    text-decoration: none;
  }
  #homepage #formats .formatlist .col1 {
    width: 100%;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem {
    width: 100%;
    margin-bottom: 20px;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol {
    position: relative;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 67%;
    /* ! */
    background: white;
    padding: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption h3 {
    font-size: 19px;
    /* ! */
    margin-bottom: 3px;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption > div {
    font-weight: 600;
    font-size: 13px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 140%;
    display: inline-block;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels.label-demnaechst {
    top: 5px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 {
    width: 100%;
    /* ! */
    padding: 0px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .header {
    margin-top: 40px;
    /* ! */
    margin-bottom: 5px;
    /* ! */
    display: block;
    /* ! */
    align-items: flex-end;
    justify-content: flex-end;
  }
  #homepage #formats .formatlist .col2 .header h2 {
    margin-bottom: 15px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .header .public {
    font-weight: 600;
    text-align: left;
    /* ! */
    margin-left: 10px;
    /* ! */
    font-size: 13px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist {
    border-top: 2px solid black;
  }
  #homepage #formats .formatlist .col2 .eventlist .abbinder {
    padding: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem {
    display: flex;
    font-weight: 600;
    padding: 15px 0 15px 0;
    /* ! */
    font-size: 13px;
    /* ! */
    line-height: 155%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin {
    width: 22%;
    /* ! */
    padding-left: 10px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin span {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .meta {
    width: auto;
    /* ! */
    padding-left: 10px;
    /* ! */
    padding-right: 5px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .label {
    width: 25%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel {
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 140%;
    display: inline-block;
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.geschlossen {
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden {
    background: #0b24fb;
    color: white;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden:hover {
    background: #0319d0;
    text-decoration: none;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h4 {
    display: inline-block;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 100%;
    margin-bottom: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .subtitle {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong {
    border-bottom: 2px dotted black;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .image {
    width: 70px;
    padding-left: 15px;
    flex-shrink: 0;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta {
    padding-left: 10px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta h3 {
    font-size: 15px;
    /* ! */
    margin-bottom: 0px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .subtitle {
    margin-bottom: 10px;
  }
  .searchwp-live-search-results {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .searchwp-live-search-results .searchwp-live-search-result p {
    font-size: 13px;
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #0b24fb;
  }
  .searchwp-live-search-results .searchwp-live-search-result p a:hover {
    text-decoration: none;
  }
  .subpage {
    padding-top: 75px;
    /* ! */
    padding-left: 0px;
    font-size: 15px;
    line-height: 155%;
  }
  .subpage .subpageheader h4 {
    font-size: 19px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpageheader h2 {
    font-size: 23px;
    /* ! */
    color: black;
    background-color: white;
    display: inline-block;
    padding: 2px 5px 0 5px;
    /* ! */
    margin-bottom: 5px;
    /* ! */
    margin-left: 2px;
  }
  .subpage .subpagecontent {
    padding: 10px;
    padding-bottom: 60px;
  }
  .subpage .subpagecontent .contentarea {
    max-width: 800px;
    margin-right: 0px;
  }
  .subpage .subpagecontent .contentarea .einleitung {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .einleitung .gallery {
    margin-top: 30px;
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm {
    margin-top: 40px;
    font-size: 13px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h3 {
    display: inline-block;
    font-size: 19px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm .type {
    font-size: 11px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 4px;
    margin-bottom: 10px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 {
    font-size: 15px;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 a {
    color: #0b24fb;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm ul {
    border-top: 2px solid black;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li {
    display: flex;
    border-bottom: 2px dotted black;
    padding: 15px 0 15px 0;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date {
    width: 25%;
    font-weight: 600;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date .time {
    font-weight: 500;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .info {
    width: 75%;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li.abbinder {
    border-bottom: 2px solid black;
  }
  .subpage .subpagecontent .contentarea .carousel-control {
    width: 10%;
  }
  .subpage .subpagecontent .contentarea .carousel-control .btr {
    font-size: 34px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-left {
    left: 50%;
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-right {
    right: 50%;
    margin-right: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent {
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption {
    max-width: 100%;
    margin: auto -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption-text {
    white-space: pre-wrap;
    padding: 10px 0;
    font-size: 11px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignleft {
    display: block;
    /* ! */
    width: auto;
    /* ! */
    float: none;
    /* ! */
    margin: 0px 0px 20px 0px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright {
    display: block;
    /* ! */
    width: auto;
    /* ! */
    float: none;
    /* ! */
    margin: 20px 0px 20px 0px;
    /* ! */
    margin-right: 0;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright .wp-caption-text {
    padding-right: 0px;
    padding-left: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .aligncenter {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    display: block;
    margin: 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent .size-inline_portrait {
    padding: 0 25%;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 {
    display: block;
    /* ! */
    font-size: 19px;
    /* ! */
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-top: 10px;
    /* ! */
    margin-left: 0px;
    /* ! */
    margin-bottom: 10px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + .materialauthor {
    margin-top: -20px;
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + h5 {
    padding-top: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .materialauthor {
    font-style: italic;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 {
    font-size: 15px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 10px;
    /* ! */
    margin-top: 20px;
    /* ! */
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a {
    color: white;
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a i {
    font-size: 13px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu {
    background: black;
    color: white;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    width: 320px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a {
    padding-left: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a:hover {
    background: black;
  }
  .subpage .subpagecontent .contentarea .thecontent h5 {
    display: block;
    font-size: 13px;
    /* ! */
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 0px;
    /* ! */
    padding-bottom: 10px;
    /* ! */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .subpage .subpagecontent .contentarea .thecontent blockquote {
    font-size: 13px;
    /* ! */
    border-left: 2px solid black;
    padding-left: 30px;
    /* ! */
    padding: 0 0 0 20px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 10px 0;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .tt:hover {
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent .tooltip-inner {
    font-family: CeraPro;
    padding: 10px;
    text-align: left;
  }
  .subpage .subpagecontent .contentarea .thecontent .text {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    clear: both;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .cite {
    font-style: italic;
    text-align: left;
    font-size: 15px;
    /* ! */
    line-height: 170%;
    font-weight: 600;
    margin-right: 0px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image .blockimgcaption {
    padding: 10px;
    font-size: 11px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .video {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery .caption {
    padding: 10px;
    line-height: 130%;
  }
  #page-format #format-header .formatvisuals {
    display: flex;
    width: 100%;
  }
  #page-format #format-header .formatvisuals .imgcol {
    max-width: 75%;
    /* ! */
  }
  #page-format #format-header .formatvisuals .attachcol {
    padding: 0 10px;
    display: flex;
    position: relative;
    align-items: flex-end;
  }
  #page-format #format-header .formatvisuals .attachcol a {
    position: relative;
  }
  #page-format #format-header .formatvisuals .attachcol a i {
    position: absolute;
    margin-top: -45px;
    right: 10px;
    padding: 10px 2px 6px 2px;
    background: white;
    border-bottom: 3px solid #0000ee;
    color: #0000ee;
  }
  #page-format #format-header h2 {
    width: 70%;
    /* ! */
    margin-top: -15px;
    /* ! */
  }
  #page-format #format-header .formatmeta {
    font-weight: 600;
    margin-bottom: 20px;
    /* ! */
    padding: 0 10px;
    /* ! */
  }
  #page-format #format-header .formatmeta .jetztanmelden {
    background: #0b24fb;
    display: inline-block;
    color: white;
    margin-top: 10px;
  }
  #page-format #format-header .formatmeta .jetztanmelden:hover {
    background: #041ce9;
    text-decoration: none;
  }
  #page-field #field-header .fieldtiles .tile {
    display: inline-flex;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-field #field-header h2 {
    width: 75%;
    margin-top: -25%;
  }
  #page-forschung #fields {
    min-height: 100vh;
  }
  #page-forschung #fields .fieldlist {
    margin-left: 0px;
    /* ! */
    padding-bottom: 20px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .intro {
    padding: 10px;
    /* ! */
    background: #eee;
    margin-bottom: 20px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .intro .txt {
    padding: 5px;
    background: white;
    font-size: 15px;
    /* ! */
    line-height: 155%;
    /* ! */
    width: 100%;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem {
    margin-bottom: 20px;
    /* ! */
    position: relative;
  }
  #page-forschung #fields .fieldlist .fielditem .fieldtiles .tile {
    display: inline-flex;
    height: 40vh;
    /* ! */
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-forschung #fields .fieldlist .fielditem .info {
    position: absolute;
    top: 0px;
    right: 5px;
    /* ! */
    background: white;
    width: 60%;
    /* ! */
    padding: 0 5px 3px 5px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem .info h3 {
    font-size: 15px;
    /* ! */
    margin-bottom: 0px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem .info .txt {
    font-size: 11px;
    /* ! */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-forschung #fields .fieldlist .fielditem h4 {
    position: absolute;
    top: 5px;
    left: 0px;
    /* ! */
    max-width: 40%;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
  }
  #page-archive {
    padding-bottom: 60px;
    /* ! */
  }
  #page-archive #archive-content {
    margin-right: 0px;
  }
  #page-archive #archive-content .archiveitem {
    display: block;
    /* ! */
    width: auto;
    margin-bottom: 40px;
  }
  #page-archive #archive-content .archiveitem .imgcol {
    width: 100%;
    /* ! */
    position: relative;
  }
  #page-archive #archive-content .archiveitem .imgcol.child {
    margin-left: 50px;
    /* ! */
    width: auto;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .imgcol.child h3 {
    font-size: 15px;
  }
  #page-archive #archive-content .archiveitem .imgcol h3 {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 60%;
    /* ! */
    background: white;
    padding-left: 5px;
    font-size: 19px;
    /* ! */
    line-height: 150%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .imgcol h4 {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: 10px;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 11px;
    /* ! */
    line-height: 100%;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 13px;
    display: inline-block;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-heute {
    top: 35px;
    left: 5px;
    background: #e53f39;
    color: white;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-demnaechst {
    top: 35px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-jetztanmelden {
    bottom: 5px;
    right: 5px;
    background: #0b24fb;
    color: white;
  }
  #page-archive #archive-content .archiveitem .txtcol {
    width: auto;
    display: block;
    /* ! */
    align-items: flex-end;
    padding-left: 10px;
    /* ! */
    padding-right: 10px;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .txtcol.child {
    margin-left: 40px;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .txtcol h4 {
    font-weight: 600;
    margin: 0;
  }
  #page-archive #archive-content .archiveitem .txtcol .meta {
    margin: 10px 0 5px 0;
    /* ! */
    font-weight: 600;
  }
  #page-archive #archive-content .archiveitem .txtcol .excerpt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-archive #archive-content .archiveitem .txtcol .coops {
    margin-top: 15px;
  }
  #page-museum #mp-header, #page-partners #mp-header {
    margin-right: 0;
    /* ! */
  }
  #page-museum #mp-header h2, #page-partners #mp-header h2 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    margin: 0 0 0px 0;
    /* ! */
    font-size: 13px;
    /* ! */
  }
  #page-museum #mp-content, #page-partners #mp-content {
    /* ! */
  }
  #page-museum #mp-content .partneritem, #page-partners #mp-content .partneritem {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    align-items: flex-end;
  }
  #page-museum #mp-content .partneritem:first-of-type, #page-partners #mp-content .partneritem:first-of-type {
    margin-top: 30px;
  }
  #page-museum #mp-content .partneritem .imgcol, #page-partners #mp-content .partneritem .imgcol {
    width: 40%;
    position: relative;
    align-items: center;
  }
  #page-museum #mp-content .partneritem .txtcol, #page-partners #mp-content .partneritem .txtcol {
    display: flex;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-museum #mp-content .partneritem .txtcol h4, #page-partners #mp-content .partneritem .txtcol h4 {
    display: block;
    font-size: 19px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-bottom: 0px;
    margin: 0;
  }
  #page-museum #mp-content .partneritem .txtcol p, #page-partners #mp-content .partneritem .txtcol p {
    margin-bottom: 0px;
  }
  #page-museum #mp-content h3, #page-partners #mp-content h3 {
    margin: 30px 0 5px 0;
    font-size: 19px;
  }
  #page-museum #mp-content .mapcontainer, #page-partners #mp-content .mapcontainer {
    margin-top: 40px;
    /* ! */
    margin-right: 0;
    /* ! */
    margin: 40px -10px 40px -10px;
    /* ! */
  }
  #page-museum #mp-content.besucherinfo p, #page-partners #mp-content.besucherinfo p {
    margin-bottom: 0px;
  }
  .modal-dialog {
    z-index: 9999999;
  }
  .modal-dialog .modal-content {
    background: #e4e5e6;
  }
  .modal-dialog .modal-content .close {
    position: absolute;
    padding: 5px;
    /* ! */
    right: 5px;
    /* ! */
    top: 5px;
    /* ! */
    font-size: 30px;
    /* ! */
    color: black;
    z-index: 99999;
    opacity: 1;
  }
  .modal-dialog .modal-content .cd {
    position: absolute;
    z-index: 9999999999;
    top: 0px;
    left: 0px;
    background: #e4e5e6;
    padding: 20px;
    padding-top: 30px;
    width: 220px;
  }
  .modal-dialog .modal-content .modal-body {
    padding-top: 50px;
  }
  .modal-dialog .modal-content .modal-body .content {
    margin-left: 0px;
    /* ! */
    margin-right: 0px;
    /* ! */
  }
  .modal-dialog .modal-content .modal-body .content h2 {
    font-size: 19px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .modal-dialog .modal-content .modal-body .content h3 {
    display: block;
    font-size: 15px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0;
  }
  #mobilemenumodal {
    z-index: 2040;
  }
  #mobilemenumodal .modal-body {
    padding: 10px;
    padding-top: 80px;
  }
  #mobilemenumodal a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    border-bottom: 3px solid #0b24fb;
    padding-bottom: 2px;
  }
  #mobilemenumodal a:hover {
    text-decoration: none;
  }
  #mobilemenumodal .cd-mobilemenu a {
    border-bottom: 0;
  }
  #mobilemenumodal h3 {
    color: #0b24fb;
    font-size: 15px;
    font-family: CeraPro, Helvetica, sans-serif;
    margin-bottom: 2px;
    letter-spacing: 1px;
  }
  #mobilemenumodal h3 a {
    color: #0b24fb;
    font-size: 15px;
  }
  #mobilemenumodal ul {
    padding-bottom: 7px;
  }
  #mobilemenumodal ul:not('.languages') {
    padding-left: 20px;
  }
  #mobilemenumodal ul li {
    margin-bottom: 7px;
  }
  #mobilemenumodal .address {
    padding-top: 30px;
  }
  #mobilemenumodal .address a {
    display: block;
    text-transform: none;
    border: 0;
  }
  .admin-bar .mainnav, .admin-bar .cd, .admin-bar .modal-content .cd, .admin-bar .modal-content .close {
    top: 32px;
  }
  #footer {
    text-align: center;
    padding-bottom: 60px;
  }
  #footer img {
    width: 80px;
    /* ! */
    display: block;
    margin: 30px auto 20px auto;
  }
  #footer .slogan {
    font-weight: 700;
    margin: 0 50px 30px 50px;
    /* ! */
    font-size: 11px;
    /* ! */
  }
  #footer .newsletterform {
    margin: auto auto;
    width: 280px;
    /* ! */
  }
  #footer .newsletterform #mc_embed_signup {
    font-family: CeraPro, Helvetica, sans-serif;
  }
  #footer .newsletterform #mc_embed_signup input {
    border-radius: 0;
    height: 40px;
    margin-bottom: 10px;
  }
  #footer .newsletterform #mc_embed_signup label {
    text-align: center;
    font-size: 11px;
    /* ! */
  }
  #footer .newsletterform .clear {
    text-align: center;
  }
  #footer .newsletterform .clear #mc-embedded-subscribe {
    text-align: center;
    margin: auto;
    border: 3px solid #0b24fb;
    background: white;
    text-transform: uppercase;
    color: #0b24fb;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  #footer .footerlink {
    display: inline-block;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 13px;
    /* ! */
    border-bottom: 3px solid;
    padding-bottom: 2px;
  }
  #footer .footerlink:hover {
    text-decoration: none;
  }
  .page-template-page-museum #footer, .single-formate #footer, .single-arbeitsfelder #footer {
    margin-right: 0;
    /* ! */
    max-width: 800px;
    margin-left: 0;
    /* ! */
  }
  .modal .showvideo {
    font-size: 0.8rem;
  }
}
/* Mobile iphone 5 */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  body {
    font-size: 13px;
    line-height: 155%;
  }
  .container-fluid {
    margin-left: 0px;
  }
  a {
    color: #0000ee;
    text-decoration: none;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
  }
  a:hover {
    color: #55f;
    text-decoration: underline;
  }
  a:focus {
    color: #0000ee;
    text-decoration: none;
    outline: none;
  }
  h1, h2, h3, h4, .labels, .calendarlabel {
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 140%;
    margin: 0;
    padding: 0;
  }
  h1 a, h2 a, h3 a, h4 a, .labels a, .calendarlabel a {
    color: black;
    text-decoration: none;
  }
  .nopadding-left {
    padding-left: 0px;
  }
  .mainnav {
    display: none;
  }
  .cd {
    display: none;
  }
  .cd-mobile {
    position: fixed;
    z-index: 999;
    top: 5px;
    /* ! */
    left: 5px;
    /* ! */
    background: white;
    padding: 5px;
    /* ! */
    width: 70px;
  }
  .cd-mobile.grow {
    width: 120px;
    padding: 10px;
  }
  .cd-mobilemenu {
    position: absolute;
    z-index: 100000 !important;
    top: 5px;
    /* ! */
    left: 5px;
    /* ! */
    padding: 5px;
    /* ! */
    width: 70px;
  }
  .mobilenav-trigger {
    position: fixed;
    z-index: 9999999;
    top: 5px;
    /* ! */
    right: 5px;
    /* ! */
    color: black;
    display: block;
    padding: 5px 5px 2px 5px;
    background: white;
    color: black;
  }
  .mobilenav-trigger i {
    font-size: 30px;
    line-height: 100%;
  }
  .mobilenav-trigger:focus {
    color: black;
  }
  .submenu {
    position: fixed;
    z-index: 1000;
    top: auto;
    bottom: 0;
    left: 0px;
    background: #fff041;
    padding: 0 10px;
    width: 100%;
    height: 30px;
    border-top: 3px solid #0b24fb;
  }
  .submenu li {
    margin-bottom: 0px;
    display: inline-block;
    word-wrap: break-word;
    margin-right: 10px;
  }
  .submenu li form {
    position: absolute;
    background: #fff041;
    width: 100vw;
    padding: 10px;
  }
  .submenu li input#livesearch {
    top: auto;
    right: 0;
    left: 0;
    bottom: 50px;
    width: 100%;
    padding: 5px;
    font-size: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999999 !important;
  }
  .submenu li a {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 155%;
    border-bottom: 0px solid;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
  }
  .submenu li a:hover {
    text-decoration: none;
  }
  .submenu li ul.dropdown-menu {
    position: absolute;
    z-index: 99999 !important;
    top: auto;
    bottom: 23px;
    left: 0px;
    right: 0px;
    padding: 20px 0;
    margin: 0;
    background: #fff041;
    min-width: 100vw;
    min-height: 50vh;
    overflow: auto;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    width: 100vw;
  }
  .submenu li ul.dropdown-menu li {
    display: block;
    margin-bottom: 10px;
    background: #fff041;
  }
  .submenu li ul.dropdown-menu li a {
    color: #0000ee;
    border-bottom: 0px solid;
    font-size: 13px;
    padding: 0 0 0 10px;
  }
  .submenu li ul.dropdown-menu li a:hover {
    color: #551a8b;
    background: none;
  }
  #homepage .screen {
    position: relative;
  }
  #homepage .screen h2 {
    font-size: 15px;
    /* ! */
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    /* ! */
    margin-bottom: 10px;
    /* ! */
  }
  #homepage #onlinegallery {
    padding-top: 3rem;
    /* !!!! */
    min-height: 100vh;
  }
  #homepage #onlinegallery .sandboxcontainer {
    margin-left: 0px;
    /* ! */
    padding-bottom: 1.5rem;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .intro {
    padding: 10px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .intro .txt {
    font-size: 15px;
    /* ! */
    line-height: 155%;
    /* ! */
    width: 100%;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .clusters {
    padding-top: 2rem;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster {
    display: block;
    width: 100%;
    height: 300px;
    margin-bottom: 3rem;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items {
    position: absolute;
    top: 0;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item {
    position: absolute;
    transform: translate(-50%, -50%);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item img {
    max-width: 10rem;
    max-height: 14rem;
    transition: all 0.2s;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel {
    position: absolute;
    display: inline-block;
    z-index: 1500 !important;
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 140%;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clustertitle {
    background: #0b24fb;
    color: white;
    font-size: 19px;
    bottom: 10%;
    padding: 0;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clusterrelease {
    background: white;
    color: black;
    bottom: 0;
    padding: 0;
    transition: all 0.2s;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover img {
    transform: scale(1.3);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive .clustertitle {
    background: black;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive img {
    filter: grayscale(100%);
    opacity: 0.6;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive img {
    transform: scale(0.8);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive .clusterrelease {
    font-size: 19px;
  }
  #homepage #center {
    height: 100vh;
    /* ! */
  }
  #homepage #center .carousel {
    height: 100vh;
  }
  #homepage #center .carousel .carousel-inner {
    height: 100%;
  }
  #homepage #center .carousel .item {
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #homepage #center .carousel .item.hinweis {
    font-weight: bold;
    font-size: 19px;
    background: #fff041;
  }
  #homepage #center .carousel .item.hinweis > div {
    margin: 0 10%;
  }
  #homepage #center .carousel .item .carousel-caption {
    width: auto;
    /* ! */
    left: 5px;
    /* ! */
    right: 5px;
    /* ! */
    bottom: 10px;
    /* ! */
    margin: 0;
    background: white;
    padding: 10px;
    color: black;
    text-shadow: none;
    text-align: left;
  }
  #homepage #center .carousel .item .carousel-caption h4 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 10px;
    font-size: 13px;
  }
  #homepage #center .carousel .item .carousel-caption h3 {
    font-size: 24px;
    /* ! */
    margin-bottom: 5px;
  }
  #homepage #center .carousel .item .carousel-caption .meta {
    margin-bottom: 5px;
    /* ! */
    font-weight: 600;
    font-size: 13px;
    /* ! */
  }
  #homepage #center .carousel .item .carousel-caption .excerpt {
    margin-bottom: 5px;
    /* ! */
    font-size: 13px;
    /* ! */
    line-height: 155%;
    /* ! */
  }
  #homepage #center .carousel .carousel-control {
    width: 10%;
  }
  #homepage #center .carousel .carousel-control .btr {
    font-size: 34px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  #homepage #center .carousel .carousel-control .bt-angle-left {
    left: 50%;
    margin-left: -10px;
  }
  #homepage #center .carousel .carousel-control .bt-angle-right {
    right: 50%;
    margin-right: -10px;
  }
  #homepage #center .newsletterbadge {
    width: 80px !important;
    top: 110px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
  }
  #homepage #formats {
    min-height: 100vh;
    padding-top: 75px;
    padding-bottom: 20px;
  }
  #homepage #formats .formatlist {
    display: block;
    /* ! */
    margin-left: 0px;
    /* ! */
  }
  #homepage #formats .formatlist h2 {
    margin-bottom: 20px;
  }
  #homepage #formats .formatlist .archivelink {
    width: 100%;
    text-align: center;
  }
  #homepage #formats .formatlist .archivelink a {
    display: inline-block;
    margin: 40px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 15px;
    /* ! */
    border: 3px solid #0b24fb;
    padding: 10px 15px 10px 15px;
  }
  #homepage #formats .formatlist .archivelink a:hover {
    text-decoration: none;
  }
  #homepage #formats .formatlist .col1 {
    width: 100%;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem {
    width: 100%;
    margin-bottom: 20px;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol {
    position: relative;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 67%;
    /* ! */
    background: white;
    padding: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption h3 {
    font-size: 19px;
    /* ! */
    margin-bottom: 3px;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption > div {
    font-weight: 600;
    font-size: 13px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 140%;
    display: inline-block;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels.label-demnaechst {
    top: 5px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 {
    width: 100%;
    /* ! */
    padding: 0px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .header {
    margin-top: 40px;
    /* ! */
    margin-bottom: 5px;
    /* ! */
    display: block;
    /* ! */
    align-items: flex-end;
    justify-content: flex-end;
  }
  #homepage #formats .formatlist .col2 .header h2 {
    margin-bottom: 15px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .header .public {
    font-weight: 600;
    text-align: left;
    /* ! */
    margin-left: 10px;
    /* ! */
    font-size: 13px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist {
    border-top: 2px solid black;
  }
  #homepage #formats .formatlist .col2 .eventlist .abbinder {
    padding: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem {
    display: flex;
    font-weight: 600;
    padding: 15px 0 15px 0;
    /* ! */
    font-size: 13px;
    /* ! */
    line-height: 155%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin {
    width: 22%;
    /* ! */
    padding-left: 10px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin span {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .meta {
    width: auto;
    /* ! */
    padding-left: 10px;
    /* ! */
    padding-right: 5px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .label {
    width: 25%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel {
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 140%;
    display: inline-block;
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.geschlossen {
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden {
    background: #0b24fb;
    color: white;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden:hover {
    background: #0319d0;
    text-decoration: none;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h4 {
    display: inline-block;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 100%;
    margin-bottom: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .subtitle {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong {
    border-bottom: 2px dotted black;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .image {
    width: 70px;
    padding-left: 15px;
    flex-shrink: 0;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta {
    padding-left: 10px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta h3 {
    font-size: 15px;
    /* ! */
    margin-bottom: 0px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .subtitle {
    margin-bottom: 10px;
  }
  .searchwp-live-search-results {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .searchwp-live-search-results .searchwp-live-search-result p {
    font-size: 13px;
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #0b24fb;
  }
  .searchwp-live-search-results .searchwp-live-search-result p a:hover {
    text-decoration: none;
  }
  .subpage {
    padding-top: 75px;
    /* ! */
    padding-left: 0px;
    font-size: 15px;
    line-height: 155%;
  }
  .subpage .subpageheader h4 {
    font-size: 19px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpageheader h2 {
    font-size: 23px;
    /* ! */
    color: black;
    background-color: white;
    display: inline-block;
    padding: 2px 5px 0 5px;
    /* ! */
    margin-bottom: 5px;
    /* ! */
    margin-left: 2px;
  }
  .subpage .subpagecontent {
    padding: 10px;
    padding-bottom: 60px;
  }
  .subpage .subpagecontent .contentarea {
    max-width: 800px;
    margin-right: 0px;
  }
  .subpage .subpagecontent .contentarea .einleitung {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .einleitung .gallery {
    margin-top: 30px;
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm {
    margin-top: 40px;
    font-size: 13px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h3 {
    display: inline-block;
    font-size: 19px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm .type {
    font-size: 11px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 4px;
    margin-bottom: 10px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 {
    font-size: 15px;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 a {
    color: #0b24fb;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm ul {
    border-top: 2px solid black;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li {
    display: flex;
    border-bottom: 2px dotted black;
    padding: 15px 0 15px 0;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date {
    width: 25%;
    font-weight: 600;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date .time {
    font-weight: 500;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .info {
    width: 75%;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li.abbinder {
    border-bottom: 2px solid black;
  }
  .subpage .subpagecontent .contentarea .carousel-control {
    width: 10%;
  }
  .subpage .subpagecontent .contentarea .carousel-control .btr {
    font-size: 34px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-left {
    left: 50%;
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-right {
    right: 50%;
    margin-right: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent {
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption {
    max-width: 100%;
    margin: auto -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption-text {
    white-space: pre-wrap;
    padding: 10px 0;
    font-size: 11px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignleft {
    display: block;
    /* ! */
    width: auto;
    /* ! */
    float: none;
    /* ! */
    margin: 0px 0px 20px 0px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright {
    display: block;
    /* ! */
    width: auto;
    /* ! */
    float: none;
    /* ! */
    margin: 20px 0px 20px 0px;
    /* ! */
    margin-right: 0;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright .wp-caption-text {
    padding-right: 0px;
    padding-left: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .aligncenter {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    display: block;
    margin: 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent .size-inline_portrait {
    padding: 0 25%;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 {
    display: block;
    /* ! */
    font-size: 19px;
    /* ! */
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-top: 10px;
    /* ! */
    margin-left: 0px;
    /* ! */
    margin-bottom: 10px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + .materialauthor {
    margin-top: -20px;
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + h5 {
    padding-top: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .materialauthor {
    font-style: italic;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 {
    font-size: 15px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 10px;
    /* ! */
    margin-top: 20px;
    /* ! */
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a {
    color: white;
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a i {
    font-size: 13px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu {
    background: black;
    color: white;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    width: 320px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a {
    padding-left: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a:hover {
    background: black;
  }
  .subpage .subpagecontent .contentarea .thecontent h5 {
    display: block;
    font-size: 13px;
    /* ! */
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 0px;
    /* ! */
    padding-bottom: 10px;
    /* ! */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .subpage .subpagecontent .contentarea .thecontent blockquote {
    font-size: 13px;
    /* ! */
    border-left: 2px solid black;
    padding-left: 30px;
    /* ! */
    padding: 0 0 0 20px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 10px 0;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .tt:hover {
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent .tooltip-inner {
    font-family: CeraPro;
    padding: 10px;
    text-align: left;
  }
  .subpage .subpagecontent .contentarea .thecontent .text {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    clear: both;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .cite {
    font-style: italic;
    text-align: left;
    font-size: 15px;
    /* ! */
    line-height: 170%;
    font-weight: 600;
    margin-right: 0px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image .blockimgcaption {
    padding: 10px;
    font-size: 11px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .video {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery .caption {
    padding: 10px;
    line-height: 130%;
  }
  #page-format #format-header .formatvisuals {
    display: flex;
    width: 100%;
  }
  #page-format #format-header .formatvisuals .imgcol {
    max-width: 75%;
    /* ! */
  }
  #page-format #format-header .formatvisuals .attachcol {
    padding: 0 10px;
    display: flex;
    position: relative;
    align-items: flex-end;
  }
  #page-format #format-header .formatvisuals .attachcol a {
    position: relative;
  }
  #page-format #format-header .formatvisuals .attachcol a i {
    position: absolute;
    margin-top: -45px;
    right: 10px;
    padding: 10px 2px 6px 2px;
    background: white;
    border-bottom: 3px solid #0000ee;
    color: #0000ee;
  }
  #page-format #format-header h2 {
    width: 70%;
    /* ! */
    margin-top: -15px;
    /* ! */
  }
  #page-format #format-header .formatmeta {
    font-weight: 600;
    margin-bottom: 20px;
    /* ! */
    padding: 0 10px;
    /* ! */
  }
  #page-format #format-header .formatmeta .jetztanmelden {
    background: #0b24fb;
    display: inline-block;
    color: white;
    margin-top: 10px;
  }
  #page-format #format-header .formatmeta .jetztanmelden:hover {
    background: #041ce9;
    text-decoration: none;
  }
  #page-field #field-header .fieldtiles .tile {
    display: inline-flex;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-field #field-header h2 {
    width: 75%;
    margin-top: -25%;
  }
  #page-forschung #fields {
    min-height: 100vh;
  }
  #page-forschung #fields .fieldlist {
    margin-left: 0px;
    /* ! */
    padding-bottom: 20px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .intro {
    padding: 10px;
    /* ! */
    background: #eee;
    margin-bottom: 20px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .intro .txt {
    padding: 5px;
    background: white;
    font-size: 15px;
    /* ! */
    line-height: 155%;
    /* ! */
    width: 100%;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem {
    margin-bottom: 20px;
    /* ! */
    position: relative;
  }
  #page-forschung #fields .fieldlist .fielditem .fieldtiles .tile {
    display: inline-flex;
    height: 40vh;
    /* ! */
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-forschung #fields .fieldlist .fielditem .info {
    position: absolute;
    top: 0px;
    right: 5px;
    /* ! */
    background: white;
    width: 60%;
    /* ! */
    padding: 0 5px 3px 5px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem .info h3 {
    font-size: 15px;
    /* ! */
    margin-bottom: 0px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem .info .txt {
    font-size: 11px;
    /* ! */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-forschung #fields .fieldlist .fielditem h4 {
    position: absolute;
    top: 5px;
    left: 0px;
    /* ! */
    max-width: 40%;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
  }
  #page-archive {
    padding-bottom: 60px;
    /* ! */
  }
  #page-archive #archive-content {
    margin-right: 0px;
  }
  #page-archive #archive-content .archiveitem {
    display: block;
    /* ! */
    width: auto;
    margin-bottom: 40px;
  }
  #page-archive #archive-content .archiveitem .imgcol {
    width: 100%;
    /* ! */
    position: relative;
  }
  #page-archive #archive-content .archiveitem .imgcol.child {
    margin-left: 50px;
    /* ! */
    width: auto;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .imgcol.child h3 {
    font-size: 15px;
  }
  #page-archive #archive-content .archiveitem .imgcol h3 {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 60%;
    /* ! */
    background: white;
    padding-left: 5px;
    font-size: 19px;
    /* ! */
    line-height: 150%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .imgcol h4 {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: 10px;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 11px;
    /* ! */
    line-height: 100%;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 13px;
    display: inline-block;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-heute {
    top: 35px;
    left: 5px;
    background: #e53f39;
    color: white;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-demnaechst {
    top: 35px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-jetztanmelden {
    bottom: 5px;
    right: 5px;
    background: #0b24fb;
    color: white;
  }
  #page-archive #archive-content .archiveitem .txtcol {
    width: auto;
    display: block;
    /* ! */
    align-items: flex-end;
    padding-left: 10px;
    /* ! */
    padding-right: 10px;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .txtcol.child {
    margin-left: 40px;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .txtcol h4 {
    font-weight: 600;
    margin: 0;
  }
  #page-archive #archive-content .archiveitem .txtcol .meta {
    margin: 10px 0 5px 0;
    /* ! */
    font-weight: 600;
  }
  #page-archive #archive-content .archiveitem .txtcol .excerpt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-archive #archive-content .archiveitem .txtcol .coops {
    margin-top: 15px;
  }
  #page-museum #mp-header, #page-partners #mp-header {
    margin-right: 0;
    /* ! */
  }
  #page-museum #mp-header h2, #page-partners #mp-header h2 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    margin: 0 0 0px 0;
    /* ! */
    font-size: 13px;
    /* ! */
  }
  #page-museum #mp-content, #page-partners #mp-content {
    /* ! */
  }
  #page-museum #mp-content .partneritem, #page-partners #mp-content .partneritem {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    align-items: flex-end;
  }
  #page-museum #mp-content .partneritem:first-of-type, #page-partners #mp-content .partneritem:first-of-type {
    margin-top: 30px;
  }
  #page-museum #mp-content .partneritem .imgcol, #page-partners #mp-content .partneritem .imgcol {
    width: 40%;
    position: relative;
    align-items: center;
  }
  #page-museum #mp-content .partneritem .txtcol, #page-partners #mp-content .partneritem .txtcol {
    display: flex;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-museum #mp-content .partneritem .txtcol h4, #page-partners #mp-content .partneritem .txtcol h4 {
    display: block;
    font-size: 19px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-bottom: 0px;
    margin: 0;
  }
  #page-museum #mp-content .partneritem .txtcol p, #page-partners #mp-content .partneritem .txtcol p {
    margin-bottom: 0px;
  }
  #page-museum #mp-content h3, #page-partners #mp-content h3 {
    margin: 30px 0 5px 0;
    font-size: 19px;
  }
  #page-museum #mp-content .mapcontainer, #page-partners #mp-content .mapcontainer {
    margin-top: 40px;
    /* ! */
    margin-right: 0;
    /* ! */
    margin: 40px -10px 40px -10px;
    /* ! */
  }
  #page-museum #mp-content.besucherinfo p, #page-partners #mp-content.besucherinfo p {
    margin-bottom: 0px;
  }
  .modal-dialog {
    z-index: 9999999;
  }
  .modal-dialog .modal-content {
    background: #e4e5e6;
  }
  .modal-dialog .modal-content .close {
    position: absolute;
    padding: 5px;
    /* ! */
    right: 5px;
    /* ! */
    top: 5px;
    /* ! */
    font-size: 30px;
    /* ! */
    color: black;
    z-index: 99999;
    opacity: 1;
  }
  .modal-dialog .modal-content .cd {
    position: absolute;
    z-index: 9999999999;
    top: 0px;
    left: 0px;
    background: #e4e5e6;
    padding: 20px;
    padding-top: 30px;
    width: 220px;
  }
  .modal-dialog .modal-content .modal-body {
    padding-top: 50px;
  }
  .modal-dialog .modal-content .modal-body .content {
    margin-left: 0px;
    /* ! */
    margin-right: 0px;
    /* ! */
  }
  .modal-dialog .modal-content .modal-body .content h2 {
    font-size: 19px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .modal-dialog .modal-content .modal-body .content h3 {
    display: block;
    font-size: 15px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0;
  }
  #mobilemenumodal {
    z-index: 2040;
  }
  #mobilemenumodal .modal-body {
    padding: 10px;
    padding-top: 80px;
  }
  #mobilemenumodal a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    border-bottom: 3px solid #0b24fb;
    padding-bottom: 2px;
  }
  #mobilemenumodal a:hover {
    text-decoration: none;
  }
  #mobilemenumodal .cd-mobilemenu a {
    border-bottom: 0;
  }
  #mobilemenumodal h3 {
    color: #0b24fb;
    font-size: 15px;
    font-family: CeraPro, Helvetica, sans-serif;
    margin-bottom: 2px;
    letter-spacing: 1px;
  }
  #mobilemenumodal h3 a {
    color: #0b24fb;
    font-size: 15px;
  }
  #mobilemenumodal ul {
    padding-bottom: 7px;
  }
  #mobilemenumodal ul:not('.languages') {
    padding-left: 20px;
  }
  #mobilemenumodal ul li {
    margin-bottom: 7px;
  }
  #mobilemenumodal .address {
    padding-top: 30px;
  }
  #mobilemenumodal .address a {
    display: block;
    text-transform: none;
    border: 0;
  }
  .admin-bar .mainnav, .admin-bar .cd, .admin-bar .modal-content .cd, .admin-bar .modal-content .close {
    top: 32px;
  }
  #footer {
    text-align: center;
    padding-bottom: 60px;
  }
  #footer img {
    width: 80px;
    /* ! */
    display: block;
    margin: 30px auto 20px auto;
  }
  #footer .slogan {
    font-weight: 700;
    margin: 0 50px 30px 50px;
    /* ! */
    font-size: 11px;
    /* ! */
  }
  #footer .newsletterform {
    margin: auto auto;
    width: 280px;
    /* ! */
  }
  #footer .newsletterform #mc_embed_signup {
    font-family: CeraPro, Helvetica, sans-serif;
  }
  #footer .newsletterform #mc_embed_signup input {
    border-radius: 0;
    height: 40px;
    margin-bottom: 10px;
  }
  #footer .newsletterform #mc_embed_signup label {
    text-align: center;
    font-size: 11px;
    /* ! */
  }
  #footer .newsletterform .clear {
    text-align: center;
  }
  #footer .newsletterform .clear #mc-embedded-subscribe {
    text-align: center;
    margin: auto;
    border: 3px solid #0b24fb;
    background: white;
    text-transform: uppercase;
    color: #0b24fb;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  #footer .footerlink {
    display: inline-block;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 13px;
    /* ! */
    border-bottom: 3px solid;
    padding-bottom: 2px;
  }
  #footer .footerlink:hover {
    text-decoration: none;
  }
  .page-template-page-museum #footer, .single-formate #footer, .single-arbeitsfelder #footer {
    margin-right: 0;
    /* ! */
    max-width: 800px;
    margin-left: 0;
    /* ! */
  }
  .modal .showvideo {
    font-size: 0.8rem;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  body {
    font-size: 13px;
    line-height: 155%;
  }
  .container-fluid {
    margin-left: 0px;
  }
  a {
    color: #0000ee;
    text-decoration: none;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
  }
  a:hover {
    color: #55f;
    text-decoration: underline;
  }
  a:focus {
    color: #0000ee;
    text-decoration: none;
    outline: none;
  }
  h1, h2, h3, h4, .labels, .calendarlabel {
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 140%;
    margin: 0;
    padding: 0;
  }
  h1 a, h2 a, h3 a, h4 a, .labels a, .calendarlabel a {
    color: black;
    text-decoration: none;
  }
  .nopadding-left {
    padding-left: 0px;
  }
  .mainnav {
    display: none;
  }
  .cd {
    display: none;
  }
  .cd-mobile {
    position: fixed;
    z-index: 999;
    top: 5px;
    /* ! */
    left: 5px;
    /* ! */
    background: white;
    padding: 5px;
    /* ! */
    width: 70px;
  }
  .cd-mobile.grow {
    width: 120px;
    padding: 10px;
  }
  .cd-mobilemenu {
    position: absolute;
    z-index: 100000 !important;
    top: 5px;
    /* ! */
    left: 5px;
    /* ! */
    padding: 5px;
    /* ! */
    width: 70px;
  }
  .mobilenav-trigger {
    position: fixed;
    z-index: 9999999;
    top: 5px;
    /* ! */
    right: 5px;
    /* ! */
    color: black;
    display: block;
    padding: 5px 5px 2px 5px;
    background: white;
    color: black;
  }
  .mobilenav-trigger i {
    font-size: 30px;
    line-height: 100%;
  }
  .mobilenav-trigger:focus {
    color: black;
  }
  .submenu {
    position: fixed;
    z-index: 1000;
    top: auto;
    bottom: 0;
    left: 0px;
    background: #fff041;
    padding: 0 10px;
    width: 100%;
    height: 30px;
    border-top: 3px solid #0b24fb;
  }
  .submenu li {
    margin-bottom: 0px;
    display: inline-block;
    word-wrap: break-word;
    margin-right: 10px;
  }
  .submenu li form {
    position: absolute;
    background: #fff041;
    width: 100vw;
    padding: 10px;
  }
  .submenu li input#livesearch {
    top: auto;
    right: 0;
    left: 0;
    bottom: 50px;
    width: 100%;
    padding: 5px;
    font-size: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999999 !important;
  }
  .submenu li a {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 155%;
    border-bottom: 0px solid;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
  }
  .submenu li a:hover {
    text-decoration: none;
  }
  .submenu li ul.dropdown-menu {
    position: absolute;
    z-index: 99999 !important;
    top: auto;
    bottom: 23px;
    left: 0px;
    right: 0px;
    padding: 20px 0;
    margin: 0;
    background: #fff041;
    min-width: 100vw;
    min-height: 50vh;
    overflow: auto;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    width: 100vw;
  }
  .submenu li ul.dropdown-menu li {
    display: block;
    margin-bottom: 10px;
    background: #fff041;
  }
  .submenu li ul.dropdown-menu li a {
    color: #0000ee;
    border-bottom: 0px solid;
    font-size: 13px;
    padding: 0 0 0 10px;
  }
  .submenu li ul.dropdown-menu li a:hover {
    color: #551a8b;
    background: none;
  }
  #homepage .screen {
    position: relative;
  }
  #homepage .screen h2 {
    font-size: 15px;
    /* ! */
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    /* ! */
    margin-bottom: 10px;
    /* ! */
  }
  #homepage #onlinegallery {
    padding-top: 3rem;
    /* !!!! */
    min-height: 100vh;
  }
  #homepage #onlinegallery .sandboxcontainer {
    margin-left: 0px;
    /* ! */
    padding-bottom: 1.5rem;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .intro {
    padding: 10px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .intro .txt {
    font-size: 15px;
    /* ! */
    line-height: 155%;
    /* ! */
    width: 100%;
    /* ! */
  }
  #homepage #onlinegallery .sandboxcontainer .clusters {
    padding-top: 2rem;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster {
    display: block;
    width: 100%;
    height: 300px;
    margin-bottom: 3rem;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items {
    position: absolute;
    top: 0;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item {
    position: absolute;
    transform: translate(-50%, -50%);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .items .item img {
    max-width: 10rem;
    max-height: 14rem;
    transition: all 0.2s;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel {
    position: absolute;
    display: inline-block;
    z-index: 1500 !important;
    font-family: Zueri, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 140%;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clustertitle {
    background: #0b24fb;
    color: white;
    font-size: 19px;
    bottom: 10%;
    padding: 0;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster .clusterlabel.clusterrelease {
    background: white;
    color: black;
    bottom: 0;
    padding: 0;
    transition: all 0.2s;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover img {
    transform: scale(1.3);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive .clustertitle {
    background: black;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster.inactive img {
    filter: grayscale(100%);
    opacity: 0.6;
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive img {
    transform: scale(0.8);
  }
  #homepage #onlinegallery .sandboxcontainer .clusters .cluster:hover.inactive .clusterrelease {
    font-size: 19px;
  }
  #homepage #center {
    height: 100vh;
    /* ! */
  }
  #homepage #center .carousel {
    height: 100vh;
  }
  #homepage #center .carousel .carousel-inner {
    height: 100%;
  }
  #homepage #center .carousel .item {
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #homepage #center .carousel .item.hinweis {
    font-weight: bold;
    font-size: 19px;
    background: #fff041;
  }
  #homepage #center .carousel .item.hinweis > div {
    margin: 0 10%;
  }
  #homepage #center .carousel .item .carousel-caption {
    width: auto;
    /* ! */
    left: 5px;
    /* ! */
    right: 5px;
    /* ! */
    bottom: 10px;
    /* ! */
    margin: 0;
    background: white;
    padding: 10px;
    color: black;
    text-shadow: none;
    text-align: left;
  }
  #homepage #center .carousel .item .carousel-caption h4 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-bottom: 10px;
    font-size: 13px;
  }
  #homepage #center .carousel .item .carousel-caption h3 {
    font-size: 24px;
    /* ! */
    margin-bottom: 5px;
  }
  #homepage #center .carousel .item .carousel-caption .meta {
    margin-bottom: 5px;
    /* ! */
    font-weight: 600;
    font-size: 13px;
    /* ! */
  }
  #homepage #center .carousel .item .carousel-caption .excerpt {
    margin-bottom: 5px;
    /* ! */
    font-size: 13px;
    /* ! */
    line-height: 155%;
    /* ! */
  }
  #homepage #center .carousel .carousel-control {
    width: 10%;
  }
  #homepage #center .carousel .carousel-control .btr {
    font-size: 34px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  #homepage #center .carousel .carousel-control .bt-angle-left {
    left: 50%;
    margin-left: -10px;
  }
  #homepage #center .carousel .carousel-control .bt-angle-right {
    right: 50%;
    margin-right: -10px;
  }
  #homepage #center .newsletterbadge {
    width: 80px !important;
    top: 110px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
  }
  #homepage #formats {
    min-height: 100vh;
    padding-top: 75px;
    padding-bottom: 20px;
  }
  #homepage #formats .formatlist {
    display: block;
    /* ! */
    margin-left: 0px;
    /* ! */
  }
  #homepage #formats .formatlist h2 {
    margin-bottom: 20px;
  }
  #homepage #formats .formatlist .archivelink {
    width: 100%;
    text-align: center;
  }
  #homepage #formats .formatlist .archivelink a {
    display: inline-block;
    margin: 40px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 15px;
    /* ! */
    border: 3px solid #0b24fb;
    padding: 10px 15px 10px 15px;
  }
  #homepage #formats .formatlist .archivelink a:hover {
    text-decoration: none;
  }
  #homepage #formats .formatlist .col1 {
    width: 100%;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem {
    width: 100%;
    margin-bottom: 20px;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol {
    position: relative;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 67%;
    /* ! */
    background: white;
    padding: 5px;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption h3 {
    font-size: 19px;
    /* ! */
    margin-bottom: 3px;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .caption > div {
    font-weight: 600;
    font-size: 13px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 140%;
    display: inline-block;
  }
  #homepage #formats .formatlist .col1 .exhibitionitem .imgcol .labels.label-demnaechst {
    top: 5px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 {
    width: 100%;
    /* ! */
    padding: 0px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .header {
    margin-top: 40px;
    /* ! */
    margin-bottom: 5px;
    /* ! */
    display: block;
    /* ! */
    align-items: flex-end;
    justify-content: flex-end;
  }
  #homepage #formats .formatlist .col2 .header h2 {
    margin-bottom: 15px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .header .public {
    font-weight: 600;
    text-align: left;
    /* ! */
    margin-left: 10px;
    /* ! */
    font-size: 13px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist {
    border-top: 2px solid black;
  }
  #homepage #formats .formatlist .col2 .eventlist .abbinder {
    padding: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem {
    display: flex;
    font-weight: 600;
    padding: 15px 0 15px 0;
    /* ! */
    font-size: 13px;
    /* ! */
    line-height: 155%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin {
    width: 22%;
    /* ! */
    padding-left: 10px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .termin span {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .meta {
    width: auto;
    /* ! */
    padding-left: 10px;
    /* ! */
    padding-right: 5px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .label {
    width: 25%;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel {
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 140%;
    display: inline-block;
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.geschlossen {
    background: #fff041;
    color: black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden {
    background: #0b24fb;
    color: white;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem .calendarlabel.anmelden:hover {
    background: #0319d0;
    text-decoration: none;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem h4 {
    display: inline-block;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
    line-height: 100%;
    margin-bottom: 10px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal {
    border-bottom: 2px dotted black;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-normal .subtitle {
    font-weight: 500;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong {
    border-bottom: 2px dotted black;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .image {
    width: 70px;
    padding-left: 15px;
    flex-shrink: 0;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta {
    padding-left: 10px;
    /* ! */
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta h3 {
    font-size: 15px;
    /* ! */
    margin-bottom: 0px;
  }
  #homepage #formats .formatlist .col2 .eventlist .eventitem.eventitem-strong .meta .subtitle {
    margin-bottom: 10px;
  }
  .searchwp-live-search-results {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .searchwp-live-search-results .searchwp-live-search-result p {
    font-size: 13px;
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #0b24fb;
  }
  .searchwp-live-search-results .searchwp-live-search-result p a:hover {
    text-decoration: none;
  }
  .subpage {
    padding-top: 75px;
    /* ! */
    padding-left: 0px;
    font-size: 15px;
    line-height: 155%;
  }
  .subpage .subpageheader h4 {
    font-size: 19px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpageheader h2 {
    font-size: 23px;
    /* ! */
    color: black;
    background-color: white;
    display: inline-block;
    padding: 2px 5px 0 5px;
    /* ! */
    margin-bottom: 5px;
    /* ! */
    margin-left: 2px;
  }
  .subpage .subpagecontent {
    padding: 10px;
    padding-bottom: 60px;
  }
  .subpage .subpagecontent .contentarea {
    max-width: 800px;
    margin-right: 0px;
  }
  .subpage .subpagecontent .contentarea .einleitung {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .einleitung .gallery {
    margin-top: 30px;
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm {
    margin-top: 40px;
    font-size: 13px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h3 {
    display: inline-block;
    font-size: 19px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm .type {
    font-size: 11px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 4px;
    margin-bottom: 10px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 {
    font-size: 15px;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm h4 a {
    color: #0b24fb;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm ul {
    border-top: 2px solid black;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li {
    display: flex;
    border-bottom: 2px dotted black;
    padding: 15px 0 15px 0;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date {
    width: 25%;
    font-weight: 600;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .date .time {
    font-weight: 500;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li .info {
    width: 75%;
  }
  .subpage .subpagecontent .contentarea .veranstaltungsprogramm li.abbinder {
    border-bottom: 2px solid black;
  }
  .subpage .subpagecontent .contentarea .carousel-control {
    width: 10%;
  }
  .subpage .subpagecontent .contentarea .carousel-control .btr {
    font-size: 34px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-left {
    left: 50%;
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .carousel-control .bt-arrow-right {
    right: 50%;
    margin-right: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent {
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption {
    max-width: 100%;
    margin: auto -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent .wp-caption-text {
    white-space: pre-wrap;
    padding: 10px 0;
    font-size: 11px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignleft {
    display: block;
    /* ! */
    width: auto;
    /* ! */
    float: none;
    /* ! */
    margin: 0px 0px 20px 0px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright {
    display: block;
    /* ! */
    width: auto;
    /* ! */
    float: none;
    /* ! */
    margin: 20px 0px 20px 0px;
    /* ! */
    margin-right: 0;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .alignright .wp-caption-text {
    padding-right: 0px;
    padding-left: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .aligncenter {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    display: block;
    margin: 30px auto;
  }
  .subpage .subpagecontent .contentarea .thecontent .size-inline_portrait {
    padding: 0 25%;
  }
  .subpage .subpagecontent .contentarea .thecontent h3 {
    display: block;
    /* ! */
    font-size: 19px;
    /* ! */
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-top: 10px;
    /* ! */
    margin-left: 0px;
    /* ! */
    margin-bottom: 10px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + .materialauthor {
    margin-top: -20px;
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent h3 + h5 {
    padding-top: 0px;
  }
  .subpage .subpagecontent .contentarea .thecontent .materialauthor {
    font-style: italic;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 {
    font-size: 15px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 6px 0 10px;
    /* ! */
    margin-top: 20px;
    /* ! */
    margin-left: -10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a {
    color: white;
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 a i {
    font-size: 13px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu {
    background: black;
    color: white;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    width: 320px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a {
    padding-left: 10px;
  }
  .subpage .subpagecontent .contentarea .thecontent h4 .dropdown-menu li a:hover {
    background: black;
  }
  .subpage .subpagecontent .contentarea .thecontent h5 {
    display: block;
    font-size: 13px;
    /* ! */
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 0px;
    /* ! */
    padding-bottom: 10px;
    /* ! */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .subpage .subpagecontent .contentarea .thecontent blockquote {
    font-size: 13px;
    /* ! */
    border-left: 2px solid black;
    padding-left: 30px;
    /* ! */
    padding: 0 0 0 20px;
    /* ! */
    margin-bottom: 20px;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 10px 0;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .tt:hover {
    text-decoration: none;
  }
  .subpage .subpagecontent .contentarea .thecontent .tooltip-inner {
    font-family: CeraPro;
    padding: 10px;
    text-align: left;
  }
  .subpage .subpagecontent .contentarea .thecontent .text {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    clear: both;
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .cite {
    font-style: italic;
    text-align: left;
    font-size: 15px;
    /* ! */
    line-height: 170%;
    font-weight: 600;
    margin-right: 0px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .image .blockimgcaption {
    padding: 10px;
    font-size: 11px;
    /* ! */
    line-height: 140%;
    /* ! */
  }
  .subpage .subpagecontent .contentarea .thecontent .video {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery {
    margin-left: -10px;
    /* ! */
    margin-right: -10px;
    /* ! */
    margin-bottom: 30px;
  }
  .subpage .subpagecontent .contentarea .thecontent .gallery .caption {
    padding: 10px;
    line-height: 130%;
  }
  #page-format #format-header .formatvisuals {
    display: flex;
    width: 100%;
  }
  #page-format #format-header .formatvisuals .imgcol {
    max-width: 75%;
    /* ! */
  }
  #page-format #format-header .formatvisuals .attachcol {
    padding: 0 10px;
    display: flex;
    position: relative;
    align-items: flex-end;
  }
  #page-format #format-header .formatvisuals .attachcol a {
    position: relative;
  }
  #page-format #format-header .formatvisuals .attachcol a i {
    position: absolute;
    margin-top: -45px;
    right: 10px;
    padding: 10px 2px 6px 2px;
    background: white;
    border-bottom: 3px solid #0000ee;
    color: #0000ee;
  }
  #page-format #format-header h2 {
    width: 70%;
    /* ! */
    margin-top: -15px;
    /* ! */
  }
  #page-format #format-header .formatmeta {
    font-weight: 600;
    margin-bottom: 20px;
    /* ! */
    padding: 0 10px;
    /* ! */
  }
  #page-format #format-header .formatmeta .jetztanmelden {
    background: #0b24fb;
    display: inline-block;
    color: white;
    margin-top: 10px;
  }
  #page-format #format-header .formatmeta .jetztanmelden:hover {
    background: #041ce9;
    text-decoration: none;
  }
  #page-field #field-header .fieldtiles .tile {
    display: inline-flex;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-field #field-header h2 {
    width: 75%;
    margin-top: -25%;
  }
  #page-forschung #fields {
    min-height: 100vh;
  }
  #page-forschung #fields .fieldlist {
    margin-left: 0px;
    /* ! */
    padding-bottom: 20px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .intro {
    padding: 10px;
    /* ! */
    background: #eee;
    margin-bottom: 20px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .intro .txt {
    padding: 5px;
    background: white;
    font-size: 15px;
    /* ! */
    line-height: 155%;
    /* ! */
    width: 100%;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem {
    margin-bottom: 20px;
    /* ! */
    position: relative;
  }
  #page-forschung #fields .fieldlist .fielditem .fieldtiles .tile {
    display: inline-flex;
    height: 40vh;
    /* ! */
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
  }
  #page-forschung #fields .fieldlist .fielditem .info {
    position: absolute;
    top: 0px;
    right: 5px;
    /* ! */
    background: white;
    width: 60%;
    /* ! */
    padding: 0 5px 3px 5px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem .info h3 {
    font-size: 15px;
    /* ! */
    margin-bottom: 0px;
    /* ! */
  }
  #page-forschung #fields .fieldlist .fielditem .info .txt {
    font-size: 11px;
    /* ! */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-forschung #fields .fieldlist .fielditem h4 {
    position: absolute;
    top: 5px;
    left: 0px;
    /* ! */
    max-width: 40%;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 9px;
    /* ! */
  }
  #page-archive {
    padding-bottom: 60px;
    /* ! */
  }
  #page-archive #archive-content {
    margin-right: 0px;
  }
  #page-archive #archive-content .archiveitem {
    display: block;
    /* ! */
    width: auto;
    margin-bottom: 40px;
  }
  #page-archive #archive-content .archiveitem .imgcol {
    width: 100%;
    /* ! */
    position: relative;
  }
  #page-archive #archive-content .archiveitem .imgcol.child {
    margin-left: 50px;
    /* ! */
    width: auto;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .imgcol.child h3 {
    font-size: 15px;
  }
  #page-archive #archive-content .archiveitem .imgcol h3 {
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 60%;
    /* ! */
    background: white;
    padding-left: 5px;
    font-size: 19px;
    /* ! */
    line-height: 150%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .imgcol h4 {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: 10px;
    background: black;
    color: white;
    padding: 3px 3px 1px 5px;
    font-size: 11px;
    /* ! */
    line-height: 100%;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels {
    position: absolute;
    padding: 3px 3px 1px 5px;
    font-size: 13px;
    display: inline-block;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-heute {
    top: 35px;
    left: 5px;
    background: #e53f39;
    color: white;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-demnaechst {
    top: 35px;
    left: 5px;
    background: #fff041;
    color: black;
  }
  #page-archive #archive-content .archiveitem .imgcol .labels.label-jetztanmelden {
    bottom: 5px;
    right: 5px;
    background: #0b24fb;
    color: white;
  }
  #page-archive #archive-content .archiveitem .txtcol {
    width: auto;
    display: block;
    /* ! */
    align-items: flex-end;
    padding-left: 10px;
    /* ! */
    padding-right: 10px;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .txtcol.child {
    margin-left: 40px;
    /* ! */
  }
  #page-archive #archive-content .archiveitem .txtcol h4 {
    font-weight: 600;
    margin: 0;
  }
  #page-archive #archive-content .archiveitem .txtcol .meta {
    margin: 10px 0 5px 0;
    /* ! */
    font-weight: 600;
  }
  #page-archive #archive-content .archiveitem .txtcol .excerpt {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-archive #archive-content .archiveitem .txtcol .coops {
    margin-top: 15px;
  }
  #page-museum #mp-header, #page-partners #mp-header {
    margin-right: 0;
    /* ! */
  }
  #page-museum #mp-header h2, #page-partners #mp-header h2 {
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 10px;
    margin: 0 0 0px 0;
    /* ! */
    font-size: 13px;
    /* ! */
  }
  #page-museum #mp-content, #page-partners #mp-content {
    /* ! */
  }
  #page-museum #mp-content .partneritem, #page-partners #mp-content .partneritem {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    align-items: flex-end;
  }
  #page-museum #mp-content .partneritem:first-of-type, #page-partners #mp-content .partneritem:first-of-type {
    margin-top: 30px;
  }
  #page-museum #mp-content .partneritem .imgcol, #page-partners #mp-content .partneritem .imgcol {
    width: 40%;
    position: relative;
    align-items: center;
  }
  #page-museum #mp-content .partneritem .txtcol, #page-partners #mp-content .partneritem .txtcol {
    display: flex;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #page-museum #mp-content .partneritem .txtcol h4, #page-partners #mp-content .partneritem .txtcol h4 {
    display: block;
    font-size: 19px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-bottom: 0px;
    margin: 0;
  }
  #page-museum #mp-content .partneritem .txtcol p, #page-partners #mp-content .partneritem .txtcol p {
    margin-bottom: 0px;
  }
  #page-museum #mp-content h3, #page-partners #mp-content h3 {
    margin: 30px 0 5px 0;
    font-size: 19px;
  }
  #page-museum #mp-content .mapcontainer, #page-partners #mp-content .mapcontainer {
    margin-top: 40px;
    /* ! */
    margin-right: 0;
    /* ! */
    margin: 40px -10px 40px -10px;
    /* ! */
  }
  #page-museum #mp-content.besucherinfo p, #page-partners #mp-content.besucherinfo p {
    margin-bottom: 0px;
  }
  .modal-dialog {
    z-index: 9999999;
  }
  .modal-dialog .modal-content {
    background: #e4e5e6;
  }
  .modal-dialog .modal-content .close {
    position: absolute;
    padding: 5px;
    /* ! */
    right: 5px;
    /* ! */
    top: 5px;
    /* ! */
    font-size: 30px;
    /* ! */
    color: black;
    z-index: 99999;
    opacity: 1;
  }
  .modal-dialog .modal-content .cd {
    position: absolute;
    z-index: 9999999999;
    top: 0px;
    left: 0px;
    background: #e4e5e6;
    padding: 20px;
    padding-top: 30px;
    width: 220px;
  }
  .modal-dialog .modal-content .modal-body {
    padding-top: 50px;
  }
  .modal-dialog .modal-content .modal-body .content {
    margin-left: 0px;
    /* ! */
    margin-right: 0px;
    /* ! */
  }
  .modal-dialog .modal-content .modal-body .content h2 {
    font-size: 19px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 2px 0 0 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .modal-dialog .modal-content .modal-body .content h3 {
    display: block;
    font-size: 15px;
    line-height: 140%;
    font-family: CeraPro, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0;
  }
  #mobilemenumodal {
    z-index: 2040;
  }
  #mobilemenumodal .modal-body {
    padding: 10px;
    padding-top: 80px;
  }
  #mobilemenumodal a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    border-bottom: 3px solid #0b24fb;
    padding-bottom: 2px;
  }
  #mobilemenumodal a:hover {
    text-decoration: none;
  }
  #mobilemenumodal .cd-mobilemenu a {
    border-bottom: 0;
  }
  #mobilemenumodal h3 {
    color: #0b24fb;
    font-size: 15px;
    font-family: CeraPro, Helvetica, sans-serif;
    margin-bottom: 2px;
    letter-spacing: 1px;
  }
  #mobilemenumodal h3 a {
    color: #0b24fb;
    font-size: 15px;
  }
  #mobilemenumodal ul {
    padding-bottom: 7px;
  }
  #mobilemenumodal ul:not('.languages') {
    padding-left: 20px;
  }
  #mobilemenumodal ul li {
    margin-bottom: 7px;
  }
  #mobilemenumodal .address {
    padding-top: 30px;
  }
  #mobilemenumodal .address a {
    display: block;
    text-transform: none;
    border: 0;
  }
  .admin-bar .mainnav, .admin-bar .cd, .admin-bar .modal-content .cd, .admin-bar .modal-content .close {
    top: 32px;
  }
  #footer {
    text-align: center;
    padding-bottom: 60px;
  }
  #footer img {
    width: 80px;
    /* ! */
    display: block;
    margin: 30px auto 20px auto;
  }
  #footer .slogan {
    font-weight: 700;
    margin: 0 50px 30px 50px;
    /* ! */
    font-size: 11px;
    /* ! */
  }
  #footer .newsletterform {
    margin: auto auto;
    width: 280px;
    /* ! */
  }
  #footer .newsletterform #mc_embed_signup {
    font-family: CeraPro, Helvetica, sans-serif;
  }
  #footer .newsletterform #mc_embed_signup input {
    border-radius: 0;
    height: 40px;
    margin-bottom: 10px;
  }
  #footer .newsletterform #mc_embed_signup label {
    text-align: center;
    font-size: 11px;
    /* ! */
  }
  #footer .newsletterform .clear {
    text-align: center;
  }
  #footer .newsletterform .clear #mc-embedded-subscribe {
    text-align: center;
    margin: auto;
    border: 3px solid #0b24fb;
    background: white;
    text-transform: uppercase;
    color: #0b24fb;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  #footer .footerlink {
    display: inline-block;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
    font-size: 13px;
    /* ! */
    border-bottom: 3px solid;
    padding-bottom: 2px;
  }
  #footer .footerlink:hover {
    text-decoration: none;
  }
  .page-template-page-museum #footer, .single-formate #footer, .single-arbeitsfelder #footer {
    margin-right: 0;
    /* ! */
    max-width: 800px;
    margin-left: 0;
    /* ! */
  }
  .modal .showvideo {
    font-size: 0.8rem;
  }
}