body { 
  margin: none;
  border: none; 
 background-image: url(./wolken.jpg); 
  /* background-color: #ffa500; */
 width: 100%; 
  // height: 100%; 
 background-position: center; center; 
 background-repeat: no-repeat;
   
 } 

#content  {  /* der mittlere teil */
   Position: relative;
  top: 0px; left: 10px;
  max-height: 700px;
  max-width: auto;
   background-color: #f0fff0; 
  padding: 10px 10px 10px 10px;
    border: solid #dcdcdc 1px;
    border-radius: 2em;
  margin-left: 0px;
  margin-right: 5px;
//   margin-top: 5px;
   overflow-y: scroll ;
   overflow-x: hidden ;
  } 

well { 
	min-height: 10px;
 max-height: 300px; 
  padding: 19px;
  margin-top: 5px;
	margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
	background-color: #f0fff0;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
   overflow-y: scroll; 
   
 } 

.well { 
	min-height: 20px;
 	padding: 19px;
  margin-top: 5px;
	margin-bottom: 0px;
	background-color: #f0fff0;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
 overflow-y: scroll;
  
 }  

/* fuer den Hintergrund im Editor */
body.mceContentBody { 
 background-color: #cdcdcd; 
 background-image: none;
height: auto;
 } 

header { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
 // height: auto;
 // margin-right: 40px;
margin-top: 0px; }   


.h5:hover {   transform: scale(3.0);  transition-duration:4s;
    transition-timing-function: ease-in-out; 
} 

.h6:hover { transform:rotate(20deg); transition-duration:3s;
transition-timing-function: ease-in-out;
 }   
header { margin-left: 0px; } 

.looper { animation: none; } 
@keyframes perspect {

//  100% {transform:perspective(500px) rotateY(360deg)} 
} 

.looper:hover { animation: perspect 8s infinite linear 

 }   
@keyframes perspect { 
  
  100% {transform:perspective(500px) rotateY(360deg)} 
} 

.video-container {
    position: relative;
    padding-bottom: 56.25%; padding-top: 30px;
    height: 0;
    overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%; }

body { margin: 0 0 0 0; } 

html { margin: none; }