body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 30em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }



div#Info {
    float: right; width: 14.5em;
    margin: 0; padding: 0;
    /*border: 1px dashed silver; background-color: #eee; */
  }
  
  
  div#Inhalt {
    margin: 0 14em 0 0em;
    padding: 0 1em;
    /* border: 1px dashed silver; */
  }
  div#Inhalt h1 {
    font-size: 1.5em;
    margin: 0 0 0.5em;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  .boxshadow {
margin-bottom:16px;
margin-left:0px;
padding-left:6px;
padding-right:6px;
background-color: #FFFFE0;
border: 2px solid #AE6B00;
border-radius: 6px;
box-shadow: 6px 10px 8px #888;
}

.kasten {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

  .shadow {
box-shadow: 6px 10px 8px #888;
}
	
.figure {
	display: inline-block;
	width: 300px;
	height: 150px;
	border: 2px solid #ccc;
	background-color: #fff;
	margin:40px;
	opacity: 0.8;
	border-radius: 0px;
	vertical-align: top;
	transition: box-shadow 0.5s;

}	

.figure:hover {
box-shadow: 0 0 15px rgba(33,33,33,.2); 
opacity: 0.95;

}
	
.zentriert {
	font-family : "Roboto", sans-serif;
	font-size:16pt; 
    line-height: 1.8;
	text-align: center;


	}