********************
- Base -
********************/

html {
  font-size: 100%;
  font-size: 1rem;
  font-size: .83vw;
  font-size: .86vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro',serif;
  color: #000;
  background-color:#fafafa;
}

ol,ul {
  list-style: none;
}

a {
  text-decoration:none;
  /*outline: 0;*/
  /*-moz-outline: 0;*/
  color:#000;;
}

a:active,a:hover {
  /*outline: 0;*/
  color: #555;
}

a.underlinelink {
  color: #000;
  text-decoration: underline;
  font-size: inherit !important;
}

a.underlinelink:hover {

}

a.arrowlink {
  color: #555;
  font-size: .875rem;
}

a.arrowlink:hover {
  /*outline: 0;*/
  color:#484949;
}

a.arrowlink:after {
  font-family: 'panometer';
  font-size: .875rem;
  content: "\e90a";
  position:relative;
  top: .11rem;
  left: .2rem;
}

a.button-blue {
  text-transform: uppercase;
  font-weight: normal;
  font-size: inherit;
  ine-height: 1.375rem;
  padding:.2rem .875rem;
  background-color: #2959e8;
  color: #fff;
  border: 1px solid #2959e8;
  border-radius: 10%/50%;
}

a.button-blue:hover {
  background-color: #2249be; /*#43aae6;*/
}

a.arrowlink:hover {
  /*outline: 0;*/
  color:#484949;
}

img {
  max-width: 100%;
  height: auto;
  width:auto;
  border:none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
  margin:0;
  padding:0;
}

h1,h2,h3,h4,h5,ol,ul,li {
  margin:0;
  padding:0;
}

h3 {
  font-family: 'Old Standard TT', serif;
  font-weight:normal;
  font-size:1rem;
  line-height:1.3rem;
  color:#555;
  margin-bottom: .8rem;
}


h2, h4 {
  font-weight:normal;
  font-size:1.25rem;
  line-height:1.375rem;
  margin-bottom:1.25rem;
}

p {
  padding:0;
  margin:-.3rem 0 1rem 0;
}

b, strong {
  font-weight:600;
}

/*typo*/
div.csc-default {
  margin:0;
  padding:0;
}

.csc-textpic-image {
  padding:0;
  margin:0;
}

/********************
- Font Icons -
********************/

