/*
BankAustria KUNSTFORUM 2022
*/ :root {
  --max-width: 1200px;
  --red: #EC332B;
  --filter-white: invert(100%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(107%);
  /*base: 18px*/
  --14px: 0.78em;
  --16px: 0.89em;
  --20px: 1.12em;
  --22px: 1.23em;
  --24px: 1.34em;
  --28px: 1.56em;
  --30px: 1.67em;
  --40px: 2.23em;
  --50px: 2.78em;
  --60px: 3.34em;
  --96px: 5.34em;
}

@font-face {
  font-family: 'BarlowCondensedRegular';
  src: url("/_assets/css/fonts/BarlowCondensed-Regular.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0107, U+0106;
}
@font-face {
  font-family: 'BarlowCondensedMedium';
  src: url("/_assets/css/fonts/BarlowCondensed-Medium.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0107, U+0106;
}
@font-face {
  font-family: 'BarlowCondensedSemibold';
  src: url("/_assets/css/fonts/BarlowCondensed-SemiBold.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0107, U+0106;
}
@font-face {
  font-family: 'BarlowCondensedBold';
  src: url("/_assets/css/fonts/BarlowCondensed-Bold.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0107, U+0106;
}
@font-face {
  font-family: 'PTSerifRegular';
  src: url("/_assets/css/fonts/pt-serif_regular.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0107, U+0106;
}
@font-face {
  font-family: 'PTSerifBold';
  src: url("/_assets/css/fonts/pt-serif_bold.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0107, U+0106;
}

/* -------------------------------------------------------- Body-------------------------------------------*/
html {
  overflow-x: hidden
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #212121;
}
body {
  margin: 0;
  font: 18px/1.1 'BarlowCondensedRegular', arial, helvetica, clean, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}
body.size1 {
  font-size: 15px
}
body.size2 {
  font-size: 16px
}
body.size3 {
  font-size: 17px
}
body.size4 {
  font-size: 18px
}
body.size5 {
  font-size: 19px
}
body.size6 {
  font-size: 20px
}
body.size7 {
  font-size: 21px
}
/* -------------------------------------------------------- Base-------------------------------------------*/
.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }


.body:not(.module_onepage) #content {
  width: min(90%, var(--max-width));
  margin: 0 auto
}
h1, h2, h3, h4, .h4, h5, h6, .h7, .h8 {
  text-transform: uppercase
}
h1, h2, h3, h4, .h4 {
  font-weight: 400
}
h1, h2, h3 {
  font-size: var(--40px);
}
h4, .h4 {
  font-size: var(--20px);
  line-height: var(--24px);
  letter-spacing: 5px;
}
h5 {
  font-size: var(--16px);
  letter-spacing: 8px;
  line-height: 1.4;
}
h6 {
  font-size: var(--16px);
  letter-spacing: 8px;
  line-height: 1.5;
}
.h7 {
	font: 'BarlowCondensedMedium', arial, helvetica, clean, sans-serif;
  /*font-weight: 500;*/
  letter-spacing: 3.5px;
  font-size: var(--14px);
}
.h8 {
  font-size: var(--14px);
  letter-spacing: 8px;
  margin: 0;
  font-family: 'PTSerifBold', times new roman, serif;
  line-height: 1.4;
}
h5, h6 {
 font-family: 'PTSerifBold', times new roman, serif;
}
.h9 {
  letter-spacing: 7px
}
.h10 {
  text-transform: none;
  letter-spacing: 2px;
  padding: 0 30px 0 20px;
	text-decoration: none;
  /*font-weight: 600;*/
	font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
}
h1, h2 {
  margin: 0.1em 0
}
h3, h5, h6, p {
  margin: 0.5em 0
}
p, div:empty, .wysiwyg-text ul > li, .custom-ul > li {
  letter-spacing: 1.8px;
  line-height: var(--28px);
}
strong {
  /*font-weight: 700;*/
	font-family: 'BarlowCondensedBold', arial, helvetica, clean, sans-serif;
  letter-spacing: inherit;
}
a {
  color: #212121;
}
blockquote {
  margin: 30px 0;
  /*padding: 30px 0;
	border-top: 1px solid rgba(18,18,18,0.3);
	border-bottom: 1px solid rgba(18,18,18,0.3);*/
  text-align: center;
}
blockquote * {
	font-family: 'PTSerifRegular', times new roman, serif;
  font-size: var(--20px);
  letter-spacing: 5px;
  text-transform: uppercase;
}
ul {
  padding: 0
}
.module ul:not(.tarn) {
  padding: revert;
}
li {
  position: relative
}
img {
  max-width: 100%
}
a.button:not(.arrow), button, input.button {
  font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
  letter-spacing: 2px;
  padding: 15px 30px;
  border: 2px solid;
  position: relative;
  background-color: white;
  cursor: pointer;
  display: inline-block;
  margin-top: 0.7em;
  /*min-width: 195px;*/
  text-align: center;
	text-decoration: none
}

a.button, input.button {
  font-size: var(--20px);
}
button {
  font-size: 0.9em;
}
a.button:not(.arrow)::after, button:not(.mfp-arrow)::after, input.button::after {
  content: "";
  background-color: inherit;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  right: 20px;
}
a.button:not(.arrow):hover::after, button:not(.mfp-arrow):hover::after, input.button:hover::after {
  animation: hoverbutton 1s forwards linear;
}

a.button.tickets {
  padding: 15px 30px 15px 70px;
background-color:inherit;
    text-transform: uppercase; 
}
a.button.tickets::before {
  content: "";
  background: url("/_assets/css/icon/tickets.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}
a.button.arrow::after {
  content: "";
  background: url("/_assets/css/icon/link.svg") center no-repeat;
  background-size: cover;
  position: absolute;
  width: 43px;
  height: 25px;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.button.arrow.back {
  min-height: 85px;
}
.button.arrow.back::after {
  bottom: 15px;
  transform: rotate(180deg) translateX(50%);
}
/*a.back:before , p.back a:before { content: '«';margin: 0 5px 0 0; }*/
a.gotopage {
  font-size: var(--20px);
  /*font-weight: 600;*/
	font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
}
.option {
  font-size: var(--14px);
  font-family: 'BarlowCondensedMedium', arial, helvetica, clean, sans-serif;
}
.option.active {
  color: white;
  background-color: var(--red);
  font-family: 'BarlowCondensedBold', arial, helvetica, clean, sans-serif
}
.day, .year {
	 font-family: 'PTSerifBold', times new roman, serif;
  font-size: var(--14px);
  text-transform: uppercase;
  margin: 0;
}
.date {
  font-size: var(--40px);
  font-family: 'BarlowCondensedBold', arial, helvetica, clean, sans-serif;
  margin: 0;
  line-height: 1em;
}
.time {
  font-size: var(--14px);
  font-family: 'BarlowCondensedBold', arial, helvetica, clean, sans-serif;
  margin: 0;
}
hr {
  border: none;
  background-color: rgba(18, 18, 18, 0.3);
  height: 1px;
  margin: 35px 0
}
details summary::-webkit-details-marker {
  display: none;
}
summary::marker {
  content: "";
}
.gennavpoint {
  margin-top: 50px
}
.navipoint {
  background-color: var(--red);
  color: white;
  /**width: fit-content;  warum nicht einfach display inline-block? */
display:inline-block;
  padding: 5px 15px 5px 20px;
  margin-bottom: 30px;
}
.right-arrow::after {
  background-image: url("/_assets/css/icon/link.svg");
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 45px;
  height: 40px;
}
img.up {
  transform: rotate(180deg);
}
img.up, img.down {
  width: 10px;
  cursor: pointer;
}
.frame {
  border: 1px solid #212121;
  padding: 30px 25px
}
.wysiwyg-text ul, .custom-ul {
  list-style-type: none;
  margin-top: 0;
}
.wysiwyg-text ul > li, .custom-ul > li {
  position: relative;
  padding-left: 12px;
}
.wysiwyg-text ul > li::before, .custom-ul > li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0
}
.module {
  position: relative
}

ul.img { width:100%;list-style:none;list-style-image:none;margin:0;padding:0; }
ul.img li { margin:0;padding:0 0 10px 0;list-style:none;list-style-image:none; }
ul.img li img { display:block;width:100%;height:auto; }

/* -------------------------------------------------------- Magnificpopup additional styling-------------------------------------------*/
.mfp-close { display: inline-block;text-indent: -999em;top:20px !important; }
img.mfp-img{ max-height: 1200px !important; }
.mfp-arrow:before, .mfp-arrow:after { tr }

/* -------------------------------------------------------- Sidebar-------------------------------------------*/
aside img.filter {
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(297deg) brightness(106%) contrast(101%);
  max-width: 27px;
}
#sticky-info img.search {
  width: 24px;
  height: 26px;
}
#sticky-info img.tickets {
  width: 28px;
  height: 29px;
}
#sticky-info img.dates {
  width: 27px;
  height: 25px;
}
#sticky-info img.openingHours {
  width: 26px;
  height: 26px;
}
#sticky-info img.map {
  width: 27px;
  height: 29px;
}
#sticky-info img.info {
  width: 26px;
  height: 26px;
}
#sticky-info {
  background-color: var(--red);
  z-index: 3;
  border-radius: 15px 0 0 15px;
}
.navopen #sticky-info {
  z-index: 1
}
#sticky-info a {
  color: white;
  cursor: pointer;
  text-align: center;
  padding: 15px
}
#sticky-info a:hover, #sticky-info a.active {
  background-color: #BF2B25
}
/*#sticky-info .navanchor{padding: 15px}
#sticky-info .navanchor > span{background-color: white; width: 25px}
#sticky-info .navanchor > span.mid{width: 20px}
#sticky-info .navanchor{ display: none; width: 100%}
.scrolled #sticky-info .navanchor{display: flex; justify-content: space-between}*/
#sticky-info .navanchor {
  padding: 0;
  height: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  transition: 0.3s ease;
}
.scrolled #sticky-info .navanchor {
  padding: 15px;
  height: 50px;
}
#sticky-info .navanchor > span {
  background-color: white;
  width: 25px
}
#sticky-info .navanchor > span.mid {
  width: 20px
}
#sticky-info-content {
  background-color: var(--red);
  z-index: 100;
  overflow: auto;
}
.navopen #sticky-info-content {
  z-index: 1
}
#sticky-info-content * {
  color: white
}
#sticky-info-content > * {
  display: none
}
#sticky-info-content > .active {
  display: flex
}
#sticky-info-content > div {
  min-height: 100%;
  justify-content: flex-start;
  flex-direction: column;
  padding: 30px;
}
#sticky-info-content input {
  width: 100%;
}
#sticky-info-content input + .clearinput {
  top: 14px;
  right: 0;
  cursor: pointer;
}
#sticky-info-content a:not(.clearinput) {
  text-decoration: underline;
  margin: 0.1em 0
}
#sticky-info-content .footer-inner {
  background-color: inherit
}
#sticky-info-content .scale-width {
  margin: 0;
  width: 100%;
  max-width: unset;
}
#sticky-info-content .extracontent section {
  padding: 0 !important;
  min-height: unset;
}
.clearinput {
  text-decoration: none;
  background: url("/_assets/css/icon/close.svg") center no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  display: inline-block;
  filter: var(--filter-white);
}
#sticky-info-content hr {
  background-color: rgba(250, 250, 250, 0.3)
}
#sticky-info-content * {
  border-color: rgba(250, 250, 250, 0.3)
}
#sticky-info-content .content-with-banner {
  max-width: unset
}
#sticky-info-content a.button.arrow {
  margin-bottom: 30px
}
#sticky-info-content .module_kalender + a.button.arrow {
  margin-top: 30px
}
#sticky-info-content a.button.arrow::after {
  filter: var(--filter-white);
  width: 70px;
  height: 40px;
  bottom: -45px;
}
#sticky-info-content .content-with-banner > hr:first-child {
  display: none
}
#sticky-info-content hr + hr {
  display: none
}
#sticky-info-content .meta-list-item:not(:last-of-type) {
  margin: 0 0 45px 0
}
#sticky-info-content .meta-title {
  margin-bottom: 20px
}
#sticky-info-content .list-title {
  padding-left: 15px;
  width: calc(50% - 5px)
}
#sticky-info-content .calendaritem {
  width: 100%;
  padding: 20px 0;
}
#sticky-info-content .meta-list-item > p, #sticky-info-content > div > p {
  margin: 0.1em 0
}
#sticky-info-content .module_ticket h5 {
  font-size: var(--16px);
  letter-spacing: 8px;
}
#sticky-info-content .calendaritem {
  display: none
}
#sticky-info-content .calendaritem:nth-of-type(-n + 4) {
  display: block
}
#sticky-info-content p:empty {
  display: none
}
.flappe-title {
  margin-bottom: 30px
}
.flappe-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 290px;
}
.flappe a { text-decoration: none !important; }
/* -------------------------------------------------------- Header-------------------------------------------*/
.langnav a, .langnav strong, #e2s p {
  font-size: var(--14px);
  letter-spacing: 3.5px
}
#e2s a {
  font-size: var(--14px);
}
#header {
  width: 100%;
  top: 0;
  background-color: white;
  z-index: 4;
  transition: 0.3s ease;
  box-shadow: 0px 3px 6px #00000029;
}
#header .inner {
  justify-content: space-between
}
#header .inner.scale-width {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
}
body:not(.default) .inner .logo img {
  content: url("/_assets/content/Kunstforum_Logo_e2s.svg");
  width: auto;
  height: 70px;
}
.inner h1.logo {
  font-size: unset
}
.inner .logo img {
  max-height: 35px
}
.nav-logo-wrap {
  justify-content: space-between;
}
.navanchor > p {
  margin: 0;
  font-size: var(--16px);
}
.navanchor {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 45px;
  height: 25px;
  cursor: pointer;
}
.navanchor > span:not(.mid) {
  width: 100%;
  height: 2px;
  background-color: #212121;
}
.navanchor > .mid {
  width: 70%;
  height: 2px;
  background-color: #212121;
  margin: 0 auto;
}
.inner .navanchor .menu, .inner .navanchor .close {
  letter-spacing: 4px
}
.navi .navanchor > span {
  position: absolute;
  top: 10px;
}
.inner .navanchor .close {
  position: absolute;
  bottom: 0
}
.navi .navanchor > span:first-child {
  transform: rotate(45deg)
}
.navi .navanchor > span:last-of-type {
  transform: rotate(-45deg)
}
.header-info {
  width: 50%;
  justify-content: center
}
.header-info > div:not(:last-child) {
  margin-right: 80px
}
.header-info > div::before {
  width: 30px;
  height: 50px;
  left: -35px;
  top: 50%;
	transform: translate(0,-50%)
}
.header-info > div:first-of-type::before {
  background-image: url("/_assets/css/icon/openingHours.svg");
  left: -40px;
}
.header-info > div:nth-of-type(2)::before {
  background-image: url("/_assets/css/icon/map.svg");
}
.navi {
  position: fixed;
  background-color: white;
  width: 100%;
  left: 0;
  top: -200vh;
  padding: 40px 0;
  transition: 0.3s ease-out top;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navopen .navi {
  top: 0
}
#nav-mobile {
  /*min-*/height: calc(100dvh - 120px);
  padding: 90px 20px 0;
  background-color: white;
}
.scrolled #nav-mobile {
  /*min-*/height: calc(100dvh - 80px)
}
.navopen #nav-mobile {
  top: 120px
}
.scrolled .navopen #nav-mobile {
  top: 80px
}
#nav-desktop {
  min-height: 100vh;
}
.navi ul.nav__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navi ul.nav__sub-list {
  text-align: center
}
.navi ul.nav__sub-list .nav__element {
  width: auto
}
.navi ul.nav__sub-list {
  display: none
}
.navi ul.nav__sub-list {
  margin: -17px 0 40px 0
}
.navi .navigation a:not(.navanchor), .navi .nav strong {
 text-decoration: none;
  font-size: var(--22px);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
}
.navi strong, .navi a:hover {
  color: var(--red);
}
.navi .header-info strong {
  color: #212121;
  font-size: 1em
}
.navi ul.nav__sub-list a, .navi ul.nav__sub-list strong {
  font-size: 1em !important;
  letter-spacing: 2px !important;
  text-transform: none !important;
  font-weight: normal !important
}
.navi ul.nav__sub-list li:not(:first-of-type) {
  margin: 10px 0
}
.navi ul.nav__list > li {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.navi ul.nav__list > li:nth-last-of-type(2) {
  margin-bottom: 60px
}
.navi .overflow > .navigation ul.nav__list > li:last-of-type {
  padding: 12px 50px;
  position: absolute;
  margin: 0;
  bottom: 0;
  border-radius: 15px 15px 0 0;
  z-index: 1;
}
.navi .overflow > .navigation ul.nav__list > li:last-of-type a, .navi .overflow > .navigation ul.nav__list > li:last-of-type a:hover {
  color: white
}
.nav__element {
  width: fit-content
}
.nav__element_opener {
  width: 20px;
  height: calc(1em + 5px);
  top: 0px;
  right: -30px;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: unset !important;
  font-size: unset !important;
}
.nav__element_opener::before, .nav__element_opener::after {
  content: "";
  position: absolute;
  background-color: black;
  height: 3px;
  width: 19px;
  top: 50%;
  transition: 0.3s ease;
}
.nav__element_opener::after {
  transform: rotate(90deg) translateY(-50%);
  left: 9px
}
.nav__element_opener::before {
  transform: translateY(-50%)
}
.nav__element_opener.open::after {
  transform: translateY(-50%) rotate(0);
  background-color: var(--red);
}
/* -------------------------------------------------------- Footer-------------------------------------------*/
footer {
  position: relative;
  z-index: 2
}
.navopen footer {
  z-index: 1
}
#footer .nav a, #footer .nav strong {
  letter-spacing: 1.8px;
}
footer .footer-inner {
  background-color: #212121;
  padding: 50px 15px 70px 15px
}
.footer-inner * {
  color: white
}
.meta-title {
  font-size: var(--20px);
  letter-spacing: 5px
}
.meta-list-item.service a, .meta-list-item.social-media a {
  text-decoration: underline
}
.partner-block {
  background-color: #EEEEEE;
  padding: 10px;
}
#partner {
  justify-content: center
}
#partner li:not(:last-child) {
  margin-right: 30px
}
.footer .Social-Media ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer .Social-Media li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer .Social-Media li a, #mnav .navigation_link{
	letter-spacing: 1.8px;
  	line-height: var(--28px);
	text-decoration: underline;
}

