
/* @section =responsive design
-------------------------------------------------------------------*/

@media screen and (max-width: 479px){
	.mobile-none{display: none}
	/*#nav .utilities{
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
	}*/
	#nav .navigation{width: calc(100% - 25px)}
	aside.flappe{
		z-index: 6;
	}
	.flappe-open #logo{display: none}
	/*.flappe-open #header .inner > .utilities{display: block}*/
	.utilities{display: none}
	.navopen .utilities{display: block}
	.flappe-open .utilities{display: block}
	.navopen #logo{display: none}
	.module_article_detail img{max-height: 220px}
	#animate-logo{width: 288px;	}
	#msearch button span{display: none}
	#msearch button img{margin-right: 0}
	.acResults{min-width: 270px !important}
}

@media screen and (min-width: 480px){
	.extracontent .cwrap_inner.txt{width: calc(100% - 40px)}
	.tablet-none{display: none}
	.scrolleffect .cwrap_inner.txt{padding: 40px 25px}
}
@media screen and (min-width: 480px) and (max-width: 639px){
	#animate-logo{width: 432px;}
}
@media screen and (max-width: 539px){
	.module_event .event-item:not(:nth-of-type(-n+3)){margin-top: 100%}
	.module_event .img_container .tickets{max-width: 35%}
}
@media screen and (min-width: 540px) and (max-width: 1023px){
	.extracontent .event-grid{grid-template-columns: 1fr 1fr}
	.extracontent .event-grid[data-length="3"]{
		grid-template-columns: unset;
		grid-template-areas: 
			'a b' 
			'c c';
	}
	.extracontent .event-grid[data-length="3"] li:first-child{grid-area: a}
	.extracontent .event-grid[data-length="3"] li:nth-child(2){grid-area: b}
	.extracontent .event-grid[data-length="3"] li:last-child{grid-area: c}
	.extracontent .event-item:nth-of-type(even){margin-top: 100%}
}
@media screen and (min-width: 540px) and (max-width: 1279px){
	.module_event .event-item:nth-of-type(odd):not(:nth-of-type(-n+4)){margin-top: 100%}
	.module_event .event-item:nth-of-type(even):not(:nth-of-type(-n+4)){margin-top: 200%}
}
@media screen and (min-width: 640px) and (max-width: 767px){
	#animate-logo{width: 576px;}
}
@media screen and (max-width: 639px){
	ul.img { width:100%; }
	img.long-title{display: none}
}
@media screen and (min-width: 640px){
	ul.img { float:right;width:35%; }
	ul.img li { padding:0 0 10px 15px; }
}

@media screen and (max-width: 767px){
	#nav{height:  calc(100vh - 110px)}
	[class*=fade] .cwrap{width: calc(100% - 60px)}
	.module_event .content-wrap{flex-direction: column;}
	.module_event.detail .slide-up-sequence-item{margin-top: 100%}
	.module_event.detail .img-ad{margin-bottom: 30px}
	#animate-logo{margin-top: 16px}
	.module_onepage section[class*="op_"] .module{
		width: 100% !important;
		max-width: unset;
	}
	.module_onepage .two-col{height: 670px}
	.include-logo .logo{
		width: calc(100% - 50px);
		max-height: 21vh
	}
	.op_slide-up-img .right-img .text{left: 25px}
	.text-col-img-col .cwrap_inner.img, .text-col-img-col .cwrap_inner img{height: 50vh}
	.module_event .img_container .date, .module_event .img_container .tickets{
		bottom: 0;
		height: 135px;
	}
	#datetable .ticket-info{margin-top: 10px !important}
}

