body {
    background-color: #f4f4f4;
}

h1 {
    color: #333333;
    font-family: Arial, sans-serif;
}

p {
    font-size: 16px;
    line-height: 1.3;
}

footer {
    background-color: #A7A7A7; /* Deine gewünschte Hintergrundfarbe */
   /* color: white; /* Textfarbe im Footer */
    padding: 5px 0; /* Polsterung oben und unten */
	border-top: 1px solid #AEAEAE; 
	border-bottom: 1px solid #AEAEAE;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Schatten für Tiefe */
}

/* Stile für Footer-Links, falls gewünscht */
footer a {
    color: red; /* Linkfarbe im Footer */
    text-decoration: none; /* Entfernt Unterstreichung von Links */
}

footer a:hover {
    text-decoration: underline; /* Unterstreicht Links beim Hover */
}



/* Stile für die Navigationslinks */
.navbar-nav .nav-link {
    color: black; /* Standardfarbe der Links */
	font-size: 16px; /* Größe der Links, z.B. 18px */
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #007bff; /* Hover- und Fokusfarbe der Links */
}

.navbar-brand {
    padding: 5px 20px; /* Ändere das Padding nach Bedarf */
}

/* Stile für den aktiven Navigationslink */
.navbar-nav .nav-link.active {
    /*text-decoration: underline; /* Unterstreicht den aktuellen Link */
    color: #007bff; /* Optional: Ändert die Farbe des aktuellen Links */
}



/* Stile für die Navigationsleiste */
.navbar {
    border-bottom: 1px solid #AEAEAE;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Schatten für Tiefe */
}




/* Stile für den Banner */
.banner {
    width: 100%;
    height: 400px; /* Höhe des Banners */
    background-image: url("banner-1.jpg"); /* Banner-Bild */
    background-size: cover; /* Bild an die Größe des Containers anpassen */
    background-position: center; /* Bild zentrieren */
    background-repeat: no-repeat; /* Bild nicht wiederholen */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Textfarbe im Banner */
    text-align: center;
    font-size: 2rem; /* Textgröße */
    padding: 20px; /* Innenabstand */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Schatten für Tiefe */
	margin-top: 150px
}