/* Styling Main Layout */

body {
    background-color: #1C1A20;
}

.custom-sidebar{
    min-width: 250px;
}

main{
    display: flex;
}

.content{
    display: flex;
    flex-grow: 1;
}

.content-scroller {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 870px;
}

.content-scroller::-webkit-scrollbar {
    width: 2px; /* Breite der Scrollbar */
}

.content-scroller::-webkit-scrollbar-thumb {
    background-color: #4C00A3; /* Farbe des Scrollbar-Schiebereglers */
    border-radius: 4px; /* Abrundung der Ecken */
}

.content-scroller-webkit-scrollbar-track {
    background-color: #221E27; /* Hintergrundfarbe der Scrollbar-Tracks */
    border-radius: 4px; /* Abrundung der Ecken */
}

/* FONTS */
/* hind-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/hind/hind-v16-latin-regular.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* hind-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/hind/hind-v16-latin-700.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* work-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/workSans/work-sans-v19-latin-regular.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* work-sans-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Work Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/workSans/work-sans-v19-latin-italic.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* work-sans-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/workSans/work-sans-v19-latin-800.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* work-sans-800italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Work Sans';
    font-style: italic;
    font-weight: 800;
    src: url('/fonts/workSans/work-sans-v19-latin-800italic.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* Quattrocento Sans - latin */
@font-face {
    font-display: swap;
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/quattrocentoSans/quattrocento-sans-v21-latin-regular.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* Quattrocento Sans Italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Quattrocento Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/quattrocentoSans/quattrocento-sans-v21-latin-italic.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}

/* Quattrocento Sans 700Italic- latin */
@font-face {
    font-display: swap;
    font-family: 'Quattrocento Sans';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/quattrocentoSans/quattrocento-sans-v21-latin-700italic.woff2') format('woff2'); /* Angemessener Pfad zu den Schriftarten */
}