.stoerer {  /*width: 80px; height: 80px;*/ border-radius: 50%;text-align: center;/*padding: 40px 0 0 0;*/text-decoration: none; z-index: 999;border:1px solid;
    text-transform: uppercase;
  font-family: 'BarlowCondensedBold', arial, helvetica, clean, sans-serif;
  letter-spacing: 2px;
  -webkit-box-shadow: 10px 10px 17px -6px rgba(0,0,0,0.43);
  -moz-box-shadow: 10px 10px 17px -6px rgba(0,0,0,0.43);
  box-shadow: 10px 10px 17px -6px rgba(0,0,0,0.43);
width: 100px;
  height: 100px;
  padding: 59px 0 0 0;
  font-size: 16px;
}
.stoerer:after {  content: "";position: absolute; background-image: url(/_assets/css/icon/tickets.svg);background-size: 38px auto;
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  z-index: 0;
  top: 14px;
  left: 49%;
  transform: translate(-50%,0); }
/* -------------------------------------------------------- Classes-------------------------------------------*/
.disabled{
  pointer-events: none;
  filter: grayscale(100%);
}
.v {
  visibility: hidden
}
.none {
  display: none !important
}
.tarn {
  list-style-type: none
}
.m0 {
  margin: 0
}
.mt-0 {
  margin-top: 0 !important
}
.mt-1 {
  margin-top: 1em
}
.mt-2 {
  margin-top: 2em
}
.mb-0 {
  margin-bottom: 0 !important
}
.mb-1 {
  margin-bottom: 0.4em
}
.p0 {
  padding: 0 !important
}
.pt0{padding-top: 0 !important}
.pt-1{padding-top: 1em}
.pb-1{padding-bottom: 1em}
.text-insent {
  margin-left: 1em
}
.flex {
  display: flex;
  align-items: center
}
.space-between {
  justify-content: space-between
}
.scale-width {
  width: min(90%, var(--max-width));
  margin: 0 auto
}
.max600 {
  max-width: 600px;
  margin: 0 auto
}
.relative {
  position: relative
}
.relative::before, .relative::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.absolute {
  position: absolute
}
.fixed {
  position: fixed
}
.horizontal-center {
  left: 50%;
  transform: translateX(-50%);
}
.vertical-center {
  top: 50%;
  transform: translateY(-50%);
}
.uppercase {
  text-transform: uppercase
}
.lowercase {
  text-transform: lowercase;
  color: inherit
}
.semibold {
  font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
}
.bold {
  font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
}
.bg-center {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.center, .tcenter, .text-center {
  text-align: center
}
.placeholder {
  background-color: yellow
}
.letterspacing0 {
  letter-spacing: 0
}
.none {
  display: none
}
.pos-bottom {
  position: absolute !important;
  bottom: 0;
  min-height: 100vh
}
.sticky {
  position: sticky !important
}
.disabled {
  opacity: 0.5;
  pointer-events: none
}
.underline {
  text-decoration: underline !important
}
.text-right {
  text-align: right
}
.border {
  border: 1px solid #212121
}
.block{display: block}
.flex-justify-content-center{justify-content: center}
.cwraplink { text-decoration: none !important; }
/* -------------------------------------------------------- Onepage-------------------------------------------*/
.module_onepage #content {
  margin-top: 120px
}
.headersection {
  min-height: 480px;
  overflow: hidden;
  padding: 0 !important
}
.headersection .txt {
  background-color: yellow;
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 30px 10px 40px 10px;
}
.headeritem {
  position: relative;
  height: inherit;
	display: block;
	text-decoration: none;
}
.headeritem *{ text-decoration: none;}
.headeritem .txt > *:not(.h8) {
  margin: 10px 0
}
.headersection .headeritem:first-child img {
  min-height: 330px;
}
.headersection img {
  margin-bottom: -5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.headeritem a.button, .headeritem button, .headeritem input.button {
  background-color: inherit;
}
.headeritem a.button::after, .headeritem button::after, .headeritem input.button::after {
  background-color: inherit;
}
.cwrap_inner.txt > *:first-child {
  margin-top: 0
}
.tlir:not(.scrolleffect) .cwrap_inner.txt, .tril:not(.scrolleffect) .cwrap_inner.txt {
  border: 2px solid;
  padding: 85px 45px 50px 45px;
  margin-top: -75px;
  max-width: 100%;
	width: 100%	
}
.tlir:not(.scrolleffect) div.extracontent .cwrap_inner.txt, .tril:not(.scrolleffect)  div.extracontent .cwrap_inner.txt {
	border: none;
}
.cwrap_inner.img ul {
  margin: 0
}
.tril:not(.scrolleffect) img, .tlir:not(.scrolleffect) img {
  width: 256px;
  /*height: 215px;
  object-fit: cover;*/
}
.tril:not(.scrolleffect) .cwrap_inner.img img, .tlir:not(.scrolleffect) .cwrap_inner.img img {
  max-width: 492px;
	position: relative;
	z-index: 1
}
.module_onepage > section:not(:first-of-type) {
  padding: 50px 0
}
.module_onepage > section.tlir.scrolleffect {
  padding-bottom: 0
}
.module_onepage > section:first-of-type {
  padding: 0 0 50px 0
}
.module_onepage .swiper-container{
	width: calc(100% - 100px);
}
.module_onepage .module_article{max-width: 1400px; margin: 0 auto}

.manual-height .cwrap_inner_manual{
	max-width: 1200px;
margin: 0 auto;
	padding: 20px;
}

.txt.exhib{
	max-width: 675px;
	width: 100%;
	position: relative /*absolute*/;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 2em;
}

.manual-height .horizontal-imglist, .standard .horizontal-imglist, .tlir .extracontent .horizontal-imglist, .tril .extracontent .horizontal-imglist { min-height: auto !important;padding: 0 !important; }
.manual-height .horizontal-imglist .cwrap_inner.img,.standard .horizontal-imglist .cwrap_inner.img,.tlir .extracontent .horizontal-imglist .cwrap_inner.img,.tril .extracontent .horizontal-imglist .cwrap_inner.img { margin: 0 auto;display: block !important; text-align: center; }
.manual-height .horizontal-imglist .cwrap_inner.img picture, .standard .horizontal-imglist .cwrap_inner.img picture, .tlir .extracontent .horizontal-imglist .cwrap_inner.img picture, .tril .extracontent .horizontal-imglist .cwrap_inner.img picture { margin: 0 20px; }

.standard .cwrap.scale-width { margin: 40px auto; }

.tlir.padding .exhib, .tril.padding .exhib { padding: 80px 0; }
.tlir.padding .cwrap.scale-width, .tril.padding .cwrap.scale-width { padding: 0 0 80px 0; }
.tlir .extracontent, .tril  .extracontent { max-width: 1240px; margin: 50px auto 0 auto;padding: 20px; }

.tlir .extracontent .cwrap_inner.txt, .tril  .extracontent  .cwrap_inner.txt { padding: 0 !important; min-height: unset !important; }
.scrolleffect .img {
  position: relative;
  height: 280px;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
}
.scrolleffect .img::-webkit-scrollbar {
  display: none;
}
.scrolleffect .img ul {
  display: flex;
  align-items: center;
  width: 2000px;
  position: absolute;
  left: 0;
  overflow-x: auto;
  overflow-y: hidden;
  transition: 0.3s ease;
}
.scrolleffect .img ul li {
  display: inline-block
}
.scrolleffect:not(.horizontal-imglist) img {
  height: 280px
}

.module_onepage .module_newsletter #sub-label h5 { margin-left:-50px !important; margin-right: -50px !important;margin-top: 5px !important;background-color: #fff; }

.module_onepage .headeritem h1 { word-wrap:normal;  }

.module_onepage .stoerer {  position: fixed;left: 15px;bottom: 15px;width: 100px;
  height: 100px;
  padding: 59px 0 0 0;
  font-size: 16px; }

/* -------------------------------------------------------- Article-------------------------------------------*/
.module_article footer {
  margin-top: 50px
}
.articlewrap article {
  padding-bottom: 50px;
}
.articlewrap article.swiper-slide {
  padding: 0 0 50px 0;
      text-align:center; 
}
.swiper-slide .article-inner{
	max-width: 400px;
    margin: 0 auto; 
}
article h3 {
  margin: 0.1em 0 10px
}
article a.button {
  top: calc(30px - 0.7em);
}
.articlewrap ~ .browse_wrap {
  display: none
}
.module_article_detail {
  margin-top: 20px
}
.module_article .swiper-wrapper{height: auto}
.bpages ul{display: flex}
.bpages ul > li:not(:last-of-type){margin-right: 15px}
/* -------------------------------------------------------- Swiper-------------------------------------------*/
.swiper-container {
  overflow: hidden
}
.swiper-pagination {
  position: relative;
  text-align: left;
	display: none;
}
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 0;
  margin-right: 10px;
  border: 4px double white;
}
.swiper-button-next::after, .swiper-button-prev::after{
	font-size: 2em;
}
/*.swiper-button-next, .swiper-button-prev {
  display: none
	  
}*/
/* -------------------------------------------------------- Newsletter-------------------------------------------*/
.module_newsletter #main, .module_newsletter footer {
  margin-top: 50px
}
body.module_newsletter .scale-width {
  max-width: 600px
}
.offsetframe {
  border: 2px solid;
  padding: 0 25px 65px 25px
}
.offsetframe > *:first-child {
  background-color: white;
  width: fit-content;
  margin: -20px auto 20px auto;
}
.module_newsletter .button {
  width: 200px;
  margin-top: 30px
}
input#email::placeholder {
  text-align: center;
  font-size: var(--20px);
  line-height: var(--24px);
  letter-spacing: 5px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}
