:root {
    --c-primary-color: #c72727;
    --c-secondary-color: #f99500;
    --c-light-color: #f3f3f3;
    --c-dark-color: #333;
    --c-max-width: 1100px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--c-dark-color);
    background-image: url(../img/nebula_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--c-light-color);
    &  * {
        scrollbar-width: thin;
        scrollbar-color: #585c5f #aeafaf;
    }

    &::-webkit-scrollbar {
        width: 8px;
    }

     &::-webkit-scrollbar-thumb {
        background-color: #585c5f;
        border-radius: 10px;
    }

     &::-webkit-scrollbar-track {
        background-color: #aeafaf;
    }
}

main {
    min-height: 500px;
    height: 85vh;
    max-height: 85vh;
    overflow: hidden;
}

#mainContiner {
    height: 100%;
    max-height: 100%;
    overflow: hidden; /* Verhindert, dass das gesamte Layout scrollt */
}