@media screen and (max-width: 1700px), (max-device-width: 1700px) {
#home #page{
	margin: 0 25px;
}
}
@media screen and (max-width: 1200px), (max-device-width: 1200px) {
#page{
	margin: 0 20px;
}
#home #page{
      margin: 0 20px !important;
}

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

.slider-desktop{
    display: none;
}

  .slider-mobile{
    display: block;
}

  .nav2{
    margin-top: -0;
    position: static;
  }

  .project-list .grid-item img{
    width: 90%;
}

.news-list .grid-item img{
  width: 90%;
}

  .pro-pic-left{
    margin-top: 0;
}
#nav-menu{
	display: block
}
#header{
	min-height: 100px;
	height: auto;
	margin: 0 0 10px
}
.headline{
	margin: 0 0 20px;
	border-bottom: 1px solid #bababa;
	padding: 0 0 10px;
}
.languages{
	text-align: right;
	margin: 2px -5px 0 20px;
	font-size: 14px;
	float: none;
}
.languages a{
	padding: 0 5px;
}
.nav1{
	display: none;
	height: auto;
	text-align: center;
	clear:both;
	float: none;
	padding: 20px 0 0;
	margin: 0 !important
}
.nav1 ul{
	background: #efefef;
}
.nav1 li{
	display: block;
	margin: 0
}
.nav1 a{
	line-height: normal;
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #ffffff;
}
.nav-blocks{
	margin: 0 0 20px
}
.pull-left, .pull-right{
	float: none !important
}
.grid-sizer, .grid-item{
	width: 50%;
}
.grid-item{
	margin: 0 0 20px;
}
.pic-news{
	margin: 0 0 15px
}
}

@media screen and (max-width: 500px), (max-device-width: 500px) {
    .nav2 {
      height: 25px;
      font-size: 14px;
    }

.mobileumbruch{
  display:block
}


}

@media screen and (max-width: 400px), (max-device-width: 400px) {

    .nav2 {
      font-size: 13px;
    }

#page{
	margin: 0 15px;
	padding: 20px 0
}
#home #page{
	margin: 0 20px;
}
.logo{
	width:30%;
}
.logo img{
	width: 100%;
	height: auto;
}
.grid-item,
.grid-sizer{
	width: 100% !important;
}
}

@media screen and (max-width: 360px), (max-device-width: 360px) {
    .nav2 {
      font-size: 12px;
    }
}

@media screen and (max-width: 320px), (max-device-width: 320px) {
    .nav2 {
      font-size: 11px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}