/* CSS Document */

/* Medium screens (640px) */
@media (min-width: 500px) { 
  html { 
  	font-size: 112%; 
	}
  
 body{
 	font-size: 1.12rem; /* 14/16 */
	}
 
 
  .container {
  margin: 0 auto;
 /*  width: 100%; */
  max-width: 100%;
}

.container #box2 {
	/* width: 53.793%; */
	width: 70%;
	/*background-color: #99FFFF;*/
	float:left;
	margin-left: 0px;
}


.container #box2 .clearfix .teaser {
	margin-bottom: 2%;
	margin-right: 3.3%;
	float: left;
	width: 31%;
	color:#000000;
}

.container #box2 .clearfix .teaser:nth-child(3n+5) {
  /* background-color: gold; */	
   margin-right: 0%;
}
/* 
.container #box2 .clearfix .teaser:nth-child(3n+5) {
  background-color: gold; 	
   margin-right: 0%;
}
*/



.container header {
	width: 25%;
	/* background-color:#00FF00; */
	float:left;
}

.container #box1 {
	/*  background-color: #CCFF66; */
	width: 4%;
	float:left;
	visibility:visible;
	color:#3300CC;
}

.container #box2 main {
	/* background-color:#33CCCC; */
	/* font-size: 0.75em; */
	height: 20%;
	margin-top:5%;
}
.container #box2 main .siteheader {
	/* width: 54%; */

	margin-bottom:5%;
}

.container #box2 main .siteheader h1 {
	font-weight:100;
	/* font-size: 1.7rem; */
}

.container #box2 main article figure img {
	max-width: 100%;
}

.container #box2 main article figure {
	width: 30%;
	/* width: 45.161%; */
	margin-right: 4.838%; 
	
}

.container #box2 main .projekte figure {
	/*width: 30%; */
	 width: 45.161%; 
	margin-right: 4.838%; 
	
}

.container #box2 .clearfix .gallery img{
	width: 23%;
	max-height:23%;
	max-width:23%;
	min-height:23%;
	min-width:23%;
}

.container #box2 main article .text {
	width: 60%;
	/* width: 45.161%; */
	margin-left: 4.838%;
	margin-top: 0rem; /*5%; /* ändern auf Schriftgröße */
}

.container #box2 main .projekte .text {
	/* width: 60%; */
	 width: 45.161%; 
	margin-left: 4.838%;
	margin-top: 0rem; /*5%; /* ändern auf Schriftgröße */
}

.container #box2 nav {
	/*  background-color: #999900; */
	color: #FBB900;
	/* margin-top: 27%; */
	/* font-size: 1.0rem; */
	margin-top: 15%;
}

.container #box2 nav ul li {
	float: left;
	width: auto;
}

.container #box2  small {
		/* font-size: 0.8rem; */ 
	
}
}