:root {
    --johanniter-rot: #EB003C;
    --johanniter-dunkelrot: #C70033;
    --johanniter-blau: #000548;
    --johanniter-grau: #D9D9D9;
    --johanniter-hellgrau: #F0F0F0;
    --johanniter-weiss: #FAFAFA;
    --johanniter-gelb: #DEFF00;
}

/* Header */
.cl-bildungsportal .c-header {
    z-index: 9999;
}

/* Content */
.cl-bildungsportal .main-titel {
    color: var(--johanniter-blau);
    font-size: 51.96px;
    font-weight: bold;
    line-height: 59.75px;
    vertical-align: middle;
    margin: unset;
    margin-bottom: 30px;
}

.cl-bildungsportal .titel-1 {
    color: var(--johanniter-blau);
    font-size: 36.49px;
    font-weight: bold;
    line-height: 41.96px;
    vertical-align: middle;
    margin: unset;
    margin-bottom: 13px;
}

.cl-bildungsportal .titel-2 {
    color: var(--johanniter-blau);
    font-size: 25.63px;
    font-weight: bold;
    line-height: 29.47px;
    vertical-align: middle;
    margin: unset;
    margin-bottom: 10px;
}

.cl-bildungsportal .titel-3 {
    color: var(--johanniter-weiss);
    font-size: 20.25px;
    font-weight: bold;
    line-height: 26.33px;
    vertical-align: middle;
    margin: unset;
    margin-bottom: 10px;
}

.cl-bildungsportal .body-text {
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: var(--johanniter-weiss);
}