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

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

.Footeraddcolumn1060
{
    width: 1060px;
    
}

.Footeraddcolumn1200 {
    width: 1200px;
}

.Footeraddcolumn310
{
    width: 310px;
}

.Footeraddcolumn357 {
    width: 357px;
}

.Footeraddcolumn685
{
    width:685px;
}

.Footeraddcolumn778 {
    width: 778px;
}

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

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


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

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

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

    .Footeraddcolumn1060, .Footeraddcolumn1200 {
        width: 100%;
    }

    .Footeraddcolumn310, .Footeraddcolumn357 {
        width: 29.24%;
    }


    .Footeraddcolumn685, .Footeraddcolumn778{
        width: 64.62%;
    }

    .Footeraddspacercolumn65, .Footeraddspacercolumn64 {
        width: 6.13%;
        height: 1px;
    }



}


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

    .Footeraddcolumn310, .Footeraddcolumn357,
    .Footeraddcolumn685, .Footeraddcolumn778 {
        width: 100%;
        text-align: center !important;
    }

        .Footeraddcolumn310 p, .Footeraddcolumn357 p,
        .Footeraddcolumn685 p, .Footeraddcolumn778 p {
            text-align: center !important;
        }


    .Footeraddspacercolumn65, .Footeraddspacercolumn64 {
        width: 0;
        height: 0;
    }


}