html, body {
  margin: 0;
  padding: 0; 
  font-family: sans-serif;
  background-color: #333333; /* A4CABD; */
}


@media screen and (min-width: 951px) {
section {
    display: flex;
    height: 90dvh;
    }
}



@media screen and (max-width: 950px) {
section {
    flex-direction: column;
    }
article {
    flex-direction: column;
}
#malerei, #home, #orchester, #unterricht {
    min-height: 30dvh;
    }
}






h3  {
    font-size: 1em;
    }

#home {
    min-width: 70%;
    padding: 1em;
    background-image: url("images/rb_main.jpg");
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
    }
#hometext   {
    background-color: #444444;
    padding: 0 19px 0 19px;
    color: #DDDDDD;
   }

#solo   {
    display: flex;
    flex-direction: column;
    height: 70dvh;
    padding: 19px;
    text-align: center;
    background-color: #96A9B2;
    }
#solo table    {
    margin: auto;
    }

#projekte {
    background-color: #A8C994;
    }
#gallery {
    width: 70%;
    margin: auto;
    display: block;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 1em;
    color: #000000;
    }
.group  {
    border-top-style: solid;
    border-top-color: #C8E9B4;
    border-top-width: 1px;
    margin: 1em;
    padding: 1em;
    color: #000000;
    }
.group a {
    color: #000000;
    }
@media screen and (max-width: 950px) {
#gallery {
    width: 90%;
    }
.group  {
    margin: 5px;
    padding: 5px;
    }
}

#violins    {
    padding: 19px;
    background-color: #93C4A9;
    }

article {
    display: flex;
    }
#komptext   {
    min-width: 30%;
    padding: 19px;
    background: #AABBCC;
    }
#kompositionen {
    min-width: 60%;
    padding: 19px;
    background: #CCAABB;
    }
#kompositionen table {
    margin: auto;
    }

#unterricht {
    min-width: 70%;
    padding: 1em;
    background-image: url("images/rb_teach.jpg");
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
    }
#unttext   {
    background-color: #8194b490;
    color: #EEEEEE;
    padding: 0 19px 0 19px;
   }

#orchester {
    min-width: 60%;
    padding: 1em;
    background-image: url("images/rb_conduct.jpg");
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
    }
#orchtext   {
    background-color: #5499B6;
    padding: 0 19px 0 19px;
   }

#malerei {
    min-width: 70%;
    padding: 1em;
    background-image: url("images/rb_paint.jpg");
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
    }
#maltext   {
    background-color: #CCCCCC;
    padding: 0 19px 0 19px;
   }


#communication {
    padding: 4em;
    display: flex;
    justify-content: space-around;
   }
#communication table {
    color: #999999;
    }
#communication a {
    color: #CCCCCC;
    }
@media screen and (max-width: 550px) {
#communication {
    padding: 2em;
    display: block;
    justify-content: space-between;
   }
}