@media screen and (min-width: 768px){
	
	img.include-logo{
		width: calc(100% - 160px);
	}
	aside.flappe{padding: 120px 40px 0 40px}
	.flappe-lang .nav__headline{margin-bottom: 40px}
	.item4 .cwrap{
		width: min(70%, 540px);
		bottom: 50px;
	}
	.flappe-search form{margin-top: 40px}
	
	 .br-tablet-none{display: none}
	.module_event_detail .description .button.tickets{margin: 15px 0 50px}
	.module_event_detail .description{margin-bottom: 30px}
	.module_event.detail #footer{margin-top: 50px}
	/*#datetable{
		max-height: 320px;
	}*/
	#datetable li{
		margin: 10px 0;
		display: flex;
		align-items: center;
	}
	#datetable li h3:first-of-type{
		min-width: 255px;
	}
	#datetable li h3:nth-of-type(2){min-width: 230px}
	/*#datetable li > *{display: inline-block}
	#datetable li > *:last-child{float: right}*/
	#datetable li > .soldblock{float: none}
	#datetable li.item > h3:first-child{width: 210px}
	.extracontent .gallery.grid{
		grid-column-gap: 16px;
		grid-row-gap: 16px;
	}
	.extracontent .gallery.grid picture{position: relative}
	.extracontent .gallery.grid picture::before{
		content: ' ';
		display: block;
		width: 100%;
		padding-top: 100%;
		position: relative;
	}
	.extracontent .gallery.grid picture img{
		position: absolute;
		top: 0;

	}
	.article_overview article{padding: 50px 0}
	.module_article #footer{margin-top: 50px}
	.back-btn{margin-top: 50px}
	h2.detail-title{width: calc(100% - 100px)}
	.social-share{
		position: absolute;
		right: 0
	}
	
	.module_onepage section[class*="op_"] .module{
		max-width: 70%;
		margin: 0 auto;
	}
	.module_onepage section[class*="op_"] .cwrap{
		width: min(70%, 720px)
	}
	.cwrap_inner.img{flex-shrink: 0}
	#animate-logo{margin-top: 56px}
	.slide-up-sequence-item{transition: margin-top 1s}
	.columns .listitems{width: calc(100vw - 20%)}
	.op_slide-up-img .left-img .text{
		top: 50px;
		right: 50px;
	}
	.slide-up-item .text{bottom: 50px}
	.module_onepage .columns .listitems{ 
		position: relative;
		left: -2.5vw;
	}
	
	
	.vertical-imglist.scrolleffect .inner{
		display: flex;
		width: 100%;
	}
	.vertical-imglist.scrolleffect .cwrap_inner.img{
		flex-direction: column;
		overflow: unset;
		height: unset;
		min-height: 100vh;
		position: relative;
		top: 0;
	}
	.vertical-imglist.scrolleffect .cwrap_inner.img{width: max(50%, 640px)}
	.vertical-imglist.scrolleffect .cwrap_inner.txt{
		height: 100vh;
		width: min(50%, calc(100% - 640px) );
	}
	.scrolleffect{min-height: 100vh}
	.scrolleffect:not(.horizontal-imglist) img{width: 100%}
	.scrolleffect:not(.horizontal-imglist) img{
		max-height: unset !important;
		height: auto;
		width: 100%;
	}
	.scrolleffect .cwrap_inner.txt{padding: 0}
	.scrolleffect .cwrap_inner.txt > div{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-width: 70%;
	}
	.vertical-imglist.scrolleffect.scrolleffect-active .txt{
		position: fixed !important;
		top: 50%;
		right: 0;
		-webkit-transform: translateZ(0) translateY(-50%);
		transform: translateZ(0) translateY(-50%);
	}
	.scrolleffect.tril .cwrap_inner.txt.pos-bottom{right: 0}
	.scrolleffect.tlir .cwrap_inner.txt.pos-bottom{left: 0}
	.tlir.scrolleffect-active .img, .pos-bottom + .img{left: 50%}
	.text-col-img-col .cwrap{align-items: flex-start;}
	.text-col-img-col .cwrap_inner.txt{ 
		width: calc(50% - 100px) !important;
		position: sticky;
		top: 10%;
		padding: 100px 0;
	}
	.text-col-img-col .cwrap_inner.img{ width: 50%}
	.text-col-img-col .cwrap_inner li{height: 100vh}
	.text-col-img-col.tril .cwrap{flex-direction: row-reverse}
	
	.accordion-item{padding-left: 30px}
	
	.module_liste #footer{margin-top: 60px}
	.module_onepage .columns .listitems{
		margin-left: -10vw;
		width: calc(100vw - 20% + 7.5vw);
		padding-right: 0
	}
	#loginiframe{min-height: 540px}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	.text-only-content-width{width: 75% !important}
	#animate-logo{width: 608px;}
	.op_slide-up-img .right-img .text{left: 50px;}
	.module_onepage section[class*="op_"]{padding: 50px 0}
	[class*=fade] .cwrap{width: 540px}
	.bg-parallax .cwrap{
		bottom: 40px;
	}
	.columns .module_liste_conf_head{
		margin-bottom: 48px;
		width: 540px;
	}
	.module_event .img_container .date, .module_event .img_container .tickets{bottom: 110px;}
	.module_event_detail .img-ad, .module_event_detail .vorteile{width: calc(50% - 9px);}
	.module_event_detail .img-ad + .vorteile{margin-left: 18px}
	.module_event.detail .slide-up-sequence-item{margin-top: 50%}
	.module_event.detail .slide-up-sequence-item:last-child{margin-top: 100%}
	
	.extracontent .gallery.grid{grid-template-columns: 1fr 1fr}
	
	.article_overview .article-inner{margin-top: 10px}
	.module_onepage .two-col .img-container > *{height: 50vh}
	.listitems.grid{
		grid-template-columns: repeat(2, calc(50% - 8px));
		grid-column-gap: 16px;
	}
	img.include-logo, .include-logo .logo{width: 80%}
	
	.scrolleffect .cwrap_inner.txt{width: calc(70% + 120px); margin: 0 auto}
	
	
}
@media screen and (min-width: 540px) and (max-width: 1279px){
	.module_event .event-grid{grid-template-columns: 1fr 1fr;}
}
@media screen and (min-width: 768px) and (max-width: 1279px){
	#nav{ height: calc(100vh - 60px)}
}

