/* =====================================================================
 * Bootstrap-4-Spaltenklassen (aus EXT:bootstrap_grids) für Bootstrap 3
 * Wirkt nur innerhalb von .bsg-row (Grid-Elemente 2/3/4 Spalten),
 * der Rest der Website bleibt unverändert Bootstrap 3.
 * ===================================================================== */
.bsg-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.bsg-row::before,.bsg-row::after{content:none;display:none}
.bsg-row>*{position:relative;float:none;width:100%;min-height:1px;padding-left:15px;padding-right:15px;flex:0 0 100%;max-width:100%}
.bsg-row.align-items-start{align-items:flex-start}.bsg-row.align-items-center{align-items:center}.bsg-row.align-items-end{align-items:flex-end}
.bsg-row.justify-content-start{justify-content:flex-start}.bsg-row.justify-content-center{justify-content:center}.bsg-row.justify-content-end{justify-content:flex-end}
.bsg-row.justify-content-between{justify-content:space-between}.bsg-row.justify-content-around{justify-content:space-around}
.bsg-row>.col{flex:1 0 0%;max-width:100%}
.bsg-row>.col-auto{flex:0 0 auto;width:auto;max-width:100%}
.bsg-row>.col-1{flex:0 0 8.33333%;max-width:8.33333%}
.bsg-row>.col-2{flex:0 0 16.6667%;max-width:16.6667%}
.bsg-row>.col-3{flex:0 0 25%;max-width:25%}
.bsg-row>.col-4{flex:0 0 33.3333%;max-width:33.3333%}
.bsg-row>.col-5{flex:0 0 41.6667%;max-width:41.6667%}
.bsg-row>.col-6{flex:0 0 50%;max-width:50%}
.bsg-row>.col-7{flex:0 0 58.3333%;max-width:58.3333%}
.bsg-row>.col-8{flex:0 0 66.6667%;max-width:66.6667%}
.bsg-row>.col-9{flex:0 0 75%;max-width:75%}
.bsg-row>.col-10{flex:0 0 83.3333%;max-width:83.3333%}
.bsg-row>.col-11{flex:0 0 91.6667%;max-width:91.6667%}
.bsg-row>.col-12{flex:0 0 100%;max-width:100%}
@media (min-width:576px){.bsg-row>.col-sm{flex:1 0 0%;max-width:100%}.bsg-row>.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.bsg-row>.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.bsg-row>.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.bsg-row>.col-sm-3{flex:0 0 25%;max-width:25%}.bsg-row>.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.bsg-row>.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.bsg-row>.col-sm-6{flex:0 0 50%;max-width:50%}.bsg-row>.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.bsg-row>.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.bsg-row>.col-sm-9{flex:0 0 75%;max-width:75%}.bsg-row>.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.bsg-row>.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.bsg-row>.col-sm-12{flex:0 0 100%;max-width:100%}}
@media (min-width:768px){.bsg-row>.col-md{flex:1 0 0%;max-width:100%}.bsg-row>.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.bsg-row>.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.bsg-row>.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.bsg-row>.col-md-3{flex:0 0 25%;max-width:25%}.bsg-row>.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.bsg-row>.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.bsg-row>.col-md-6{flex:0 0 50%;max-width:50%}.bsg-row>.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.bsg-row>.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.bsg-row>.col-md-9{flex:0 0 75%;max-width:75%}.bsg-row>.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.bsg-row>.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.bsg-row>.col-md-12{flex:0 0 100%;max-width:100%}}
@media (min-width:992px){.bsg-row>.col-lg{flex:1 0 0%;max-width:100%}.bsg-row>.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.bsg-row>.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.bsg-row>.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.bsg-row>.col-lg-3{flex:0 0 25%;max-width:25%}.bsg-row>.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.bsg-row>.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.bsg-row>.col-lg-6{flex:0 0 50%;max-width:50%}.bsg-row>.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.bsg-row>.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.bsg-row>.col-lg-9{flex:0 0 75%;max-width:75%}.bsg-row>.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.bsg-row>.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.bsg-row>.col-lg-12{flex:0 0 100%;max-width:100%}}
@media (min-width:1200px){.bsg-row>.col-xl{flex:1 0 0%;max-width:100%}.bsg-row>.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.bsg-row>.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.bsg-row>.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.bsg-row>.col-xl-3{flex:0 0 25%;max-width:25%}.bsg-row>.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.bsg-row>.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.bsg-row>.col-xl-6{flex:0 0 50%;max-width:50%}.bsg-row>.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.bsg-row>.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.bsg-row>.col-xl-9{flex:0 0 75%;max-width:75%}.bsg-row>.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.bsg-row>.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.bsg-row>.col-xl-12{flex:0 0 100%;max-width:100%}}
