*{
    font-family: 'Lato', sans-serif;
}
body{
    margin: 0px;
}
section{
    display: none;
}
.section-active{
    display: block;
}
.navbar{
    background-color: #393939;
    height: 55px;
    position: fixed;
    width: 100%;

}
.navlist{
    float: left;
}
.navlist li{
    display: inline-block;
    border-radius: 45px;
    border: 3px solid #4682b4;
}
.navlist li a{
    color: #fff;
    margin: 0px 15px;
    text-decoration: none;
}
.navlist li a:hover{
    color: steelblue;
    text-decoration: underline;
}
.btn-outline-success {
    color: steelblue;
    border-color: steelblue;
}
.text-center{
    text-align: center;
}
.tab-active{
    color: steelblue!important;
}
.welcome{
    color: steelblue;
    border: 10px solid #393939;
    font-size: 26px;
    background-size: cover;
    padding: 70px 30px 4px;
}
.w-100 {
    width: 100%!important;
    padding: 3px;
}

.text-section{
    padding: 30px 100px;
}
#Bild-leistung{
    float: right
}
.Back-Nav{
    padding: 20px 100px;
    list-style: none; 
}
.Back-Nav li{
    padding: 10px;
    border: 1px solid;
}

.Leistung-Nav li {
    display: inline-block;
    border-radius: 45px;
    border: 3px solid #4682b4;
}

.Leistung-Nav li a{
    margin: 0px 15px;
    text-decoration: none;
}

#Imp-links{
    float: left;
    background: #393939;
    text-decoration: underline;
    border-radius: 15px;
    padding: 10px 10px 0px 10px;
    color: #fff;

}
#Imp-rechts{
    float: center;
    padding: 10px 0px 0px 450px;
    background: steelblue;
    border-radius: 50px;
    margin: 0% 10% 0% 0%;
}
#Imp-bild{
    float: right;
    border: 10px solid #393939;
}
#blau{
    color: #4682b4;
    background-color: #393939;
    border-radius: 10px;
}
#Bilder img{
    border: 10px solid #393939;
    margin: 5px;
}
#Ref {
    border-color: #393939;
    border-width: 3px;
}
.kontakt{
    text-align: center;
}
.footer{
    background-color: #393939;
    padding: 20px 10px;
    color: #fff;
}