.decoration-svg {
    position: absolute;
    left: 0;
    top: 66%;
    height: 0.58em;
    width: 100%;
    fill: rgba(59, 130, 246, 0.7);
    z-index: -1;
}
.toptextyeet {
    z-index: 15!important;
    text-shadow: 0px 0px 5px black;
    color: #e4e4e7;
}

.glassmorphism {
    background-color:rgba(15, 23, 42, 0.75) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0px 4px 19px 6px rgba(0, 0, 0, 0.68) !important;
    z-index: 10;
}

.sidebarglas {
  background-color:rgba(15, 23, 42, 0.75);
}

/* Für Chrome, Edge und Safari */
::-webkit-scrollbar {
  width: 8px; /* Scrollbar-Breite */
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0f172a; /* dunkler Hintergrund (Sidebar/Main Background) */
}

::-webkit-scrollbar-thumb {
  background-color: #475569; /* Graue Scrollbar-Farbe */
  border-radius: 4px; /* Abgerundete Ecken */
  border: 2px solid #0f172a; /* Padding-Effekt um die Scrollbar */
}

/* Optional: Hover-Effekt für Scrollbar */
::-webkit-scrollbar-thumb:hover {
  background-color: #64748b; /* Etwas heller beim Hover */
}

@font-face {
    font-family: 'Geist VF';
    src: url('../fonts/Geist[wght].woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
}