/* cmsms stylesheet: Mobile Optimized Additions modified: Montag, 4. November 2024 21:56:20 */
html {
    overflow: scroll
}

.mobile_only {
    display: none;
}

.coachlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.75rem
}

.coachheader {
    flex-basis: 100%;
}

.coachcard {
    flex-basis: 20%;
    display: flex;
    flex-direction: column;

}

.coachcontainer {
    display: flex;
    flex-direction: column;
    column-gap: 0.5rem;
    row-gap: 0.75rem
}

.coachinfo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.75rem
}

.flex1third {
    flex-basis: 30%;
}

.flex2third {
    flex-basis: 60%;
}

.stafflist {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0.5rem;
    row-gap: 0.75rem
}

.staffheader {
     grid-column: 1 / -1;
}

.staffname {
    text-align: left;
}

.staffteam {
    text-align: center;
}

.staffemail {
    text-align: right;
}

.infolist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.75rem
}

.infoheader {
    flex-basis: 100%;
}

.infoquestion {
    flex-basis: 20%;
    vertical-align: top;
    text-align: left;
}

.infoanswer {
    flex-basis: 75%;
    vertical-align: top;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}