erster Wurf

www/css/barefaced_header.css

@@ -0,0 +1,48 @@
+/** Header and included nav styles */
+
+/* Style für Header, Navigation, Main Content, Aside und Footer */
+header {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+
+    height: var(--header-height);
+    background-color: var(--primary-color);
+    border: 1px solid var(--secondary-color);
+    border-radius: var(--box-border-radius);
+    color: var(--secondary-font-color);
+    margin: 16px;
+    padding: 10px;  
+}
+
+header img {
+    height: calc(var(--header-height) - 5px); /* Adjust the image height to fit within the header */
+    margin-left: 10px; /* Space between the image and the header text */
+    padding-right: 16px; /* Space between the image and the header text */
+}
+
+header p {
+    font-weight: 100;
+    margin-left: 16px;
+    padding-right: 16px;
+}
+
+nav {
+    margin: 16px;
+    padding: 10px;  
+}
+
+nav ul {
+    list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
+    display: flex; /* Macht die Liste horizontal */
+    gap: 20px; /* Abstand zwischen den Listenelementen */
+}
+
+nav ul li a {
+    text-decoration: none; /* Entfernt die Unterstreichung */
+    color: var(--secondary-font-color); /* Setzt die Schriftfarbe */
+}
+nav ul li a:hover {
+    text-decoration: underline; /* Unterstreichung beim Überfahren mit der Maus */
+    font-weight: bold; /* Macht den Text fett */
+}