:root
{
    --background: #19191c;
    --black: #000000;
    --white: #FFFFFF;
    --red: #821722;
    --blue: #004A99;
    --lav: #e6e6fa;  
}

body
{
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    background-color: var(--background);
    color: var(--white); 
}

@media screen and (min-width: 300px) 
{
    .Eintraege
    {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        padding: 0;
        border-color: var(--white);
        text-align: justify;
    }

    .divider2
    {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }    
}

@media screen and (min-width: 600px) 
{
    .Eintraege
    {
        margin-left: 2rem;
        margin-right: 2rem;
        text-align: justify;
    }

    .divider2
    {
        margin-left: 2rem;
        margin-right: 2rem;
        padding: 0;
        border-color: var(--white);
    }
}

@media screen and (min-width: 800px) 
{
    .Eintraege
    {
        margin-left: 6rem;
        margin-right: 6rem;
        text-align: justify;
    }

    .divider2
    {
        margin-left: 6rem;
        margin-right: 6rem;
        padding: 0;
        border-color: var(--white);
        
    }
}

@media screen and (min-width: 1079px) 
{
    .Eintraege
    {
        margin-left: 8rem;
        margin-right: 8rem;
        text-align: justify;
        
    }

    .divider2
    {
        margin-left: 8rem;
        margin-right: 8rem;
        padding: 0;
        border-color: var(--white);
    }
}