@media (max-width: 1330px) {
	.start-kopf .content img {
  right: 0;
}
}
@media (max-width: 1282px) {
	
	main > section > .content, header > .content, main section > .content, footer .content, .calenderbox .content {
  margin-left: 60px;
  margin-right: 60px;
  max-width: 100%;
	}
	
	.start-kopf .content img {
  margin-right: 0;

	}

	.start-kopf, .newsmeldung {
	  width: calc(100% - 24px);
	}

	.pt-search {
	  padding-right: 60px;
	}
	
	.newsmeldung > .content {
	  margin: 0;
	}
	
	.veranstaltungen .va-month-bg {
		left: -35px;
	}
	
	.calenderbtn{
		margin-right:80px !important;
	}
}

@media (max-width: 1230px) {
	.logo img {
  width: 230px;
	}
	
	.nav-menu > li {
  margin-right: 0;
	}
	.nav-menu > li:last-child {
  padding-right: 10px;
	}
	
}
	
@media (max-width: 1090px) {
	 .start-kopf .content img {
		width: 75%;
	  }
	  
	  .start-kopf .content {
  display: flex;
  justify-content: end;
  position: relative;
  min-height: 600px;
}
	  
  .start-kopf .content .title-btn {
	   width: 70%;
	}
	
	
	.start-kopf .content .title-btn h1 {
  font-size: 98px;
  line-height: 86px;
}

 .start-kopf .content .title-btn {
   top: 60px !important;
  }
  
  .newsmeldung h2 {
  font-size: 52px;
  }
  
  .nav-menu > li {
  padding-right: 20px;
  }
  
  .two-boxes .txt-box h3 {
  font-size: 52px;
  }
	
	.blogcontent .postsbtn {
  font-size: 20px;
	}  
	
	footer .content > div:first-child, footer .content > div:nth-child(2), footer .content > div:nth-child(3), footer .content > div:nth-child(4) {
	  width: 24%;
	  display: inline-block;
	  vertical-align: top;
	}
	
	footer .content {
  display: block;
}
	
	
}


@media (max-width: 1049px) {
	

	
	.postblock {
  margin-bottom: 0;
  margin-top: 20px;
}
	
	.nav-menu > li {
  padding-top: 40px;
}
	
	
	.nav-menu > li > a {
  font-size: 20px;
	}
	
	
	.sub-menu-list li {
  padding-left: 0;
  border-bottom:solid 2px #282143;
  padding-bottom: 5px;
}
	
	.nav-menu > li.menu-item-has-children > a {
  flex-direction: row-reverse;
  justify-content: left;
}
	#menu-hauptmenue button.submenu-toggle{
		margin-left:8px;
	}
	#menu-hauptmenue button.submenu-toggle.active{
		transform:scaleY(-1);
	}
	
	#menu-hauptmenue li.menu-item-has-children > a:hover{
		cursor:default;
	}
	#menu-hauptmenue button:hover{
		cursor:pointer;
	}
	
 .start-kopf .content .title-btn {
    top: 40px !important;
  }

.start-kopf .content .title-btn {
    width: 70%;
  }
  
  h1{
  font-size: 46px;
  }

  .start-kopf .content .title-btn h1 {
    font-size: 86px;
    line-height: 76px;
  }

.siebzigprozent {
  width: 100%;
}

