canvas{
  display:block;
  vertical-align:bottom;
}



/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%;
  background-color: rgba(0,158,227,1);
  background-image: url('logo-gif_BG-sterne.gif');
  background-size: 35%;
  background-position: 50% 50%;
  background-repeat: repeat;
  position:relative;
}

/* ---- img ---- */

.korsch-logo {
  position:absolute;
  top: 50px;
  left: 50px;
}

.logo-hundert {
    display: block;
   width: 50%;
    height: auto;
position: absolute;
    left: 27%;
    top: 32%;
}

.logo-hundert-sm {
    display:none;
}

/* ********************************************************** Querys ENDE */


/* ********************************************************** Querys */
@media (max-width: 720px) {
 #particles-js{
  width: 100%;
  height: 100%;
  background-color: rgba(0,158,227,1);
  background-image: url('logo-gif_BG-sterne.gif');
  background-size: 50%;
  background-position: 50% 50%;
  background-repeat: repeat;  
}
    .logo-hundert{
         display: none;
     }
    .logo-hundert-sm{
        display:block;
        max-width: 65%;
    height: auto;
     position: absolute;
    left: 20%;
    top: 36%;
    }
    .korsch-logo {
        max-width:40%;
        height:auto;
        left:30px;
        top:50px;
    }
}