@media only screen and  (max-height: 750px) {
	.container-kopfbild .teaser .header {
	    font-weight: bold;
	    font-size: 4.21rem;
	}
	.container-kopfbild .teaser .text {
	    bottom: 80px;
	}
}

@media only screen and  (max-width: 1620px) {
	header nav{
		display:none;
	}
	header .links-barrierefreiheit{
		display: none;
	}
	.btnMobileMenu{
		top: 20px;
	}
	.navbar{
		padding-top:45px;
	}
	.logo{
		top:35px;
	}
	#container-overlay-navi .links-barrierefreiheit{
		display: block;
	}
	#container-overlay-navi .links-barrierefreiheit .leichte-sprache{
		margin-bottom: 10px;
	}
	.btn-newsletter {
        top: 118px;
    }
}
@media only screen and  (max-width: 1380px) {
	img{
		max-width:100%;
		height:auto;
	}
	.center-content{
		width:980px;
	}
	#startseite .oben .rechts,
	#startseite .oben .links{
		width:300px;
		height: 350px;
	}
	#startseite .teaser .no-image{
		height: 350px;
	}
	#startseite .oben .links {
		width: 660px;
	}
	#startseite .mitte .rechts{
		width: 646px;
		height: 350px;
		margin-right: 1px;
	}
	#startseite .unten .links,
	#startseite .unten .mitte,
	#startseite .unten .rechts,
	#startseite .mitte .links,
	.block-stuecke .stueck-elem{
		width: 313px;
		height: 350px;
	}
	#startseite .teaser.schrift-gross .header,
	.block-stuecke .stueck-elem.schrift-gross h3{
		font-size: 2.11rem;
	}
	#startseite .teaser.schrift-klein .header,
	.block-stuecke .stueck-elem.schrift-klein h3{
		font-size: 1.58rem;
	}
	#startseite .teaser.schrift-sehr-klein .header{
		font-size: 1.32rem;
	}
	#startseite .teaser .no-image .subheader,
	.block-stuecke .stueck-elem.schrift-gross h4,
	.block-stuecke .stueck-elem.schrift-klein h4,
	.block-stuecke .stueck-elem .auffuehrung_ab{
		font-size: 1.05rem;
	}
	.block-stuecke .stueck-elem .text {
		padding: 50px 30px;
		height: calc(100% - 100px);
	}
	.teaser .text{
		max-height:75%;
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	.teaser .subheader {
		font-size: 1.05rem;
	}
	.teaser .text a,
	.spielplan-heute .verlinkungen a,
	.spielplan-heute .verlinkungen span.ausverkauft{
		margin:0 5px;
	}
	.navbar {
		padding: 45px 0 30px 85px;
		width:calc(100% - 85px);
	}
	.stueck .liste-besetzung > div,
	.stueck .liste-besetzung > div:nth-child(4n+4) {
		margin-right: 40px;
	}
	.stueck .liste-besetzung > div:nth-child(3n+3){
		margin-right: 0;
	}
	.block-ensemble .ensemble-elem,
	.block-ensemble .ensemble-elem:nth-child(4n+4){
		margin-right:40px;
	}
	.block-ensemble .ensemble-elem:nth-child(3n+3){
		margin-right:0px;
	}
	.galerie .bilder .bild{
		float:left;
		padding-right:60px;
		padding-bottom:60px;
	}
	.galerie .bilder .bild:nth-child(6n+6){
		padding-right:60px;
	}
	.galerie .bilder .bild:nth-child(4n+4){
		padding-right:0px;
	}
	.logo-philharm-orchest {
	    height: 55px;
	    right: 125px;
	    top: 155px;
	}
	.stueck .breadcrumb{
		padding-left: calc(50% - 470px);
	}
}
@media only screen and  (max-width: 1023px) {
	body,
	h3{
		font-size:.95rem;
	}
	h1,
	h2.area{
		font-size:1.84rem;
		padding-bottom:30px;
	}
	h2{
		font-size:1.32rem;
	}
	header{
		padding-top:100px;
	}
	.center-content {
		width: 750px;
	}
	.navbar {
		padding: 38px 0 30px 100px;
		width: calc(100% -  100px);
	}
	.btnMobileMenu{
		left:20px;
		top:15px;
	}
	.logo img {
		height:40px;
	}
	.container-kopfbild,
	.container-kopfbild .bild > div,
	.container-kopfbild .csc-textpic-imagerow{
		height: 50vh;
	}
	.container-kopfbild .bild > div{
		bottom:70px;
	}
	.container-kopfbild .teaser .text {
		width: calc(100% - 200px);
		padding: 0 100px;
	}
	.container-kopfbild .teaser .header {
		font-size: 2.63rem;
	}
	.container-kopfbild .teaser .subheader {
		font-size: 1.32rem;
	}
	.container-kopfbild .teaser .text a {
		font-size: 1.05rem;
	}
	#startseite .oben .links {
		width: 430px;
		height: 235px;
	}
	#startseite .oben .rechts{
		height: 235px;
	}
	#startseite .oben .rechts h2 {
		font-size: 1.84rem;
		padding-bottom:10px;
	}
	.spielplan-heute .infos {
		padding: 8px 0;
		line-height: 120%;
		font-size:.79rem;
	}
	.spielplan-heute h4{
		font-size:1.05rem;
	}
	#startseite .unten .links,
	#startseite .unten .mitte,
	#startseite .unten .rechts,
	#startseite .mitte .links,
	.block-stuecke .stueck-elem{
		width: 236px;
		height: 235px;
	}
	#startseite .mitte .rechts {
		width: 493px;
		height: 235px;
		margin-right: 1px;
	}
	#startseite .mitte .rechts .bild,
	#startseite .unten .links .bild,
	#startseite .unten .mitte .bild,
	#startseite .unten .rechts .bild,
	#startseite .mitte .links .bild,
	#startseite .teaser .no-image{
		height:235px;
	}
	#startseite .teaser.schrift-sehr-klein .header,
	#startseite .teaser.schrift-klein .header,
	#startseite .teaser.schrift-gross .header{
		font-size:.95rem;
		margin-bottom: 10px;
	}
	#startseite .teaser .subheader{
		font-size: .79rem;
		line-height: 100%;
		margin-bottom: 10px;
	}

	#startseite .teaser.schrift-gross .header,
	.block-stuecke .stueck-elem.schrift-gross h3,
	.block-stuecke .stueck-elem.schrift-klein h3{
		font-size: 1.16rem;
		margin-bottom: 10px;
	}
	.block-stuecke .stueck-elem.schrift-gross h4,
	.block-stuecke .stueck-elem.schrift-klein h4{
		font-size:.95rem;
	}
	.block-stuecke .stueck-elem.schrift-gross h3,
	.block-stuecke .stueck-elem.schrift-klein h3,
	.block-stuecke .stueck-elem.schrift-gross h4,
	.block-stuecke .stueck-elem.schrift-klein h4{
		line-height:110%;
		padding-bottom:10px;
		margin:0;
	}
	.block-stuecke .stueck-elem .text {
		padding: 30px;
		height: calc(100% - 60px);
	}
	#startseite .teaser .no-image .subheader,
	.block-stuecke .stueck-elem .auffuehrung_ab{
		font-size: .79rem;
		margin-bottom: 10px;
	}
	.block-stuecke .stueck-elem.schrift-gross h4,
	.block-stuecke .stueck-elem.schrift-klein h4,
	.block-stuecke .stueck-elem .auffuehrung_ab{
		margin-bottom:0;
	}
	.block-stuecke .stueck-elem .verlinkungen a{
		font-size:.79rem;
	}
	.teaser .text {
		max-height: 100%;
	}
	.teaser .text a, .spielplan-heute .verlinkungen a, .spielplan-heute .verlinkungen span.ausverkauft {
		font-size: .79rem;
		padding: 2px 10px;
	}
	footer .navi-meta .metanavi-elem {
		padding: 0 5px;
		font-size: .95rem;
	}
	.spielplan-inhalt .termin .links {
		width: 180px;
	}
	.spielplan-inhalt .termin .rechts {
		width: calc(100% - 190px);
	}
	.slick-next, .slick-next:hover, .slick-next:focus,
	.slick-prev, .slick-prev:hover, .slick-prev:focus{
		width:46px;
		height:30px;
		background-size: 46px 30px;
	}
	.navi-stuecke{
		line-height:120%;
		font-size: .95rem;
	}
	.stueck .inhalt, .unterseite .inhalt {
		padding: 50px 0;
	}
	.stueck .untertitel,
	.stueck .stueckdaten,
	.stueck .mitwirkende,
	.stueck .vorstellungstermine,
	.stueck .beschreibung{
		padding-bottom:20px;
	}
	.stueck .beschreibung .links,
	.container-pressestimmen .links,
	.stueck .beschreibung .rechts,
	.container-pressestimmen .rechts{
		width:100%;
	}
	.stueck .liste-besetzung > div,
	.stueck .liste-besetzung > div:nth-child(3n+3)	{
		margin-right: 40px;
	}
	.stueck .liste-besetzung > div:nth-child(2n+2){
		margin-right: 0;
	}
	.stueck .container-besetzung{
		padding-bottom:0;
	}
	#container-overlay-navi .btnMobileMenu {
		margin-top: 0;
	}
	#container-overlay-navi .navi-elem a{
		font-size:.95rem;
	}
	#container-overlay-navi .level-1{
		line-height: 100%;
	}
	#container-overlay-navi .level-2{
		position:static;
		padding-left:15px;
		display:block;
	}
	#container-overlay-navi .level-2 a{
		text-transform:unset;
		font-weight: normal;
		font-size:.84rem;
	}
	#container-overlay-navi .line{
		display:none;
	}
	#container-overlay-navi .level-1 > .navi-elem{
		width:100%;
	}
	#container-overlay-navi .navi-meta {
		margin-top: 50px;
	}
	header.shrink .navbar {
		padding: 35px 15px 20px 85px;
		width: calc(100% - 100px);
	}
	.block-stuecke h3.spielstaette {
		font-size: 1.32rem;
	}
	.container-inhalt .inhalt > .links,
	.container-inhalt .inhalt > .rechts {
		width: calc(50% - 20px);
	}
	.block-ensemble .ensemble-elem,
	.block-ensemble .ensemble-elem:nth-child(3n+3){
		margin-left:35px;
		margin-right:35px;
	}
	.galerie .bilder{
		text-align:justify;
	}
	.galerie .bilder .bild img{
		width:150px;
	}
	.galerie .bilder .bild,
	.galerie .bilder .bild:nth-child(4n+4),
	.galerie .bilder .bild:nth-child(6n+6){
		float:none;
		padding-right:0px;
		padding-bottom:20px;
		display:inline-block;
	}
	.galerie .bilder .clearer{
		width: 100%;
		display: inline-block;
		font-size: 0;
		line-height: 0
	}
	.stueck #readspeaker_button1 {
	    top: 0px;
	}
	.einspaltig #readspeaker_button1,
	.ensemble #readspeaker_button1,
	.unterseite.standard #readspeaker_button1{
		top:15px;
	}
	.logo-philharm-orchest {
	    right: 50px	;
	}
	.stueck .logo-philharm-orchest{
		width: 246px;
	}
	.stueck .breadcrumb{
		padding-left: calc(50% - 355px);
	}
	.btn-newsletter img{
		width: 290px;
	}
}
@media only screen and  (max-width: 767px) {
	h1{
		hyphens: auto;
	}
	.center-content {
		width: 92%;
		padding:0 4%;
	}
	.navbar {
		padding: 20px 4%;
		width: 92%;
		min-height:30px
	}
	.btnMobileMenu {
		left: 20px;
		margin-top:0;
		top:10px;
	}
	.logo {
		right: calc(4% + 20px);
		top:20px;
	}
	.logo img {
		height: 30px;
	}
	#startseite header.header{
		padding-top: 70px;
	}
	header.header{
		padding-top: 100px;
	}
	header.header .tx-indexedsearch-searchbox{
		display:none;
	}
	header.shrink .navbar {
		padding: 10px 15px 10px 85px;
	}
	header.shrink .logo img {
		height: 30px;
	}
	header.shrink .btnMobileMenu{
		top:0;
	}
	header.shrink .logo {
		top: 10px;
		height: 25px;
	}
	#container-overlay-navi.shrink .tx-indexedsearch-searchbox {
		top: 12px;
	}
	#container-overlay-navi .btnMobileMenu{
		padding-top:0;
	}
	#container-overlay-navi .tx-indexedsearch-searchbox {
		display: block;
		position: absolute;
		top: 25px;
		left:100px;
	}
	#container-overlay-navi .tx-indexedsearch-form input{
		background:transparent;
	}
	#startseite .oben .rechts,
	#startseite .oben .links,
	#startseite .unten .links,
	#startseite .unten .mitte,
	#startseite .unten .rechts,
	#startseite .mitte .links,
	#startseite .mitte .rechts{
		width:100%;
		float:none;
		height:auto;
		margin-bottom:20px;
	}
	#startseite .oben, #startseite .mitte {
		margin-bottom: 0px;
	}
	#startseite .oben .links,
	#startseite .unten .links,
	#startseite .unten .mitte,
	#startseite .unten .rechts,
	#startseite .mitte .links,
	#startseite .mitte .rechts{
		height:auto;
	}
	::-webkit-input-placeholder{
		font-size:.84rem;
	}
	::-moz-placeholder{
		font-size:.84rem;
	}
	:-ms-input-placeholder{
		font-size:.84rem;
	}
	:-moz-placeholder{
		font-size:.84rem;
	}
	#startseite .mitte .rechts .bild,
	#startseite .unten .links .bild,
	#startseite .unten .mitte .bild,
	#startseite .unten .rechts .bild,
	#startseite .mitte .links .bild,
	#startseite .teaser .no-image{
		height:auto;
	}
	#startseite .teaser .no-image .text{
		position:static;
		padding:20px;
	}
	#startseite .teaser img{
		display:inline-block;
	}
	#startseite .teaser .bild > div{
		text-align:center;
	}
	#startseite .unten .links,
	#startseite .unten .mitte,
	#startseite .unten .rechts,
	#startseite .mitte .links{
		max-width:440px;
		margin:0 auto 20px auto;
	}
	.slick-dots {
		bottom: 5px;
	}
	.container-kopfbild .teaser .text {
		bottom: 40px;
		width: calc(100% - 60px);
		padding: 0 30px;
	}
	.container-kopfbild .teaser .text a {
		font-size: 15px;
		padding: 3px 20px;
	}
	.container-kopfbild .teaser .header {
		font-size: 30px;
	}
	.container-kopfbild .teaser .subheader {
		font-size: 18px;
	}
	.container-kopfbild .teaser .text a {
		font-size: 15px;
		padding: 3px 20px;
	}
	.slick-prev, .slick-next{
		top:auto;
		bottom:0;
		z-index:55;
	}
	.slick-next, .slick-next:hover, .slick-next:focus, .slick-prev, .slick-prev:hover, .slick-prev:focus {
		width: 31px;
		height: 20px;
		background-size: 31px 20px;
	}
	#cookie-bar .cb-content{
		padding:30px;
		width:calc(100% - 100px);
	}
	footer .navi-meta,
	footer .social-icons {
		float: none;
		width:100%;
		text-align:center;
	}
	footer .social-icons .csc-frame{
		padding-bottom:0;
	}
	.spielplan-kopf{
		font-size:18px;
	}
	.spielplan-kopf .filter-kategorien {
		padding-bottom: 25px;
	}
	.spielplan-inhalt .termin .links,
	.spielplan-inhalt .termin .rechts,
	.container-inhalt .inhalt > .links,
	.container-inhalt .inhalt > .rechts,
	.stueck .beschreibung .links,
	.container-pressestimmen .links,
	.stueck .beschreibung .rechts,
	.container-pressestimmen .rechts{
		float:none;
		width:100%;
	}
	.inhalt{
		text-align:left;
	}
	.spielplan-inhalt .termin.new-date .datum{
		border-bottom:1px solid #000;
		padding-bottom:15px;
	}
	.spielplan-inhalt .termin .beschreibung {
		padding: 15px 0 0 0;
		text-align: center;
	}
	.spielplan-inhalt .termin .beschreibung h3{
		text-align:center;
	}
	.spielplan-inhalt .termin .beschreibung .status{
		position:static;
		text-align:center;
		padding-top:20px;
	}
	.block-stuecke .stueck-elem,
	.block-stuecke .stueck-elem:nth-child(3n+3),
	.block-ensemble .ensemble-elem,
	.block-ensemble .ensemble-elem:nth-child(3n+3),
	.block-ensemble .ensemble-elem:nth-child(4n+4){
		float:none;
		width: 300px;
		height: 300px;
		margin:0 auto 20px auto;
	}
	.block-ensemble .ensemble-elem,
	.block-ensemble .ensemble-elem:nth-child(3n+3),
	.block-ensemble .ensemble-elem:nth-child(4n+4){
		height:auto;
		margin-bottom:20px;
	}
	footer .navi-meta .metanavi-elem:after{
		content:' ';
	}
	.liste-besetzung{
		display:block;
	}
	.stueck .liste-besetzung > div,
	.stueck .liste-besetzung > div:nth-child(3n+3){
		float:none;
	}
	.stueck .liste-besetzung .darsteller{
		margin:0 auto 10px auto;
	}
	.navi-level-3 .navi-elem-level-3 a{
		white-space: normal;
		display: inline;
	}
	.links .block-ensemble .ensemble-elem,
	.links .block-ensemble .ensemble-elem:nth-child(2n+2),
	.links .block-ensemble .ensemble-elem:nth-child(4n+4){
		margin:0;
	}
	.logo-philharm-orchest {
		position: static;
    	height: auto;
    	width: 185px;
    	padding-right: calc(4% + 20px);
    	float: right;
    	padding-bottom: 15px;
	}
	.stueck .logo-philharm-orchest{

	}
	.container-navi-level-3{
		clear: both;
	}
	.breadcrumb{
		padding-bottom: 20px;
	}
	.container-bc-logo {
	    padding: 30px 4% 20px 4%;
	}
	.stueck .logo-philharm-orchest{
		width: 185px;
		padding-right: 0;
	}
	.btn-newsletter {
	    top: 70px;
	}
	.btn-newsletter img{
		width: 235px;
	}
	.video{
		width: 100%;
	}
	.video img{
		width: 100%;
	}
	.video .youtube-video-tc-hinweistext{
	    box-sizing: border-box;
	    left: 5%;
	    width: 90%;
	    height: auto;
	    padding: 20px;
	}
}
@media only screen and  (max-width: 650px) {
	.container-bc-logo {
		flex-direction: column-reverse;
	}
	.stueck .logo-philharm-orchest{
		padding-left: 0;
	}
	.stueck .vorstellungstermine .termin .datum_uhrzeit{
		display:block;
		float:none;
	}
	.stueck .vorstellungstermine .termin .datum_uhrzeit:after{
		content:': ';
	}
	.stueck .vorstellungstermine .termin {
	    padding-bottom: 20px;
	}
}
@media only screen and  (max-width: 450px) {
	h1, h2.area {
		font-size: 28px;
	}
}