/******** responsie *************/
/*h1{padding:0;
	margin:0;
		color:#6C7B8E;  blaugrau
		font-size:1.4rem;
		color:#565655;
		}*/
	h2{

		font-size:1.4rem;
		color:#6C7B8E;
		}
	.headline {
    position:relative;
    margin-top:-1rem;
	margin-left: 0;
    z-index: 21001;
    background: #FFF;
    width: 20rem;
    padding:0;
	}
	
	.main_content {
	width:100%;
	position:relative;
	background:#fff;
	padding: 0;
	font-size:1.1rem;
	text-align:center;
}
@media only screen and (min-width:320px){
	
	.cont{
		width:90%;
	}
	.head_cont{
		display:none;
	}
	.main_head{
		height:10rem;
		}
	h1{
		margin:0;
		font-size:1.3rem;
		color:#FDB433;
		text-align:center;
	}
	.headline span{
		font-size:0.8rem;
	}



	h2{		
		font-size:1rem;
		color:#6C7B8E;
		}
	.headline {
		margin-top:3rem;
		z-index: 100;
		background: #FFF;
		width: 100%;
		padding: 0;
		font-family:'AvenirNextLTW01-Regular';
	
	}
	.main_content{
		font-size:1rem;
	}
	.kategs_box{
		width:90%;
		position:relative;
		float:left;
		height:20rem;
		overflow:hidden;
		margin-right:1rem;
		font-size:0.7rem;
	}
	.kategs_head{
		margin-top:0.3rem;
		width:100%;
		font-size:1.2rem;
		text-align:center;
		letter-spacing:2px;
	}
	.kategs_pic img{
		height:10rem;
		overflow:hidden;
	}
	.kategs_text a:link,.kategs_text a:hover, .kategs_text a:visited{
		color:#FDB433 !important;
		
		}
	.kategs_text_box{
		margin-top:2rem;
		width:90%;
		padding:5px 15px 5px 15px;
	}
	.kategs_text{
		margin-top:1rem;
		width:90%;
		    text-align: justify;
	}
	.flexinav img {
    width: 60px;
    height: 60px;
}

}
@media only screen and (min-width:560px){
	.cont{
		width:90%;
	}
	.head_cont{
		display:none;
	}
	.main_head{
		height:10rem;
		}
	/*h1{		
		font-size:1.4rem;
		color:#565655;
		}
		*/
	h2{		
		font-size:1rem;
		color:#6C7B8E;
		}
	.headline {
		margin-top:2.4rem;
		z-index: 21001;
		background: #FFF;
		width: 100%;
		padding: 0;
		letter-spacing:0.5;
		
	}
	.headline span{
		font-size:2rem;
		padding-left:1rem;
	}
	.main_content{
		font-size:1rem;
	}
	.kategs_box{
		width:46%;
		position:relative;
		float:left;
		height:20rem;
		overflow:hidden;
		margin-right:1rem;
	}
	.kategs_pic img{
		height:15rem;
		overflow:hidden;
		
	}
	.kategs_text_box{
		margin-top:2rem;
		width:100%;
		padding:5px 15px 5px 15px;
		overflow:hidden;
	}
	

}
@media only screen and (min-width:780px){
	.fixed {
		width:100%;
		position:fixed;
		top:0;
		left:0;
		background:url(../gfx/bg_fixed.jpg) repeat-x;
	}
}


@media only screen and (min-width:1024px){
	body{
		background-image:url(../gfx/body-back.jpg);
		}
	.cont{
		width:56rem;
	}
	.head_cont{
		display:block;
	}
	.main_head{
		height:30rem;
		}
	h1{
		margin-left:1.5rem;
		font-size:2.4rem;
		color:#FDB433;
		}
	h2{		
		font-size:1.2rem;
		color:#6C7B8E;
		}
	.headline {
		margin-top:2rem;
		z-index: 110;
		background: #FFF;
		width: 100%;
		padding: 0;
		text-align:center;
	}
	.headline h1{
		font-size:3rem;
		color:#FDB433;
	}
	.headline span{
		font-size:2rem;
		padding-left:1rem;
	}
	.main_content{
		font-size:1rem;
	}
	.main_content p {
		width:100%;
		display:inline-block;
	}
	.kategs_box{
		width:24.5%;
		position:relative;
		float:left;
		height:20rem;
		overflow:hidden;
		margin-right:0.1rem;
		font-size:0.8rem;
		line-height:1.1;
		font-weight:normal;
		
	}
	.kategs_pic img{
		min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    margin: 0 -50%;
    display: block;
	}
	.kategs_text_box{
		height:8rem;
		width:90%;
	}
	

}
@media only screen and (max-device-width:1136px), screen and (max-width:1136px){

}

/*
@media screen and (max-device-width:40rem) {
		.logo {
			top:9rem;
			margin-left:1.5rem;
		}
		.head_cont {
		position: absolute;
		top: 13rem;
		}
		
		.main_content{
		padding-left:1.5rem;
		font-size:2rem;
		}
		input , textarea, select,fieldset,.mceLayout{
		
		 font-size:2em;
		 font-weight:normal;

	}

}
@media screen and (max-device-width:64rem), screen and (max-width:64rem)  {
	
	.main_content{
	padding-left:1.5rem;
	font-size:1rem;
	width:52rem;
	}
}
*/