@font-face {
    font-family: uber;
    src: url(../fonts/DancingScript-Bold.woff) format('woff');
}

.footer{
    display: inline-block;
    height: max-content;
    width: 100%;
    background-color: rgb(50, 50, 50);
    position: relative;
    color: rgb(240, 240, 240);
}

.side-link{
    
    position: relative;
    margin: auto;
    margin-top: 2%;
    width: 90%;
    height: max-content;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    flex: 1 1 0px;
    padding-bottom: 2%;
    border-bottom: 1px solid white;
}

.links{
    width: 200px;
    
    
}


.links a{
    text-decoration: none;
    color: white;
}

.link4 img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.bottom-links{
    margin: auto;
    margin-top: 2%;
    margin-bottom: 2%;
    width: 90%;
    height: max-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-end;
}
.contact{
   
    width: 90%;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.contact .telefon, .contact .email, .contact .adresse{
    display: flex;
    gap: 50px;
    align-items: center;
    font-size: 1.2rem;
    
    
}


.contact .email a{
    text-decoration: none;
    color: white;
    
}

.contact .symbol {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(171, 1, 1);
}

.contact .symbol svg{
    transform: scale(.8);
}

.guten{
    font-size: 4rem;
    font-family: uber;
}

.greeting{
    width: max-content;
    
}

.greeting .lower{
    margin-top: 5%;
    
}

.copyright{
    
    height: max-content;
    
    width: max-content;

}

.top p img{
    height: 1em;
}

.lower .top{
    font-size: 2rem;

}

.lower-text{
margin-top: 2%;
}