@charset "utf-8";
@media (min-width: 769px) {
    /************************************* GENERAL ***************************************/
    body {
        background: url('bg.jpg');
        -webkit-box-shadow: inset 0px 180px 106px -106px rgba(28, 12, 57, 1);
        -moz-box-shadow: inset 0px 180px 106px -106px rgba(28, 12, 57, 1);
        box-shadow: inset 0px 180px 106px -106px rgba(28, 12, 57, 1);
    }

    /**************************************** LAYOUT ****************************************/
    #page {
        background: none;
    }

    #copyright {
        color: #776399;
    }

    #copyright span {
        background: none;
    }

    #copyright a {
        color: #8d78b3;
    }

    #head #navigation li.zumschloss {
        background-image: url("navigation_zumschloss.png");
        height: 62px;
        width: 132px;
    }
}

@media (min-width: 864px) {
    /** Abschlussfeier **/
    #banners {
        position: absolute;
    }

    .banner {
        position: relative;
        top: -30px;
    }

    .banner:first-child {
        left: -200px;
    }

    .banner:nth-child(2) {
        left: -200px;
    }

    .banner:nth-child(3) {
        left: 200px;
    }

    .banner:last-child {
        left: 200px;
    }

    #banners .lower-banner {
        padding-top: 50px;
    }

    .house-banner {
        width: 196px !important;
        height: 298px !important;
    }

    @media (max-width: 1200px) {
        #pergament_top .left,
        #pergament_bottom .left {
            flex: 0 0 313px;
        }

        #main #left {
            flex: 0 0 92px;
        }

        #pergament {
            background-position-x: -144px;
        }

        .house-banner {
            width: 147px !important;
            height: 224px !important;
        }

        .banner:first-child {
            left: -120px;
        }

        .banner:last-child {
            left: 120px;
        }
    }
}