/*	Cleafix
*/

.clearfix:before, 
.clearfix:after {
	content:"";
	display:table
}

.clearfix:after {
	clear:both
}

.clearfix {
	zoom:1
}



/*	Grid-System
*/

.grid1, .grid2, .grid3, .grid-pic, .grid-news {
	display:inline-block; 
	float: left;
	position: relative;
	margin-left: 1%; 
	margin-right: 1%
}

.block .grid1, .block .grid2, .block .grid-pic, .block .grid-news{
	margin-left: 0% !important; 
	margin-right: 0% !important; 
}

.grid1 {
	width: 98%;
}

.grid2 {
	width: 46%
}

.grid3 {
	width: 30%;
}

.grid-pic {
	width: 30%;
}

.grid-news {
	width: 67%;
}


@media only screen 
and (max-width : 600px) {
	/*	Grid-System
	*/
	
	.grid1, .grid2, .grid3, .grid-pic, .grid-news {
		display: block; 
		float: none;
		width: 98%;
		margin: 0 0 40px 0;
	}
	
	.grid-pic{
		text-align:center;
	}
	
	
	
	section div.grid1:nth-last-child(2),
	section div.grid2:nth-last-child(2),
	section div.grid3:nth-last-child(2) {
		margin: 0;
	}	
	
	
	p{
		font-size:13px;
	}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	/*	Elemente mit der Klasse "hideOnPhone" 
		werden auf Telefonen ausgeblendet. 
		
		Außerdem wird über ein beliebiges Element
		mit dieser Klasse per Javascript ermittelt, 
		ob zurzeit ein Telefon genutzt wird. 
		
		Wenn (Element mit Klasse hideOnPhone) 
		nicht sichtbar, dann Telefon ... :)
	*/
	
	.hideOnPhone {
		display: none;
		visibility: hidden;
	}
	
	
	/*	Grid-System
	*/
	
	.grid1, .grid2, .grid3 {
		display: block; 
		float: none;
		width: 98%;
		margin: 0 0 50px 0;
	}
	
	section div.grid1:nth-last-child(2),
	section div.grid2:nth-last-child(2),
	section div.grid3:nth-last-child(2) {
		margin: 0;
	}
	
	
	/*	Navigation
	*/
	
	nav {
		position: relative;
		width: 100%;
		background-color: #111;
		opacity: 1.0;
		min-width: 0;
	}
	
	nav ul {
		display: block;
	}
	
	nav ul ul {
		position: absolute;
		left: 0;
		width: 100%;
		background-color: #000;
		margin-left:0px;
		display: none;
	}
	
	nav ul ul li {
		display: block;
		line-height: 40px;
		font-weight: 700;
		padding: 0;
	}
	
	nav ul ul li a {
		display: block;
		padding: 0 15px;
		margin: 0 0 1px 0;
		background-color: #2f2f2f;
	}
	
	
	/*	Sonstiges
	*/
	
	h1 {
		font-size:22px;
		padding-bottom: 18px;
	}
	
	h2 {
		font-size:18px;
		margin-bottom: 15px;
	}
	
	p {
		font-size: 11px;
	}
	
	.ort {
		font-size: 18px;
	}
	
	.contact {
		font-size: 14px;
	}
	
	.separator-section {
		padding: 25px;
	}
	
	.pdf-icon {
		margin-left: 3px;
		vertical-align: middle;
		width: 3px !important;
		height: 3px !important;
	}
	
	.logoelement{
		margin-left:25px;
	}
	
	.claim{
		display:none;
	}

	img.media-img {
		margin: 20px 0 0 0;
		width: auto;
	}
	
	.block{
		max-width:none;
	}
	
	.block h1, .block h2, .ort{
		max-width:none;
	}

	.partner-pic{
		padding-left:0px;
		text-align:center;
		width:95%;
		height:auto;
		display:none;
	}
	
	#partners{
		background:#3d3c3f url(../img/partner-bg-mobile.jpg) no-repeat;
		height:70px;
		background-position:center;
		background-size:90%;
	}
	
	#footer {
		padding: 8px 0 0 6px;
	}
	
	#menu-footer{
		display:none;
	}
	
	a.mail-pic{
		display:block;
		float:left;
		background:url(../img/request.jpg) no-repeat;
		background-size:100% 100%;
		width:60px;
		height:31px;
		margin:20px 0 0 5px;
	}
	a.mail-pic:hover{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity:1.0;
	}
	
	
	a.fb-like{
		width:13px;
		height:16px;
		float:left;
		display:block;
		margin:0;
		margin-left:30px;
		background:url(../img/facebook_logo.png) no-repeat;
		background-size:13px 16px;
		vertical-align: middle;
	}
	a.fb-like:hover{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity:.5;
	}
	
	
	
	a.yt-like{
		width:35px;
		height:16px;
		float:left;
		display:block;
		margin:0;
		margin-left:30px;
		background:url(../img/You_Tube_logo.png) no-repeat;
		background-size:35px 16px;
		vertical-align: middle;
	}
	a.yt-like:hover{
		background:url(../img/You_Tube_logo.png) no-repeat;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity:.5;
	}

}

/* Smartphones (landscape)  ANDREAS   ----------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation:landscape){
	a.mail-pic{
		margin:20px 0 0 20px;
	}
	
	#footer {
		padding: 8px 0 0 20px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-device-width : 321px) {
/* Styles */



}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
	/*#partners{
		height:140px;
		background-position:200px;
		background-size:40%;
	}*/
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
	/*#partners{
		background-position:280px;
		background-size:30%;
	}*/
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}