/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18.05.2020, 12:29:16
    Author     : Herz
*/

footer{
    width:100%;
    box-sizing: border-box;
    background-color:var(--BG_2);
    padding-top:var(--header_inner_top_bottom_dis);
    padding-bottom:var(--header_inner_top_bottom_dis);
    color:var(--footer_text_color);
}
footer > .inner{
    padding-top:var(--header_inner_top_bottom_dis);
    padding-bottom:var(--header_inner_top_bottom_dis);
}
footer > .inner.copyright{
    border-top: 1px solid var(--devider_line_color_footer);
    max-width: calc(100% - (2 * var(--dis_to_viewport_horizontal)));
}
footer > .inner .part{
    display:inline-block;
    width:25%;
    vertical-align: top;
}
footer > .inner.copyright article.text{
    text-align: center;
}
footer > .inner .part article.text .headline{
    padding-bottom:var(--default_vertical_dis);
}
footer > .inner .part article.text .headline .h{
    color:var(--footer_text_color);
    font-size: var(--footer_headline_font_size);
    font-weight:var(--default_headline_font_weight);
}
footer > .inner.social article.text *,
footer > .inner.copyright article.text *,
footer > .inner .part article.text .inhalt *{
    font-size: var(--footer_main_text_font_size);
    line-height: var(--footer_main_text_line_height);
    font-weight:var(--default_text_font_weight);
    color: var(--footer_text_color);
}
footer > .inner.social article.text{
    text-align: center;
}
footer > .inner.social article.text a{
    display:inline-block;
    padding-left:var(--default_horizontal_dis);
    padding-right:var(--default_horizontal_dis);
}
footer > .inner.social article.text a,
footer > .inner.social article.text a i{
    font-size: var(--social_icons_font_size);
    color: var(--footer_text_color);
    transition: var(--default_transition);
}
footer > .inner.social article.text a:hover i{
    color:var(--secondaryColor);
}
@media screen and (max-width:1400px){
    footer > .inner{
        padding-left:var(--dis_to_viewport_horizontal);
        padding-right:var(--dis_to_viewport_horizontal);
    }
}
@media screen and (max-width:1024px){
    footer > .inner .part{
        display:inline-block;
        width:33.3333%;
        vertical-align: top;
    }
    footer > .inner .part:last-of-type{
        margin-top:var(--header_inner_top_bottom_dis);
        width:100%;
        display:block;
    }
}
@media screen and (max-width:800px){
    footer > .inner .part{
        margin-top:var(--header_inner_top_bottom_dis);
        width:100%;
        display:block;
    }
    footer > .inner .part:first-of-type{
        margin-top:0px;
    }
    footer > .inner .part article.text .headline{
        text-align: center;
    }
}