@media screen and (max-width: 1023px){
		
	h1, h2, h3, h4, h5, h6{
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto
	}
	
	.footer-block{text-align: center}	
	.footer-block-logo .social{
		max-height: 23px;
		margin: 30px 0 40px 0;
		justify-content: center;
	}
	.footer-block-info{text-align: center}
	.footer-block-info a{display: none}
	.footer-block-info > div:not(:last-child){margin-bottom: 12px}
	.footer-block-meta{margin-top: 40px}
	#footer .nav__element{display: block}
	#footer .nav__element:not(:last-child){margin-bottom: 18px}
	#footer .nav__element:last-child{margin-bottom: 40px}
	
	.include-logo .cwrap.absolute{min-height: 190px}
	.module_onepage .op_section1.videoitem{margin-top: 60px}
	.module_onepage .op_section1.videoitem + section .cwrap{
		animation: none !important;
		opacity: 1 !important;
	}
	.module_onepage #header.bg-black{background-color: black !important}
	
	/*---event---*/
	.module_event #content{margin-top: 55px;}
	.module_event .filter-wrap{
		/*width: min(100%, 728px);*/
		width: 100%;
		left: 50%;
		transform: translateX(-50%);	
	}
	.module_event .event-grid{ margin-top: 70px !important}
	.module_event_overview{margin-top: 25px !important}
	.module_event .filter-wrap.active{box-shadow: 0px 3px 6px #00000029;}
	.filter-wrap h2::before{display: none}
	.filter-wrap h2::after{
		content: "";
		background: url("/_assets/css/icon/filter.svg") center no-repeat;
		background-size: contain;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
	}
	#detailsuche{display: none}
	.filter-top-title{cursor: pointer}
	.module_article article{
		flex-direction: column;
		align-items: flex-start;
	}
	.module_onepage .article_overview .swiper-slide:first-child .article-inner{left: -200%}
	.module_onepage .article_overview.content-active .swiper-slide:first-child .article-inner *{left: 0 !important}
	
	.scrolleffect .cwrap_inner.img > ul{
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.scrolleffect .cwrap_inner.img > ul > li{flex-shrink: 0}
	
	.transitions .description{opacity: 1}
	
	.module_image .gallery.grid { margin-bottom: 1em; grid-template-columns: repeat(2,1fr); }
	
}

@media screen and (min-width: 1024px) and (max-width: 1279px){
	.module_event .filter-wrap{ width: 290px}
	.module_event .event-grid{width: calc(100% - 320px)}
	.module_event .filter-wrap{top: 90px}
	.module_event_detail .img-ad{width: calc(50% - 8px);}
	.module_event_detail .img_container + .content-wrap{margin-top: calc(100vh - 50px)}
	.module_event.detail .slide-up-sequence-item:first-child, .module_event.detail .slide-up-sequence-item:last-child{margin-top: 200px}
	.module_event.detail .slide-up-sequence-item:nth-child(2){margin-top: 400px}
	.extracontent .gallery.grid{grid-template-columns: 1fr 1fr 1fr}
	
}

@media (orientation: landscape){
	.op_slide-up-img .slide-up-item{
		height: 100vh;
		width: 50%
	}
	.op_slide-up-img .left-img .text{ 
		right: 30px;
		top: unset;
	}
	.module_onepage .op_slide-up-img:not(.manual-height), .module_onepage .op_slide-up-img:not(.manual-height) > *{height: 100vh}
	.date .br-tablet-none{display: none}
}

@media (orientation: portrait){
	.op_slide-up-img .right-img.slide-up{margin-top: -50vh}
	.op_slide-up-img .left-img .text{
		bottom: unset;
	}
	.module_onepage section.videoitem{
		width: 100vw;
		height: 100vh !important;
		overflow: hidden;
	}
	.video-background{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.video-background > .video-foreground{
		width: 400%; /* damit es für größere Portraits nicht wegrutscht */
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.video-container, .iframe-container{
		position: absolute;
		padding-bottom: 56.25%;
		height: 100%;
		width: 100%;
		z-index: 1;
	}
}

@media screen and (max-height: 550px){
	.op_slide-up-img .fullscreen .cwrap{margin-top: 19vh !important}
	#animate-logo{width: 370px !important; margin-top: 0}
	img.long-title{display: none}
	.module_event_detail .title{margin: 0}
}

@media screen and (min-width: 1024px){
	
	body{font: 18px/1.6 'TTChocolatesDemiBold',arial,helvetica,clean,sans-serif}
	h1{font-size: 2.23em !important}
	h2, h3 {font-size: 1.67em !important}
	h4{font-size: 1.23em !important}
	#header .inner{
		width: calc(100% - 60px);
	}
	.text-only-content-width{width: min(65%, var(--max-text-width)) !important;}
	img.include-logo{
		width: 50%;
	}
	.utilities .flappe-search img{ 
		width: 21px !important;
		margin-right: 24px !important;
		margin-left: 20px;
	}
	.utilities .flappe-user img:not(.status-circle){
		width: 26px;
		margin-right: 23px !important
	}
	.utilities .flappe-basket img{ width: 28px !important}
	.status-circle { right: 10px;}
	.flappe-search form{margin-top: 40px}
	.status-circle{right: 5px}
	#logo img{
		width: 125px;
		max-height: 32px
	}
	#footer > .inner{
		padding: 60px 0 32px;
		max-width: min(90%, 1230px);
		margin: 60px auto 0;
	}
	#footer .social{
		position: absolute;
		top: 60px;
		right: 0;
	}
	.footer-block-info{margin: 60px 0 35px;} 
	.footer-block-info, .footer-block-meta{
		display: flex;
	  	justify-content: space-between;
	  	width: 100%;
	}
	footer .nav__element{margin-right: 40px}
	#animate-logo{
		width: 716px;
	}
	.tooltip-mobile{display: none}
	
	.include-logo .logo{width: 100%}
	.include-logo .cwrap.absolute{min-height: 290px}
	.op_slide-up-img .slide-up-item{
		height: 100vh;
		width: 50%
	}
	.op_slide-up-img .left-img .text{ 
		right: 30px;
		top: unset;
	}
	.module_onepage section[class*="op_"]{padding: 70px 0}
	.text-col-img-col .cwrap_inner.txt{width: calc(50% - 200px) !important}
	[class*=fade] .cwrap{width: 720px}
	.columns .module_liste_conf_head{
		margin-bottom: 58px;
		width: 720px;
	}
	.columns .listitems{margin-left: 25px;}
	.accordion .module_conf_head{margin-bottom: 50px}
	
	.module_event #content{margin-top: 20px !important}
	.module_event .filter-wrap{	
		margin-right: 30px;
		padding: 0;
		left: 30px;		
	}
	.module_event .event-grid{float: right;}
	.extracontent .event-grid{float: none}
	.extracontent .event-grid{grid-template-columns: repeat(4,1fr);}
	.extracontent .event-grid[data-length="3"]{grid-template-columns: repeat(3, 1fr);}
	.extracontent .event-item:nth-of-type(4n+2){margin-top: 100%}
	.extracontent .event-item:nth-of-type(4n+3){margin-top: 150%}
	.extracontent .event-item:nth-of-type(4n+4){margin-top: 200%}
	#no-events-found{
		position: relative;
		left: 340px
	}
	#generate-pdf{
		position: fixed;
		bottom: 50px;
	}
	
	.module_event .img_container .date, .module_event .img_container .tickets{bottom: 90px;} 
	.module_event_detail .description{ 
		width: calc(50% - 8px);
		margin-right: 16px;
	}
	.module_event_detail .img-ad, .module_event_detail .vorteile{width: calc(25% - 16px);}
	.module_event_detail .vorteile{margin-left: 16px}
	.datetable-overflow{min-width: 620px}
	.reset-filter{right: 4px !important}
	.promoter{margin-top: 50px}
	.event-item:hover .flip-btn::after{transform: translate(-50%, -50%) rotate(45deg)}
	.event-item:hover .flip-btn::before{transform: translate(-50%, -50%) rotate(-45deg)}
	.event-item:hover .event-item-inner{transform: rotateY(180deg);}
	
	.article_overview .article-inner{
		width: calc(50% - 30px);
	}
	.article_overview img{ width: min(calc(50% - 30px), 570px)}
	.article_overview .article-inner{
		margin: 0 0 0 60px;
	}
	.article_detail .img_container{
		float: left;
		margin: 0 40px 20px 0;
		width: min(50%, 600px);
	}
	h2.detail-title{margin-bottom: 30px}
	/*.module_onepage .article_overview .swiper-slide:first-child .article-inner{
		right: -100%;
		transition-duration: 1s;
	}*/
	.module_onepage .article_overview .module_conf_head{margin-bottom: 60px}
	.module_onepage .article_overview.content-active .swiper-slide:first-child .article-inner *{right: 0 !important}
	.module_onepage .article_overview .swiper-slide{align-items: flex-start}
	.module_onepage .swiper-slide .article-inner > h2{margin-top: 0}
	.module_onepage .two-col .img-container > *{
		width: 50%;
		height: 100vh;
	}
	.module_onepage .op_slide-up-img:not(.manual-height), .module_onepage .op_slide-up-img:not(.manual-height) > *{height: 100vh}
	.slide-up-item .text{bottom: 70px}

	
	.listitems.grid{grid-column-gap: 60px}
	.listitems.grid:not(.length2){
		grid-template-columns: repeat(3, 33%);
	}
	.listitems.grid.length2{
		grid-template-columns: repeat(2, 33%);
		justify-content: center;
	}
	.module_invoicedata.module{margin-bottom: 0}
	
	.border-top.info{margin: 30px 0 0 0}
	.nr-of-results{margin: 3em 0}
	
	.module_image .gallery.grid { margin-bottom: 1em; grid-template-columns: repeat(4,1fr); }
}

