.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;
} @media screen and (min-width: 0px) and (max-width: 599px) { .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%;
}
} @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%;
}
} @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%;
}
}