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

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

.indexsidebaraddcolumn700 {
    width: 100%;
}

.indexsidebaraddcolumn340 {
    width: 48%;
}

.indexsidebaraddcolumn460 {
    width: 64%;
}

.indexsidebaraddcolumn220 {
    width: 32%;
}

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

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

div[class*='indexsidebarparafloatright-'] {
    float: right;
}

/* ############################### MAX 1024 ################################## */
@media only screen and (max-width: 1023px) {
   .indexSidebaraddcolumn190, .indexaddcolumn260 {
       width:100%;
   }

   .indexaddspacercolumn40 + .indexaddcolumn260 {
       width:32%;
   }

   .indexSidebaraddcolumn190 + .indexSidebaraddspacercolumn20, .indexaddcolumn260 + .indexaddspacercolumn20 {
       display:none;
   }
}

/* ############################### MAX 767 ################################## */
@media only screen and (max-width: 767px) {
    .indexSidebaraddcolumn390, .indexSidebaraddcolumn200, .indexaddspacercolumn40 + .indexaddcolumn260, .indexaddcolumn520 {
        width:100%;
    }

    .indexSidebaraddcolumn390 + .indexSidebaraddspacercolumn20,
    .indexSidebaraddcolumn200 + .indexSidebaraddspacercolumn20,
    .indexaddcolumn520 + .indexaddspacercolumn40, 
    .indexaddcolumn260 + .indexaddspacercolumn40, 
    .indexaddspacercolumn20 {
        display:none;
    }
    
    .indexaddcolumn320 {
        width: 100%;
        max-width:100%;
    }

    .indexaddcolumn226 {
        width:100%;
    }
 
    .indexaddspacercolumn10 {
        display:none;
    }
    .indexaddcolumn695 {
        width:100%;
    }

}

@media only screen and (max-width: 480px) {
    .indexaddcolumn390, .indexSidebaraddcolumn295 {
        width: 100%;
    }

    .indexaddspacercolumn20, .indexaddspacercolumn40, .indexSidebaraddspacercolumn20 {
        display:none;
    }

}