#unsubscribe-btn {
  text-align: left;
  border: none;
  text-transform: capitalize;
  text-decoration: underline;
  font-weight: normal;
  letter-spacing: 2px;
  padding-bottom: 0;
  cursor: pointer;
}
#unsub-form-unsubemail {
  margin-bottom: 20px
}

#sub-form button { min-width: 195px !important; }
/* -------------------------------------------------------- Formmail-------------------------------------------*/
.module_formmail .formmail {
  margin: 20px 0;
}

/* -------------------------------------------------------- Exhibition-------------------------------------------*/
p.tresor {
  font-family: 'BarlowCondensedBold', arial, helvetica, clean, sans-serif;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-size: 1.2em;
	margin: -26px 0 0 0;
}
.card {
  margin-bottom: 15px;
  position: relative;
  max-width: min(100%, 430px);
  overflow: hidden;
}
.card picture {
  position: absolute;
  left: 0;
  width: 100%
}
.card img {
  display: block;
  width: 100%
}
.card > div {
  padding: 30px 15px;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%
}
.card h4 {
  margin-top: 0
}
.timeframe {
  width: fit-content;
  padding: 7px 20px;
  border: 1px solid;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.card img {
  /*object-fit: cover;*/
  min-height: 250px;
}
.fam-active #main {
  margin-top: -80px
}
.fullartmode #header {
  box-shadow: none
}
.fullartmode #header > .inner > .header-info {
  display: none
}
.fullartmode .headeritem::before {
  content: "";
  background: linear-gradient(black 1%, transparent);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  z-index: 1
}
.fam-active .headeritem::before {
  content: none
}
.fam-active #header {
  margin-top: -40px
}
.fam-active #sticky-info {
  display: none
}
.fam-info1 {
  font-size: var(--20px);
  letter-spacing: 2px;
  cursor: pointer;
  padding-left: 30px;
}
.fam-info1, .fam-info2 {
  z-index: 2;
  color: white;
}
.navopen .fam-info1, .navopen .fam-info2 {
  z-index: 0
}
.fam-info1::before {
  content: "";
  background: url("/_assets/css/icon/extend.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  width: 25px;
  height: 25px;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  filter: var(--filter-white);
  transition: 0.3s ease;
}
.fam-info1:hover::before {
  width: 30px;
  height: 30px;
}
.fam-info1, .fam-info2, .fullartmode.fam-active .fam-info1 {
  display: none
}
.fullartmode .fam-info1 {
  display: block;
  top: 70px;
  z-index: 99;
}
.fullartmode.fam-active .fam-info2 {
  display: block;
  position: fixed;
}
.fam-info2 {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0px 0px 14px 14px;
  padding: 10px 20px;
  margin: 0;
  transition: top 0.3s ease;
}
.fam-info2 * {
  color: white
}
.fam-active .fam-info2 {
  top: 0
}
.fullartmode section.flex {
  padding: 20px 0
}
.fullartmode section.flex > div:last-child {
  border: none
}
.bg-white + #pagination, .module_exhibition .pagination {
  border-top: 1px solid #707070;
}
#pagination {
  justify-content: space-between !important;
  flex-direction: /*row*/row-reverse !important;
  align-items: flex-start;
}
.fam-active .headersection img {
  min-height: 240px;
  height: unset !important
}
#pagination img {
  width: 45px !important
}
#pagination > a{text-decoration: none}
#pagination > a:last-child/*:first-child*/ {
  text-align: right;
  margin-right: 25px
}
#pagination > a:first-child/*:last-child*/ {
  text-align: left
}
#pagination > a:last-child/*:first-child*/ img {
  transform: rotate(180deg)
}
#pagination > a:last-child/*:first-child*/ .timeframe {
  left: 100%;
  transform: translateX(-100%)
}
#pagination > a:first-child/*:last-child*/ .timeframe {
  left: 0;
  transform: translateX(0)
}
#pagination > a > * {
  margin: 10px 0
}

