/* © 2025 Christoph Härtsch <c.haertsch@sokratessoft.ch> */
body {
}

footer {
    font-size: 0.6rem;
}

span.errmsg {
    font-weight: bold;
    color: red;
    position: relative;
    display: block;
}

span.errmsg span {
    position: absolute;
    background-color: yellow;
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
}

a.navbar-brand img {
    height: 50px;
}

/* Text */

/* Colors */
.bgblue {
    background-color: #0081c2;
    color: #FFFFFF;
}
.bglightblue {
    background-color: #5bc8ff;
    color: #FFFFFF;
}
.bglightbgreen {
    background-color: rgb(173, 255, 213);
    /*color: #FFFFFF;*/
}

.bgwhite {
    background-color: #FFFFFF;
}

.bglightgray {
    background-color: rgba(128, 128, 128, 0.75);
}

.rotateIcon {
    animation: spinner-border linear infinite 1.5s;
}

.rotateIcon span {
    font-size: 10em;
}


/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    footer {
        font-size: 0.6rem;
    }
    a.navbar-brand img {
        height: 75px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    footer {
        font-size: 0.65rem;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    footer {
        font-size: 0.7rem;
    }

    .rotateIcon span {
        font-size: 12em;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    footer {
        font-size: 0.75rem;
    }
}