@charset "utf-8";
/* CSS Document                  */
/* template.css                  */
/* Mobile Template für Elternmitwirkung */

@media screen and (max-width: 1050px) {
  #left {
    display:none;
  }
  #middle {
    width: 73%;
  }
  #content {
    width: 55%;
  }
}
@media screen and (max-width: 900px) {
  #middle {
	width:75%;
	margin-left: 70px;
  }
  #mobile-nav {
	display:block;
  }
  #topnavigation, #downnavigation {
    display:none;
  }
  #logo {
    position: absolute;
    top: 45px;
    left: 40%;
    margin: 0;
  }
  #header {
    margin: 10px 0 105px;
  }
  #headerslogan {
	  width: 45%;
	  font-size: 1.6vw;
  }
  .emmlogo {
	  width:90%;
	  height:auto;
  }
  .headerimage {
	  max-width:100%;
	  height:auto;
	  margin: 0 auto;
  }
  #content {
	  width:82%;
  }
	li.item-107, li.item-125 {
  		display: block;
	}  
}

@media screen and (max-width: 640px) {
	#middle {
		width:95%;
		margin-left: 5px;
	}
	#headerslogan {
	  width: 45%;
	  font-size: 2.0vw;
  	}
	#logo {
    	position: absolute;
    	top: 44px;
    	left: 34%;
    	margin: 0;
  }
	#content {
		width: 90%;
	}
	li.item-107, li.item-125, li.item-128, li.item-129 {
  		display: block;
	}
		
	
}
@media screen and (max-width: 390px) {
	#headerslogan {
	  width: 50%;
	  font-size: 3vw;
	}
	#logo {
		left:32%;
	}
	.emmlogo {
	  max-width:100%;
	  height:auto;
  }
  li.item-107, li.item-125, li.item-128, li.item-129 {
  display: block;
}
	
	
	
}