@media all {
    .erstinformation-background {
        /*! display: none; */
        position: fixed;
        width: 100%;
        z-index: 100;
        background: rgba(0,0,0,0.5);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .erstinformation-wrapper {
        position: absolute;
        bottom: 2em;
        top: 2em;
        left: 10%;
        right: 10%;
        padding: 3em;
        color: rgb(0,0,0);
        max-width: 80%;
        background: #fff;
        margin: 0 auto;
        overflow: auto;
        box-shadow: 0 0 4em rgba(0,0,0,0.3);
    }

    .erstinformation-wrapper a{
        color: #b00441;
        font-weight: bold;
    }

    .erstinformation-header {
        text-align: center;
    }

    .erstinformation-introtext {
        text-align: center;
    }

    .erstinformation-makler-head {

    }

    .erstinformation-makler-address {

    }

    .erstinformation-makler-register-head {

    }

    .erstinformation-makler-vermittlingsregister {

    }

    .erstinformation-makler-vermittlunsregister-nummer {

    }

    .erstinformation-sektionen {
        list-style-type: decimal;
        padding-left: 1.25em;
        padding-bottom: 10em;
    }

    .erstinformation-sektionen p {
        margin: 0;
        padding-bottom: 1em;
    }

    .erstinformation-wrapper .check_accept {
        position: fixed;
        bottom: 2em;
        padding: 1em;
        left: 10%;
        right: 10%;
        text-align: center;
        background-color: #ffffff;
    }

    .erstinformation-wrapper .check_accept p {
        margin: 0;
    }

    .erstinformation-wrapper .check_accept p label {
        float: left;
        cursor: pointer;
        position: relative;
        background-color: #eee;
        border-radius: 4px;
        display: inline-block;
        padding: .5em;
        z-index: 10;
    }

    .erstinformation-wrapper .check_accept button {
        border: none;
        float: right;
        cursor: pointer;
        position: relative;
        background-color: #b00441;
        border-radius: 4px;
        color: #ffffff;
        display: inline-block;
        padding: .5em;
        box-shadow: 0 .5em .5em rgba(0,0,0,0.33);
        z-index: 10;
    }

    .erstinformation-wrapper .check_accept button:hover {
        background-color: #333333;
    }

    .erstinformation-wrapper .check_accept::after {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: 0 0 1em rgba(0,0,0,0.33);
    }

    .button_erstinformationAkzeptiert {
        position: relative;
        z-index: 10;
    }
}

@media (max-width: 50em){
    .erstinformation-wrapper {
        bottom: 1em;
        top: 1em;
        left: 4%;
        right: 4%;
        padding: 2em;
        max-width: none;

        hyphens: auto;
    }

    .erstinformation-sektionen {
        padding-bottom: 16em;
    }

    .erstinformation-wrapper .check_accept {
        bottom: 1em;
        left: 4%;
        right: 4%;
    }

    .erstinformation-wrapper .check_accept p label ,
    .erstinformation-wrapper .check_accept button {
        float: none;
    }

    .erstinformation-wrapper .check_accept button {
        margin-top: 1em;
    }
}

@media print {
    .erstinformation-wrapper {
        position: absolute;
        box-shadow: none;
        overflow: auto;
    }

    .erstinformation-wrapper .check_accept {
        display: none;
    }
}