.parallax-container{
    height: 120px;
}
.parallax-container::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: block;
   background-size: cover;
    transform: translateZ(-1px) scale(2.1);
    min-height: 100%;
    z-index: -2;
   
  }
  .parallax-container {
    position: relative;
    height: 120px;
    overflow: hidden;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 100%;
}
  .background-image-2 {
    background-image: url('https://rassweiler-it.de/images/rassweiler-it_jerome_rassweiler_programming_setup_2048x1365.jpg');
}
.background-image-1 {
    background-image: url('https://rassweiler-it.de/images/rassweiler-it_jerome_rassweiler_webdesign.png');
    background-position: center right;
}
.parallax-section{
    height: inherit;
    background: rgba(0, 0, 0, 0.6);
}
.parallax-section .row{
    height: inherit;
}
.parallax-section .row{
    height: inherit;
}
.parallax-section h4{
    color:#ffffff!important;
    font-size: 1.9rem;
}
.parallax-section p{
    color:#ffffff!important;
    font-size: 1.5rem;

}
.art{
    height: -webkit-fill-available;
}
.button-parallax {
    display:block;
    float:left;
    margin: 5px;
    color:#fff;
    text-align:center;
    font-size:24px;
    cursor: pointer;
    text-decoration: none;
    padding:10px;
    border: 1px solid rgba(0,0,0,0.5);
    border-bottom: 3px solid rgba(0,0,0,0.5);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5), /* Exterior Shadow */
      inset 0 1px rgba(255,255,255,0.3), /* Top light Line */
      inset 0 10px rgba(255,255,255,0.2), /* Top Light Shadow */
      inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */
      inset 0 -15px 30px rgba(0,0,0,0.3); /* Dark Background */
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5),
      inset 0 1px rgba(255,255,255,0.3),
      inset 0 10px rgba(255,255,255,0.2),
      inset 0 10px 20px rgba(255,255,255,0.25),
      inset 0 -15px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.5),
      inset 0 1px rgba(255,255,255,0.3),
      inset 0 10px rgba(255,255,255,0.2),
      inset 0 10px 20px rgba(255,255,255,0.25),
      inset 0 -15px 30px rgba(0,0,0,0.3);
  }
  
  .button-parallax:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
  }
@media only screen and (max-width: 850px) {
    .parallax-container{
        background-attachment: initial;
        height: 200px;
    }
}