/*TODO:  Inverse Formattierung nur bei Devices mit Maus und Image Formattierung wird immer benötigt, weil display = none - alles wird benötigt*/
 
 @media (hover: hover) {
     /* input is a mouse*/
     body {
         min-height: 100%;
         /* requires for 'mix-blend-mode' */
         cursor: none;
         color: #000;
         background-color: #fff;
         /* requires for 'mix-blend-mode' */
     }
     /*Inverse Color behind cursor */
     .is-active {
         background: #fff;
         mix-blend-mode: difference;
     }
     .no-dot {
         display: none;
     }
 }
 
 @media (pointer: fine) and (any-pointer: coarse) {
     /* the primary input is a mouse/stylus,
    but there is also a touchscreen 
    present.*/
     body {
         min-height: 100%;
         /* requires for 'mix-blend-mode' */
         cursor: none;
         color: #000;
         background-color: #fff;
         /* requires for 'mix-blend-mode' */
     }
     /*Inverse Color behind cursor */
     .is-active {
         background: #fff;
         mix-blend-mode: difference;
     }
     .no-dot {
         display: none;
     }
 }
 
 #image {
     background-color: #fff;
     position: absolute;
     display: none;
     pointer-events: none;
     z-index: -1;
 }