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

#mobile-navigation {
	display: none !important;
}

}


@media all and (min-width:800px) and (max-width:1100px) {

/*** Logo und Navigation ***/

#logo {
	float: none;
	margin: 0 auto;
	
	max-width: 400px;
	background: url(../images/logo-highres.png) 0px 0px no-repeat !important;
	background-size: 400px auto !important;
}


#navigation {
	width: 100%;
	top: 0 !important;
	float: none !important;
	right: 0 !important;
	margin: 0 auto;
	text-align: center;
	
}

#navigation li {
	
}

/** Navgation Level 2 **/


#navigation li ul {
	display: none ;
}

#mobile-navigation {
	display: none;
}


#container-2 {
	margin-top: -100px;
}

#banner-text {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: auto;
	margin-top: 35%;
}

#banner-text h1 {
	font-size: 50px;
}

#banner-text a {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #ffffff;
	padding: 15px 20px 12px 20px;
}




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



#banner-text {
	display: none !important;
}


/*** Container 1-4 ***/

#container-1 {
	width: 100%;
}

#container-2 {
	margin-top: -100px;
}

#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;
	z-index: 5;
}

#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;
	
	max-width: 400px;
	background: url(../images/logo-highres.png) 0px 0px no-repeat !important;
	background-size: 400px auto !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;
}

}
/*** 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: 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;
}



}



@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;
	max-width: 220px;
	background: url(../images/logo-highres.png) 0px 15px no-repeat !important;
	background-size: 220px auto !important;
}

#banner-top {
	position: relative;
	z-index: 2;
	margin-top: -40px;
	
}

#container-2 {
	margin-top: -100px;
}


#banner-text {
	display: none !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;
}


}