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

/* res wurde beim Absatz als CSS Prefix definiert CssPrefixColumn="Res" */

.resaddcolumn896 {
    width: 896px;
}

.resaddcolumn245 {
    width: 245px;
}


.resaddspacercolumn80 {
    width: 80px;
    height: 1px;
}

.resaddspacercolumn81 {
    width: 81px;
    height: 1px;
}

.foodimgaddcolumn307 {
    width: 307px;
}

.resaddcolumn426 {
    width: 426px;
}

.resaddspacercolumn20 {
    width: 20px;
    height: 1px;
}

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

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

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

    .resaddcolumn245 {
        width: 27%;
    }


    .resaddspacercolumn80 {
        width: 9%;
        height: 1px;
    }

    .resaddspacercolumn81 {
        width: 10%;
        height: 1px;
    }

    .foodimgaddcolumn307 {
        width: 100%;
    }

    .resaddcolumn426 {
        width: 48.8%;
    }

    .liefergebiete .resaddcolumn426{
        width: 100%;
    }

    .resaddspacercolumn20 {
        width: 2.2%;
        height: 1px;
    }
}


/* ############################### MAX 480 ################################## */
@media only screen and (max-width: 480px) {
    .resaddcolumn245 {
        width: 100%;
    }


    .resaddspacercolumn80 {
        width: 0;
        height: 0px;
    }

    .resaddspacercolumn81 {
        width: 0;
        height: 0;
    }
    .resaddcolumn426 {
        width: 100%;
    }
    .resaddspacercolumn20 {
        width:0;
        height:0;
    }
}