* {
    /*    outline: 1px solid red;*/
    margin: 0;
    width: 100vw;





}

body {
 
    
    cursor: none;

      }

 /* Unser blauer “Cursor” */
    #blue-cursor {
      position: fixed;
      top: 0;
      left: 0;
      width: 16px;
      height: 16px;
      background-color: blue;
      border-radius: 50%;
        box-shadow: none;
      pointer-events: none;
      transform: translate(-50%, -50%) scale(1);
      /* Hier animieren wir transform sanft in 0.3s */
      transition: transform 0.3s ease-in-out, background-color 0.5s ease, box-shadow 0.5s ease-in-out,;
      z-index: 9999;
    }
    /* Optional: Cursor bei Klick vergrößern */
    #blue-cursor.active {
      width: 24px;
      height: 24px;
      background-color: dodgerblue;
}
 #blue-cursor.hover-h3 {
      transform: translate(-50%, -50%) scale(1.2);
     box-shadow: 0 0 6px 8px rgba(0, 0, 255, 1);
      
    }
/*
transition: transform 0.3s ease-in-out;
*/