/*#pagination.flex { display: block !important; }*/

/*.kuration { padding-bottom:10px !important; }*/
.kuration .threecol { max-width: 80%; margin: 0 10%; }
.kuration div.center:first-of-type { padding-bottom: 10px; }
.module_exhibition .scrolleffect {
  min-height: 100vh
}
.module_exhibition .scrolleffect picture {
  flex-shrink: 0
}
.scrolleffect + .pagination {
  border-top: none
}
.scrolleffect .cwrap_inner.txt {
  position: relative
}
.vertical-imglist.scrolleffect .inner.pos-bottom {
  max-width: 100%
}
.module_exhibition .horizontal-imglist {
  min-height: 100vh;
  padding: 60px 0 90px !important;
}
.module_exhibition .horizontal-imglist .inner {
  max-width: 100%
}
.module_exhibition .horizontal-imglist .cwrap_inner.img {
  margin-top: 25px;
  overflow: visible
}
.module_exhibition .horizontal-imglist .cwrap_inner.img picture {
  flex-shrink: 0;
  margin-right: 40px
}
body.module_exhibition .extracontent { margin: 0 !important; }
.module_exhibition.detail #content {
  margin-top: 120px
}
.module_exhibition.detail section:not(.vertical-imglist) {
  padding: 50px 0
}
.module_exhibition.detail p:not([class]) {
  max-width: 720px;
  margin: 0 auto
}

