/* pb-container steuert Flex, pb-baseblock ist das Flex-Element */
.pb-container > .pb-baseblock {
    display: flex;
}
.pb-baseblock .text-nowrap{
    white-space: nowrap;
}

/* Richtung */
.pb-flex-dir-row > .pb-baseblock {
    flex-direction: row;
}
.pb-flex-dir-column > .pb-baseblock {
    flex-direction: column;
}

/* justify-content */
.pb-flex-justify-start > .pb-baseblock {
    justify-content: flex-start;
}
.pb-flex-justify-center > .pb-baseblock {
    justify-content: center;
}
.pb-flex-justify-end > .pb-baseblock {
    justify-content: flex-end;
}
.pb-flex-justify-between > .pb-baseblock {
    justify-content: space-between;
}
.pb-flex-justify-around > .pb-baseblock {
    justify-content: space-around;
}
.pb-flex-justify-evenly > .pb-baseblock {
    justify-content: space-evenly;
}

/* align-items */
.pb-flex-align-stretch > .pb-baseblock {
    align-items: stretch;
}
.pb-flex-align-start > .pb-baseblock {
    align-items: flex-start;
}
.pb-flex-align-center > .pb-baseblock {
    align-items: center;
}
.pb-flex-align-end > .pb-baseblock {
    align-items: flex-end;
}
.pb-flex-align-baseline > .pb-baseblock {
    align-items: baseline;
}

/* gap */
.pb-flex-gap-0 > .pb-baseblock { gap: 0; }
.pb-flex-gap-1 > .pb-baseblock { gap: .25rem; }
.pb-flex-gap-2 > .pb-baseblock { gap: .5rem; }
.pb-flex-gap-3 > .pb-baseblock { gap: 1rem; }
.pb-flex-gap-4 > .pb-baseblock { gap: 1.5rem; }

/* wrap */
.pb-flex-wrap > .pb-baseblock { flex-wrap: wrap; }
.pb-flex-nowrap > .pb-baseblock { flex-wrap: nowrap; }
.pb-flex-wrap-reverse > .pb-baseblock { flex-wrap: wrap-reverse; }

@media (min-width: 0px) and (max-width: 575.98px) {
    .text-sm-small span{
        font-size: 10px !important;
    }

    i.fas{ font-size: 12px; }
    i.fas.fa-2x{ font-size: 20px; }
    i.fas.fa-3x{ font-size: 24px; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    i.fas{ font-size: 12px; }
    i.fas.fa-2x{ font-size: 20px; }
    i.fas.fa-3x{ font-size: 24px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    
}

@media (min-width: 1400px) {
    
}