/* old-standard-tt-regular - latin */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  src: local(''),
  url('../Fonts/old-standard-tt-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../Fonts/old-standard-tt-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* old-standard-tt-700 - latin */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  src: local(''),
  url('../Fonts/old-standard-tt-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../Fonts/old-standard-tt-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
  url('../Fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../Fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
  url('../Fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../Fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
  url('../Fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../Fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
  url('../Fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../Fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


@font-face {
  font-family: 'panometer';
  /*  url('../Fonts/panometer.ttf?m0atbw') format('truetype'),
  url('../Fonts/panometer.svg?m0atbw#panometer') format('svg'),*/
  src:url('../Fonts/panometer.woff?m0atbw') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'panometer' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.icon-panometer:before {
  content: "\e922";
  color: #fff;
}
.icon-dresden:before {
  content: "\e900";
}
.icon-galerie_kreis_leer:before {
  content: "\e901";
}
.icon-galerie_kreis_voll:before {
  content: "\e902";
}
.icon-gallery-prev:before {
  content: "\e903";
}
.icon-gallery-next:before {
  content: "\e904";
}
.icon-email:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e906";
}
.icon-map:before {
  content: "\e907";
}
.icon-close:before {
  content: "\e908";
}
.icon-circle-arrow .path1:before {
  content: "\e909";
  color: rgb(255, 255, 255);
}
.icon-circle-arrow .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-arrow-links:before {
  content: "\e90a";
}
.icon-exhibition-prev:before {
  content: "\e90b";
}
.icon-exhibition-next:before {
  content: "\e90c";
}
.icon-share .path1:before {
  content: "\e90d";
  color: rgb(255, 255, 255);
}
.icon-share .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: #555;
}
.icon-share .path3:before {
  content: "\e91c";
  margin-left: -1em;
  color: #555;
}
.icon-cart:before {
  content: "\e90e";
}
.icon-leipzig:before {
  content: "\e90f";
}
.icon-panometer_schriftzug_gross:before {
  content: "\e910";
}
.icon-schriftzug_panometer_klein:before {
  content: "\e911";
}
.icon-hamburger:before {
  content: "\e912";
}
.icon-hamburger-close:before {
  content: "\e913";
}
.icon-location:before {
  content: "\e915";
}
.icon-share-twitter:before {
  content: "\e916";
}
.icon-share-whatsapp:before {
  content: "\e917";
}
.icon-share-googleplus:before {
  content: "\e918";
}
.icon-share-email:before {
  content: "\e919";
}
.icon-share-facebook:before {
  content: "\e91a";
}
.icon-close-x:before {
  content: "\e91d";
}
.icon-arrow-mega:before {
  content: "\e91e";
}
.icon-share-instagram:before {
  content: "\e920";
}
.icon-instagram:before {
  content: "\e921";
}


/********************
- Homepage Header -
********************/

#header {
  height:1.25rem;
  width:100%;
  background-color:#000;
}

#header h1 {
  display:none;
}

.header-menu {
  float:right;
  font-size:.875rem;
  margin-right:13.12rem;
}

.header-menu ul {
  display:inline-block;
  margin: 0 ;
  padding:0;
}

.header-menu  ul li {
  text-transform: uppercase;
  float: left;
  margin: 0;
  padding: 0 0 0 .93rem;
}

.header-menu ul li a {
  display:inline-block;
  width:100%;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

/* sprachmenu */

.header-menu [class^="flag-"] {
  min-width: 5rem;
  padding-right: .4rem;
  background-position: 4.5rem .25rem;
  background-size: 1rem .666rem;
  background-repeat: no-repeat;
}

.header-menu .lang ul li a {
  padding-right: .2rem;
  background-position: 4.3rem .25rem;
}

.header-menu  .flag-de {
  background-image: url("../Images/flag-de.png");
}

.header-menu  .flag-en {
  background-image: url("../Images/flag-en.png");
}

.header-menu  .flag-pl {
  background-image: url("../Images/flag-pl.png");
}

.header-menu  .flag-cs {
  background-image: url("../Images/flag-cs.png");
}

.header-menu  .flag-fr {
  background-image: url("../Images/flag-fr.png");
}

.header-menu ul ul {
  display:none;
  position:absolute;
  z-index:10;
  padding-top:0.2rem;
  background:#000;
}

.header-menu ul ul li {
  float:none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  letter-spacing: 0.025rem;
  text-align:left;
  padding: 0 .2rem ;
}

/********************
- Gallerybox -
********************/

.gallery-box-wrapper  {
  margin: 0;
  padding: 0;
  width: 100%;
  position:relative;
  color:#fff;
}

.homepage-gallery .gallery-box-wrapper  {
  height: 31.56rem;
}

.topic-gallery .gallery-box-wrapper  {
  height: 12.5rem;
}

.gallery-box-layer {
  z-index:1;
  position:absolute;
  padding-top:2.12rem;
  padding-left:17.81rem;
  box-sizing: border-box;
  width: 100%;
  background: -webkit-linear-gradient(to right,  rgba(0, 0, 0, 0.9),  rgba(0, 0, 0, 0.0) 50rem, rgba(0, 0, 0, 0.0) 68.75rem, rgba(0, 0, 0, 0.9) );
  background: -moz-linear-gradient(to right,  rgba(0, 0, 0, 0.9),  rgba(0, 0, 0, 0.0) 50rem, rgba(0, 0, 0, 0.0) 68.75rem, rgba(0, 0, 0, 0.9) );
  background: -ms-linear-gradient(to right,  rgba(0, 0, 0, 0.9),  rgba(0, 0, 0, 0.0) 50rem, rgba(0, 0, 0, 0.0) 68.75rem, rgba(0, 0, 0, 0.9) );
  background: linear-gradient(to right,  rgba(0, 0, 0, 0.9),  rgba(0, 0, 0, 0.0) 50rem, rgba(0, 0, 0, 0.0) 68.75rem, rgba(0, 0, 0, 0.9) );
  background-repeat: no-repeat;
}

.homepage-gallery .gallery-box-layer {
  cursor:pointer;
  height: 31.56rem;
}

.topic-gallery .gallery-box-layer {
  height: 12.5rem;
}

.gallery-box-layer a.icon-panometer {
  display:block;
  width:19.937rem;
  font-size:6rem;
  padding:0;
  margin-bottom:1.3215rem;
  color:#fff;
}

.gallery-box {
  position:absolute;
  padding-top:12.5rem;
  padding-left:17.81rem;
  width: 100%;
  height:100%;
  box-sizing: border-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery-topic  {
  position:absolute;
  z-index:3;
  top:12.5rem;
  left:17.81rem;
  cursor:pointer;
}

.gallery-topic h2  {
  font-family: 'Old Standard TT', serif;
  margin:0 0 .525rem 0;
  padding:0;
  font-size:1.875rem;
  font-weight:normal;
  line-height:1.875rem;
}

.gallery-topic .place_desc  {
  max-width:33rem;
  font-size:2.25rem;
  line-height:2.6875rem;
  font-weight:500;
  text-transform: uppercase;
  margin-bottom:.525rem;
}

.gallery-topic .place_title  {
  font-size:.875rem;
  white-space: nowrap;
}

.gallery-browse {
  position:relative;
  z-index:1;
  top:25.1875rem;
  left:17.81rem;
  width:30%;
}

.gallery-browse div {
  vertical-align:middle;
  display:inline-block;
}

.gallery-browse .icon-gallery-prev, .gallery-browse .icon-gallery-next {
  font-size:2.625rem;
  cursor:pointer;
}

.gallery-browse .icon-gallery-prev {
  margin-right:1rem;
}

.gallery-browse .icon-gallery-next {
  margin-left:.6875rem;
}

.gallery-browse [class^="icon-galerie_kreis"] {
  font-size: .9375rem;
  margin-right:.3125rem;
}

.gallery-mask  {
  position:absolute;
  z-index:1;
  bottom:-1px;
  height:3vw;
  width:100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../Images/headerMask.png");
}

.gallery-eye-catcher {
  position:absolute;
  top:21.7rem;
  right:17.2rem;
  z-index:2;
  width:12.5rem;
  height:12.5rem;
  background-color: #2959e8; /*#33ccff;*/
  color:#fff;
  border-radius: 50%;
}

.gallery-eye-catcher:hover {
  background-color: #2249be; /*#43aae6;*/
}

.gallery-eye-catcher .announcement {
  width:100%;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align:center;
  background-color:transparent;
  color:#fff;
}

.gallery-eye-catcher .announcement div:nth-child(1) {
  font-family: 'Old Standard TT', serif;
  font-size:1rem;
  margin:0;
  padding:0;
}

.gallery-eye-catcher .announcement div:nth-child(2) {
  text-transform: uppercase;
  padding:1.375rem 1rem .375rem;
  margin:0;
  font-size:1rem;
  letter-spacing: 0.0168rem;
  line-height: 93%;
}

.gallery-eye-catcher .announcement div:nth-child(3) span {
  font-size: 1.625rem;
  color:#fff;
}

.gallery-eye-catcher .announcement a {
  color:#fff;
}

.gallery-eye-catcher .announcement a:hover {
  color:#fff;
}


.gallery-eye-catcher .announcement .icon-circle-arrow .path1:before {
  content: "\e909";
  color: #000;
}

.gallery-eye-catcher .announcement:hover .icon-circle-arrow .path1:before {
  content: "\e909";
  color: #2249be;
}


.gallery-eye-catcher .announcement .icon-circle-arrow .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: #fff;
}

/*.gallery-eye-catcher .announcement:hover .icon-circle-arrow .path2:before {
content: "\e914";
margin-left: -1em;
color: #fff;
}*/

.gallery-lightbox {
  display:none;
  position: fixed;
  top: 0;
  left:0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.gallery-lightbox .gallery-lightbox-dialog {
  display:none;
  text-align:center;
  position:relative;
  z-index: 20;
  top:50%;
  left:50%;
  width: 35rem;
  height: auto;
  transform: translate(-50%,-50%);
  background: rgba(172,188,226,1); /* rgba(51,204,255,1); */
  padding:3.125rem;
}

.gallery-lightbox-dialog h2 {
  font-size:2rem;
}

.gallery-lightbox-dialog .icon-close-x {
  position:absolute;
  top:1rem;
  right:1rem;
  font-size: 2rem;
  cursor: pointer;
  color: #000;
}

/********************
- Contentbox -
********************/

#main img, .col-1-1 img {
  width:100%;
  max-width: none;
}

/* homepage 2 blocks, geo */
.homepage .col-2-1 .col-left {
  padding: 3.125rem .625rem 3.125rem 0
}
/*.homepage .col-2-1 .col-right {
padding: 3.125rem 2.5rem 3.125rem .625rem;
}*/
.homepage .col-2-1 .col-right img {
  width:30% !important;
}
/* homepage 2 blocks, video */
.col-2-1-4 + .col-2-1-2 > .col-left {
  padding: 0 .625rem 3.125rem 2.5rem;
}
.col-2-1-4 + .col-2-1-2 > .col-right {
  padding: 0 2.5rem 3.125rem  .625rem;
}

.content-box {
  box-sizing: border-box;
  width:100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  margin: 4.635rem  0 6.25rem 0;
}

.content-left {
  box-sizing: border-box;
  flex-basis: 15.3125rem;
  flex-basis: 12.8%;
}

.content-mid {
  box-sizing: border-box;
  flex-basis: 71.25rem;
  flex-basis: 59.4%;
  overflow-x: hidden;
}

.content-right {
  box-sizing: border-box;
  flex-basis: 32.1875rem;
  flex-basis: 26.8%;
  padding-left:1.25rem;
}

.aside-marginal {
  display: flex;
  flex-flow: row wrap;
  width:16.875rem;
}

.aside-info {
  width:100%;
  border-top: solid .25rem #000;
  font-size:0.875rem;
  letter-spacing: 0.0168rem;
  padding: 1.438rem 0 2.5rem 0;
  margin:0;
  box-sizing: border-box;
}

.aside-info h2 {
  margin-bottom:1.25rem;
}

.aside-info h3.subchild {
  margin-bottom:.9375rem;
}

.aside-info h3 {
  margin-bottom:1.875rem;
  color: #555;
}

.aside-info img {
  margin-bottom:1.875rem;
}

.aside-info .linkImage a:hover {
  color:#555;
}

.aside-info .linkCont a, .linkImage a.arrowlink, a.underlinelink {
  color: #555;
  font-size: .75rem;
}

.aside-info .linkCont a:after, .linkImage a.arrowlink:after {
  font-family: 'panometer';
  font-size: .75rem;
  content: "\e90a";
  position:relative;
  top: .11rem;
  left: .2rem;
}

.aside-info .linkCont a:hover, .aside-info .linkImage a:hover, .aside-info .infolink span:hover {
  color:#484949;
}

a.addresslink {
  color: #000 !important;
  font-size: inherit !important;
}

a.addresslink:after {
  position: static;
  content: "" !important;
}

a.addresslink:active,a.addresslink:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

.aside-info .infolink {
  display:inline-block;
  margin: 1.438rem 0 0;
  padding:0;
}

.aside-info .infolink span {
  margin-right: .3rem;
  color: #555;
  font-size:1.625rem;
}

.aside-info .review-title {
  font-weight:bold;
  margin: .01rem 0 .4rem;
}

.aside-info .review-list p:first-child {
  padding:0;
  margin-top:0;
}

.aside-info .publisher, .aside-info .publisher a {
  font-size: .75rem;
  color: #555;
}
.review h4 {
  float:left;
}

.review-box {
  clear:both;
}

.aside-info .reviewPagination {
  position: relative;
  top:.3rem;
  ont-family: 'Old Standard TT', serif;
  float:right;
  display: flex;
  flex-flow: row nowrap;
  color:#555;
  font-size:.875rem;
  line-height:60%;
}

.reviewPagination span.previus {
  visibility:hidden;
}

.reviewPagination span.previus:before {
  position: relative;
  top:.01rem;
  margin: 0 .5rem 0 0;
  font-size: .625rem;
  font-family: 'panometer';
  content: "\e903";
  cursor: pointer;
}

.reviewPagination span.next:before {
  position: relative;
  top:.01rem;
  font-size: .625rem;
  font-family: 'panometer';
  content: "\e904";
  margin: 0 0 0 .5rem;
  cursor: pointer;
}

/* google map */
.mapMarker {
  padding-top:.3125rem;
}

/* social */

.social-link {
  margin: 0;
  padding:0;
}

.social-link h2 {
  text-transform: uppercase;
  font-weight:bold;
  font-size:1.5rem;
  line-height:1.7rem;
  margin-bottom:0;
}

.social-link h2 a {
  color:#000;
}

.social-link h2 a:hover {
  color:#555;
}

.social-link > div {
  text-transform: uppercase;
  font-size:1.5rem;
  line-height:1.5rem;
}

.social-link ul {
  height:1.625rem;
  white-space: nowrap;
  display:inline-block;
  margin-top:.5rem;
  padding:0;
}

.social-link > ul > li  {
  display:inline;
  margin:0;
  padding: 0 .5rem 0 0;
}

.social-link > ul > li:nth-child(n+5) {
  padding: 0 0 .125rem 0;
}

.social-link li, .social-link li a {
  cursor:pointer;
  color: #555;
  text-decoration: none;
  font-size:1.625rem;
}

.social-link a:hover, .icon-share:hover .path2:before, .icon-share:hover .path3:before {
  color:#484949;
}

.social-link > ul > li:first-child a {
  color: #000;
}

.social-link .icon-share {
  padding: 0;
  margin-left: .3rem;
  border-radius: 1.125rem 1.125rem 1.125rem 1.125rem / 1.125rem 1.125rem 1.125rem 1.125rem;
}

.social-link ul.share {
  display:inline-block;
  visibility: hidden;
  width:0;
  overflow-x:hidden;
  padding-left:.3125rem;
}

.social-link ul.share li {
  display:inline;
  padding-right: .3125rem;
  margin:0;
}

.social-link ul.share li a {
  font-size:1.3125rem;
}

.social-link  ul.share a:hover {
  color:#fff;
}

.topic .social-link > ul > li:first-child {
  display:none;
}

/*short social*/
/*.social-link > ul.shortSocial > li:nth-child(-n+4) {
padding: 0;
}*/
.social-link > ul.shortSocial > li:nth-child(4),
.social-link > ul.shortSocial > li:nth-child(-n+2) {
  display:none;
}

/*Menu Content*/
ul.content-menu-main {
  height:1rem;
  padding:0;
  margin: 0 0 1.875rem 2.5rem;;
}

ul.content-menu-main  li {
  display:inline-block;
  margin-right:1rem;
}

ul.content-menu-main a {
  color:#5a5a5a;
  padding: 0.1875rem  0.25rem;
}

ul.content-menu-main a:hover {
  text-decoration:underline;
}

ul.content-menu-main a.act {
  font-size:1rem;
  font-weight:bold;
  text-decoration:underline;
}

.topic .content-right, .homepage .content-right {
  margin-top:2.875rem;
}

.colorTextGrey {
  color:#555;
}

.colorTextRed {
  color:#C6102E;
}



/********************
- Accordion -
********************/

.accordionContainer {
  margin-bottom: 2rem;
}

.accordion .col-header {
  display: flex;
  flex-flow: row nowrap;
}

.accordion h3, .accordion .frame {
  margin: .5rem 0 !important; /*margin: .5rem 0; @Denise 22.4.22 */
  padding-right: .5rem;
  display: inline-block;
  flex-grow: 1;
}
.accordion .col-header:hover {
  cursor:pointer;
}

.accordion .icon-close, .accordion .icon-close-x {
  font-size:2rem;
  color:#555;
  cursor:pointer;
}
.accordionContainer {
  display:none;
}

/********************
- Event Calendar -
********************/

#calendarList {
  width:100%;
  position: relative;
  min-height: 6rem;
  background-color:#fff;
}

.calendarCont {
  position: absolute;
  top:0;
  left: 0;
  background: #2249be;
  color:#fff;
  right: 0;
  bottom: 0;
  padding: 1.625rem 1rem 1.375rem;
  box-sizing: border-box;
}

.calendarPagination {
  text-align:right;
  position:absolute;
  right:1rem; /*padding like eventCont*/
  top:1.4rem;
  font-size:1.3125rem;
  z-index:3;
}

.calendarPagination span {
  cursor:pointer;
}

.calendarCont h2 {
  font-size:1.3125rem;
  font-weight:normal;
  color:#fff;
  line-height:1.3125rem;
}

.calendarCont h3 {
  color:#fff;
  margin: 1.5rem 0 .875rem;
}

.calendarCont p {
  margin:0;
  padding:0;
  font-size:1.25rem;
  line-height:1.375rem;
}

.calendarItem a {
  color:#fff !important;  
}

.calendarCont a:hover {
  color:#fafafa !important;
}

/********************
- Event Page -
********************/


.filterText {
  line-height:.85rem;
  padding:0;
  margin:0 0 1.875rem 0;
}
.filterTextItem {
  margin:3.125rem 0 3.125rem 0;
}

.eventMonth {
  box-sizing: border-box;
  width:100%;
  max-width:100%;
  display: flex;
  padding:0;
  margin-bottom:3.0rem;
}

.eventMonth ul.list{
  flex:1;
  box-sizing: border-box;
  overflow:hidden;
  text-align:center;
  white-space: nowrap;
}

.eventMonth li {
  font-size: 1.25rem;
  min-width:20%;
  display:inline-block;
  position:relative;
  white-space: nowrap;
}

.eventMonth li.add {
  color: #555; /*#b5b5b5;*/
}

.eventMonth .icon-gallery-prev, .eventMonth .icon-gallery-next {
  box-sizing: border-box;
  display:inline;
  color: #000;
  background-color:white;
  font-size:1.5rem;
  flex: 0 0 2.8125rem;
  position:relative;
  z-index:1;
  overflow:hidden;
  cursor:pointer;
}

.eventMonth .icon-gallery-next {
  box-sizing: border-box;
  padding-left:1.9rem;
}

.eventMonth li a {
  text-decoration:none;
  color:#555;
}

.eventMonth li.item a.act {
  color:#000;
}

.eventMonth li.item a:hover {
  color:#000;
}

#page-19 .eventMonth li a {
  text-decoration:none;
  color:#000;
}

#page-19 .eventMonth li.item a.act {
  color:#000;
  text-decoration:underline;
}

#page-19 .eventMonth li.item a:hover {
  color:#000;
  text-decoration:underline;
}

