:root
{
    --heading_top_height: 40px;
}

.page_addData
{
    position: absolute;
    left: 100%;
    display: none;
    overflow: auto;
    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);
}

    /* Überschrift: */
    .page_addData .heading
    {
        text-align: center;
        margin: 25px 10px 10px 10px;
    }
    /* -ENDE- Überschrift */

    /* Inhalts-DIV */
    .page_addData .contentDIV
    {
        margin: 25px 10px 10px 10px;
    }

        /* Tabelle: */
        .page_addData .contentDIV table
        {
            display: flex;
            justify-content: center;
        }

        .page_addData .contentDIV table input:not([type="button"]):not([type="submit"])
        {
            border: none;
            padding: 0 0.2em 0 0.2em;
            outline-color: #1874CD;
        }
        .page_addData .contentDIV table input[type="number"]
        {
            width: 5.3em;
            outline-color: #1874CD;
        }
        .page_addData .contentDIV table input:not([type="button"]):not([type="submit"]):read-only
        {
            outline: none;
            background-color: lightgrey;
            max-width: 3em;
            cursor: not-allowed;
        }
        .page_addData .contentDIV table input[value="0"]:read-only
        {
            border: 2px solid #CC372D !important;
        }

        .page_addData .contentDIV table select
        {
            border: none;
            cursor: pointer;
            max-width: 10em;
            background-color: white !important;
            outline-color: #1874CD;
        }

            .page_addData .contentDIV table tbody tr
            {
                border-bottom: 1px solid grey;
            }
            .page_addData .contentDIV table tbody tr:nth-child(2)
            {
                border-bottom: none !important;
            }

            .page_addData .contentDIV table tbody tr td
            {
                padding: 15px;
                width: 25vw;
            }

            /* Für die "Zeitraum" & "Stunde"-Spalte der Tabelle: */
            .page_addData .contentDIV .dashedBorder .sliderContainer
            {
                margin: 0 5px 0 5px;
            }

            .page_addData .contentDIV .dashedBorder
            {
                border-bottom: 1px dashed grey;
            }

            .page_addData .contentDIV .dashedBorder .lessonSpan
            {
                color: grey;
                cursor: pointer;
                transition-duration: 0.3s;
            }
            /* -ENDE- Für "Zeitraum" & "Stunde"-Spalte */

            .page_addData .helpSign 
            {
                width: 1.9em;
                height: 1.9em;
                vertical-align: middle;
                cursor: pointer;
                margin: -1px 0 0 20%;
                padding: 1px;
                border: 1px solid darkgoldenrod;
                border-radius: 3px;
            }

        .page_addData .output
        {
            color: darkred;
            font-weight: bold;
            display: none;
            text-align: center;
        }
        /* -ENDE- Tabelle */
    /* -ENDE- Inhalts-DIV */