.module_exhibition.detail .cwidth .cwrap_inner { max-width: 720px !important;  margin: 0 auto !important; }

.module_exhibition.detail .podcasts { background-color: #fff !important;padding: 0 30px; }
.module_exhibition.detail .podcasts video { max-width: 100%;height: auto !important; }

.module_exhibition.detail #products .buyitem{
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.module_exhibition.detail #add-to-cart{
	margin-left: 20px
}

.module_exhibition .stoerer {  position: fixed;left: 15px;bottom: 15px; }

.fullartmode .threecol.flex {
  align-items: stretch
}
section.text-only {
  padding: 50px 35px 60px
}
.extracontent .text-only {
  padding: 50px 0 60px
}
.extracontent > *, .extracontent .inner, .extracontent .txt, .extracontent .inner, .extracontent .txt > * {
  background-color: inherit
}
body:not(.module_exhibition) .extracontent .eimglist .cwrap_inner.img a,body:not(.module_onepage) .extracontent .eimglist .cwrap_inner.img a { display: inline-block; width:20%; height: auto; }

body:not(.module_exhibition) .extracontent ,body:not(.module_onepage) .extracontent { margin: 50px 0; }

.gmap {height: 16em;}
.gmap button::after { min-width:unset;-webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;content: none; }

section.shop .button, section.shop button {
  background-color: inherit
}
.button.arrow {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  display: block;
  text-decoration: none !important;
  letter-spacing: 2px;
  font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
}
.module_exhibition #products #add-to-cart {
  padding-left: 15px;
  background: none;
}
.yt-frame {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin: 20px 0;
}
.yt-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#skip-animation{
	  position: fixed;
	  bottom: 50px;
	  left: 50%;
	  transform: translateX(-50%);
	  z-index: 1;
	cursor: pointer;
	background-color: white;
	padding: 5px 10px;

}
/* -------------------------------------------------------- Filter-------------------------------------------*/
.filteritem {
  display: none
}
.show-all .filteritem, .filteritem.show, .filteritem[class$="show"] {
  display: block;
}
.filter-wrap {
  position: relative;
  margin: 30px 0
}
/*.filter-wrap::before, .filter-wrap::after{position: absolute}
.filter-wrap::before{
	content: "Filter";
	top: 18px;
	left:20px;
	font-size: 1em;
	letter-spacing: 8px;
	font-weight: bold;
	margin: 0;
	font-family: 'PT Serif', times new roman, serif;
	text-transform: uppercase;
}*/
.filter-wrap .resp-placeholder {
  width: 100%;
  height: 55px;
  line-height: 55px;
	 font-family: 'PTSerifBold', times new roman, serif;
  padding: 0 10px;
  position: relative;
}
.filter-wrap .resp-placeholder::after {
  content: "";
  background-image: url("/_assets/css/icon/filter.svg");
  top: 14px;
  right: 20px;
  width: 25px;
  height: 25px;
  position: absolute;
}
.dropdown-filterwrap p.title {
  padding: 10px 2.5%;
  cursor: pointer;
  letter-spacing: 7px;
  margin-bottom: 0;
}
.dropdown-filterwrap p.title::after {
  background-image: url("/_assets/css/icon/arrow.svg");
  width: 14px;
  height: 14px;
  right: 2.5%;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease;
}
.dropdown-filterwrap li.active p.title::after {
  transform: translateY(-50%) rotate(180deg);
}
.filter-wrap .dropdown li {
  padding: 15px 20px;
  cursor: pointer;
  position: relative
}
.filter-wrap ul.dropdown {
  height: 0px;
  overflow: hidden;
  border-bottom: none;
  background-color: white;
  max-height: 250px;
  overflow: auto;
}
.dropdown-filterwrap > li.active > ul {
  height: auto
}
.filter-wrap ul.dropdown {
  border: 1px solid rgba(18, 18, 18, 0.3);
}
.filter-wrap span.close {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background: url("/_assets/css/icon/close.svg") center no-repeat;
  background-size: contain;
  visibility: hidden;
  filter: var(--filter-white);
}
ul.dropdown li.active {
  background-color: var(--red);
  color: white;
  cursor: pointer;
}
ul.dropdown li.active span.close {
  visibility: visible
}
/*p.h8.active + ul{height: unset; border-bottom: 1px solid rgba(18, 18, 18, 0.3); }*/
ul.filter {
  justify-content: center
}
ul.filter li {
  border: 1px solid;
  border-radius: 5px;
  padding: 6px 20px;
  font-size: var(--14px);
  font-family: 'BarlowCondensedSemibold', arial, helvetica, clean, sans-serif;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  cursor: pointer;
}
ul.filter li.active {
  background-color: var(--red);
  color: white
}
#clear-filter2 {
  text-decoration: underline;
  color: #BCBCBC;
  cursor: pointer;
}
.filter-counter {
  width: 20px;
  height: 20px;
  background-color: var(--red);
  right: -6px;
  border-radius: 50%;
  color: white;
  top: -7px;
  z-index: 1;
  text-align: center;
  font-size: var(--14px);
  padding-top: 2px;
	 font-family: 'PTSerifBold', times new roman, serif;
}
.pseudofilterafter {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 35px !important;
}
/* -------------------------------------------------------- Podcast-------------------------------------------*/
.podcast {
  margin-bottom: 40px;
}
.podcast .exhibition_info > h3{
	margin-top: 15px;
}
.simple-audio {
  width: 100%;
  padding: 0px 15px 15px 15px;
}
.audioplayer {
  width: 100%;
  background-color: var(--red);
  border-radius: 15px;
  padding: 15px; /*display: flex;*/
}
.audio-inner {
  padding: 15px;
}
.audioplayer h3 {
  color: white;
	/* font-family: 'PTSerifBold', times new roman, serif;*/
  margin: 0px 0px 20px 0px;
}
.audioplayer button {
  background-color: transparent;
  border: none;
  width: 50px;
  height: 50px;
  padding: 0;
  min-width: unset;
}
.audioplayer button.audio-playbtn {}
.audioplayer button.audio-playbtn::after {
  background-image: url("/_assets/css/icon/play_white.svg");
  top: unset;
  animation: unset;
  width: 40px;
  height: 40px;
  right: 10px;
}
.audioplayer button.audio-pausebtn {
  display: none;
}
.audioplayer button.audio-pausebtn::after {
  background-image: url("/_assets/css/icon/play.svg");
  top: unset;
  animation: unset;
  width: 40px;
  height: 40px;
  right: 10px;
}
/*
.audio-hidden {display: none;}
.player-controls {display: flex;align-items: center;}
.player-play-btn {background: transparent;border: none;cursor: pointer;display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;}
.icon-container {fill: transparent;stroke: none;}
.player-play-btn:hover {fill: #444444;}
.player-play-btn svg { color: #0e0e0e;position: relative;left: 0.5px;width: 36px;height: 36px;display: block;}
.player-play-btn:hover svg {color: #ffffff;}
*/
.player-timeline {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
}
.player-progress {
  display: flex;
  postion: relative;
  height: 6px;
  background: #a3a3a3;
  border-radius: 25px;
  margin: 0 5px;
  flex: 10;
  flex-basis: 100%;
  overflow: hidden;
}
.player-progress-filled {
  height: 6px;
  background: #0e0e0e;
  flex: 0;
  flex-basis: 0%;
  border-radius: 25px;
}
.player-time {
  padding: 2px 5px;
  color: white;
}
.player-volume-container {
  width: 50%;
}
.player-volume {
  height: 28px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background: transparent;
  border: none;
}
.player-volume:focus {
  outline: none;
}
.player-volume::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #0e0e0e;
  border-radius: 10px;
}
.player-volume::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  border-radius: 100px;
  border: none;
  background: #0e0e0e;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
