body
{
    background-color: rgb(235, 218, 125); /* Hintergrundfarbe der Seite */
}
header
{
    margin: 10px; /* Abstand um den Header */
}

.logo
{
    height: 100px; /* Höhe des Logos */
    width: 200px; /* Breite des Logos */
    align-items: left; /* Logo-Ausrichtung */
    margin-right: 30px; /* Abstand nach rechts */
}
header nav a:link, header nav a:visited, header nav a:active  
{ 
        border-style: solid; /* Rahmenstil für Links */
        border-width: medium; /* Rahmenbreite */
        padding: 4px 8px; /* Innenabstand */
        text-align: center; /* Text zentrieren */
        text-decoration: none; /* Unterstreichung entfernen */
        text-transform: uppercase; /* Text in Großbuchstaben umwandeln */
        color: black; /* Textfarbe */
        border-color: rgb(158, 91, 15) rgb(141, 89, 29) rgb(165, 106, 39) rgb(168, 119, 12); /* Rahmenfarbe */
        border-radius:3px; /* Abgerundete Ecken */
        margin-right: 5px; /*Abstand nach rechts*/
} 

#grid2
{
    display: flex; /* Flex-Layout aktivieren */
    grid-template-columns:  1fr 1fr; /* Eine Spalte im Grid */
}

main
{
    text-align: center;
    font-size: 18px;
}

h2
{
    font-size: 33px;
}

h3
{
    font-size: 25px;
}

footer
{
    margin-top: 60px;
    background-color: rgb(248, 234, 153)
}

footer div
{
    text-align: center;
}

footer nav a:link
{
    text-align: center; /* Text zentrieren */
    text-decoration: none; /* Unterstreichung entfernen */
    color: black; /* Textfarbe */
}