/* custom-scrollbar.css */

/* Horizontale Scrollbar */

/* Track (Hintergrund) */
::-webkit-scrollbar {
    width: 10px;
    background-color: antiquewhite;
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 5.1); */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  /* Handle (beweglicher Teil) */
  ::-webkit-scrollbar-thumb {
    /* background-color: #F7993E; */
    background-image: url(./img/bg1.jpg);
    background-size: cover;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /* border: 2px solid #F7993E; */
    /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3), inset 0px 0px 6px rgba(255, 255, 255, 0.3);
    filter: saturate(150%) brightness(120%);  */
  }
  
  /* Handle bei Hover */
  ::-webkit-scrollbar-thumb:hover {
    background-image: url(./img/bg4.jpg);
    background-size: cover;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /* border: 2px solid #FFDD00; */
    /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3), inset 0px 0px 6px rgba(255, 255, 255, 0.3); 
    filter: saturate(150%) brightness(120%); */
  }
  
  /* Track (Hintergrund) */
  ::-webkit-scrollbar-track {
    background-color: antiquewhite;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  }
  
  /* Vertikale Scrollbar */
  
  /* Track (Hintergrund) */
  ::-webkit-scrollbar-y {
    height: 10px; 
    background-color: antiquewhite;
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 5.1); */
  }
  
  /* Handle (beweglicher Teil) */
  ::-webkit-scrollbar-thumb-y {
    background-image: url(./img/bg1.jpg);
    background-size: cover;
    /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3), inset 0px 0px 6px rgba(255, 255, 255, 0.3);
    filter: saturate(150%) brightness(120%);  */
  }
  
  /* Handle bei Hover */
  ::-webkit-scrollbar-thumb-y:hover {
    background-image: url(./img/bg4.jpg);
    background-size: cover;
    /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3), inset 0px 0px 6px rgba(255, 255, 255, 0.3);
    filter: saturate(150%) brightness(120%);  */
  }
  
  /* Track (Hintergrund) */
  ::-webkit-scrollbar-track-y {
    background-color: antiquewhite;
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  }
  
  /* Corner (Ecke) */
  ::-webkit-scrollbar-corner {
    background: transparent;
  }

  @media screen and (max-height: 600px) {
    ::-webkit-scrollbar {
      border-radius: 0;
    }
    ::-webkit-scrollbar-thumb {
      border-radius: 0;
    }
    ::-webkit-scrollbar-track {
      border-radius: 0;
    }
  }
  
  /* Verstecken der Scrollbar auf Mobilgeräten */
  /* @media screen and (max-width: 768px) {
    ::-webkit-scrollbar,
    ::-webkit-scrollbar-y {
        display: none;
    }
  } */