.player-volume:focus::-webkit-slider-runnable-track {
  background: #0e0e0e;
}
.player-volume::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #0e0e0e;
  border-radius: 10px;
}
.player-volume::-moz-range-thumb {
  height: 16px;
  width: 16px;
  border-radius: 100px;
  border: none;
  background: #0e0e0e;
  cursor: pointer;
  margin-top: -4px;
}
.player-volume::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #0e0e0e;
  border-radius: 10px;
}
.player-volume::-ms-fill-lower {
  background: #0e0e0e;
  border-radius: 10px;
}
.player-volume::-ms-fill-upper {
  background: #0e0e0e;
  border-radius: 10px;
}
.player-volume::-ms-thumb {
  margin-top: 1px;
  height: 15px;
  width: 15px;
  border-radius: 5px;
  border: none;
  background: #0e0e0e;
  cursor: pointer;
}
.player-volume:focus::-ms-fill-lower {
  background: #38bdf8;
}
.player-volume:focus::-ms-fill-upper {
  background: #38bdf8;
}
.module_podcast video {
  width: 100%;
}
.module_podcast picture {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.module_podcast picture::after {
  content: '';
  background-color: transparent;
  background-image: url("/_assets/css/icon/play_white.svg");
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#itunes-abo {
  font-size: var(--20px);
	right: 0;
	top: -35px;
	
}
#itunes-abo::after {
	content: "";
  background-image: url("/_assets/css/icon/podcast.svg");
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  margin-left: 5px;
	position: absolute;
}
#spotify_link {
  padding: 5px;
}
#applepodcast_link {
  padding: 5px;
}
.module_podcast .filter-counter {
  top: 80px;
}
.module_podcast hr {
  height: 2px;
}
#spotify-link{margin: 20px 0; display: inline-block}
/* -------------------------------------------------------- Tickets-------------------------------------------*/
.ticket.flex {
  justify-content: space-between;
  align-items: flex-start;
}
.ticket.flex .title > *:nth-child(2) {
  margin-top: -0.5em
}
.ticket.flex .price {
  min-width: 75px;
}
.ticket.flex .price p.bold {
  margin-bottom: 0
}
.module_ticket hr {
  margin: 30px 0
}
.module_ticket footer {
  margin-top: 50px
}

.module_ticket iframe{
  width: 100%;
  height: 600px;
}
/* --------------------------------------------------------Kalender & Liste-------------------------------------------*/
.module_kalender #main {
  margin-top: 25px
}
.module_kalender #permalink{
	text-decoration: underline;
	color: #BCBCBC;
	cursor: pointer;
}
.list-date {
  width: 115px;
  display: inline-block;
  vertical-align: top;
}
.list-title h3 {
  margin: 0.3em 0
}
.list-title {
  padding-left: 10px;
  width: calc(100% - 125px);
  display: inline-block;
}
.filter-wrap + .calendaritem {
  padding-top: 0
}
.calendaritem, .listitem {
  border-bottom: 1px solid rgba(18, 18, 18, 0.3);
  padding: 30px 0;
}
.calendaritem .img {
  margin: 1em 0
}
.calendaritem p > a{text-decoration: underline}
/*
form.online-request-form{
	height: 0px;
	overflow: hidden;
	padding: 0;
	border: none;
	transition: height 0.8s ease-out;
	margin-top: 40px;
}
form.online-request-form p.center{
	max-width: 530px;
	margin: 20px auto 50px;
	padding: 0 20px;
}
form.online-request-form.active{
	height: 860px;
	padding: 0 25px 65px 25px;
	border: 2px solid;
	overflow: visible;
	
}

*/
.module_kalender .ausgebucht {
    cursor: auto !important;
    color: #999;border-color:#999;
}

