footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

main {
    padding-bottom: 10vh; /* Platz für Footer */
    padding-top: 2vw;
}

.fp-container {
    width: 100vw !important;
    padding-left: 2vw !important;
    padding-right: 2vw !important;
}

.card-title {
    font-size: 20px !important;
}

#val_matchtime_main_timer, #val_match_points {
    font-family: digital-clock-font,serif;
    font-size: 35px;
}

#val_match_points {
    margin-left: 15px;
    margin-right: 15px;
}

#val_matchtime_sec_timer {
    font-family: digital-clock-font,serif;
    font-size: 13px;
    margin-right: 15px;
}

#col-spielstand div div.card-content, #col-matchtime div div.card-content {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: flex-end;  /* Text vertikal bottom */
}

#val_match_points_team_a, #val_match_points_team_b {
    margin-bottom: 5px
}

.card-content-team-actions {
    margin-top: 40px;
}

.card-content-team-actions .row .col a {
    width: 100%;
}




.disable-area {
    position: relative; /* wichtig! */

}

.disable-area.disabled {
    filter: grayscale(100%) brightness(0.8);
    user-select: none;
}

.disable-area .overlay {
    position: absolute;
    inset: 0;
    display: none;
    /*background: rgba(128,128,128,0.4);*/

    /* DAS ist wichtig, sonst gehen Klicks durch */
    pointer-events: all;

    z-index: 999; /* liegt ganz oben */
}

.disable-area.disabled .overlay {
    display: block;
}