.eventCategory {
  margin: 0 0 3.125rem 0;
  padding:0;
}

.eventCategory ul {
  margin:0 0 3.125rem 0;
  padding:0;
}

.eventCategory li {
  display:inline;
  margin-right:1rem;
}

.eventCategory li a {
  color:#555;
  text-decoration:none;
}

.eventCategory li a.act {
  color:#000;
  text-decoration:underline;
}

.eventCategory li a:hover {
  color:#000;
}

.eventList {
  width:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 3.125rem;
}

.eventListDate {
  width: 24%;
}

.offerItem .eventListDate, .singleItem .eventListDate {
  width: 100%;
}

.eventListDate .eventDay {
  font-family: 'Old Standard TT', serif;
  font-size: 4.5rem;
  line-height:3rem;
  padding: .625rem 0 1.5rem .625rem;
}

.eventListImage {
  width: 24%;
  padding: 0 1.25rem 0 1.25rem;
  box-sizing: border-box;
}

.eventListDescription {
  width: 52%;
}

/********************
- Offer Page -
********************/

.offerProject div {
  display:inline-block;
  font-size:2rem;
  margin-bottom: 3.125rem;
  height:1.5rem;
  line-height:1.5rem;
}

.offerProject.rubricProject div {
  margin-bottom: 1.875rem;
}