.module_kalender .module_form.online-request-form {
  height: 0px;
  overflow: hidden;
  padding: 0;
  border: none;
  transition: height 0.8s ease-out;
  margin-top: 40px;
}
.module_kalender .module_form.online-request-form p.center {
  max-width: 530px;
  margin: 20px auto 50px;
  padding: 0 20px;
}
.module_kalender .module_form.online-request-form.active {
  height: 860px;
  padding: 0 25px 65px 25px;
  border: 2px solid;
  overflow: visible;
}
.module_kalender .formwrap, .module_liste .formwrap {
  padding: 2em 0 0 0;
}
.module_kalender .forminner, .module_liste .forminner {
  border: 2px solid #292929;
  margin: 2em 0 0 0;
}
.module_kalender .formwrap h5, .module_liste .formwrap h5 {
  background-color: white;
  margin: -13px auto 0 auto;
  padding: 0 20px;
  width: fit-content;
}
.module_kalender #clear-filter2 {
  top: -25px
}
.online-request-form > :first-child {
  margin-top: -15px;
  padding: 0 0 30px 0;
}
.online-request, .calendaritem a.button {
  margin: 30px 0 !important
}
.event-type {
  width: fit-content;
  padding: 8px 20px;
  border: 1px solid;
  position: relative;
  color: white
}
.close-form {
  top: 20px;
  right: 20px;
  width: 20px;
  height: auto;
  cursor: pointer;
}
.module_liste .img img {
  width: 100%
}
.module_liste footer {
  margin-top: 50px
}
/* -----------------Kalender, Ticket und Freepage in der Flappe */
aside .module_kalender .filter-wrap, aside .module_kalender .calendar-info, aside .module_kalender .event-type, aside .module_kalender .img {
  display: none;
}
aside .module_kalender h3 {
  font-size: 20px;
}
aside .module_ticket .module_ticket_conf_head, aside .module_ticket .module_ticket_conf_tail, aside .module_ticket .noflappe {
  display: none;
}
aside .module_freepage h1 {
  font-size: 20px;
}
/* -------------------------------------------------------- SHOP-------------------------------------------*/
.userwrap {
  justify-content: center;
}
.h10.border-right {
  border-right: 2px solid rgba(112, 112, 112, 0.3);
}
.h10.cart {
  padding-right: 50px;
}
.h10.cart::after {
  background-image: url("/_assets/css/icon/cart.svg");
  width: 30px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%)
}
.h10.login::after {
  background-image: url("/_assets/css/icon/user.svg");
  width: 25px;
  height: 25px;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.module_product .register {
  display: none !important
}
.product_wrapper > .product {
  border: 1px solid #D4D4D4;
  margin-bottom: 45px;
  position: relative;
}
.product_wrapper img {
  max-height: 210px;
  width: auto;
  position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
[id^=product-title] {
  /*font-family: 'BarlowCondensedBold', arial, helvetica, clean, sans-serif; ENTFERNT AUF KUNDENWUNSCH (ERSETZT MIT GETEILTEM TITEL SYSTEM) */
  margin: 0;
}
.product-inner {
  padding: 20px 20px 0
}
.add-to-cart {
  border-top: 1px solid #D4D4D4;
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  padding: 20px;
  justify-content: space-between
}
.add-to-cart * {
  margin: 0
}
#add-to-cart, .view-details {
  background: url("/_assets/css/icon/cartAdd.svg") center no-repeat;
  margin: 0;
  background-size: contain;
}
.view-details {
  border: none;
  min-width: unset;
  width: 60px;
  height: 30px;
}
.default #add-to-cart, .default .view-details {
  background-image: url("/_assets/css/icon/cartAddColor.svg")
}
.product-inner #add-to-cart {
  border: none;
  min-width: unset;
  width: 45px;
}
.detail #add-to-cart {
  padding-left: 70px;
  background-position: 20px center;
  background-size: 45px;
}
.product-inner #add-to-cart::after {
  content: none
}
.product-inner .vorspann {
  overflow: hidden;
  margin-bottom: 15px;
}
.vorspann .more::before, .vorspann .more::after {
  width: 10px;
  height: 2px;
  background-color: #212121;
  top: 50%;
  /*right: -15px;*/
  right: 20px;
  transform: translateY(-50%)
}
.vorspann .more::after {
  transform: translateY(-50%) rotate(90deg)
}
article.detail .buy {
  margin-top: 20px
}
.module_product footer, .module_basket footer {
  margin-top: 50px
}
.product_body{margin-bottom: 20px;}

.module_product .productimgs {overflow: hidden; }
.module_product .productimgs .swiper1 { /*max-height: 500px;*/overflow: hidden; }
.module_product .productimgs .swiper1 .swiper-wrapper { /*background-color: #ddd;*/ }
.module_product .productimgs .swiper2 .swiper-wrapper { align-items: center; }
.module_product .productimgs .swiper2 .swiper-slide { padding: 2px; }
.module_product .productimgs .swiper2 .swiper-slide img { border:1px solid; }
.module_product .productimgs .swiper1 .swiper-slide img { position: relative;left: 50%;top:50%;transform: translate(-50%,-50%); }

.details table.basket thead th.name { width:auto !important; }
.details table.basket th, .details table.basket td, .details table.success_cost th, .details table.success_cost td { word-wrap: normal; hyphens: auto;padding: 10px; }
.details table.success_cost .versand td { padding-bottom:0; }
.details table.success_cost .payment td { padding-top: 0; }
.details table.basket tr:first-of-type { border-top:none !important; }
.details table.success_cost tr.ges { border-top:1px solid; border-bottom: 1px solid; }
.details table.basket tr:last-of-type { border-bottom: 1px solid !important; }

.details table.basket tr { border-bottom: none !important; }