.kopfbild img {
  max-width: 100%;
  width: 100%;
}

  .newsmeldung h2 {
    font-size: 42px;
  }
  
  .veranstaltungen .va-month-bg {
  font-size: 380px;
}

  .two-boxes .txt-box h3 {
    font-size: 42px;
    line-height: 46px;
  }
  
  .va-liste-title a {
  background-position:top 7px center;
  }
  
  .veranstaltungen .va-liste-title div > div {
  font-size: 60px;
  line-height: 62px;
  }
  
  .va-liste-title {
  padding-bottom: 0;
  }
  
  section > .produktion.vacontent > div:first-child{
	  width:100%;
  }
  section > .produktion .sideb{
	 display:none;
  }
  .single-veranstaltung .sideb {
  padding-left: 40px;
  
  }
  
  .vc_tta.vc_general .vc_tta-panel-body {
  padding-left: 55px !important;
  }
  
  .start-kopf .content {
  align-content: end;
  align-items: end;
  height: 100%;min-height: 500px;
}

		.pt-search, header > .unterstuetzen {
			position: absolute;
			  overflow:hidden;
			  top: -20000px;
		}
	
	
	.pt-search > div{
			position: relative;
			  overflow:auto;
			  top: 0;
		}
	
	.resp-pt-search{
		padding-top: 50px;
	}
	
	.resp-pt-search input[type="text"]{
		height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  color: rgba(40, 33, 67, 0.50);
	}
	
	.resp-pt-search input[type="submit"]{
		background-image: url(../img/icon/suchewhite.svg);
  background-repeat: no-repeat;
  background-position:center;
width: 50px;
    height: 50px;
    margin-top: 0;
    background-color: #282143;
    border:0;
    color: transparent;
	margin-left: 10px;
	}
	.resp-pt-search input[type="submit"]:hover{
		background-color: #534D69;
		cursor:pointer;
	}
	
	#searchform > div{
		display:flex;
	}
	
	.resp-support{
		text-align: center;
 padding-top: 120px;
	}
	
	.resp-support .supportlink{
background-image: url(../img/icon/support-pfeil-up.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position:center right 15px;
    height: 60px;
    background-color: #282143;
    color: #fff;
    display: inline-block;
    padding-left: 20px;
    padding-right: 48px;
    text-decoration:none;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    padding-top: 10px;
	}
	
	.resp-support .supportlink:hover{
background-color: #534D69;
	}
	
	
	.calenderbox{
		z-index: 26;
  position: absolute;
right: 120px;
    top: 46px;
	width:20%;
	
	}
.calenderbox > .calenderbtn{
		margin: 0 !important;
	}

	.calenderbox .calendar-icon img{
		width:30px;
	}
	
	.calenderbox .calenderbtn span{
		display:none !important;
	}
	
	.calendar-container{
		width: 500%;
    right: -120px;
	top: -50px;
	}
	
	.calendar-container > .content {
  padding-bottom: 40px;
  padding-top: 130px;
}

.calendar-container .close-button {

  background-position:right center;
  top: 52px;
  right: 67px; 
  padding-right: 40px;
}

.unterstuetzen > div > span {
  background-color: transparent;
  background-image: unset;
}

.supportbtn {
  color: transparent;
}

.resp-support > div > p, .resp-support > div > div{
	display:none;
}
}




@media (max-width: 930px) {
	
	.postblock .va-info {
  display: block;
}

.postblock .va-info > h3 {
  width: 100%;
  padding-right: 0;
}
.postblock .va-info > div {
  width: 100%;
  padding-top: 10px;
}

.postblockbtn {
  background-size: 32px;
  width: 32px;
  display: block;
  margin-top: 10px;
  height: 32px;
}

  .va-liste .postblock .va-info {
    padding-top: 0;
	
  }
	
	.va-liste .va-info h3 {
  font-size: 34px;
	}
	h1 {
  font-size: 46px;
  }
	.start-kopf .content .title-btn h1 {
    font-size: 90px;
    line-height: 78px;
  }
  
   .newsmeldung h2 {
    font-size: 46px;
  }
  
   .two-boxes .txt-box h3 {
    font-size: 38px;
  }
  
	  
	  .calendar-container .navbtn, .va-liste-title a {
	  background-position: top 13px center;
	  height: 64px;
	}

	.calendar-container #calendar-title, .veranstaltungen .va-liste-title div > div {
	  font-size: 52px;
	  line-height: 77px;
	}

	.va-liste .va-info h3 a {
	  background-position: top 14px left;
	}

	.single-veranstaltung .sideb {
	  padding-left: 60px;
	  padding-top: 26px;
	}

	.vacontent > div:first-child, .vacontent > div:last-child, .vacontent > div > div:first-child, .vacontent > div > div:last-child {
    width: 100%;
  }
  
  .single-veranstaltung .sideb {
  padding-left: 0;
  margin-top: 0;
  padding-top: 0;
  }

.vacontent > div:last-child {
  display: flex;
  flex-direction: column-reverse;
}

.sideb .vatbtn {
  padding-left: 60px;
  padding-right: 60px;
  width: auto;
}

.vacontent .vatitel > div{
	width:auto !important;
}

.single-veranstaltung .vatitel h1 {
  margin-bottom: 20px;
}

