@import url("bootstrap.css") all;
@import url("fontawesome.css") all;

/* Ergänzungen. */

/* IE11 hat ein eigenes "clear-cross" */
input::-ms-clear { 
    display: none;     
}

/* Benötigt für die Cover-Bilder. */

.mw-app {
    max-width: 1200px;
}

.min-vh-75 { 
    min-height: 75vh; 
}

/* maxWidth in Prozent. */

.mw-25 {
    max-width: 25%;
}
.mw-50 {
    max-width: 50%;
}

@media (min-width: 576px) {
    .mw-sm-25 {
        max-width: 25%;
    }
    .mw-sm-50 {
        max-width: 50%;
    }
}

@media (min-width: 768px) {
    .mw-md-25 {
        max-width: 25%;
    }
    .mw-md-50 {
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .mw-lg-25 {
        max-width: 25%;
    }
    .mw-lg-50 {
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .mw-xl-25 {
        max-width: 25%;
    }
    .mw-xl-50 {
        max-width: 50%;
    }
}