@charset "utf-8";

/* CSS Document */
 .csc-textpic-responsive .csc-textpic-imagewrap,
.csc-textpic-responsive .csc-textpic-center-outer,
.csc-textpic-responsive .csc-textpic-center-inner,
.csc-textpic-responsive img {
	width: 100%;
	height: auto;
}
/* Fuer Safari, zwecks Bilder*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
img {
	max-width: 100%;
	height: auto;
	width: auto;
}
}

@media only screen and (max-width: 960px) {
.startbild {
	float: none;
	width: 100%;
}
.inhaltstartseite {
	float: none;
	width: 100%;
}

#pager {
	font-size: 1.3em;
	line-height: 1.0em;
	}
	
ul.pager_box li.pager_current {
   font-size: 0.5em!important;
   line-height: 2.1em;
}
.logo img{
	width: 960px;
	
	}
	
	
.colleft {
	float: none;
	width: 90%;
	padding: 2% 5% 0% 5%;
}
.colright {
	float: none;
	width: 90%;
	padding: 5%;
}
.colright .download{
	width:240px;
	padding: 2%;
	}
#c298 {
   
  padding:5%;
}	
}

@media only screen and (max-width: 768px) {
ul.home .column1 {
	width: 100%!important;
}
ul.home .column2 {
	width: 100%!important;
	margin-left: -6px;
	padding: 15px 0px 0px 0px!important;
}
.letzenewsleiste ul li {
	float: left;
	padding-right: 0%;
	width: 33%;
}
.nachoben {
	clear: both;
	display: block;
	text-align: right;
	padding: 10px 20px 10px 20px;
	background-color: #000;
	color: #fff;
	margin-top: 20px;
}
.fusslinks {
	display: none;
}
nav.sekundaernav {
	display: none;
}
.inhalt, .inhalt_groesser {
	width: 90%;
	padding:5%;
}
.inhalt h1, .inhalt_groesser h1 {
	font-size: 2em;
}

.letzenewsleiste{
	display:none;
	}


/*Kopfzeile Adresse*/	
.rss{
	float:none;
	
	padding:2% 5% 2% 5%;
	
	
	}
.rss img {
	position:absolute;
}


.adr {
	
	float: none;
     padding:5%;
	width: 90%;
}
iframe {
    width:100%;
    min-height:400px;
    padding:0;
    margin:0 0 20px 0;
}

div.csc-frame-frame1, div.csc-frame-frame2 {  
margin-bottom: 20px;
width: 50%;
float: left;
}

	div.galerie-images div.csc-textpic-imagecolumn {

		width: 30%;
	}

}


@media only screen and (max-width: 420px){
	
	
.social img {
  width:10.0%!important;
  margin-left:3px;
}
	div.csc-mailform li.csc-form-element-submit {
    margin-left: 0;
}
.logo{
	display:none;
	}
.logoResp{
	display:block;
	}
	}

@media only screen and (max-width: 400px) {
ul.home .column1 {
	width: 100%!important;
}
ul.home .column2 {
	width: 100%!important;
	margin-left: -6px;
	padding: 15px 0px 0px 0px!important;
}
.letzenewsleiste ul li {
	float: left;
	padding-right: 0%;
	width: 50%;
}
.fusslinks{
	display: none;
	}
	
div.startDetails {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
}	
.tickets {
   
    margin-bottom: 10px;

}
.progsimg img{
	width: 55%;
	}

div.csc-mailform li.csc-form-element-submit {
    margin-left: 0;
}
.tx-sremailsubscribe-pi1 dd {
    width: 100%;
}
/* CSS-Styled-Content Regeln überschreiben */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
 float: none;
 display: inline-block;
 vertical-align: top;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
 display: inline-block;
}
DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image {
 display: block;
}
.csc-default {clear: both;}

/* optional */
/* Golden Grid Layout für Bild im Text*/
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 width: 100; /* Bildcontainer Breite */
 float:none;
}
DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
 margin-left: 0%; /* Textblock */
  float:none;
}
.dateStarpage {
	display:none;
	}
	
.textStartpage {
   
    font-size: 1.0em;
    line-height: 1.2em;
   
}

.letzenewsleiste ul li{
	border-right: 0;
	}


	/********* Bildergalerie *******************/
	div.galerie {
		padding:2% 2% 2% 2%;
		width: 46%;
	}
	div.galerie-images div.csc-textpic-imagecolumn {
		margin: 0px 2% 2% 0px;
		width: 48%;
	}
	div.galerie-images {
		width: 95%;
	}


}


@media only screen and (max-width: 1012px) {
.social {
  float: none;
  width: 100%;
  text-align:center
}

.social img {
  width: 5.0%;
}

.adr {
  text-align:center;
  float: none;
 padding-left: 0px;
  width: 100%;
    padding-top: 2%;

}	
}

@media only screen and (max-width: 320px) {
}