.vacontent > div > div:first-child{
	padding-top: 60px;
}


	.single-veranstaltung .vatitel > div {
	  padding-top: 28px;
	}

	.siebzigprozent {
	  width: 100%;
	}


	.blogcontent .siebzigprozent {
	  width: 65%;
	}

	.blogcontent .dreisigprozent {
	  width: 35%;
	}
	
	.va-liste .va-datum, .va-liste .va-kategorie{
		width: 50%;
  position: absolute;
	}
	
	.va-liste .va-datum{
		left: 0;
		display: flex;
	}
	.va-liste .va-kategorie{
		right: 0;
		display: flex;
    justify-content: right;
    flex-direction: row-reverse;
	}
	
	
	.va-kategorie .premiere span {
  left: -36px;
  top: -1px;
	}
	
	.va-kategorie .premiere {
  padding-right: 15px;
	}
	
	
	.va-liste .va-info{
		padding-top: 48px;
	}
	.va-liste .va.btn{
		margin-top: 48px;
		width: 30%;
	}
	
	.va-liste .va-datum div {
  font-size: 18px;
  padding-left: 20px;
}
.two-boxes .zeile {
  display: block;
}

.two-boxes .zeile > div {
  width: 100%;
}

.two-boxes .zeile > div:last-child {
  margin-left: 0;
}

}


@media (max-width: 820px) {
	
	
	  .start-kopf .content {
   margin-right: 30px;
  }
  
   .start-kopf .content img {
    width: 85%;
  }
	
	.va-liste > div {
  display: block;
  position: relative;
	}
	
	.va-liste .va-datum{
		display: flex;
  width: 70%;
  font-size: 16px;
	}
	.va-liste .va-datum div{
		padding-left: 30px;
  padding-top: 1px;
  font-size: 16px;
	}
	
	
	.va-liste .va-kategorie, .single-veranstaltung .vatitel > div{
		position: absolute;
  width: 30%;
  right: 0;
  top: 11px;
  opacity: 0.8;
	}
	
	.va-liste .va-info{
		width:70%;
	}
	
	.va-liste .btn{
		position: absolute;
  right: 0;
  bottom: 30px;
	}
	
	.two-boxes .zeile {
  display: block;
}

.two-boxes .zeile > div {
  width: 100%;
  margin-bottom: 50px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

  .start-kopf .content .title-btn h1 {
    font-size: 72px;
    line-height: 64px;
  }
  
   .start-kopf .content .title-btn {
    top: 40px !important;
  }
  
  .logo img {
  width: 200px;
  }
  
  .newsmeldung h2 {
    font-size: 40px;
  }
  
  .single-veranstaltung .vatitel {
  position: relative;
}
  .single-veranstaltung .vatitel div {
 display:none;
}

.page-template-page-aktuelles  .va-liste .va-info {
    width: 100%;
  }
  
  .blogcontent {
  display: block;
}

.blogcontent .siebzigprozent, .maincontent .siebzigprozent {
    width: 100%;
    max-width: 100%;
    overflow:hidden;
  }
  
  .blogcontent .dreisigprozent .postsbtn{
	  display:none;
  }


 
  
    footer .content > div:first-child, footer .content > div:nth-child(2), footer .content > div:nth-child(3), footer .content > div:nth-child(4) {
    width: 32%;
    padding-bottom: 30px;
  }
  
  footer .logo {
  padding-top: 0;
  }
  
  footer .content > div:nth-child(4){
	  display: block;
  width: 100%;
  }
  footer .content > div:nth-child(4) a{
	  display: inline-block;
	  padding-right:15px;
  }
  
  footer .content > div:last-child {
  text-align: left;
  }
  
  h1 {
    font-size: 38px;
  }
  
   .va-liste .va-info h3 {
    font-size: 30px;
  }
  
  .veranstaltungen .va-liste-title div > div,  .calendar-container #calendar-title {
    font-size: 46px;
    line-height: 70px;
  }
  
  .calendar-container #calendar-title {
    line-height: 61px;
  }
  
  .calendar-container .navbtn, .va-liste-title a {
  background-size: 34px 28px;
  }
  
  .va-liste-title a {
    background-position:top 17px center;
  }
  
  .vacontent {
  display: block;
}

  .vacontent > div, .vacontent > div:first-child, .vacontent > div:last-child {
    width: 100%;
  }
  
   .single-veranstaltung .sideb {
    padding-left: 0;
    padding-top: 0;
  }
  
  .veranstaltungen .va-liste-title {
  max-width: 100%;
  overflow:hidden;
}
  
}