.offerProject div a {
  color:#000;
}

.offerProject div a.act {
  text-decoration:underline;
}

.offerListImage a, .eventListImage a, singleItemImage a, figure.image a {
 display: block; 
}  

.offerProject span {
  font-size:1rem;
  padding-right:1.5rem;
}

.offerList{
  width:100%;
  display: flex;
  flex-flow: row wrap;
  /*padding: 3.125rem 2.5rem 3.125rem 2.5rem;*/
}
.col-1-1-2.padTop, .col-1-1-2.padBottom {
  /* empty white block by border bottem*/
  border-bottom:none;
}

.offerList .eventListDate, .singleItemSide .eventListDate {
  margin-bottom:1.875rem;
}

.offerItem {
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 31%;
  max-width:31%;
  padding-bottom:3.125rem;
}
/*marie, 6.8.22, nth-child(3n+2*/
.offerItem:nth-child(3n+2) {
  margin: 0 1.25rem;
}

.offerRubricTitle {
  margin-bottom: 3.125rem;
}

.offerRubricBorder {
  position:relative;
  padding: 3.125rem 0 0;
}
.offerRubricBorder:before {
  content:'';
  position:absolute;
  border-top: 1.25rem solid #fafafa;
  top: -0.5rem;
  left:-2.5rem;
  right:-2.5rem;
}

