.popupBox
{
    position: absolute;
    z-index: 100;
    transition-duration: .2s;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    opacity: 0;
    display: none;
}

    .popupBox .background
    {
        position: absolute;
        z-index: 99;
        width: 100vw;
        height: 100vh;
        top: -50vh;
        left: -50vw;
        transition-duration: .2s;
        background-color: transparent;
    }

    .popupBox .content
    {
        position: absolute;
        transition-duration: .2s;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 8px 3px grey;
        z-index: 100;
        top: 50%;
        left: 50%;
        width: 75vw;
        height: auto;
        min-height: 50px;
        max-height: 75vh;
        overflow: hidden;
        border-width: 2px;
        border-style: solid;
        border-color: unset;
        background-color: unset;
        padding: 10px;
    }

    .popupBox .content.info
    {
        background-color: #d9edf7;
        border-color: #bce8f1;
        color: #31708f;
    }
    .popupBox .content.success
    {
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #3c763d;
    }
    .popupBox .content.error
    {
        background-color: #f2dede;
        border-color: #ebccd1;
        color: #a94442;
    }
    .popupBox .content.warn
    {
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #8a6d3b;
    }

        .popupBox .content .closeBtn
        {
            position: relative;
            float: right;
            top: -5px;
            font-size: 1.5em;
            cursor: pointer;
        }

        .popupBox .content .title
        {
            display: block;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .popupBox .content .text
        {
            overflow: hidden auto;
            max-height: calc(75vh - 50px - 1.9em);
            margin-bottom: 10px;
        }

        /* Für "method = hint": */
        .popupBox .content .ideaImage
        {
            position: absolute;
            display: none;
            top: -25px;
            left: -22px;
        }
        
            .popupBox .content .ideaImage img
            {
                width: 40px;
                height: 40px;
            }
        /* -ENDE- Hint */

        /* Für "method = confirm": */
        .popupBox .content .btnDIV
        {
            display: none;
            text-align: right;
        }

            .popupBox .content .btnDIV button
            {
                color: white;
                cursor: pointer;
                outline: none;
                width: 4em;
                padding: 2px 4px;
                height: 1.7em;
            }

            .popupBox .content .btnDIV button:nth-child(1)
            {
                border: 1.5px solid #B5291F;
                background-color: #cf2f23;
                margin-right: 7.5px;
            }

            .popupBox .content .btnDIV button:nth-child(2)
            {
                border: 1.5px solid #347840;
                background-color: #3B8A4A;
                margin-left: 7.5px;
            }
        /* -ENDE- Confirm */