body{
  background-image: url("images/Hintergrund.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center ; 
  background-size: cover; /* CSS3 Anweisung, erstreckt in Kombination mit background-attachment-fixed das Bild über den sichtbaren Bereich  */
                           /* Ältere Browser benötigen für diese Instruktion die Präfixe -webkit bzw. -moz bzw. -o   */

						   
	font-family: /*Bitter*/ /*Arial*/ Helvetica;	


color: #FFF;	
						   }



body {
	
	hyphens:  auto;
}

#headline1{
			 width: 50%;
  max-width:600px;			

  margin: 50px 5% 0px  5%;  
  letter-spacing: 0.1em;
 				   
}
						   
h1{
  /*font-family: Helvetica; */
  /*font-size: 200%; */
  width: 66.66%; /* vorher 400px */
  margin: 10px auto 10px auto;
  text-align: center;
  /*width: 50%; max-width:600px; */
  
  
}

h2 {
 
padding: 0 5%;  
 

}

#hangul{
  
  width: 50%;
  max-width:600px;
  /*margin-left: 12%; */
  font-size: 150%;
  /*width:200px ;*/
  margin: 40px 5% 0px  5%;
  color: #FFF;
}

#ilim{
  width: 100px;
  margin: 20px auto 0px auto;


}

#diplom, #software, #about {
  /* 2023-11-03  font-family auf Arial ... gestellt*/
 font-family:  Helvetica;
 
 /* 1312256 */
 /*text-shadow: 1px 1px 0 #333; */
 /*font-family: Bitter, Georgia, Cambria, "Times New Roman", Serif; */
 
 text-shadow: 1px 1px 0 #333; 
}

#diplom{

  width: 50%;
  max-width:600px;
  margin: 0px 5% 50px 5%; /* top right ..  */
  line-height: 1.5em; /* bezogen auf Elementgroesse  */

}

#magentolink{
  
  text-decoration: none;
  color: #f0672f;
}

.certificationlink{

  text-decoration: none;
  color: #f0672f;
}

#software{

  width: 50%;
  max-width:600px;
  margin: 0px 5% 50px 5%; /* top right ..  */
  line-height: 1.5em; /* bezogen auf Elementgroesse  */

}

#projekt{

    width: 50%;
    max-width: 600px;
    margin:    0px 5% 50px 5%;
    line-height: 1.5em;

}


#about{

  width: 50%;
  max-width:600px;
  margin: 0px 5% 50px 5%; /* top right ..  */
  line-height: 1.5em; /* bezogen auf Elementgroesse  */
}

#contact{
   width: 50%;
  max-width:600px;
  margin: 0px 5% 50px 5%;
  
}

#contact a{

  color: rgb(255,255,255);
}

#links{
  
  margin:  20px 5% 0 5%;            
  line-height: 1.5em;
}

#links img{

 vertical-align: middle; 
 }

#links a{

  /*color: black; */
  color: #FFF;
  text-decoration: none;
  margin: 0 20px 0 0;
  /*vertical-align: middle; */
}

#links a:hover {
	opacity: .6;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	}
	
#wbximg{
 border-radius:5px;
}	

.nicamilink{

 color:#33ff66
}

.nicamilink2{
 margin-left: 5%;
 color:#33ff66
}

.englishlink{
 margin-left: 5%;
 color: yellow;
 font-size: 0.8em;
}