/* ############################### MORE THAN 1024 ################################## */

/* 1spaltig wurde beim Absatz als CSS Prefix definiert CssPrefixColumn="index" */

.indexaddcolumn940 {
    width: 100%;
}

.indexaddcolumn450 {
    width: 48%;
}

.indexaddcolumn600 {
    width: 64%;
}

.indexaddcolumn300 {
    width: 32%;
}

.indexaddspacercolumn40 {
    width: 4%;
    height: 1px;
}

.indexaddspacercolumn20 {
    width: 2%;
    height: 1px;
}

/*
    Floating left & right  for columns  
    Diese werden durchnummeriert, deswegen die Wildcardselection  */
div[class*='indexparafloatleft-'], div[class*='indexSidebarparafloatleft-'] {
    float: left;
}

div[class*='indexparafloatright-'], div[class*='indexSidebarparafloatright-'] {
    float: right;
}

/* ############################### MAX 767 ################################## */
@media only screen and (max-width: 767px) {
    .indexaddcolumn450, .indexaddcolumn600, .indexaddcolumn300 {
        width: 100%;
    }

    .indexaddspacercolumn40, .indexaddspacercolumn20 {
        width: 100%;
        height: 10px;
    }
}