@import url("variables.css");

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
  
/* Scrollleiste */
::-webkit-scrollbar-thumb {
    background-color: #454545; /* Graue Daumenfarbe */
    border-radius: 10px; /* Abgerundete Ecken */
    border: 4px solid var(--background-color); /* Heller Rand um den Daumen */
}
  
/* Hintergrund der Scrollbar */
::-webkit-scrollbar-track {
    background-color: var(--background-color); /* Heller Hintergrund */
    border-radius: 0px; /* Abgerundete Ecken */
}
  
/* Hover-Effekt auf der Scrollbar */
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Dunklere Farbe beim Hover */
}
  
/* Horizontale Scrollbar */
::-webkit-scrollbar-horizontal {
    height: 12px;
}
  
/* Vertikale Scrollbar */
::-webkit-scrollbar-vertical {
    width: 12px;
}