/****************************************************************************
 * Add top and bottom Paddings to Columns
 ****************************************************************************/
.column, .columns{ padding: .9375rem; }
.row.collapse.column,
.row.collapse.columns,
.row.collapse>.column,
.row.collapse>.columns{ padding: 0;}

.row .row{ margin: -0.9375rem;}
.row.collapse.column>.row,
.row.collapse.columns>.row,
.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child{ margin: 0;}

.row > .row.column,
.row > .row.columns{ margin: 0; padding: 0;}

/****************************************************************************
 * Enable Flexbox in Row-Columns
 ****************************************************************************/
.column.row.row,
.row.row.columns{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*************************************************************
 * Bugfix for rows which are in Columns of expanded Rows
 * INFO: The default-Foundation CSS removes the margin of
 *       the inner rows if the outer row is expanded.
 *       unfortunately this causes an Alignment-Error if the
 *       inner row is in a column
 *************************************************************/
.row.expanded .column >.row,
.row.expanded .columns >.row{
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
    max-width: none;
}


/****************************************************************************
 * Flex-Alignment for Medium
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 40em) {
    .medium-shrink {
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        max-width:100%
    }
    .medium-align-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    
    .medium-align-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    
    .medium-align-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    
    .medium-align-justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .medium-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    
    .medium-align-top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    
    .medium-align-self-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    
    .medium-align-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .medium-align-self-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    
    .medium-align-middle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .medium-align-self-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    
    .medium-align-stretch {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    
    .medium-align-self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
    
    .medium-align-center-middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

/****************************************************************************
 * Flex-Alignment for Large
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 64em) {
    .large-shrink {
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        max-width:100%
    }
    .large-align-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    
    .large-align-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    
    .large-align-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    
    .large-align-justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .large-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    
    .large-align-top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    
    .large-align-self-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    
    .large-align-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .large-align-self-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    
    .large-align-middle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .large-align-self-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    
    .large-align-stretch {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    
    .large-align-self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
    
    .large-align-center-middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

/****************************************************************************
 * Flex-Alignment for Xlarge
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 75em) {
    .xlarge-shrink {
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        max-width:100%
    }
    .xlarge-align-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    
    .xlarge-align-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    
    .xlarge-align-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    
    .xlarge-align-justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .xlarge-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    
    .xlarge-align-top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    
    .xlarge-align-self-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    
    .xlarge-align-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .xlarge-align-self-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    
    .xlarge-align-middle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .xlarge-align-self-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    
    .xlarge-align-stretch {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    
    .xlarge-align-self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
    
    .xlarge-align-center-middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

/****************************************************************************
 * Flex-Alignment for xxlarge
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 90em) {
    .xxlarge-shrink {
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        max-width:100%
    }
    .xxlarge-align-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    
    .xxlarge-align-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    
    .xxlarge-align-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    
    .xxlarge-align-justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .xxlarge-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    
    .xxlarge-align-top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    
    .xxlarge-align-self-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    
    .xxlarge-align-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .xxlarge-align-self-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    
    .xxlarge-align-middle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .xxlarge-align-self-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    
    .xxlarge-align-stretch {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    
    .xxlarge-align-self-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
    
    .xxlarge-align-center-middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

/****************************************************************************
 * Column-Definitions for xLarge (1200px)
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 75em) {
    .xlarge-1 {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xlarge-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xlarge-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xlarge-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xlarge-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xlarge-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xlarge-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xlarge-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xlarge-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-1>.column,
    .xlarge-up-1>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-2>.column,
    .xlarge-up-2>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-3>.column,
    .xlarge-up-3>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-4>.column,
    .xlarge-up-4>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-5>.column,
    .xlarge-up-5>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .xlarge-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-6>.column,
    .xlarge-up-6>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-7>.column,
    .xlarge-up-7>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .xlarge-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-8>.column,
    .xlarge-up-8>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}


/****************************************************************************
 * Column-Definitions for xxLarge (1440px)
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 90em) {
    .xxlarge-1 {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xxlarge-offset-0 {
        margin-left: 0
    }

    .xxlarge-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xxlarge-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xxlarge-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .xxlarge-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xxlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xxlarge-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xxlarge-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .xxlarge-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xxlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xxlarge-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xxlarge-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .xxlarge-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xxlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xxlarge-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xxlarge-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-1>.column,
    .xxlarge-up-1>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-2>.column,
    .xxlarge-up-2>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-3>.column,
    .xxlarge-up-3>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxlarge-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-4>.column,
    .xxlarge-up-4>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-5>.column,
    .xxlarge-up-5>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxlarge-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-6>.column,
    .xxlarge-up-6>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxlarge-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-7>.column,
    .xxlarge-up-7>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .xxlarge-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-8>.column,
    .xxlarge-up-8>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}


/****************************************************************************
 * Order-Definitions for xLarge
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 75em) {
    .xlarge-order-1 {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xlarge-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xlarge-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .xlarge-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .xlarge-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .xlarge-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

/****************************************************************************
 * Order-Definitions for xLarge
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 90em) {
    .xxlarge-order-1 {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xxlarge-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xxlarge-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .xxlarge-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .xxlarge-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .xxlarge-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

/****************************************************************************
 * Typography-Alignment for xLarge
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 75em) {
    .xlarge-text-left {
        text-align:left
    }

    .xlarge-text-right {
        text-align: right
    }

    .xlarge-text-center {
        text-align: center
    }

    .xlarge-text-justify {
        text-align: justify
    }
}

/****************************************************************************
 * Typography-Alignment for xxLarge
 * INFO: Not included in default Foundation
 ****************************************************************************/
@media print,screen and (min-width: 90em) {
    .xxlarge-text-left {
        text-align:left
    }

    .xxlarge-text-right {
        text-align: right
    }

    .xxlarge-text-center {
        text-align: center
    }

    .xxlarge-text-justify {
        text-align: justify
    }
}