/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @simplygoodwork
 */



/* Reusable column setup */
.row{
    clear:both;
}
.row:after{
    display: table;
    content: '';
    clear: both;
}
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

.row {
    margin-left:-40px;
}
.col {
    border-left-width:40px;
    padding:0 0px;
}


    /* 1. 2 Column Grid 0px - 598px
    -----------------------------------------------------------------------------

    Span 1:    50%
    Span 2:    100%

    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 0px) and (max-width: 599px) {
                
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.

        .span_3,
        .my_semantic_class_name {
            ...
        }
        */

        .span_1,
        .span_2 {
            width:50%;
        }
        .span_3,
        .span_4,
        .branche,
        .span_5,
        .span_6,
        .span_7,
        .span_8,
        .span_9,
        .span_10,
        .span_11,
        .span_12,
        .teaser,
        .bewerbung {
            margin-left:0;
            width:100%;
        }
    }

    /* 2. 6 Column Grid 599px - 999px
    -----------------------------------------------------------------------------

    Span 1:    16.6666666667%
    Span 2:    33.3333333333%
    Span 3:    50.0%
    Span 4:    66.6666666667%
    Span 5:    83.3333333333%
    Span 6:    100%

    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 600px) and (max-width: 1059px) {
        
        .span_1 {
            width:16.6666666667%;
        }
        .span_2 {
            width:33.3333333333%;
        }
        .span_3,
        .branche,
        .teaser,
        .bewerbung {
            width:50.0%;
        }
        .span_4 {
            width:66.6666666667%;
        }
        .span_5 {
            width:83.3333333333%;
        }
        .span_6,
        .span_7,
        .span_8,
        .span_9,
        .span_10,
        .span_11,
        .span_12 {
            margin-left:0;
            width:100%;
        }
    }

    @media screen and (min-width: 600px) and (max-width: 849px) {
        .bewerbung{
            margin-left:0;
            width:100%;
        }
    }
    @media screen and (min-width: 850px) and (max-width: 1059px) {
        .bewerbung{
            width:50%;
        }
    }

    /* 3. 12 Column Grid 1000px - Infinity
    -----------------------------------------------------------------------------

    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%

    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 1060px) {
        
        .span_1 {
            width:8.33333333333%;
        }
        .span_2 {
            width:16.6666666667%;
        }
        .span_3 {
            width:25.0%;
        }
        .span_4,
        .branche {
            width:33.3333333333%;
        }
        .span_5 {
            width:41.6666666667%;
        }
        .span_6,
        .teaser,
        .bewerbung {
            width:50.0%;
        }
        .span_7 {
            width:58.3333333333%;
        }
        .span_8 {
            width:66.6666666667%;
        }
        .span_9 {
            width:75.0%;
        }
        .span_10 {
            width:83.3333333333%;
        }
        .span_11 {
            width:91.6666666667%;
        }
        .span_12 {
            margin-left:0;
            width:100%;
        }
    }