body{
    background-color: #0a5dad;
    text-overflow: ellipsis; 
    color: white;
    font-family: Montserrat, sans-serif;
}

h1{
    font-family: "Lakeshore", Arial;
    font-size: 4.5em;
}


.text-black{
    color: black;
}

.bg-black{
    background-color: black;
}

.profile-icon{
    font-size: 60px;
}


.navmobile {
    box-shadow: 0px -1px 10px rgb(32, 32, 32);
}

.header {
    box-shadow: 0px 1px 10px rgb(32, 32, 32);
}

.filename{
    word-wrap: break-word;
}

.buttons{
    float: right;
    
}

/* xs */
.dashboardlogo {
    width: 95%;
    height: auto;
}
/* sm */
@media (min-width: 768px) {
    .dashboardlogo {
        width: 95%;
    }
}

/* md */
@media (min-width: 992px) {
    .dashboardlogo {
        width: 65%;
    }
}

/* lg */
@media (min-width: 1200px) {
    .dashboardlogo {
        width: 50%;
    }
}

/* ############ Fonts ############# */
@font-face {
    font-family: Lakeshore;
    src: url("../resources/fonts/lakeshore/Lakeshore-Regular.ttf")
    format('truetype');
    src: url("../resources/fonts/lakeshore/Lakeshore-Regular.otf")
    format('opentype');
}

.Spaltenbeschriftung{
    text-align: center;
    
    font-size: 1.25em;
}



.WertBeschriftung{
    font-size: 1.1em;
   
    
}

.KategorieBeschriftung{
    font-size: 1.1em;
    font-weight: 800;
    padding-top: 1.5em;
    padding-bottom: 0.2em;

}

span.WerteRot {
    color: rgb(255, 0, 0);
}

span.WerteGrün {
    color: rgb(12, 201, 12);
}

span.ow{
    word-break: break-word;
}

.whitespace { 
    white-space: pre-wrap; 
}