body { background:   black; }

#navi{    <!--Eigenschaften Pfeile-->
border: solid black 0;
border-radius: 100px;
align-content: center;
width:60px;
height: auto;
}
p{     <!--Schrift Name,Stimmgruppe-->
font-size: 2.5em;
color: #a2b5cd;
font-family:arial, "lucida console", sans-serif;
Text-align: center ;
}

hr{color: black;}

figcaption {
  margin: 2% 0 0 0;
  font-family:arial, "lucida console", sans-serif;
  text-align: center;
  font-size: 0.95em;
 color: #a2b5cd;
 font-weight: ;
 background-color:;}


a:link {
font-size: 2.5em;
color: grey;
width: 150px;}
*/
.flex-container_name
{
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;
  flex-direction:
  width: 90%;
  flex-flow: ;
  flex-shrink: 3;
  margin:0% 0% 0% 0% ;
  padding: 0% 0% 0% 0%;
  justify-content: space-around;
  align-content: center;
  border: ;
  background-color: ;
  align-items: center;
  }

.name{
width: 90%;
height: ;
margin% 0% %  0% ;
padding:0% 1% 0% 1% ;
background-color: ;
border: ;
justify-content: ;
text-align: center;
align-content: center;
align-items:;}


.flex-container{     <!--container-Bild-->  <!--container-Bild-->  <!--container-Bild-->
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;
  flex-direction:;
  width: 90%;
  flex-flow: row wrap;
  flex-shrink: 3;
  margin:0% 0% 0% 1% ;
  padding: 2.5% 0% 2.5% 0%;
  justify-content: space-around;
  align-content: center;
border:;
border-radius: 10px;
  background-color:rgba(255, 255, 255, 0.1);
  align-items: center;
  }


 img  {
 width:auto;
 max-height:400px ;
border:solid black 1px;
border-radius: 10px;
margin: auto;
display: block;
 }
.mitte
{
width:100%;
height: auto;
margin:%0% %  0% ;
padding: ;
border:;
background-color: ;
 <!--container-Bild-->  <!--container-Bild-->  <!--container-Bild--> }



.flex-container_nav{
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;
  flex-flow:;
 margin:0%10% 0%7% ;
  padding: 0 0 2% 0;
  width: ;
  justify-content:center ;
  align-content:center ;
  align-items: center;
  background-color:  ;
  border: ;
  align-items: ;
  }

.pfeil_li{
width: ;
height:;
margin:0% 0% 0% 0% ;
padding:0% 0% 0% 0% ;
background-color: ;
border:;

}

.stop{
width:% ;
height: ;
margin:0% 0% 0% 0% ;
padding:0% 0% 0% 0% ;
background-color: ;
border:;

}

.pfeil_re{
width:% ;
height: ;
margin:0% 0% 0% 0% ;
padding:0% 0% 0% 0% ;
background-color: ;
border: ;
}
@media only screen and ( min-width: 950px ) {
/* breites Browserfenster */

}
@media only screen and ( max-width: 440px ) {
/* mobile Geräte */

.name{
width: 90%;
height: ;
margin: 0% 0% 0%  4% ;
padding:0% 1% 0% 1% ;
background-color: ;
border: ;
justify-content: ;
text-align: center;
align-content: center;
align-items:;}



/*Bildcontainer*//*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/

 .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;
  flex-direction:;
  min-width: auto;
  height: 450px;
  flex-flow: row wrap;
  flex-shrink: 3;
  margin: ;
  padding: ;
  justify-content: space-around;
  align-content: center;
border:;
border-radius: 10px;
  background-color:rgba(255, 255, 255, 0.1);
  align-items: center;
  }


 img  {
 width:95%;
 height:auto ;
border:solid black 1px;
border-radius: 10px;
margin: 0 0 0 2%;
 }
.mitte
{
width:98%;
height: auto;
margin: ;
padding: ;
border:;
align-content: center;
align-items: center;
background-color: ;
}
/*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/

.flex-container_nav{
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;
  flex-flow:;
 margin:0%3.5% 0%0% ;
  padding: 0 0 2% 0;
  width: ;
  justify-content:center ;
  align-content:center ;
  align-items: center;
  background-color:  ;
  border: ;
  align-items: ;
  }





}
@media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
/* Tablets und mittlere Bildschirme */


/*Bildcontainer*//*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/

 .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;
  flex-direction:;
  width: 95%;
  height:   ;
  flex-flow: row wrap;
  flex-shrink: 3;
  margin: ;
  padding: ;
  justify-content: space-around;
  align-content: center;
border:;
border-radius: 10px;
  background-color:rgba(255, 255, 255, 0.1);
  align-items: center;
  }


 img  {
 width:auto;
 max-height: 200px;
border:solid black 1px;
border-radius: 10px;
margin: auto;
display:block;
 }
.mitte
{
width:100%;
height: auto;
margin: ;
padding: ;
border:;
align-content: center;
align-items: center;
background-color: ;
}
/*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/ /*Bildcontainer*/


}