/*! Malwin Faber – Minimal CSS Grid (ersetzt Bootstrap)
    Nur die tatsächlich verwendeten Klassen. */

*,*::before,*::after{box-sizing:border-box}

.container-fluid{width:100%;margin-right:auto;margin-left:auto}

.row{display:flex;flex-wrap:wrap;margin:0;padding:0}

[class*="col-"]{width:100%;padding-left:0;padding-right:0}

.col-12{width:100%}

.justify-content-center{justify-content:center}

@media(min-width:768px){
  .justify-content-md-center{justify-content:center}
  .col-md-3{width:25%}
  .col-md-4{width:33.333333%}
  .col-md-5{width:41.666667%}
  .col-md-6{width:50%}
  .col-md-7{width:58.333333%}
  .col-md-8{width:66.666667%}
  .col-md-9{width:75%}
  .col-md-10{width:83.333333%}
  .col-md-12{width:100%}
  .offset-md-1{margin-left:8.333333%}
  .offset-md-2{margin-left:16.666667%}
  .offset-md-3{margin-left:25%}
  .offset-md-4{margin-left:33.333333%}
  .offset-md-5{margin-left:41.666667%}
  .offset-md-6{margin-left:50%}
  .offset-md-7{margin-left:58.333333%}
}

@media(min-width:992px){
  .col-lg-4{width:33.333333%}
  .col-lg-8{width:66.666667%}
}