.offerItem .offerListImage img {
  max-width:100%;
  padding:0;
  margin:0 0 1.875rem;
}

.singleItem {
  width:100%;
}

.singleItem ul, ul.contentList  {
  list-style-type:disc;
  list-style-position:outside;
  padding-left: 1rem;
  margin-left: 1rem;
}

.singleItemImage {
  box-sizing: border-box;
  width:70%;
  float:left;
  padding:0 0 3.125rem;
}

.singleItemSide {
  box-sizing: border-box;
  width:30%;
  float:left;
  padding: 0 0 3.125rem 1.25rem ;
}

.singleItemCont {
  width:70%;
  clear:both;
  padding-bottom: 3.125rem;
}

.filterText span.icon-gallery-prev {
  color:#000;
  position:relative;
  top:.3rem;
  font-size:1.4rem;
  margin: 0 .5rem 0 0;
}


/* paginator */

.f3-widget-paginator li {
  display:inline;
  padding: 0 0.28rem 0 .28rem;
  color:#555;
}

.f3-widget-paginator li a {
  color:#555;
}

.f3-widget-paginator li.previous:before {
  font-family: 'panometer' !important;
  content: "\e903";
}

.f3-widget-paginator li.previous a {
  margin: 0 1rem 0 .2rem;
}

