@media only screen and (min-width: 1px) {
html {
    color: black;
    font-family: Crimson Text;
    margin: 0; 
	padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in odernen Browsern */
	background-image:url(kanal.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-width: 100%;
	background-attachment:fixed;

	}
	  body {
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 1024px;
	background: rgba(255,255,255,0.8);
	border-radius: 20px;
	padding: 2em;
	text-align: justify;
	box-shadow: 0px 0px 40px grey;
	overflow-y: scroll;
  }
  
  header {

  }
 
 a
 {
 display: block;
    margin-left: auto;
    margin-right: auto;
 color: #0B610B;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5em;
  
  padding-top: 0.3em;

 }

 a.visited
 {
 color: #0B610B;
 text-decoration: none;
 font-weight: bold;
 font-size: 1.5em;
 }

 a.hover
 {
 color: #blue;
 }
 hr { 
	  width: 95%; 
	  height: 0.1em; 
      margin: 0 auto;
	  color: grey;
    }
 

#foto
{
width: 15em;
border-top-right-radius:1em;
border-bottom-left-radius:1em;
margin-left: 3em;
box-shadow: 5px 5px 10px #D8D8D8;
float: right;
}


.navp
{

	
flex: 1;

text-align: center;
min-width: 2.5em;
height: 1.25em;
background-color:#CEF6CE;
float:left;
margin: 1em;
border-top-right-radius:0.5em;
border-bottom-left-radius:0.5em;
border-bottom-color: #0B3B0B;
border-bottom: 0.5 em;
border-bottom-style: solid;
color: #0B3B0B;
box-shadow: 5px 5px 10px #D8D8D8;

font-weight: bold;
padding-top: 0.15em;
font-size: 2em;

}

.navp:hover {
cursor:pointer;
background-color:#0B3B0B;
color: #CEF6CE;

}
.navp:active {
border-bottom-color: #CEF6CE;

}

#nav
{width: 80%;
margin: auto;

height: 5em;


  
display: -webkit-box;
display: -moz-box;
display: -ms-flex;
display: -webkit-flex;
display: flex;  
 
 margin-bottom:3em;

}

#home:target{
   
  height: 20em;
  clear: left;
  
}


#impressum:target{
   
  height: 70em;
 
}


#datenschutz:target{
   
  height: 140em;		
 
}
 
  main {

	width: 1024px;
  }
 
  main h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  main p {
    font-size: 1em;
    margin: 0;
	padding: 1em;
  }
 
 #projekte{
	clear: both;
	 padding-top:2em;
 }
 
 #projekte h2{
 color: #0B3B0B;
 font-size: 0.9em;
 padding-top:0;
 padding-bottom:0;
 margin-bottom:0;
 text-decoration: underline;
 }
 #projekte h3{
 color: black;
 font-size: 0.7em;
  padding-bottom:0.7em;
  padding-top: 0em;
  margin-top: 0em;
 }
 
 .projekt{
 border-top-right-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-color: #0B3B0B;
border-top: 0.5;
border-top-style: solid;

background: rgba(206,246,206,0.7);

padding:0.5em;
padding-top:0;
margin-bottom: 0.5em;
 }
 
 .projekt ul {
	width: 12em;
	color: black;
	font-size: 0.7em;
	float: left;
	padding-right: 1em;
 
  }
 
 .screenshot{
 margin: auto;
 width: 25%;
 height: auto;
 }
 
  footer {
	
  }
	.reframe { max-width: 760px }
}