@media (max-width: 700px) {
	
	body > header > .content {
  width: calc(100% - 80px);
}
	
	.menu-hauptmenue-container {
    padding-right: 40px;
  }
	
	 .newsmeldung h2 {
    font-size: 32px;
  }
  
    main > section > .content, header > .content, main section > .content, footer .content, .calenderbox .content {
    margin-left: 40px;
    margin-right: 40px;
    max-width: 100%;
  }
  
  .start-kopf .content{
	  margin-left: 26px;
    margin-right: 26px;
  }
  
    footer .content > div:first-child, footer .content > div:nth-child(2), footer .content > div:nth-child(3), footer .content > div:nth-child(4) {
    width: 49%;
  }
  
    footer .content > div:nth-child(4) {
    display: inline-block;
	}
	
	footer .content > div:nth-child(4) a {
    display: flex;
	}
	
	 footer .content > div:last-child {
    text-align: right;
  }
  
  footer .content.siegel {
 /* display: inline-block;*/
  display: block;
  }
  footer .content.siegel > div {
 width: 100%;
 display: inline-block;
 margin-left: 0;
 max-width: 100%;
  }
  
  footer .content.siegel{
 max-width: 100%;
  }
  
  footer .content.siegel > div img {
 padding-left:30px;
  }
  
   .va-liste .va-info h3, h1, h2 {
    font-size: 28px;
  }
  
  .va-liste .va-info p {
  font-size: 15px;
  }
  
  a.btn {
  font-size: 16px;
  }
  
  .va-liste .btn {
  width: 140px;
  max-height: 42px;
  padding-top: 10px;
  }
  
    .veranstaltungen .va-liste-title div > div, .calendar-container #calendar-title {
    font-size: 36px;
    line-height: 38px;
  }
  
    .calendar-container .navbtn, .va-liste-title a, .karussellsteuerung > button {
    background-size: 24px 20px;
  }
  
    .va-liste-title a,  .calendar-container .navbtn {
    background-position:top 7px center;
  }
 
  
  .calendar-container #calendar-title, .veranstaltungen .va-liste-title div > div {
  padding-left: 15px;
  padding-right: 15px;
}

.calendar th, .calendar td, .calendar a {
  font-size: 18px;
}
.calendar th, .calendar td{
  padding: 5px;
}

.slider.smallslider, .slider.smallslider .slick-list, .slider, .slider .slick-list {
  height: 400px;
}

    .menu-hauptmenue-container {
    width: calc(100% + 100px);
	}
}

@media (max-width: 580px) {
	  .start-kopf .content .title-btn h1 {
    font-size: 60px;
    line-height: 62px;
  }
  
   .start-kopf .content .title-btn {
    width: 100%;
	position: relative;
	top: unset !important;
	text-align: center;
  padding-bottom: 40px;
  }
  
  
    .start-kopf .content {
    height: auto;
    min-height: auto;
  }

  
  .start-kopf .content img {
    width: 100%;position: relative;
  }
  
  .start-kopf .content {
  display: block;
  }
  
    .newsmeldung h2 {
    font-size: 28px;
  }
  
  .newsmeldung h2 a {
  background-size: 28px;
  }
  
    .veranstaltungen .va-month-bg {
    font-size: 580px;
  }
   .va-liste .va-datum, .va-liste .va-datum div {
    font-size: 15px;
  }
  .va-liste .va-kategorie, .single-veranstaltung .vatitel > div {
  font-size: 18px;
  text-align: right;
  }
  
  .newsletter-btn {
  bottom: -35px;
  right: 10%;
  }
  
  .two-boxes .img-box h3, .two-boxes .txt-box h3 {
  font-size: 28px;
  }
  
  .two-boxes span.subtitel {
  font-size: 14px;
  }
  
  .two-boxes .zeile > div p {
  font-size: 15px;
  }
  
  .two-boxes .txt-box p, .two-boxes .txt-box span, .two-boxes .txt-box h3 {
  padding-left: 20px;
  padding-right: 20px;
}

.two-boxes .txt-box a {
  margin-left: 20px;
}

.two-boxes .zeile .txt-box a, .two-boxes .zeile .img-box p a {
  background-size: 24px;
  background-position:left center;
}.two-boxes .zeile .img-box p a {
  margin-left:0;
  margin-top: 20px;
  display: block;
}
  .calendar-container .close-button {
    top: 16px;
    right: 87px;
    padding-right: 0;
    padding-top: 75px;
  }
  
  /*  footer .content.siegel > div {
    width: 100%;
	}
	*/
	 footer .content > div:nth-child(4) {
    display: block;
	text-align: center;
    width: 100%;
  }
  footer .content > div:nth-child(4) a {
    display: inline;
	
  }
  
   footer .content > div:nth-child(3){
	   display:flex;
	   justify-content: center;
    width: 100%;
   }

   
   footer .content.siegel > div:nth-child(3) > a:first-child{
	   display:block;
   }
   
   footer .content > div a.some {
  color: transparent;
width: 60px;
  height: 60px;
  background-size: 50px;
  margin-left: 15px;
    margin-right: 15px;
	padding: 0;
}

  footer .content > div:last-child {
    text-align: center;
  }
  
    footer .content.siegel {
    text-align: center;
	padding-top: 60px;
  }
  
    footer .content > div:first-child, footer .content > div:nth-child(2), footer .content > div:nth-child(3), footer .content > div:nth-child(4) {
    width: 100%;
    text-align: center;
    display: flex;
	justify-content: center;
  }
  footer .content > div:first-child a, footer .content > div:nth-child(2) a, footer .content a.nl {
  padding-left: 5px;
  padding-right: 5px;
}

 footer .content.siegel {
    text-align: center;
    padding-top: 60px;
    width: 100%;
    margin-left: 0;
  }
 footer .content.siegel div, footer .content.siegel div img{
    padding-left:0;
  }

}


