@charset "utf-8";


/* ------------------------------ Grid Sachen ------------------------------ */

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
    margin: 0 auto;
    max-width: 991px;
}

.row>* {
    padding: 0 15px;
    width: calc(100% - 30px);
}

@media (min-width:1200px) {
    .row {
        max-width: 1200px;
    }
}

/* mobile Ansichten */

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: calc(50% - 30px);
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: calc(100% - 30px);
}

/* Desktop ansichten */

@media (min-width: 992px) {

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: calc(25% - 30px);
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 30px);
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: calc(75% - 30px);
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: calc(100% - 30px);
    }
}