.f3-widget-paginator li.next:after {
  font-family: 'panometer' !important;
  content: "\e904";
}

.f3-widget-paginator li.next a {
  margin: 0 .2rem 0 1rem;
}

.f3-widget-paginator li.current {
  font-weight:600;
  color:#000;
}

.f3-widget-paginator li.along a {
  text-decoration:underline;
}


/********************
- Offer Box Homepage -
********************/

.offer-selection {
  display: flex;
  flex-flow: row nowrap;
}

.offer-selection-box {
  box-sizing: border-box;
  flex-basis:25%;
  margin-right:1.25rem;
}

.offer-selection-box:last-child {
  margin-right:0;
}

.offer-selection-box h2 {
  text-transform: uppercase;
  margin-bottom:1.25rem;
}

.offer-selection-box img {
  margin-bottom:1.5625rem;
}

.offer-selection-box a:hover {
  color:#555;
}


/********************
- Exibition Page -
********************/

.exhibition-gallery {
  position:relative;
  width:100%;
  box-sizing: border-box;
  height:32.5rem;
}

.exhibition-browse {
  display: flex;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  position:relative;
  top: 12.5rem;
  left:0;
  z-index:1;
  width:100%;
  height: 7.5rem;
  box-sizing: border-box;
  padding: 0 1.875rem;
}

.exhibition-browse [class^="icon-"], .exhibition-browse [class*=" icon-"] {
  color: #fff;
  font-size:7.5rem;
  cursor: pointer;
}

.exhibition-index {
  position:absolute;
  bottom: 1.25rem;
  left:50%;
  box-sizing: border-box;
  transform: translateX(-50%);
}

.exhibition-index [class^="icon-"], .exhibition-index [class*=" icon-"] {
  color: #fff;
  font-size:.9375rem;
}

.exhibition-box {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:0;
  box-sizing: border-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-origin: content;
  -webkit-background-origin: content-box;
  background-origin: content-box;
  display:inline-block;
  opacity: 1;
}

.exhibition-box .imagetitle {
  position:absolute;
  bottom: 1.25rem;
  left:1.875rem;
  color:#fff;

}

.exhibition-past {
  display: flex;
  flex-flow: row nowrap;
  margin-top:2rem;/*grid header*/
  overflow:clip;
}

.exhibition-past-box {
  box-sizing: border-box;
  flex-grow:1;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width:25%;
  padding-right:1.25rem;
  position:relative;
}

.exhibition-past-box h2 {
  text-transform: uppercase;
  margin-bottom:1.25rem;
}

.exhibition-past-box img {
  margin-bottom:1.5625rem;
}

.exhibition-past-box a:hover {
  color:#555;
}

.exhibitionPagination {
  display: flex;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  margin-top:3.125rem;
  color:#555;
  font-size:.8rem;
}

.exhibitionPagination span.previus {
  visibility:hidden;
}

