.page_about
{
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #ebebeb;
    color: #313131;
    padding: var(--heading_top_height) 15px 15px 15px;
    transition-duration: var(--pageFadeInTime);
    box-shadow: var(--boxShadow_forFadedPages);
    overflow: hidden auto;
}

/* Liste, die bei klick erweitert werden kann: */
.expandList
{
    position: relative;
    height: 1em;
    overflow: hidden;
    transition-duration: .2s;
}

    .expandList .expandHeading
    {
        font-weight: bold;
        cursor: pointer;
    }
        .expandList .expandHeading::after
        {
            content: attr(value-afterElm);
            position: absolute;
            right: 0;
            cursor: pointer;
        }

    .expandList .expandContent
    {
        margin-top: 10px;
    }
/* -ENDE- Liste, die erweitert werden kann */

    .page_about .heading
    {
        text-align: center;
        margin: 25px 10px 10px 10px;
    }

        .page_about .heading h4
        {
            font-weight: normal;
        }

            .page_about .heading h4 b
            {
                color: var(--themeColor);
            }

    .page_about .content
    {
        margin: 25px 0 10px 0;
    }

        .page_about .infoFields .field
        {
            height: auto;
            min-height: 45px;
            border: 1.5px solid var(--themeColor);
            padding: 10px;
            margin-bottom: 15px;
        }

            .page_about .infoFields .field img
            {
                position: absolute;
                width: 25px;
                height: 25px;
                vertical-align: middle;
            }

            .page_about .infoFields .field .fieldContent
            {
                margin-left: 35px;
            }