body {
    font-family: Roboto, sans-serif;
}
* {
    box-sizing: border-box !important;
}

/* general Page layout classes */
.custom-pageheader {
    height: 5vh;
    min-height: fit-content;
}
.custom-pagecontent {
    min-height: 88vh;
}

/* only image class */
.imagecoverfit {
    object-fit: cover;
}

/* logo classes */
.logo {
    height: 50px;
    width: 50px
}
.logotext {
    align-self: center;
    margin-left: 5px;
    color: var(--primary-color);
    font-weight: bolder
}

.backgroundcolor-ease {
    transition: background-color 0.3s ease;
}

a, p, label {
    color: var(--textcolor-80contrast);
}

a:hover {
    color: var(--textcolor-50contrast);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--textcolor-fullcontrast);
}