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

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

.Footeraddcolumn1060
{
    width: 1060px;
    
}

.Footeraddcolumn310
{
    width: 310px;
}

.Footeraddcolumn685
{
    width:685px;
}

.Footeraddspacercolumn65
{
    width:65px;
    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: 1024px)
{

    .Footeraddcolumn1060
    {
        width: 100%;
    }

    .Footeraddcolumn310
    {
        width:29.24%;
    }


 .Footeraddcolumn685{
    width:64.62%;
}

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



}


/* ############################### MAX 480 ################################## */
@media only screen and (max-width: 480px)
{
    
    .Footeraddcolumn310,
    .Footeraddcolumn685
    {
        width: 100%;
        text-align: center !important;
    }

    .Footeraddcolumn310 {
        border-bottom: solid 1px #fff;
        margin:20px 0;
    }

    .Footerparafloatleft-5.Footeraddcolumn310{
        border-bottom: none;
    }

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


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


}