/* CSS Document */
@charset "utf-8";

.mover { 
    overflow: hidden; 
    width: 100%; 
    height: 100%; 
    position: relative; 
    border-radius: 15px;
    background-color: rgb(218, 195, 104);
    background-image: url(../image/malen/W10_HI.png);
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size:contain; /* Resize the background image to cover the entire container */
} 

.move {
    width: 300px; 
    height: 700px; 
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    mix-blend-mode: darken;
} 

#m0 {
    left: 600px;
    background-image: url(../image/malen/W10-02.png);
  }

#m1 {
    left:300px;
    background-image: url(../image/malen/W10-04.png);
}

#m2 {
    left:400px;
    background-image: url(../image/malen/W10-04.png);
    transform: scaleX(-1);
}

#m3 {
    left: 20px; 
    top: 20px; 
    background-image: url(../image/malen/W10-01.png);
}



.moveoff {
    display: none;
}


/* Range Slider */

.slidecontainer {
    width: 100%;
  }