
.showalways { display: block; }
.showmobile { display: none; }
.hidemobile { display: block; }

.csc-textpic-above .csc-textpic-single-image img { max-width: 100%; height: auto; }


@media only screen and (min-width: 960px) {

	th.event-td1, td.event-td1 { white-space: nowrap; }
	
	.content-sub { font-size: 1.2em; font-weight: 100; line-height: 1.4em; padding-bottom: 60px; }

}

@media only screen and (min-width: 1140px) {

	#footer, div#before-content, #content, #footer, ul.dropdown-menu-sub > li, #main-nav { width: 1140px; }
	#content-col-1 { width: 360px; }
	#content-col-0 { margin: 0 80px 0 0; }
	#page-headline { max-width: 1140px; }
	
}




/* --------------------------------- */
/* ------------- MOBIL ------------- */
/* --------------------------------- */

@media only screen and (max-width: 959px) {
	
	#scroll-up { display: none !important; }

	.showmobile { display: block !important; }
	.hidemobile { display: none !important; }
	div.clear-floating-mobile { display: block; clear: both; height: 0px; overflow: hidden; }
	
	.print-button { display: none; }
	
	#content-wrap, #bottom-wrap  { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 100%; padding: 0; }
	#content-col-0, #content-col-1, #content-col-2, #content-col-3 { width: 100%; padding: 0 20px; float: none; clear: both; margin: 0; min-height: 0; }
	#content-col-0 { padding-top: 20px; }
	
	.left-col-teaser { display: none; }

	.footer-block, .footer-block.first, .footer-block.last { max-width: 92%; margin: 0 4%; float: left; }
	#footer-logos { padding: 50px 0; }

	#scrollbg-footer, #scrollbg-header { height: auto; background-image: none !important; }
	
	#header { margin-top: 0; }
	
	#header-logo {
		display: block;
		position: relative;
		float: none;
		clear: both;
		margin: 10px auto;
		width: 50%;
		max-width: 200px;
		background-size: 100%;
	}
	
	img.header-logo-scrolled { display: none; }
	body.scrolled img.header-logo-scrolled { display: none; }
	body.scrolled img.header-logo-default { display: block; }
	
	.search-small { width: 80%; margin-left: 10%; }
	
	#search-icon {
		background: transparent url('../images/mobile_contact_buttons.png') no-repeat right top;
		margin: 5px 5px 0 0;
	}
	
	ul.header-icons {
		position: relative;
		top: auto; right: auto; bottom: auto; left: auto;
		background: #ffcc00;
	}
	ul.header-icons li {
		width: 25%;
		margin: 0;
	}
	ul.header-icons li:hover {
		padding-bottom: 0;
	}
	ul.header-icons li a {
		width: 100%;
		height: 100px;
		padding-top: 75px;
		font-size: 1em;
	}
	
	.button-style {
		height: auto;
		min-height: 50px;
	}

}

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

	h1, .page-header h1 { font-size: 2.4em; }

	#content-left, #content-middle, #content-right   { min-height: 0; }
	
	.csc-textpic div { margin: 0 !important; }
	.csc-textpic-imagewrap, .csc-textpic-imagerow { width: auto !important; }
	.csc-textpic-imagewrap { float: none !important; }
	
	#footer-logos .single-logo {  padding: 5px; }
	
	div.csc-frame-rulerAfter { font-size: inherit; clear: both; }

	td { white-space: normal !important; }
	table { display: block; overflow-x: auto; }	
	table::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 20px;
		height: 20px;
		background-color: rgba(0, 0, 0, .1);
	}
	table::-webkit-scrollbar-thumb {
		border: 2px solid #fff;
		background-color: rgba(0, 0, 0, .3);
	}
	
	div.multicol-teasermenu-text { min-height: 0; }
	
	.ui-widget {  font-size: 1em; }
	
	ul.slides .overlay, ul.featured-controls { display: none !important; }
	
}

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


}
