#navtoggle { font-size:3em; display:none; position:absolute; right:20px; top:40px;  }
#navtoggle:after { content:"\f039";  font-family:FontAwesome;  }
#navtoggle:hover { text-decoration:none;  }

#main-nav ul.sub { display:none; margin-top:0; width:100%; position:absolute; left:-110%; top:0; /*border-bottom:1px solid #fff; border-top:1px solid #fff;*/ -webkit-transition:transform 0.3s ease-in-out; -moz-transition:transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out; }
#main-nav ul.sub ul.sub { border-bottom:none; }
#main-nav li { list-style-type:none; }

ul.sub.open { -ms-transform:translate(110%,0); -webkit-transform:translate(110%,0); -moz-transform:translate(110%,0); -o-transform:translate(110%,0); transform:translate(110%,0); }

div.slideWrap { margin:0; margin-bottom: 15px; }
div.slideWrap div.titleWrap { position:absolute; left:0; bottom:0; }
div.slideWrap span.slideTitle { background: rgb(236, 0, 139); font-weight: normal !important;   margin-bottom: 15px; padding:0 0 3px 5px; font-size: 18px; line-height: 29px; color: #fff; }
div.slideWrap div.slide { height:180px; background-position:50%; }

@media screen and (max-width:1000px) {

	#container { max-width:980px; width:90%; }	 
	
	#sub-navigation-and-page-tools { width:30%; }
	.copy-3-col { margin-right:0; }

	h2.bgimage { padding:0; }

	ul.news-overview li, #flashcontent, #main-nav, .rechtespalte, h2.bgimage, .copy-2-col-last, .copy-3-col, .aside-list { width:100%; }

	.aside-list { float:none; }

	.rechtespalte .teaser, .rechtespalte .kontakt, .rechtespalte-startseite .teaser, .rechtespalte-startseite .kontakt { padding:10px 0; }
	.frontpage-teasers { width:100%; }
	.frontpage-teasers li { width:48%; margin-right:0; height:auto; min-height:230px; }
	.frontpage-teasers li:nth-child(2n+2) { float:right;  }

	.text-bild-teaser A, .aside-list-frontpage li { height:auto; }

	.frontpage-teasers h3 { background-size:100%;  }

	.content-rechts-wrap { float: right; max-width: initial; }

	.copy-2-col { width: auto; }

}

/* Ipad Hochformat */
@media only screen and (max-width:770px) {

	body { -webkit-text-size-adjust: 100%; }

	table.contenttable { width:100%; }
	table.contenttable td { display:block; width:100%; }

	.rgmediaimages-player { display: none; }

	h3, h2.bgimage { background-size:100%; }
	h2.bgimage { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:50%; height:auto; min-height:145px; }
	h2.bgimage img, h2.bgimage strong { position:static; }
	
	img { max-width:100%; height:auto; }
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float:none; }
	DIV.csc-textpic-imagewrap { width:auto !important; }

	#main-nav ul.sub, #navtoggle { display:block; }
	
	#main-nav { display:block; position:fixed; top:97px; width:90%; z-index:10; overflow:visible; 
		-webkit-transition:transform 0.3s ease-in-out; -moz-transition:transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out;
		-ms-transform:translate(-110%,0); -webkit-transform:translate(-110%,0); -moz-transform:translate(-110%,0); -o-transform:translate(-110%,0); transform:translate(-110%,0);
	}
	#content { -webkit-transition:transform 0.3s ease-in-out; -moz-transition:transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out; }
	#container { overflow:hidden; }
	#content.open { -ms-transform:translate(100%,0); -webkit-transform:translate(100%,0); -moz-transform:translate(100%,0); -o-transform:translate(100%,0); transform:translate(100%,0); }
	#main-nav.open { -ms-transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); }
	#main-nav li.hidden { display:none; }

	#main-nav ul.sub { background-color:rgb(212, 0, 123); }
	#main-nav ul.sub.hidden { /*-ms-transform:translate(220%,0); -webkit-transform:translate(220%,0); -moz-transform:translate(220%,0); -o-transform:translate(220%,0); transform:translate(220%,0);*/ }
	#main-nav a { float:none; width:auto !important; text-align:left; padding:1em 5%; border-right:none; border-bottom:1px solid #f680c5; }
	#main-nav a.more { position:relative; padding-right:11%; }
	#main-nav a.more:after { position:absolute; right:5%; top:0.55em; content:"\f105"; font-family:FontAwesome; font-size:1.7em;  }
	#main-nav a.last-tab { border-bottom:1px solid #f680c5; }
	#main-nav a.back { position:relative; padding-left:11%; }
	#main-nav a.back:before { content:"\f104"; font-family:FontAwesome; font-size:1.7em; position:absolute; left:5%; top:0.6em; }
	#main-nav a.bcp { text-transform:uppercase; font-size:1.15em; }
	#main-nav a.bcp:after { display:none; }
	#main-nav a.back, #main-nav a.bcp { background-color:rgb(157, 0, 91); }

	#search-functional-nav { float:none; }
	#search-functional-nav a { margin:0; }
	#search-functional-nav a.hide { display:none; }
	#select-english, #select-german, #facebook, #instagram, #linkedin, #twitterx { background-position:5% 1.2em !important; padding:1em 15% !important; }
	#search-functional-nav #suche, #search-functional-nav .headerSearch { padding:1em 0; display:block; }
	#search-functional-nav #suche input.searchstring, #search-functional-nav .headerSearch input[type="text"] { width:88%; height:25px; }
	#search-functional-nav #suche input[type=submit], #search-functional-nav .headerSearch input[type="submit"] { display:none; }
	#main-nav #search-functional-nav { display:block; }
	#main-nav #search-functional-nav.hidden { display:none; } 
	#search-functional-nav .pxcsearch-result, #search-functional-nav .pxcsearch { display: block; }

	#search-functional-nav { display:none; }
	#sub-navigation-and-page-tools { display:none; }
	
	#header { padding-bottom:0;padding-left:5%;padding-right:0; 
		position:fixed; left:5%; top:0; width:85%; z-index:9999; 
		-webkit-transition:transform 0.3s ease-in-out; -moz-transition:transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out;		
		-ms-transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); 
		height: auto;
	}

	#header.fadeOut { 
		-ms-transform:translate(0,-100%); -webkit-transform:translate(0,-100%); -moz-transform:translate(0,-100%); -o-transform:translate(0,-100%); transform:translate(0,-100%);
	}
	#content { padding-top:115px; }

	.filterFixedWrap.filterOn { position: static; }
	.filterFixedWrap.filterOn { width: auto; }

	.a-z-teaser, .XL, div.accordion .csc-header, .formular td textarea, .formular td input, .formular table { width:100%; }

	div.tx-hmtaddresses-pi1 { margin-top:3.5em; }
	.formular.a-z > p > span { width:100%; display:block; padding:0; }
	.a-z a, .a-z span { float:left; display:inline-block; padding:0.4em; }

	.formular td { display:block; height:auto; }

	embed, iframe { width:100% !important; height:auto !important; }

	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float:none; }
	DIV.csc-textpic div { margin:0 !important; }

	.column-wrapper { overflow:visible;  }
	.copy-2-col { width: auto; }

	div.selectWrap { display:block; margin-right:0; margin-top:0.35em; }
	.pxcCalendarCategoryFilter select,
	div.selectWrap.fullWidth select { width:95%; padding-right:5%; padding-left:5%; }
	.kalenderheadline a { width:10%; }
	.kalenderheadline a img { float:right; }	
	.kalenderheadline a:nth-child(1) img { float:left; }
	.rechtespalte .kalenderheadline p { width:80%; }
	.mittlerespalte .kalenderheadline SPAN { padding-right:0; }
	.rechtespalte .tx-cal-controller { float:none; }
	.kalenderheadline { height:auto; background:none; }
	.kalenderheadline p { background-color:#7b7b99; }
	.mittlerespalte .kalenderheadline p { float:none; margin:0.6em 0; padding:1em 0; }
	.mittlerespalte .kalenderheadline A { display:block; width:100%; float:none; text-align:center; }
	.mittlerespalte .kalenderheadline a img { float:none; }	
	.mittlerespalte .kalenderheadline a:nth-child(1) img { float:none; }

	.content-teaser { clear:both; }

	.text-bild-teaser IMG { float:none; display:block; margin:0 auto; }

	div.slideWrap span.slideTitle { font-size:1.15em; margin-bottom:0; line-height:1.7em;  }
	div.slideWrap div.titleWrap { padding-left: 20px; padding-bottom: 20px; }
	.aside-list-frontpage .csc-textpic-imagerow { width: auto !important; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { float: none; margin-bottom: .5em; display: block; width: auto !important; }
	.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html input, .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html textarea, .formular td input { width: 90%; max-width: 100%; }
	.tx_powermail_pi1_form fieldset { padding-bottom: 1em; }

	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: none; width: auto !important; display: block !important; margin-left: 0 !important;  }
}

/* Iphone Hochformat */
@media only screen and (max-width:640px) {
	div.slideWrap span.slideTitle { margin-bottom:0em; }
	.frontpage-teasers li { width:100%; float:none; }
	.frontpage-teasers li:nth-child(2n+2) { float:none; }
}

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