/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

body {
/*	background-image: url(pics_template/xxx.jpg); 
		background-repeat: no-repeat;
		margin: 0px;
		background-position: top;
		background-attachment: scroll;*/
		background-color:#FFF;
	font-family: 'Ubuntu', sans-serif;
		font-size: 1em;
		font-weight: 300;
		line-height: 1.2em;
		color: #333;
	 -webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
}

/* Sections *********************************/
#stage {
    max-width: 1025px;
    margin: 0 auto;
    clear: both;
}
/* Sub Sections Header *********************/
.headerContent {
	max-width:80%;
    z-index:1; 
}
/* Sub Sections Stage *********************/
.content {
    width: 100%;
	display: inline-block;
	position:relative;
	z-index:10;
	margin-top:10px;
}
.block {
	width:315px;
	margin:10px;
	min-height:315px;
	max-height:315px;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	background-image: url(pics_template/bg_einspalter.png);
}
.block_2x {
	width:650px;
	margin:10px;
	max-height:315px;
	float:left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.textblock {
	width:100%;
	max-width:967px;
	margin:10px;
	background-color:#FFF;
	float:left;
	padding:10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
	
.footer {
	width:315px;
	margin:10px;
	background-color:#FFF;
	float:left;
}

/* BILDELEMENTE *********************************/

.footer img {
	float:right;
}
.block .csc-textpic-caption {
	position: absolute;
	top: 2; left: 2;
	padding: 5px;
	margin:5px;
	min-width:294px;
	max-width:294px;
	min-height:294px;
	max-height:294px;
	background: white;
	opacity:0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.block:active .csc-textpic-caption {
	opacity:0.9;
}
.block:hover .csc-textpic-caption {
	opacity:0.9;
}

/* FlexSlider ******************************/
.flex-caption strong {
	font-size:1.5em;
}
/* Typografie ******************************/
.csc-textpic-caption {
	color:#000;
	font-size:0.9em;
}
.csc-firstHeader {
	padding:0;
	margin-bottom:10px;
}
.csc-frame-frame2 {
	font-size:1.5em;
	background-color:#FF0;
	padding: 10px;
	margin: 20px;
	line-height:2em;
}
h1 {
	font-size: 1.5em;
	font-weight: 400;
	color: #333;
	margin: 0 0 0 0;
	padding:0;
	line-height: 1.3em;
}
h2 {
	font-size: 1.3em;
	font-weight: 400;
	color: #C32328;
	margin: 0 0 0 0;
	padding:0;
	line-height: 1.3em;
}
h3 {
	font-size: 1.2em;
	font-weight: 400;
	color: #333;
	margin: 0 0 0 0;
	padding:0;
	line-height: 1.3em;
}
h4 {
	font-weight: 400;
	margin: 0;
}
.block p, h1 {
    padding:10px;
}
a {
	text-decoration:none;
	color:#C32328;
}
.footer a {
	text-decoration:none;
	color:#999;
}
a:hover {
	color:#000;
}
.footer a:hover {
	color:#C32328;
}
ul {
	list-style-type:disc;
	padding-left:20px;
}
li {
	margin-top: -15px;
}
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    text-decoration:    none;
    color: #333;
}
/********************************** media queries *****************************************/


@media only screen and (max-width: 1000px) 
	{
    .content {display: inline-block;}
	#hide-mobile2 {display: none;}
    .hide-desktop {display: block;}
    
	.textblock {width:630px; max-width:630px;}
	a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {text-decoration: none; color: #C32328;}
    }
@media only screen and (max-width: 670px) 
	{
    .content {display: inline-block; zoom: 0.95;}
	#hide-mobile1 {display: none;}
	#hide-mobile2 {display: none;}
    .hide-desktop {display: block;}

	.textblock {width:295px; max-width:295px;}
    }
@media only screen and (max-width: 690px) 
	{
	.content {display: inline-block;}
	.block_2x {width:315px; max-width:315px; height:153px; float:left;}
	}


.hidden {
    display: none;
}

/* flexible Medien*/
img, embed, object, video, picture {
 max-width: 100%;
 height: auto;
 width: auto;
}

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;
}