.exhibitionPagination span.previus:before {
  margin: 0 .5rem 0 0;
  font-family: 'panometer';
  content: "\e903";
}

.exhibitionPagination span.next:after {
  font-family: 'panometer' !important;
  content: "\e904";
  margin: 0 1.2rem 0 .5rem;
}

.exhibitionPagination span {
  cursor:pointer;
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 888;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(172,188,226,0.9); /* rgba(51,204,255,0.9)*/;
  overflow-y: auto;
}

.lightbox .lightbox-dialog {
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  position:relative;
  z-index: 999;
  top:50%;
  left:50%;
  width: 100%;
  height: auto;
  max-height: 100vh;
  overflow-y: auto;
  transform: translate(-50%,-50%);
  background-color: #fff;
  padding:3.125rem 0 3.125rem;
}

/* Verhindere Body-Scroll im Hintergrund */
body.lightbox-open {
  overflow: hidden;
}

.lightbox .lightbox-gallery {
  position:relative;
  width:64rem;
  height:36rem;
  min-height:36rem;
}

.lightbox-gallery .exhibition-box {
  height:35rem;
}

.lightbox-gallery .exhibition-box .imagetitle {
  bottom: -1.6rem;
  left:0;
  color:#555;
}

.lightbox ul.lightbox-thumbnail {
  padding-bottom:.5rem;
  margin:0;
  position: relative;
  top:29rem;
  min-height:5rem;
}

.lightbox .lightbox-thumbnail li {
  width:15%;
  display:inline-block;
  cursor:pointer;
  margin:0 .625rem .9375rem 0;
}

.lightbox .lightbox-description {
  width:19rem;
  min-height:35rem;
  margin-left:1.25rem;
}
.lightbox .lightbox-description img {
  width:auto !important;
  max-width:40% !important;
}

.lightbox-description h2 {
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.lightbox-description div:last-child {
  margin-top: 1.562rem;
}

.lightbox .icon-close-x {
  font-size:2rem;
  float:right;
  cursor:pointer;
}

/********************
- Press -
********************/

.pressRubric {
  display:inline-block;
  font-size:2rem;
  margin-bottom: 1.875rem;
  height:1.5rem;
  line-height:1.5rem;
}

.pressZip {
  margin-bottom: 1.875rem;
  line-height:.8rem;
}
.pressZip a {
  text-decoration:underline;
}

.pressList {
  margin-bottom: 3.125rem;
}

.pressList h3 {
  margin-bottom: .3rem;
}

.pressCategoryAll {
  margin-bottom: .9rem;
}
.pressCategoryAll a {
  text-decoration:underline;
}

.pressPdf {
  margin-top: .3rem;
  color:#555;
}

.pressPdf a, .lightbox-description a {
  font-size:1rem;
  color:#555;
  text-decoration:underline;
}

.pressImage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin-bottom:3.125rem;
}

.pressImageBox {
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 12.5%;
  max-width:12.5%;
  padding-right:.625rem;
  position:relative;
}

.press-download-zip {
  margin: 0 !important;
}

.press-gallery ul.lightbox-thumbnail {
  padding-bottom:.9rem;
  top:30.5rem;
}

/********************
- Footer -
********************/

#footer {
  background-color:#000;
  color:#fafafa;
  padding: 3.125rem 12.8% 3.125rem;
}

#footer a {
  color:#fafafa;
}

#footer a.arrowlink:hover {
  color:#fafafa;
}

.footer-top {
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  padding: 0 0 1.5625rem 0;
  border-bottom: 1px solid #fafafa;
  text-transform: uppercase;
}

.footer-top .footer-map:first-child li:nth-child(n+2) {
  text-transform: none;
}

.footer-top .footer-map:last-child li:nth-child(n+2) {
  text-transform: none;
  margin-bottom:1rem;
}

.footer-mid {
  display:none;
}

.footer-bottom {
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  padding: 1.5625rem 0 0 0;
}

.footer-map {
  position:relative;
  min-height:100%;
  vertical-align:top;
  flex-basis:20%;
  box-sizing: border-box;
  padding: 0 1.25rem 3rem 0;
}

.footer-top .footer-map > ul li:first-child {
  font-weight:bold;
  margin-bottom:1.375rem;
}

.footer-top .footer-map > ul li:nth-child(1n+2), .footer-bottom  {
  font-size:.75rem;
}

.footer-bottom li {
  text-transform: uppercase;
}

.footer-map .social-link {
  position:absolute;
  bottom:0;
}

.footer-map span:first-child {
  font-size:1.5rem;
  position:relative;
  top:-0.1875rem;
}

.footer-map .icon-schriftzug_panometer_klein {
  color:#fff;
  font-size:1.2rem;
  margin-left:.4rem;
}

/********************
- Video -
********************/

/*Media video fluid override*/

/*new for html5videoplayer, change on asisi.js*/
.video-wrapper {
  position: relative;
  width:100%;
  height:100%;
}

