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



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


/* EBBC Slider*/

.ebbc_sshowaddcolumn1980{
    width:100%;   
}

.resaddcolumn1060{
    width:1060px;
}


.resaddcolumn498{
    width:498px;
}

.resaddspacercolumn64{
    width:64px;
    height:1px;
}

.resaddcolumn151{
    width:151px;
}



.resaddcolumn310{
    width:310px;
}

.resaddspacercolumn65{
    width:65px;
    height:1px;
}

.resaddcolumn242{
    width:242px;
}


.resaddspacercolumn31{
    width:31px;
    height:1px;
}


.resaddspacercolumn30{
    width:30px;
    height:1px;
}

.resaddcolumn685{
    width:685px;
}

/* Teaserbox*/

.teasertxtaddcolumn310{
    width:310px;
}

.teaserimgaddcolumn310{
    width:310px;
}

/* Newsbox*/
.newsabsatzaddcolumn1020 {
    width: 1020px;
}

/*
    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: 1024px)
{

.resaddcolumn1060{
    width:99%;
}


.resaddcolumn498{
    width:47.5%;
}

.resaddspacercolumn64{
    width:5%;
    height:1px;
}


.resaddcolumn310{
    width:30%;
}

.resaddspacercolumn65{
    width:5%;
    height:1px;
}

.resaddcolumn685{
    width:65%;
}

.resaddcolumn242{
    width:22.8%;
}


.resaddspacercolumn31{
    width:2.92%;
    height:1px;
}


.resaddspacercolumn30{
    width:2.9%;
    height:1px;
}

/* Teaserbox*/

.teasertxtaddcolumn310{
    width:100%;
}

.teaserimgaddcolumn310{
    width:100%;
}

/* Newsbox*/
.newsabsatzaddcolumn1020 {
    width: 100%;
}
}



/* ############################### MAX 800 ################################## */
@media only screen and (max-width: 800px) {

    .resaddcolumn242{
    width:50%;
    max-width:300px;
    margin: 0 auto 60px auto;
    float:none !important;
}


.resaddspacercolumn31{
    width:0;
    height:0;
}


.resaddspacercolumn30{
    width:0;
    height:0;
}
}

@media only screen and (max-width:640px) {

    
.resaddcolumn498{
    width:100%;
}

.resaddspacercolumn64{
    width:0;
    height:0;
}


    .resaddcolumn685 {
        width: 100%;
    }
    .resaddcolumn310 {
        width: 66%;
        margin: 0 15.5%;
    }
}

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

.resaddspacercolumn65{
    width:0;
    height:0;
}

.resaddcolumn242 {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 60px auto;
    float: none !important;
}

}