body { background:   black; }
<!--Eigenschaften Fotos-->
#foto{
border: solid black 1px;
border-radius: 10px;
align: center;
}
#navi{    <!--Eigenschaften Pfeile-->
border: solid black 0.1px;
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: #a2b5cd;}

 /*für Chorleitung link Gestaltung*/
/*a{
font-size: 2em;
font-family:arial, "lucida console", sans-serif;}

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{
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% 0% ;
  padding: 0% 0% 5% 0%;
  justify-content: space-around;
  align-content: center;
  border: ;
  background-color: ;
  align-items: center;
  }

.bildli{

width:;
height: auto;
margin:1%0% 1%  0% ;
padding: ;
background-color: ;
align-content: center;
align-items: flex-start;
}

.mitte
{
width:;
height: auto;
margin:1%0% 1%  0% ;
padding: ;
background-color: ;
align-content: center;
align-items: center;
}
.bildre{

width: ;
height: auto;
margin:1% 0% 1% 0% ;
padding: ;
background-color: ;
align-content: center;
align-items: flex-start;
display:;
}
.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%0% 0%0% ;
  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: 410px ) {
/* mobile Geräte */
.bildre { display:none;}
}
@media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
/* Tablets und mittlere Bildschirme */

}