#foot{
    background-color: black;
    grid-row: 7/8;
    color: white;
    display: grid;
    grid-template-columns: 5% 45% 45% 5%;
    grid-template-rows: auto auto;
}

#footdescription{
    grid-column: 2/3;
    grid-row: 1/2;
}

#footcontact{
    grid-column: 2/3;
    grid-row: 2/3;
    line-height: 20px;
    margin-bottom: 5%;
    margin-top: 5%;
}

#footcontact > #phonecontainer{
    padding: 10px;
}

#footcontact > #mailcontainer{
    padding: 10px;
}

a{
    text-decoration: none;
    color: white;
    line-height: 20px;
}

#footmenu ul, #footmenu li {
    margin: 0;
    padding: 10px;
    list-style: none; /* Entfernt die Standard-Punkte */
    font-size: large;
}

#footmenu li {
 
    border-bottom: 1px solid white;
}

#footlogocontainer{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}

#footmenu{
    grid-row: 1/2;
    grid-column: 3/4;
    display: flex;
    justify-content: center;
    align-items: center;
}

#datenschutz, #impressum{
    cursor: pointer;
}



@media (max-width: 768px) {
    #foot{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
    }

    #footdescription{
        grid-row: 1/2;
        grid-column: 1/2;
        padding: 5%;
    }

    #footcontact{
        grid-row: 2/3;
        grid-column: 1/2;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5%;


    }

    #footlogocontainer{
        display: flex;
        justify-content: center;
        align-items: center;
flex-direction: row;
    }

    #footmenu{
        grid-row: 3/4;
        grid-column: 1/2;

    }
  }