@media screen and (min-width: 480px) and (max-width: 1279px){
	#nav .navigation{width: calc(100% - 50px); }
}

@media screen and (max-width: 1279px){
	#header{
		height: 60px;
		background-color: black;
	}
	#header .inner{height: inherit}
	#nav{
		background-color: black;
		position: absolute;
		top: -110vh;
		width: 100vw;
		left: 0;
		padding: 50px 0 60px;
		flex-direction: column;
		transition: 0.3s ease;	
	}
	#nav .navigation{
		overflow-y: auto;
		overflow-x: visible;
		
	}
	#nav .nav__container > ul{flex-direction: column}
	#nav .nav__container > ul > li:not(:last-child){margin-bottom: 30px}
	#nav .nav__container > ul > li{width: fit-content}
	#nav a, #nav strong{
		text-transform: uppercase;
		font-size:var(--30px);
		letter-spacing: 3px;
	}
	.nav__sub-list{display: none}
	#nav .nav__sub-list a{
		color: var(--darkgrey);
		font-size: var(--22px);
		letter-spacing: 0.3px;
	}
	
}
@media screen and (min-width: 1280px){
	body:not(.module_onepage) #content{margin-top: 40px}
	#header .inner{height: 80px}
	/*.startseite #header{top: -80px}*/
	#navanchor{display: none}
	#nav .nav__list{
	display: flex;
	justify-content: flex-start
	}
	#nav .nav__list > li:not(:last-child){
		margin-right: 30px
	}
	#nav .nav__list > li > a .nav__element_opener{display: none}
	#nav a.navigation_link:hover, #nav strong, #nav a.navigation_link.active{
		border-bottom: 3px solid var(--red);
	}
	.module_event.detail #nav a.navigation_link:hover, .module_event.detail #nav strong, .module_event.detail #nav a.navigation_link.active{ color: white !important; border-bottom-color:  white !important}
	#nav .nav__list > li{position: unset}
	#nav .nav__list > li > .nav__sub-list{
		position: absolute;
		background-color: black;
		text-align: left;
		padding: 16px 0 45px;
		width: 100%;
		top: -100vh;
		opacity: 0;
		transition: opacity 0.1s ease;
	}
	#nav .nav__list > li:hover > .nav__sub-list, #nav .nav__list > li .nav__sub-list:hover{opacity: 1; top: unset} 
	#nav .nav__list > li .nav__sub-list::before, #nav .nav__list > li .nav__sub-list::after{
		content: "";
		width: 100vw;
		height: 100%;
		background-color: black;
		position: absolute;
		top: 0;
		z-index: -1;
	}
	#nav .nav__list > li .nav__sub-list::before{left: -99vw;}
	#nav .nav__list > li  .nav__sub-list::after{right: -99vw}
	.nav__sub-list .nav__sub-list{display: none}
	#nav a, #nav strong{font-size: var(--18px); padding: 4px 0 }
	.navopen #nav{top: 80px;}
	.nav__element_opener::before, .nav__element_opener::after{width: 0.7em; top: 0.5em}
	#breadcrumbNav{top: 30px}
	
	.module_event .filter-wrap{ 
		width: 300px;
		top: 110px;
	}
	.module_event .event-grid{width: calc(100% - 330px)}
	.event-grid{grid-template-columns: 1fr 1fr 1fr;}
	.module_event .bg-img, .module_event .img_container{height: calc(100vh - 80px)}
	.module_event_detail .img_container + .content-wrap{margin-top: calc(100vh - 70px)}
	.module_event .event-item:nth-of-type(3n+1):not(:nth-of-type(-n+6)){margin-top: 100%}
	.module_event .event-item:nth-of-type(3n+2):not(:nth-of-type(-n+6)){margin-top: 150%}
	.module_event .event-item:nth-of-type(3n+3):not(:nth-of-type(-n+6)){margin-top: 200%}
	.module_event.detail .slide-up-sequence-item:first-child{margin-top: 200px}
	.module_event.detail .slide-up-sequence-item:nth-child(2){margin-top: 300px}
	.module_event.detail .slide-up-sequence-item:last-child{margin-top: 400px}
	
	.extracontent .gallery.grid{grid-template-columns: 1fr 1fr 1fr 1fr}
	
	.vertical-imglist.scrolleffect .inner{
		display: flex;
		width: 100%;
	}
	/*.vertical-imglist.scrolleffect .cwrap_inner.img{
		flex-direction: column;
		overflow: unset;
		height: unset;
		min-height: 100vh;
		position: relative;
		top: 0;
	}
	.vertical-imglist.scrolleffect .cwrap_inner{width: 50%}
	.vertical-imglist.scrolleffect .cwrap_inner.txt{height: 100vh}
	.scrolleffect:not(.horizontal-imglist) img{width: 100%}
	.scrolleffect:not(.horizontal-imglist) img{
		max-height: unset !important;
		height: auto;
		margin-bottom: -7px;
		width: 100%;
	}
	.scrolleffect .cwrap_inner.txt > div{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-width: 70%;
	}
	.vertical-imglist.scrolleffect.scrolleffect-active .txt{
		position: fixed !important;
		width: 50vw;
		top: 50%;
		left: 50%;
		-webkit-transform: translateZ(0) translateY(-50%);
		transform: translateZ(0) translateY(-50%);
	}
	.scrolleffect.tril .cwrap_inner.txt.pos-bottom{right: 0}
	.scrolleffect.tlir .cwrap_inner.txt.pos-bottom{left: 0}
	.tlir.scrolleffect-active .img, .pos-bottom + .img{left: 50%}*/
	
	.listitems.grid{grid-column-gap: 80px}

}
@media screen and (min-width: 1366px){
	.columns .listitems{margin: 0 auto}
}
@media screen and (min-width: 1600px){
	.nl_description{
		min-height: 360px
	}
}

@media screen and (min-width: 1682px){
	.module_event .filter-wrap{left: calc(50% - 811px)}
	.module_event .img_container .date{left: calc(50% - 811px)}
	.module_event .img_container .tickets{right: calc(50% - 811px)}
}
/* Retina Displays - other background images */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 )and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	
}