Merge branch 'main' of https://git.bib.de/PBBFA23AHR/kurs-app

CSS/Block/footer.css

@@ -1,3 +1,5 @@
 footer{
-    background: var(--fullblock);
+    display: flex;
+    flex-direction: row;
+    padding: 24px 42px 24px 42px;
 }

CSS/Block/header.css

@@ -1,38 +1,12 @@
 header {
     position: fixed;
     top: 0px;
+    left: 0px;
     width: 100%;
-    text-align: center;
-    padding-top: 10px;
-    background: var(--fullblock);
 }
 
-nav ul {
-    list-style-type: none;
-    padding: 0;
-    display: inline-block;
-    margin: 0;
-}
-
-nav li {
-    float: left;
-    text-align: center;
-    
-}
-
-nav li a {
-    display: block;
-    width: 100px;
-    height: 30px;
-    border: 1px solid #4d4d4d;
-    background-color: #4d4d4d;
-    color: white;
-    text-decoration: none;
-    margin: 5px;
-    text-align: center;
-    line-height: 30px;
-}
-
-nav li a:hover {
-    background-color: orange;
+nav {
+    display: flex;
+    flex-direction: row;
+    padding: 24px 42px 24px 42px;
 }

CSS/Element/button.css

@@ -6,13 +6,19 @@
 }
 
 .btn{
-  background: var(--brand-primary);
-  color: var(--brand-white);
   padding: 5px 10px;
   font-weight: var(--font-weight-semibold);
   font-size: var(--font-size-text);
-  border-radius: 3px;
   text-decoration: none;
+  color: var(--brand-white);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.btn-primary {
+  background: var(--brand-primary);
+  border-radius: 3px;
 }
 
 .btn-user {
@@ -34,4 +40,4 @@
 
 .btn-user > span {
   font-size: 28px;
-}
+}

CSS/Element/logo.css

@@ -1,7 +1,13 @@
-.logo{
+#logo{
+    cursor: pointer;
+    text-decoration: none;
+    color: inherit;
+    color: var(--brand-white);
+    font-size: var(--font-size-logo);
+    font-weight: 600;
+}
+
+#logo span {
+    color: var(--brand-primary);
     font-size: var(--font-size-logo);
-        span{
-            color: var(--brand-primary);
-            font-size: var(--font-size-logo);
-        }
 }

CSS/style.css

@@ -38,11 +38,6 @@ main {
     padding: 10px;
 }
 
-#wrapper {
-    max-width: 90%;
-    margin: 0 auto
-}
-
 .msg {
     text-align: center;
     font-size: 17px;

CSS/variables.css

@@ -15,7 +15,7 @@
     /* Font-size*/
     --font-size-title-h1: 62px;
     --font-size-logo: 36px; 
-    --font-size-text: 24px; 
+    --font-size-text: 20px; 
     --font-size-smalltext: 18px; 
 
     /*Font-Weight*/