/* ==========================================================================
   Navigation Styles
   ========================================================================== */

/* Header Navigation */
.nav ul { 
    padding: 0; 
    margin: 0; 
}
.nav ul li {  
    padding: 0; 
    margin: 1px 5px 0; 
    display: inline-block;
}
.nav ul li a {  
    display: inline-block; 
    padding: 5px calc(10px + 1vw); 
    color: #fff; 
    background: #f08019;  
}
.nav ul li a:hover,
.nav ul li a.active { 
    color: #fff; 
    background: #174f99; 
} 

/* Header Navigation Icons */
.nav ul li.home a:before { content: "\f015"; font-family: FontAwesome; display: inline-block; color: #fff; padding-right: 10px; font-size: 20px; }
.nav ul li.kontakt a:before { content: "\f003"; font-family: FontAwesome; display: inline-block; color: #fff; padding-right: 10px; font-size: 20px;  }
.nav ul li.datenschutz a:before { content: "\f19d"; font-family: FontAwesome; display: inline-block; color: #fff; padding-right: 10px; font-size: 20px;  }
.nav ul li.impressum a:before { content: "\f129"; font-family: FontAwesome; display: inline-block; color: #fff; padding-right: 10px; font-size: 20px;  }

/* Responsive Header Navigation */
@media only screen and (max-width: 650px) { 
    .nav ul li a:before { 
        content: "" !important; 
        display: none !important;  
        padding-right: 0 !important; 
    }
}
@media only screen and (max-width: 520px) { 
	.nav ul li { width: 49%; margin: 1px; } 
    .nav ul li a { display: block; }
	.nav ul { margin-bottom: 10px; }
}

/* Footer Navigation */
.footer-nav {
    list-style: disc; 
    padding-left: 20px; 
    margin: 0 0 15px 0;
}
.footer-nav li {
    padding: 2px 0;
}
.footer-nav li a {
    color: #fff !important;
    text-decoration: none;
}
.footer-nav li a:hover {
    text-decoration: underline;
}