body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
  background:white;
}

#frame {
    max-width: 1380px;
}

#s_left, #s_middle, #s_right {
  
  
    float: left;
    height: 100%;
  
    overflow: hidden;
    width: 33.33%;
}

#s_left > img,  #s_middle > img, #s_right > img{
    opacity: 0.5;
}



#s_left{
  position:absolute;
  background-repeat:no-repeat;
  background-position:top left;
  top:0;
  bottom:0;
  left:0;
  right:66.66%;
}

#s_middle{
  position:absolute;
  background-repeat:no-repeat;
  background-position:top center;
  top:0;
  bottom:0;
  left:33.33%;
  right:33.33%;
}

#s_right{
  
  position:absolute;
  background-repeat:no-repeat;
  background-position:top right;
  top:0;
  bottom:0;
  left:66.66%;
  right:0;
}

#s_left:after {
    transition: all 1s ease;
  background-image: url("../../user_upload/Bilder_allgemein/startseite/sbg_left.jpg");
    background-repeat: no-repeat;
  background-size: cover;
    content: "";
    height: 100%;
    opacity: 0.5;
    position: absolute;
    
  left:0;
    top: 0;
    width: 100%;
    z-index: -1;
}

#s_middle:after {
    transition: all 1s ease;
  background-image: url("../../user_upload/Bilder_allgemein/startseite/sbg_middle.jpg");
    background-repeat: no-repeat;
  background-size: cover;
    content: "";
    height: 100%;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
  left:0;
    width: 100%;
    z-index: -1;
}

#s_right:after {
    transition: all 1s ease;
  background-image: url("../../user_upload/Bilder_allgemein/startseite/sbg_right.jpg");
    background-repeat: no-repeat;
  background-size: cover;
    content: "";
    height: 100%;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}


#s_balken > img {
    
    height: auto;
    max-height: 120px;
    max-width: 70%;
    padding: 27px;
    z-index: 20;

}



#s_balken {
    /*background-color: rgba(0,0,0,0.8);*/
  background-image: linear-gradient(rgba(30, 30, 30, 0.8) 0%, rgba(120, 120, 120, 0.8) 50%, rgba(30, 30, 30, 0.8) 100%);
    height: auto;
    position: fixed;
    top: 25%;
    width: 33.33%;
  text-align: center;
  z-index:10;
  min-height: 180px;
  
}
#s_left:hover:after, #s_middle:hover:after, #s_right:hover:after {
    opacity: 0.9;
}