/*@font-face { font-family: 'jule2'; src: url('jule2.ttf') format('truetype'); }*/

#about {
	position: relative;
    width: 100%;
    height: 100%;
	margin-top: 1em;
	padding-bottom: 2em;
	margin-bottom: 0.2em;
	overflow: hidden;
   }	

#about_box {
	text-align: justify;
	font-family:/*"jule2",*/"century gothic",verdana,sans-serif;
	}
	
#impressum {
	padding-top: 1em;
	text-align: center;
	margin: 0 2% 0;
	}
	
#center {
	text-align: center;
	margin: 0 2% 0;
	}	
	
#block {
	text-align: justify;
	margin: 0 2% 0;
	}	
	
#content p {
		text-align: justify;
}

.black {
	color: black;
}

.bold {
	color: black;
	font-weight: bold;
}


@media only screen and (max-width:540px) {
	
#bild, #content p{
	width: 96%;
	margin: 0 2% 0;
	}
}

@media only screen and (max-width:770px) and (min-width:540px) {


	
#bild, #content p{
	width: 87%;
	margin: 0 6.5% 0;
	}

}
@media only screen and (min-width:770px) {



#about {
	width: 87%;
	margin: 0 6.5% 0;

  height: auto;

   }	

#bild{
	width: 35%;
	float:right;
	margin-left: 2em;
	margin-bottom: 2em;
	shape-outside: inset;
  shape-margin: 1.5em;
	}


	
#impressum {
	padding-top: 1em;
	text-align: center;
	margin: 0 6.5% 0;
	}

#center {
	text-align: center;
	color: black;
	margin: 0 6.5% 0;
	}	
	
#block {
	text-align: justify;
	margin: 0 6.5% 0;
	}	
	
		
	}
	
 @media only screen and (min-width:1200px) {
	

	
#about {
width: 60%;
float: center;
	padding-bottom: 10em;
	margin-left: 20%;
	margin-right: 20%;
   }
	

}