*{
    box-sizing: border-box;
}

body{
    display: grid;
    grid-template-columns: 100vw;
    grid-template-rows: 100vh;
  
    margin: 0;
    padding: 0; 
    
    background-image: linear-gradient(to left top, grey, rgb(216, 196, 18));   
}

.fill-all{
    position: absolute;
    width: 100%;
    height: 100%;
}

.scene-buero-background-image {
   background-image: url("../medien/color.png");  
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;

   -webkit-mask-image: url("../medien/m1.png");
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   -webkit-mask-position: center;

   mask-image: url("../medien/m1.png");
   mask-repeat: no-repeat;
   mask-size: contain;
   mask-position: center;
   
} 

.scene-buero-background-image-bw{    
    background-image: url("../medien/color.png");  
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}