body
 {background-image: url('../image/poster1.jpg');
background-color: black;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
 background-position: center;
}
{background-color: black;}
 { background-size: 100% 100%;
 background-attachment:fixed;} 



.flex-container{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  height: ;
  width: 80%;
 margin:0;
 padding: 5% 0% 0 0.1%;
 justify-content: left ;
 flex-wrap: wrap ;
 flex-direction: row;
 align-items:;
 background-color: ;
}



.item{
	display:flex;
	background-color:;
align-items:left;
flex-wrap:wrap;
flex-direction:row;
border-color: ;
border-style: ;
border-width: ;}

	
/*
.item1{                     
width:%;
padding:1% 1% 1% 1% ;
margin: 1% 1% 1% 1% ;
flex-wrap: wrap ;
background-color: rgba(255,255,255,0.3);
flex-direction: ;
align-items:;
justify-content: ;
 border: solid black 0.5px;
border-radius: 4px;
background-color: ;
}
h1{font-size: 2em;
   font-family: sans-serif;
  color: white;
   }
  */
  
  
p {font-size: 0.9em;
  font-family: sans-serif;
  color: white;
  text-align: ;
  padding: 0% 0 0 0;
  background-color:rgba(0,0,0,0.3) }
  




 a:link {
font-family: sans-serif;
font-size: 0.7em;
color: ;
font-weight: bold;
border-style: solid;
border: 10px;
border-color: grey;
border-radius: 5%; 
align-items: ;
padding: 0% 0% 0 0;
background-color: ;}

a:hover
{ color: white;
font-size: ;
 }
img{
border: solid black 0.5px;
border-radius: 4px;
margin: -2% 3% 1% 3%;
width:% ; }

a img:hover{
   box-shadow:0 0 15px rgba(250,250,205,0.9);}
 




.trennung {
             -ms-hyphens: auto;
             -webkit-hyphens: auto;
            hyphens: auto;
                        }
						
@media only screen and ( max-width: 440px ) 

{
/* mobile Geräte */

img{
border: solid grey 0.5px;
border-radius: 4px;
margin: 2% 1% 1% 1%;
width:100% ; 
align-items: center;
}
	
p{
width: 100%;}

.flex-container{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  height: ;
  width: 90%;
 margin:0;
 padding: 5% 0% 0 3%;
 justify-content: center ;
 flex-wrap:  ;
 flex-direction: column;
 align-items:;
 background-color: ;
}
.item{
	display:flex;
	clear:both;
	background-color:;
align-items:center;
flex-wrap:;
flex-direction:column;
border-color: ;
border-style: ;
border-width: ;}
}

@media only screen and ( min-width: 440px ) and ( max-width: 720px ) 
{
/* Tablets und mittlere Bildschirme */
 
.leftFloat {
  float: left
}
.rightFloat {
  float: right
}
img{
border: solid grey 0.5px;
border-radius: 4px;
margin: 2% 3% 1% 3%;
width:50% ; }

}
 @media only screen and ( min-width: 720px ) 
		 {
/* breites Browserfenster */
 
.leftFloat {
  float: left
}
.rightFloat {
  float: right
}
		img{
border: solid grey 0.5px;
border-radius: 4px;
margin: 2% 3% 1% 3%;
width:20% ; }
		 }