/* -------------------------------------------------------- BASKET-------------------------------------------*/
.module_basket.scale-width {
  width: min(85%, var(--max-width))
}
.module_basket.basket-editing #main {
  padding: 0
}
.basketoverview {
  margin-top: 30px
}
.basketoverview thead {
  border-top: 1px solid #BCBCBC;
}
.basketoverview th.prodsum {
  text-align: right
}
.basketitem {
  position: relative;
  border-bottom: 1px solid #BCBCBC;
  padding: 30px 0;
}
.basketitem:first-of-type {
  border-top: 1px solid #BCBCBC;
}
.basketitem .delete img {
  width: 16px;
  height: 16px;
}
.basketitem .name h4 {
  margin-top: 0;
  margin-bottom: 25px;
  padding-right: 20px;
}
.basketitem + .sum {
  border-bottom: 1px solid #BCBCBC;
}
.basketitem + .sum * {
  margin: 0
}
tr.buttons.flex {
  margin-top: 30px
}
tr.buttons.flex td {
  width: fit-content;
}
.basket-counter {
  font-size: 0.6em;
  position: absolute;
  /*top: -5px;
	right: 12px;*/
  top: -6px;
  right: 0px;
  width: 1.5em;
  height: 1.5em;
  background-color: var(--red);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-bottom: 2px;
  border-radius: 50%;
  z-index: 2;
}
.navopen .basket-counter {
  z-index: 1
}
.breadcrumbs .h8 {
  position: relative;
  opacity: 0.5;
}
.breadcrumbs .h8:not(:first-of-type)::before {
  content: "";
  background-color: #212121;
  position: absolute;
}
.breadcrumbs p[class$="done"] {
  opacity: 1
}
.basket-breadcrumwrap {
  background-color: rgba(212, 212, 212, 0.3);
  padding: 90px 0 17px;
  margin-top: -55px;
}
.basket-breadcrumwrap .border, .basket-breadcrumwrap .border-filled {
  position: absolute
}
.basket-breadcrumwrap .border {
  width: 20px;
  height: 20px;
  border: 2px solid #bcbcbc;
  left: 0;
  z-index: 1;
  background-color: rgba(212, 212, 212, 0.3);
}
.basket-breadcrumwrap .border-filled {
  width: 12px;
  height: 12px;
  background-color: #212121;
  top: 4px;
  left: 4px;
  z-index: 2
}
.basket-breadcrumwrap .border-filled ~ .border {
  border-color: #212121
}
.navopen .basket-breadcrumwrap .border-filled {
  z-index: 1
}
.basket-editing .module {
  margin-top: 30px
}
.shipping-list li.flex {
  align-items: flex-start;
  margin-bottom: 27px;
}
.shipping-list input {
  width: auto !important;
  margin-right: 18px;
}
.shipping-list .navipoint {
  margin-bottom: 30px
}
.basket_short .delivery {
  position: relative;
}
.basket_short .price {
  position: absolute;
  right: 0;
  bottom: 0;
  letter-spacing: 1.8px;
  line-height: var(--28px);
}
.basket_short hr {
  margin: 20px 0
}
.extend-basket {
  background-color: var(--red);
  width: 40px;
  height: 25px;
  border-radius: 15px 15px 0 0;
  justify-content: center;
  align-items: center;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.extend-basket img {
  transform: rotate(180deg);
  filter: var(--filter-white);
  width: 10px
}
.basket_short_wrap.active .extend-basket img {
  transform: rotate(0)
}
.basket_short_wrap .basket-item {
  margin-bottom: 0.5em
}
.shipping-form {
  max-width: 1000px;
  margin: 0 auto
}
.shipping-list label.radiotxt {
  max-width: 70%
}
.module_basket .module_login, .module_basket .module_login form#login {
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: unset;
}
.basketstep3btn {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  width: 200px;
  padding: 15px 0 !important;
}
.confirm-private-policy {
  margin-top: 25px
}
.lieferadresse, .rechnungsadresse {
  display: inline-block;
  margin: 20px 20% 20px 0px;
}
.module_basket .infos {
  margin: 20px 0px;
}
.details table.basket td, .details table.basket tr {
  word-wrap: break-word;
}
.details table.basket thead {
  display: none;
}
.details table.success_cost td {
  padding: 0px;
}
.basket-item-text {width: 70%;}
/* -------------------------------------------------------- Table-------------------------------------------*/
table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
table th {
  text-align: left;
  font-size: var(--14px);
  letter-spacing: 8px;
  margin: 0;
	 font-family: 'PTSerifBold', times new roman, serif;
  text-transform: uppercase;
  padding: 13px 0;
}
/* -------------------------------------------------------- Partner-------------------------------------------*/
.module_partner a.partner img {
  max-width: 135px;
  max-height: 88px;
}
.partnergroup {
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 25px;
}
.module_partner > h6 {
  margin-bottom: 50px
}
.module_partner > hr {
  margin-bottom: 20px
}
/* -------------------------------------------------------- Freepage-------------------------------------------*/
.module_freepage #footer {
  margin-top: 50px
}
.module_freepage #content p > a {
  text-decoration: underline
}
/* -------------------------------------------------------- Profile/User-------------------------------------------*/
.navi .user .register {
  display: none
}
.navi .user {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  height: 155px;
  background-color: white;
  padding-top: 10px;
  left: 0
}
.navi .overflow {
  width: 100%;
  height: calc(100vh - 220px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 120px;
}
.module_basket .register {
  display: none !important
}
.module_login .navipoint, .module_register .navipoint {
  display: none
}
.module_login footer, .module_profile footer {
  margin-top: 30px
}
form.login-wrap {
  padding: 30px 30px 25px;
  width: min(90%, 445px);
  margin: 50px auto;
  border: 1px solid #212121;
}
.pwlost {
  text-align: right;
  width: 100%;
  display: block;
  margin-top: -35px;
}
form.login-wrap button {
  margin-top: 30px
}
form#profile {
  max-width: 630px
}
form#profile h6 {
  margin-top: 30px
}
.module_profile fieldset.altdelivery {
  display: none;
}
.logout {
  width: 24px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px
}
.h10.login.border-right {
  padding-right: 45px
}
.h10.login.border-right::after {
  right: 6px
}
/* -------------------------------------------------------- Search-------------------------------------------*/
.module_search #content > .inner-sm {
  position: relative;
  width: min(90%, var(--max-width));
  margin: 0 auto;
}
.module_search .scale-width {
  width: 100%
}
.module_search .search-result {
  top: 0;
  right: 0;
  margin: 0;
}
#msearch button {
  border: none;
  position: absolute;
  right: 0;
  background-color: transparent;
  padding: 0;
  width: 50px;
  min-width: unset;
}
.module_search hr {
  margin: 15px 0
}
.module_search footer {
  margin-top: 30px
}
/* -------------------------------------------------------- Sitemap-------------------------------------------*/
.module_sitemap footer {
  margin-top: 30px
}
/* -------------------------------------------------------- animation-------------------------------------------*/
@keyframes hoverbutton {
  0% {
    right: 20px;
    top: -5px;
  }
  20% {
    right: -10px;
    top: -5px;
  }
  40% {
    right: -10px;
    top: calc(100% - 5px)
  }
  60% {
    right: calc(100% - 5px);
    top: calc(100% - 5px)
  }
  80% {
    right: calc(100% - 5px);
    top: -5px
  }
  100% {
    right: 20px;
    top: -5px
  }
}
/* -------------------------------------------------------- e2s-------------------------------------------*/
body:not(.default) #sticky-info {
  border: 1px solid
}
.yellow a.button::after, .yellow button::after {
  background-color: black
}
.black a.button::after, .black button::after {
  background-color: #fc0
}
.blue a.button::after, .blue button::after {
  background-color: white
}
.white a.button::after, .white button::after {
  background-color: #009
}
/* ----- =icon ----- */
.i, a.i:link, a.i:visited, a.i:focus, a.i:hover, a.i:active {
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: .1em;
  padding-bottom: .1em;
  text-decoration: none;
}
a.i:focus, a.i:hover, a.i:active {
  text-decoration: underline;
}
.idoc, .irtf, .itxt {
  background-image: url(icon/word.png);
  padding-left: 20px;
}
.izip, .irar, .isit {
  background-image: url(icon/zip.png);
  padding-left: 20px;
}
.ijpg, .ijpeg, .igif, .ieps, .ipng {
  background-image: url(icon/image.png);
  padding-left: 20px;
}
.ixls, .icsv {
  background-image: url(icon/excel.png);
  padding-left: 20px;
}
.ipdf {
  background-image: url(icon/acrobat.png);
  padding-left: 20px;
}
.imp3, .iwav, .iaudio {
  background-image: url(icon/audio.png);
  padding-left: 20px;
}
.iwmv {
  background-image: url(icon/media-player.png);
  padding-left: 20px;
}
.ivideo, .imov {
  background-image: url(icon/quicktime.png);
  padding-left: 20px;
}
.overflow-hidden{overflow: hidden !important}
.overflowX-auto{
	overflow-x: auto !important;
	scrollbar-width: unset !important;
}