@media only screen and  (max-width: 1649px) {
	.sticky-buttons .btn-karten-kaufen .outer{
		width: 0;
		background-position: -25px;
	}
	.sticky-buttons .btn-karten-kaufen .inner{
		display: none;
	}
	.inhalt.ensemble .frame-type-image .ce-center .ce-inner .ce-row,
	.inhalt.ensemble .frame-type-image .ce-left .ce-gallery .ce-row,
	.inhalt.ensemble .frame-type-image .ce-right .ce-gallery .ce-row,
	.inhalt.ensemble .frame-type-image .ce-center .ce-inner .ce-row:nth-child(4n+4),
	.inhalt.ensemble .frame-type-image .ce-left .ce-gallery .ce-row:nth-child(4n+4),
	.inhalt.ensemble .frame-type-image .ce-right .ce-gallery .ce-row:nth-child(4n+4){
		margin-right: 52px;
	}
	.inhalt.ensemble .frame-type-image .ce-center .ce-inner .ce-row:nth-child(3n+3),
	.inhalt.ensemble .frame-type-image .ce-left .ce-gallery .ce-row:nth-child(3n+3),
	.inhalt.ensemble .frame-type-image .ce-right .ce-gallery .ce-row:nth-child(3n+3){
		margin-right: 0px;
	}
	.slick-dots{
		left: calc(50% - 495px);
	}
	.imageCarousel .slick-dots{
		left: unset;
	}
}
@media only screen and  (max-width: 1099px) {
	.sticky-buttons{
		display: none;
	}
}
@media only screen and  (max-width: 1449px) {
	.navi-main > li > a,
	.slider .teaser-box h3,
	.videobanner .teaser-box h3,
	.news-box .news .article h3,
	.highlight h3,
	.stueck h2,
	.service-elem h2,
	.konzert-block .spalte-2 h3
	.slider .teaser-box h3,
	.slider .teaser-box h3 a,
	.videobanner .teaser-box h3,
	.videobanner .teaser-box h3 a{
		padding-bottom: 10px;
		font-size: 20px;
	}
	.sticky-buttons .outer{
		padding-left: 45px;
		background-position: top right -108px;
	}
	.sticky-buttons .sbtn:hover .outer{
		padding-left: 90px;
	}
	.sticky-buttons .btn-karten-kaufen .outer {
	    background-position: -50px;
	}
	.center-content,
	.swiper-container{
		width:980px;
	}
	nav#nav--header {
	    width: calc(100% - 350px);
	}
	.slider .teaser-box,
	.videobanner .teaser-box {
	    right: calc((100% - 980px) / 2);
	    bottom: 0;
	    width: 300px;
	    background-color: rgba(255,255,255,0.9);
	}
	.news-box {
   		width: 765px;
   	}
	.heute-box{
		width: 150px;
	}
	.spielplan-heute .datum .tag {
	    font-size: 125px;
	    line-height: 125px;
	}
	.news-box .news-list-view .article {
	    width: 245px;
	}
	.news-box .news-list-view .article .textblock{
        padding: 15px 0px 75px 0px;
	}
	.highlight .teaser {
	    padding: 25px 25px 60px 25px;
	}
	.stueck {
	    width: 315px;
	}
	.stueck .teaser {
	    padding: 15px;
	}
	.inhalt .links,
	.konzert .ausklapp-inhalt .medien {
	    width: calc(100% - 290px);
	}
	.stueck-detail .medien img:not(.btn-play){
		width: 220px;
	}
	.stueck-detail .medien .yt-video > img{
		width: 450px;
	}
	.konzert-block .konzert .standard-inhalt > div {
	    width: 180px;
	    padding: 0 15px;
	}
	.konzert-block .konzert .standard-inhalt .spalte-1{
		width:228px;
	}
	.konzert-block .konzert .standard-inhalt .spalte-2{
		width: 378px;
	}
	.konzert-block .konzert .standard-inhalt .spalte-3{
		width: 138px;
	}
	.konzert-block .konzert .standard-inhalt .spalte-4{
		width: 138px;
	}
	footer .links{
		width: 40%;
	}
	footer .rechts{
		width: 60%;
	}
}
@media only screen and  (max-width: 1249px) {
	.technical-ballroom .kopfbild{
		padding: 0 4%;
	}
	.technical-ballroom-box h3 {
		font-size: 1.5em;
	}
}
@media only screen and  (max-width: 1024px) {
	#nav--header,
	.topbar{
		display: none;
	}
}
@media only screen and  (max-width: 1023px) {
	.navi-main > li > a,
	.slider .teaser-box h3,
	.videobanner .teaser-box h3,
	.news-box .news .article h3,
	.highlight h3,
	.stueck h2,
	.service-elem h2,
	.konzert-block .spalte-2 h3 .slider .teaser-box h3,
	.slider .teaser-box h3 a,
	.videobanner .teaser-box h3 a {
	    padding-bottom: 5px;
	    font-size: 18px;
	}
	.page-header,
	.frame-type-header h2,
	.frame-type-header h3{
		padding: 10px 4%;
	}
	.center-content,
	.swiper-container{
		width:100%;
	}
	header .navbar{
		padding: 15px 4%;
	}
	.fixed > header .navbar{
		padding: 15px 4%;
	}
	.fixed{
		padding-top: 75px;
	}
	.logo{
		height: 55px;
        top: -5px;
	}
	footer .logo{
		width: 450px;
		height: auto;
	}
	.fixed > header .navbar,
	.fixed > header .navbar .logo{
		height: 40px;
	}
	.slider .teaser-box,
	.videobanner .teaser-box{
	    right: 0;
	    font-size: 13px;
	    line-height: 130%;
	    padding: 15px 15px 40px 15px;
	    width: 250px;
	}
	.btn-more {
	    padding: 5px 30px 5px 7px;
	}
	.btn-more:before{
		top: 8px;
	}
	.slick-dots{
		left: 4%;
	}
	.inhalt {
	    padding: 40px 0;
	}
	#page-3 .inhalt > .center-content{
		display: flex;
		flex-direction: column;
	}
	#page-3 .inhalt .heute-box{
		order: 1;
		width: 100%;
		margin-bottom: 40px;
		padding: 0;
	}
	#page-3 .inhalt .heute-box .spielplan-heute{
		display: flex;
		justify-content: space-evenly;
		flex-direction: column;
		padding: 0 4%;
	}
	#page-3 .inhalt .news-box{
		padding-right: 0;
		border: 0;
		width: 100%;
		order: 2;
	}
	#page-3	.news-box .news-list-view{
		display: flex;
		padding: 0 4%;
	}
	#page-3	.news-box .news-list-view .article{
		width: 33%;
		float: none;
	}
	#page-3 .inhalt .highlights{
		order: 3;
	}
	#page-3 .highlight .teaser {
	    padding: 15px 4% 60px 4%;
	    width: 92%;
	}
	#page-3 .highlight .teaser .btn-more{
		left: unset;
	}
	#page-3 .inhalt .instafeed{
		order: 4;
	}
	#page-3 .inhalt .instafeed .tx-ns-instagram,
	.ensemble-liste {
	    padding: 0 4%;
	}
	.tx-ns-instagram .gallery-item1 {
	    margin: 0 auto;
	    display: block;
	}
	footer .center-content{
		flex-direction: column;
	    width: 92%;
		padding: 0 4%;
	}
	footer .links,
	footer .rechts{
		width: 100%;
	}
	.stueckuebersicht .stuecke,
	.konzertuebersicht .konzerte .konzert-kategorieblock{
		justify-content: space-evenly;
	}
	h2.headline-konzertblock{
		text-align: center;
	}
	.konzerte .inhalt-oben,
	.konzert-liste{
		padding: 0 4%;
	}
	.konzert-block .konzert .standard-inhalt > div {
	    width: calc(50% - 30px) !important;
	    padding: 0;
	}
	.konzert-block .konzert .standard-inhalt .spalte-1,
	.konzert-block .konzert .standard-inhalt .spalte-2{
		margin-bottom: 15px;
	}
	.konzert-block .konzert .standard-inhalt {
	    position: relative;
	    padding-bottom: 50px;
	}
	.konzert-block .konzert .standard-inhalt .btn-more{
	    position: absolute;
		left: 0;
		bottom: 0;
		right: unset;
		top: unset;
	}
	.stueck-detail .page-header {
	    margin-bottom: 20px;
	}
	.stueck-detail .medien img:not(.btn-play) {
	    width: 155px;
	}
	.stueck-detail .medien .yt-video > img {
	    width: 318px;
	}
	.stueck-detail .medien .frame {
	    margin-bottom: 5px;
	}
	.stueck-detail .links .beschreibung{
		padding: 0 4% 25px 4%;
	}
	.slider .teaser-box .btn-more,
	.videobanner .teaser-box .btn-more{
		left: 15px;
	}
	.news-box .news-list-view .article .textblock{
		height: auto;
	}
	.news .article .teaser-text .btn-more{
		left: 0;
	}
	footer .links{
		order: 2;
	}
	footer .rechts{
		order: 1;
		margin-bottom: 50px;
	}
	footer .links address {
	    padding: 40px 0 40px 0;
	}
	.inhalt.ensemble .frame-type-image figcaption{
		padding: 0 5px;
	}
	.inhalt.darsteller .darsteller-infos{
		padding: 0 4%;
	}
	.inhalt.ensemble .frame-type-image .ce-center .ce-inner .ce-row,
	.inhalt.ensemble .frame-type-image .ce-left .ce-gallery .ce-row,
	.inhalt.ensemble .frame-type-image .ce-right .ce-gallery .ce-row{
		width: 32%;
	}
	.inhalt.ensemble .frame-type-image .ce-center .ce-inner .ce-row,
	.inhalt.ensemble .frame-type-image .ce-left .ce-gallery .ce-row,
	.inhalt.ensemble .frame-type-image .ce-right .ce-gallery .ce-row,
	.inhalt.ensemble .frame-type-image .ce-center .ce-inner .ce-row:nth-child(4n+4),
	.inhalt.ensemble .frame-type-image .ce-left .ce-gallery .ce-row:nth-child(4n+4),
	.inhalt.ensemble .frame-type-image .ce-right .ce-gallery .ce-row:nth-child(4n+4){
		margin-right: 2%;
	}
	.inhalt.ensemble .frame-type-image .ce-center .ce-inner .ce-row:nth-child(3n+3),
	.inhalt.ensemble .frame-type-image .ce-left .ce-gallery .ce-row:nth-child(3n+3),
	.inhalt.ensemble .frame-type-image .ce-right .ce-gallery .ce-row:nth-child(3n+3){
		margin-right: 0;
	}
	.partner-logos{
		width: 92%;
		padding: 0 4% 50px 4%;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.partner-logos .ce-gallery{
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.partner-logos > .frame{
		max-width: 100%;
		margin-bottom: 40px !important;
	}
	.zweispaltig_66_33 .standard-inhalt,
	main.einspaltig .standard-inhalt{
		width: 92%;
		padding: 0 4%;
	}
	body.technical-ballroom {
	    height: unset;
	}
	.technical-ballroom-box {
	    width: calc(33% - 23px);
	}
	.technical-ballroom [canvas=container]{
		background: transparent;
	}
	#page-3 .stoerer .stoerer-elem{
		height: 80%;
	}
	#page-3 .stoerer .stoerer-elem:after{
		font-size: 40px;
	}
}
@media only screen and  (max-width: 767px) {
	h1{
		hyphens: auto;
	}
	.slider .teaser-box,
	.videobanner .teaser-box{
		position: static;
		width: calc(100% - 30px);
	}
	.slick-dots{
		bottom: unset;
		top: 25vw;
		margin-left: auto;
		text-align: right;
	}
	.pressestimmen .slick-dots{
		top: unset;
		bottom: 0;
	}
	.spielplan-heute .datum .tag {
	    font-size: 90px;
	    line-height: 90px;
	}
	#page-3 .news-box .news-list-view{
	    flex-direction: column;
    	align-items: center;
	}
	#page-3 .news-box .news-list-view .article{
		width: 100%;
		max-width: 285px;
		margin-right: 0;
	}
	#page-3 .news-box .news-list-view .article:not(:last-child){
		margin-bottom: 15px;
	}
	#page-3 .news-box .news-list-view .article .textblock {
	    padding: 15px 0px;
	}
	#page-3 .news .article .teaser-text .btn-more{
		position: static;
		margin-top: 10px;
	}
	#page-3 .highlight {
	    flex-direction: column;
	}
	#page-3 .highlight .bild{
		width: 100%;
	}
	#page-3 .highlight .bild .inner:after{
		right: calc(50% - 8px);
		left: unset;
		top: unset;
		bottom: -6px;
		transform: rotate(90deg);
	    background-image: url(../Images/arrow-white-left.png);
	}
	footer {
	    padding: 35px 0;
	}
	footer .rechts{
		display: none;
	}
	.kalender.desktop{
		display: none;
	}
	.kalender.mobile{
		display: block;
	}
	.inhalt .links,
	.inhalt .rechts,
	.konzert .ausklapp-inhalt .medien{
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.inhalt .rechts{
		width: calc(100% - 30px);
		padding: 30px 15px;
	}
	.konzert .ausklapp-inhalt .rechts,
	.inhalt-oben .rechts{
		padding: 30px 0;
	}
	.service .rechts{
		padding: 0;
		width: 100%;
	}
	.konzert-block .konzert .standard-inhalt{
		flex-direction: column;
	}
	.konzert-block .konzert .standard-inhalt > div{
		width: 100% !important;
		margin-bottom: 15px;
	}
	.service-inhalt{
		flex-direction: column;
		margin: 0 15px;
	}
	.service-inhalt .service-elem{
		padding: 15px;
	}
	.inhalt.darsteller .darsteller-infos .ce-textpic{
		display: flex;
		flex-direction: column;
	}
	.inhalt.darsteller .darsteller-infos .ce-textpic .ce-bodytext{
		order: 2;
	}
	.inhalt.darsteller .darsteller-infos .ce-textpic .ce-gallery{
		order: 1;
		margin: 0 0 20px 0;
	}
	.highlight .bild.hasVideo .btn-play,
	.yt-video .btn-play {
	    width: 50px;
	    left: calc(50% - 25px);
	    top: calc(50% - 25px);
	}
	.flex.inhalt-wrapper .yt-video{
		width: calc(50% - 15px);
	}
	.box.abendbesetzung{
		position: static;
	}
	.imageCarousel .slick-dots{
		top: unset;
		text-align: center;
	}
	#overlay-terminausfall{
		font-size: 16px;
	}

	#overlay-terminausfall h1,
	#overlay-terminausfall h2,
	#overlay-terminausfall h3{
		font-size: 24px;
		line-height: 120%;
		padding-bottom: 20px;
	}
	.stueck-detail.konzert-detail .center-content{
		display: flex;
		flex-direction: column;
	}
	.stueck-detail.konzert-detail .center-content .page-header{
		order: 1;
	}
	.stueck-detail.konzert-detail .center-content .links{
		order: 3;
	}
	.stueck-detail.konzert-detail .center-content .rechts{
		order: 2;
	}
	.stueck-detail .beschreibung .spielstaette{
		display: block;
	}
	.stueck-detail aside .spielstaette{
		display: none;
	}
	.technical-ballroom-box {
	    width: calc(50% - 20px);
	}
	.video .youtube-video-tc-hinweistext{
	    box-sizing: border-box;
	    left: 5%;
	    width: 90%;
	    height: auto;
	    padding: 20px;
	}
	.block-zusatzinfos .icons{
		position: relative;
	}
	.block-zusatzinfos .icons .icon{
		position: static;
	}
	.block-zusatzinfos .icons .icon .beschreibung{
		right: unset;
		left: 0;
	    width: calc(92vw + 4px);
	    box-sizing: border-box;
	    top: 30px;
	}
}
@media only screen and  (max-width: 479px) {
	.slick-dots {
	    top: 23vw;
	}
	.inhalt {
	    padding: 20px 0;
	}
	.stueck-detail .medien img:not(.btn-play) {
	    width: 185px;
	}
	.stueck-detail .medien .yt-video > img{
		width: 375px;
	}
	.inhalt.ensemble .frame-type-image figcaption{
		padding: 2px 5px 0 5px;
		font-size: 12px;
		line-height: 120%;
	}
	.slideElement.two-col .slideContent .wrapper{
		flex-direction: column;
	}
	.slideElement.two-col .slideContent .wrapper > div{
		width: 100%;
	}
	.slideElement.two-col .slideContent .wrapper .left-col{
		margin-bottom: 50px;
	}
	.technical-ballroom-box {
	    width: 315px;
	}
	.technical-ballroom-box img{
		width: 100%;
		display: inline-block;
	}
	.technical-ballroom .boxes {
	    justify-content: space-around;
	}
	.technical-ballroom-box .text-wrapper{
		padding: 20px 0;
	}
}