@media (max-width: 500px) {
	
	  body > header > .content {
    width: calc(100% - 24px);
  }
  
 
	
	  .calenderbox {
    right: 50px;
  }
	
	  .menu-hauptmenue-container {
    padding-right: 12px;
  }
	
	
	.single-veranstaltung .vatitel {
  text-align: center;
}
	
	  main > section > .content, header > .content, main section > .content, footer .content, .calenderbox .content, .page-template-page-aktuelles .veranstaltungen .va-liste-title {
    margin-left: 12px;
    margin-right: 12px;
  }
	
	 .start-kopf .content {
    margin-left: 0;
    margin-right: 0;
  }
	
	  main > section.two-boxes > .content, .page-template-page-aktuelles .veranstaltungen {
    margin-left: 0;
    margin-right: 0;
  }
  
  .newsmeldung h2 a {
  padding-left: 32px;
}

 .newsletter-btn {
    right: 4%;
  }
  
  .menu-hauptmenue-container {
    width: calc(100% + 72px);
  }
	
	 .va-liste .va-kategorie, .single-veranstaltung .vatitel > div {
    font-size: 16px;
	 }
	 
	 .va-liste .va-info {
    padding-top: 48px;
  }
  
   .va-liste .btn {
    width: 120px;
   }
   
   .postblock {
  padding-left: 12px;
  padding-right: 12px;
   }
   
   .karussellsteuerung > button {
  margin-right: 30px;
  margin-left: 30px;
}


  .calendar-container {
    right: -50px;
  }
  
 
   
    .calendar-container .close-button {
    top: unset;
    padding-right: 30px;
    padding-top: 0;
    bottom: 0;
    padding-left: 0;
    right: unset;
    position: relative;
    margin-top: 30px;
  }
    .calendar-container .navigation {
   text-align: center;
  }
  
  .calendar-container .calendartopnav {
  justify-content: center;
}
.calendar th, .calendar td {
  border-left:0;
  border-right:0;
}

  .vc_tta.vc_general .vc_tta-panel-body {
    padding-left: 0 !important;
  }
  
    footer .content > div:first-child, footer .content > div:nth-child(2){
		display:block;
	}
	
	 .va-liste .va-kategorie {
    display: block;
	 }
	 
	   .va-kategorie .premiere {
    padding-right: 0;
  }
  
    .va-kategorie .premiere span {
    left: unset;
    top: -11px;
    right: 69px;
  }
   
}

@media (max-width: 450px) {
	 .va-liste .va-info p {
    font-size: 14px;
    padding-right: 5px;
  }
  
    .va-liste .va-info h3 a {
    background-position:top 10px left;
    padding-right: 5px;
    font-size: 27px;
  }
  
    .va-liste .va-kategorie, .single-veranstaltung .vatitel > div {
    width: 20%;
    padding-right: 0;
  }
  
    .va-liste-title a, .calendar-container .navbtn {
    background-position:top 7px right;
    width: 25px;
  }
  
  .va-liste .va-datum{
	  width:80%;
  }
  
 footer .content > div a.some {
    width: 50px;
    height: 50px;
    background-size: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }
  
}

@media (max-width: 400px) {
  .va-liste .btn {
    width: 30%;
  }
  

.va-kategorie .premiere {
  font-size: 12px;
}


.va-kategorie .premiere span {
  width: 24px;
    height: 24px;
    left: unset;
    top: -10px;
    font-size: 23px;
    line-height: 20px;
    right: 58px;
}

  .resp-pt-search input[type="text"]{
flex:1;
  max-width: 80%;}
  
  
}