#loader {
    width: 100px;
    padding: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    top: 100px;
    visibility: hidden;
    left: 45%;
    background: #25b09b;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}
#loaderDiv
{
    width: 200px;
    height: 200px;
    visibility: hidden;
    top: 100px; /* Vertikale Zentrierung */  
    left: 50%; /* Horizontale Zentrierung */  
    transform: translate(-50%, -50%); /* Genau in die Mitte verschieben */ 
    z-index: 999; /* Hoher Z-Index, um %C3%BCber mycontent zu stehen */
    margin: auto;
    background-color: rgba(224, 224, 224, 0.9);
    position: absolute;
    border-style: inset;
}

#transparentBlack
{
    z-index: 10000;
    visibility: hidden;
    background-color: rgba(101, 101, 101, 0.9);
    
}