@media(max-width: 1150px){

	.grid, #app main{
		width: 96%;
	}
	#app main #boxes .box{
	width: 32%;
	margin-right: 2%;
	padding: 0;

}

#app main #boxes .box:last-of-type{
	margin-right: 0;
}
}

@media(max-width: 1024px){
	#app main section, #app main aside{
		width: 100%;

	float: none;
	}

	#app{height: auto;}

  body{
	  padding: 0;
  }

	 #app main aside{
		 margin-top: 30px;
	 }

#app main aside .widget .widget-header{
	padding: 0 2%;
	width: 96%;
}

#app main{
	padding-bottom: 0;
}
#app main {

}


#app header nav , #app header{
	display: none;
}

.menu-footer-container{
	display: none;
}


#app footer .copyright {
  border-top: none;
  height: 60px;
  line-height: 60px;
  margin-top: 0;
}#app main section article img{
		max-width: 100%;
		height: auto;
	}

	#mobile-nav, #logo-mobile{
		display: block;
	}



  .mobile-search-handler{
	  display: block;
	  position: absolute;
	  top: 0;
	  height: 60px;
	  line-height: 60px;
	  background: #00489a;
	  color: #fff;
	  padding: 0 8px;
	  font-size: 12px;
	  font-weight: 700;
	  text-decoration: none;
	  right: 0px;
	  text-transform: uppercase;
  }
  #image{
	  top: 0;
	  position: relative;
	  height: auto !important;
  }	#app main {

}



}

@media(max-width: 1060px){
#app main #boxes{
	margin-top: 0;
}
	#app main {
  margin-top: 0 !important;
}


	.checkboxes, .ranges, #searchform .col-item{
		width: 100%;
		flex: none;
		padding: 0;
	}
	.listitem .listtitle{
		width: 100%;
	}
	.ranges{
		padding-bottom: 30px;
	}
	.checkboxes{
		padding-top: 30px;
	}
	section form .form-column,
	section form .form-column.last {
  width:100%;
  margin: 0 0% 2% 0;
  float: left;
  position: relative;
}

.image-component .image-item{
	border: none; width: 49%
}
	#searchform .checkboxes label{
		width: 50%;
		margin-right: 0
	}.attributes-item .label, .attributes-item .label-value{
		width: auto;
		margin-right: 5px;
	}

	.attributes-item .label:after{
		content: ": ";
	}

	#app main section h2{
		height: auto;
		padding: 13px;
		line-height: 24px;
	}
	.resultsCount{
		position: relative;
		width: auto;
		font-size: 30px;
		text-align: left;
		float: left;
		top: 15px;
	}
	#searchform button:after{
		content: "";
		display: none;
	}
	#searchform button{
		position: static;
		width: auto;
		padding: 0 12px;
		margin-left: 20px;
	}
	.close-search{
		position: static;
		padding-bottom: 12px;
		border-bottom: 1px solid #fff;
		margin-bottom: 12px;
		display: block;
		width: 100%;
		float: left;
	}

	#app #breadcrumb{
		height: auto;

	}

	#app #breadcrumb p{
		line-height: 21px;
	}


	.file-component .file-item {
  width: 100%;
  border: 3px solid #efefef;
  height: auto;
  overflow: hidden;
  margin: 0 0% 1% 0;
  float: left;
  }

  .team-item .team-item-content, article.search-item.no-thumb .search-item-content{

	width: 100%;
  }
  #app main section article #gebiete .listitem figure, #app main section article #gebiete .listitem.ri figure{
	  width: 100%;
	  float: none;
  }#gebiete .listitem .listcol2{
	  width: 100%;
	  margin-top: 12px;
  }
  #app main section article img.alignleft{
	  float: none;
	  width: 100%;
	  height: auto;
  }
  article.search-item .action {
  width: 100%;
  position: static;
  right: 0;
  top: 0;
  height: auto;
  border-left: none;
  text-align: center;
  padding: 0 0 12px 0;
}

.show-mobile{
	display: inline-block;
}

.listitem.small figure{
	width: 30%;
}

.page-id-20 .listitem figure{
	width: 30%;
}
.listitem.small .listtitle,
.page-id-20 .listitem .listtitle {
  line-height: 21px;
  width: 65%;
  float: left;
  text-align: left;
  margin-left: 5%;
}

.listitem.small .listcol1, .listitem.small .listcol2, .listitem.small .link,
.page-id-20 .listitem .listcol1, .page-id-20  .listitem .listcol2, .page-id-20 .listitem .link {
	 width: 65%;
  float: left;  line-height: 21px;
  text-align: left;
  margin-left: 5%;
}

.page-id-12 .listitem.header,
.page-id-20 .listitem.header{
	display: none;
}
.notes .facts, .notes .gallery-component{
	width: 100%;
	margin: 0;
}


article.search-item figure {
  width: 100%;}


  #hotline, #search-handler{
	  position: static;
	  width: 100%;
	  text-align: center;
	  padding: 10px 0;
  }

  #app header{
	  position: relative;
	  display: none;
  }


  #app main #boxes .box{
	  width: 100%;
	  margin-bottom: 12px;
  box-sizing: border-box;
  }


  #app footer .copyright {
  border-top: none;
  height: auto;
  line-height: 21px;
  text-align: center !important;
  margin-bottom: 10px;





  }

  #app footer .copyright div.text-left,
  #app footer .copyright div.text-right {
	  width: 100%;
	  text-align: center;
	  float: none;
	  display: block;
  }
}