@media all and (min-width:960px){

#mobile-navigation {
	display: none !important;
}

}


@media all and (min-width:800px) and (max-width:1050px) {

/*** Logo und Navigation ***/

#logo {
	float: none;
}


#container-2 {
    margin-top: -192px !important;
}

#navigation {
	max-width: ;
	width: 100% !important;
	top: 0 !important;
	right: 0px !important;
	float: left !important;
	height: 92px !important;
	background: #fff;
	opacity: 0.9;
}

#navigation ul li a {
		padding: 35px 25px 33px;
}	

/** Navgation Level 2 **/


#navigation li ul {
	display: none ;
}




#mobile-navigation {
	display: none;
}


#container-3,#container-4 {
	width: 96%;
}

#footer {
	text-align: center;
	float: none;
	width: 100%;
}


/*** Sitemap ***/

#sitemap {
	text-align: center;
	float: none;
	width: 100%;
}

#sitemap ul li {
	width: 100%;
	float: none;
	margin-right: 0;
}

#sitemap ul li ul {
	display: none;
}



}

@media all and (min-width:650px) and (max-width:800px) {

#logo {
	float: none;
	margin: auto;
}




/** Navigation **/

#navigation {
	display: none;
}



/*** Container 1-4 ***/

#container-1 {
	width: 100%;
}


#container-2 {
	width: 100%;
	
}

#container-3,#container-4 {
	width: 96%;
}


#mobile-navigation-button-open {
	width: 60px;
	height: 49px;
	background-size: 60px auto !important;
	float: right;
	position: absolute;
	top: 25px !important;
}

#mobile-navigation-button-close {
	width: 60px;
	height: 49px;
	background-size: 60px auto !important;
	float: right;
	position: absolute;
	top: 25px !important;
}

#logo {
	float: none;
	margin: auto;
}


/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

#logo {
   	 background: url(../images/logo-highres.png) no-repeat;
	background-size: 220px auto;

}


#mobile-navigation-button-open {
	background: url(../images/mobile-nav-w-high.png)  #27993f no-repeat;
	background-size: 60px auto;
}

#mobile-navigation-button-close {
	background: url(../images/mobile-nav-w-high.png) #27993f no-repeat;
	background-size: 60px auto;
}

}
/*** Banner ***/

#banner {
	width: ;
}




/*** Hauptbeiträge ***/

.pull-left img,
.pull-right img,
.pull-none img{
	width: calc(100% - 10px);
}


/** Hauptbeiträge **/

.cols-2 .column-1, 
.cols-3 .column-1,
.cols-4 .column-1,
.cols-5 .column-1,
.cols-3 .column-3,
.cols-4 .column-3,
.cols-5 .column-3,
.cols-5 .column-5 {
	width: 48%;
	float: left;
	padding-right: 4%;
}

.cols-2 .column-2,
.cols-3 .column-2,
.cols-4 .column-2,
.cols-5 .column-2,
.cols-4 .column-4,
.cols-5 .column-4 {
	width: 48%;
	float: right;
	padding-right: 0;
	
}


/*** Text & Bilder ***/
 
.img,
.pull-left,
.pull-right {
	width: 100% !important;
}

table {
	width: 100% !important;
	float: none !important;
}


#footer {
	text-align: center;
	float: none;
	width: 100%;
}


/*** Sitemap ***/

#sitemap {
	text-align: center;
	float: none;
	width: 100%;
}


#sitemap ul li {
	width: 100%;
	float: none;
	margin-right: 0;
}

#sitemap ul li ul {
	display: none;
}



}



@media all and (max-width:650px) {
	



#mobile-navigation-button-open {
	width: 60px;
	height: 49px;
	background-size: 60px auto !important;
	float: right;
	position: absolute;
	top: 25px !important;
}

#mobile-navigation-button-close {
	width: 60px;
	height: 49px;
	background-size: 60px auto !important;
	float: right;
	position: absolute;
	top: 25px !important;
}

#logo {
	float: none;
	margin: auto;
}


#slogan p strong {
    color: #FFF;
    font-size: 15px !important;
}

/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

#logo {
   	 background: url(../images/logo-highres.png) no-repeat;
	background-size: 220px auto;

}


#mobile-navigation-button-open {
	background: url(../images/mobile-nav-w-high.png)  #27993f no-repeat;
	background-size: 60px auto;
}

#mobile-navigation-button-close {
	background: url(../images/mobile-nav-w-high.png) #27993f no-repeat;
	background-size: 60px auto;
}

}


#container-3,#container-4 {
	width: 96%;
}



#navigation {
	display: none;	
}

	
/*** Banner ***/

#design-2 {	
	
}	
	
/*** Container-2 Banner **/

#container-2 {
	background: none;
}


#banner {
	width: ;
}


/*** Hauptbeiträge ***/

.pull-left img,
.pull-right img,
.pull-none img{
	width: calc(100% - 10px);
}

.leading-0 .pull-left img,
.leading-1 .pull-left img,
.leading-2 .pull-left img,
.leading-3 .pull-left img,
.leading-4 .pull-left img,
.leading-5 .pull-left img,
.leading-0 .pull-right img,
.leading-1 .pull-right img,
.leading-2 .pull-right img,
.leading-3 .pull-right img,
.leading-4 .pull-right img,
.leading-5 .pull-right img,
.leading-0 .pull-none img,
.leading-1 .pull-none img,
.leading-2 .pull-none img,
.leading-3 .pull-none img,
.leading-4 .pull-none img,
.leading-5 .pull-none img {
	width: calc(100% - 10px);
	float: none;
	margin-right: 0;
	margin-left: 0;
}



/** Hauptbeiträge **/

.cols-2 .column-1,
.cols-2 .column-2,
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3,
.cols-4 .column-1,
.cols-4 .column-2,
.cols-4 .column-3,
.cols-4 .column-4,
.cols-5 .column-1,
.cols-5 .column-2,
.cols-5 .column-3,
.cols-5 .column-4,
.cols-5 .column-5 {
	width: 100%;
	float: left;
	padding-right: 0;
}

/*** Text & Bilder ***/
 
.img,
.pull-left,
.pull-right {
	width: 100% !important;
}


table {
	width: 100% !important;
	float: none !important;
}



#footer {
	text-align: center;
	float: none;
	width: 100%;
}


/*** Sitemap ***/

#sitemap {
	text-align: center;
	float: none;
	width: 100%;
}

#sitemap ul li {
	width: 100%;
	float: none;
	margin-right: 0;
}

#sitemap ul li ul {
	display: none;
}


}