.video-list-wrapper  {
  padding-bottom: 56.25%; /* 56.25% Default for 1600x900 videos 16:9 ratio*/
  padding-top:0;
  height: 100%;
  overflow: hidden;
}

.video-js-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  height:100%;
  transform: translate(-50%,-50%);
  z-index: 0;
}

.video-js {
  max-width:100%;
  width:100% !important;
  height:100%  !important;
}

.exhibition-box .video-wrapper {
  position: static;
  height:32.5rem; /*height exhibition-box*/
}
.exhibition-box .video-list-wrapper  {
  height: auto;
}

/********************
- Responsive -
********************/

@media only screen and (max-width: 1600px) {
  html {
    font-size: 1vw;
  }
  .header-menu {
    margin-right:2.25rem;
  }

  .gallery-box-layer {
    padding-top:2.0625rem;
    padding-left:2.25rem;
  }

  .homepage-gallery .gallery-box-layer {
    height: 31.56rem;
  }

  .topic-gallery .gallery-box-layer {
    height: 12.5rem;
  }

  .gallery-box {
    padding-left:2.25rem;
  }

  .gallery-topic  {
    left:2.25rem;
  }

  .gallery-browse {
    left:2.25rem;
  }

  .gallery-eye-catcher {
    overflow:hidden;
    right: 4.4%;
    right:4.4rem;
  }

  .content-box {
    margin: 5rem  0 ;
  }

  .content-left {
    flex-basis:0;
    display:none;
  }

  .content-mid {
    flex-basis: 83%;
    margin:0 0 0 2.5rem ;
  }

  .content-right {
    flex-basis: 17%;
    margin:0 2.5rem 0 0;
  }

  .aside-marginal {
    width:100%;
  }

  ul.content-menu-main {
    margin-left:0;
  }

  #footer {
    padding: 2.5rem 2.1875rem 3.125rem;
  }

}


@media only screen and (max-width: 1280px) {
  html {
    font-size: 1.1vw;
  }

  .header-menu {
    margin-right:2.25rem;
  }

  .gallery-box-layer {
    padding-top:2.0625rem;
    padding-left:2.25rem;
  }

  .homepage-gallery .gallery-box-layer {
    height: 31.56rem;
  }

  .topic-gallery .gallery-box-layer {
    height: 12.5rem;
  }

  .gallery-box {
    padding-left:2.25rem;
  }

  .gallery-topic  {
    left:2.25rem;
  }

  .gallery-browse {
    left:2.25rem;
  }

  .content-box {
    display: block;
    margin: 5rem  0 ;
  }

  .content-left {
    display:none;
  }

  .content-mid {
    margin:0 2.5rem ;
  }

  .content-right {
    padding:0;
    margin:3.125rem 2.5rem 0;
  }

  ul.content-menu-main {
    margin-left:0;
  }

  .aside-marginal {
    flex-flow: row nowrap;
    width:100%;
  }

  .aside-marginal > div {
    width:25%;
    flex-basis:25%;
    /*padding: 1.25rem 0 0 0;*/
    box-sizing: border-box;
  }

  .aside-info:nth-of-type(n+5) {
    display:none;
  }
  .aside-info:nth-of-type(2) {
    margin-left: 1rem;
  }
  .aside-info:nth-of-type(3) {
    margin-left: 1rem;
    margin-right: .5rem;
  }
  .aside-info:nth-of-type(4) {
    margin-left: .5rem;
  }

  /* Event Offer*/
  .offerProject div {
    margin-bottom: 2.5rem;
  }
  .offerProject.rubricProject div {
    margin-bottom: 1.875rem;
  }
  .offerItem {
    padding-bottom:2.5rem;
  }
  .singleItemImage {
    padding:0 0 2.5rem;
  }
  .singleItemCont {
    padding-bottom: 2.5rem;
  }

  .filterTextItem {
    margin:2.5rem 0 3.5rem 0;
  }

  .eventList {
    margin-bottom: 2.5rem;
  }

  .eventMonth {
    margin-bottom:2.0rem;
  }

  /* Footer */

  #footer {
    padding: 2.5rem 2.1875rem 3.125rem;
  }

  .footer-top .footer-map:last-child {
    display: none;
  }

  .footer-map {
    flex-basis:25%;
  }

  .footer-mid .footer-map {
    padding: 0 0 1.5635rem 0;
  }

  .footer-mid {
    box-sizing: border-box;
    display: block;
    padding: 1.5625rem 0 0 0;
    border-bottom: 1px solid #555;

  }

  .footer-mid .footer-map > ul li:first-child {
    text-transform: uppercase;
    font-weight:bold;
    margin-bottom:1.625rem;
  }

  .footer-mid .footer-map > ul li:nth-child(1n+2) {
    font-size:.875rem;
  }

  .footer-mid .footer-map > ul li:last-child {
    margin-top:.9375rem;
  }

}

/********************
- Overrides -
********************/

.padTop {
  padding-top:0rem;
}

.padBottom {
  padding-bottom:0rem;
}

.footnote {
  color:#555;
}