/* Grundlegendes Styling für den gesamten Body */

body {
	background-image: url('../bilder/Designer.png');    
	background-size: cover; /* Bildgröße anpassen, um den gesamten Hintergrund zu bedecken */
    background-position: center; /* Bild zentrieren */
    background-repeat: no-repeat; /* Bild nicht wiederholen */
	background-attachment: fixed; /* Bild fixieren */
	height: 100vh; /* Höhe auf 100% des Viewports setzen */
    font-family: cursive, sans-serif;
    margin: 0px;
}

/* Header Styling */
header {
    background-color: rgba(255, 255, 255, 0);
    color: #001440;
    padding-top: 50px; /* Внутренний отступ сверху */
	text-align: center;
}

/* Navigation Styling */
.fixed-nav {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background-color: #006E33; /* The Forest Green Color Code */
	padding: 20px;
    text-align: center;
}

nav ul {
	background-color: #006E33;
	list-style-type: none; /* Entfernt die Standard-Aufzählungspunkte */
    padding: 0;
    margin: 0;
	
}

nav ul li {
    display: inline; /* Elemente in einer Zeile anzeigen */
    margin: 0 15px;
}

nav ul li a {
    color: white;
    text-decoration: none; /* Unterstriche entfernen */
    font-weight: 500;
}

nav ul li a:hover {
    color: #393D47; /* Farbe beim Überfahren ändern */
}


/* Hauptinhalt Styling */
main {
    flex: 2; /* Hauptinhalt nimmt mehr Platz ein */
    padding: 20px;
	padding-bottom: 60px;
	padding-top: 0px;
    border: 1px solid #ddd;
    margin-bottom: 0px;
	
}


/* Footer Styling */
footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-top: 20px;
}