.navbar{
    background-color: #d3d3d3;
    width: 80%; /* Die Breite des Elements */
    margin: 0 auto; /* Zentriert das Element */
    padding: 0%;
    border: 0px solid rgb(0, 0, 0);
}

.footer{
    background-color: #d3d3d3;
    width: 80%; /* Die Breite des Elements */
    margin: 0 auto; /* Zentriert das Element */
    padding: 0%;
    border: 0px solid rgb(0, 0, 0);
}

.title1{
    font-family: 'sans-serif';
}

.logo{
    height: 200px;
    width: 200px;
}

body {
    background-color: lightgray; /* Color for the left and right margin areas */
    width: 80%; /* Die Breite des Elements */
    margin: 0 auto; /* Zentriert das Element */
}

.forms {
    width: 80%; /* Die Breite des Elements */
    margin-left: 0px; /* Zentriert das Element */
}

.content-area {
    width: 80%; /* Your content width */
    margin: 0 auto; /* This centers the content */
    background-color: white; /* Color for the content area */
    padding: 20px; /* Optional padding inside the content */
}