finish styling

src/Praktikum/Prak5/CSS/Baecker.css

@@ -24,7 +24,7 @@ fieldset legend {
     border-radius: 1.5em;
     font-size: 1.1em;
     margin: 0;
-    padding: 0.5em 0;
+    padding: 0.5em 1em;
     border: 3px solid #888;
 }
 
@@ -34,7 +34,8 @@ fieldset label input {
 }
 
 fieldset label input[type='radio'] {
-    accent-color: black;
-    scale: 1.25;
+    accent-color: red;
+    transform: scale(1.5);
+    margin: 0.4em 0.5em;
 }
 

src/Praktikum/Prak5/CSS/Bestellung.css

@@ -4,6 +4,8 @@
     background: #eee;
     box-shadow: 0 0 4em black;
     margin: 0 2em;
+    /*overflow: auto;
+    display: flex;*/
 }
 
 .bestellungMain h1 {
@@ -43,18 +45,30 @@
     height: auto;
 }
 
+#speisekarteSection {
+    width: calc(80% - 2em);
+    margin: 0 1em 0 0;
+    /*display: inline-block;
+    float: left;*/
+}
+
 #warenkorbSection {
     background: #bbb;
     border-radius: 1em;
     padding: 0.5em 0.5em;
-    margin: 2em auto 0 auto;
-    width: 40%;
+    margin: 0 0 0 1em;
+
+    width: calc(20% - 2em);
+    height: fit-content;
     text-align: center;
+    /*: inline-block;
+    float: right;*/
     border: 1px solid #888;
 }
 
 #warenkorbSection h2 {
     margin: 0 0 0.2em 0;
+
 }
 
 #warenkorbSection #sum {
@@ -78,3 +92,18 @@
 
 
 
+
+
+@media only screen and (max-width: 900px) {
+    #bestellungSection {
+        margin: 0;
+    }
+    #warenkorbSection {
+        margin: 0;
+        width: fit-content;
+    }
+
+    #sectionContainer {
+        flex-direction: column;
+    }
+}
\ No newline at end of file

src/Praktikum/Prak5/CSS/Fahrer.css

+main {
+    border-radius: 1.5em;
+    padding: 0 2em 1.5em 2em;
+    background: #eee;
+    box-shadow: 0 0 4em black;
+    margin: 0 2em;
+}
+
+h2 {
+    padding-top: 0.5em;
+    margin: 0;
+}
+
+fieldset {
+    border-radius: 1.5em;
+    background: #eee;
+    padding: 1em;
+    margin: 1em;
+    border: 3px solid #888;
+    width: fit-content;
+}
+
+fieldset legend {
+    border-radius: 1.5em;
+    font-size: 1.1em;
+    margin: 0;
+    padding: 0.5em 1em;
+    border: 3px solid #888;
+}
+
+fieldset label input {
+    margin: 0.3em 0;
+    font-size: 1em;
+}
+
+fieldset label input[type='radio'] {
+    accent-color: red;
+    transform: scale(1.5);
+    margin: 0.4em 0.5em;
+}
\ No newline at end of file

src/Praktikum/Prak5/CSS/Kunde.css

@@ -24,12 +24,13 @@ form {
 .orderFieldset {
     border-radius: 1.5em;
     background: #eee;
-    padding: 0;
-    margin: 2em;
+    padding: .5em 1em;
+    margin: 1em;
     border: 3px solid #888;
     display: flex;
-    flex-direction: column;
-    justify-content: center;
+    width: fit-content;
+    flex-direction: row;
+    flex-wrap: wrap;
     height: fit-content;
 }
 
@@ -42,9 +43,9 @@ form {
     height: fit-content;
     display: flex;
     flex-direction: row;
-    justify-content: space-evenly;
+    justify-content: center;
     align-content: center;
-    flex-wrap: wrap;
+
 }
 .pizzaLegend {
     font-size: 1.1em;
@@ -57,10 +58,12 @@ form {
     font-weight: bold;
 }
 .pizzaRadioLabel {
-    margin: 0.5em 0;
-    font-size: 1em;
+    margin: 0.2em 0.5em 0.55em 0.5em;
+    font-size: 1.1em;
 }
+
 .pizzaRadio {
-    accent-color: black;
-    scale: 1.25;
+    transform: scale(1.5);
+    margin-right: 1em;
+    padding: 0;
 }
\ No newline at end of file

src/Praktikum/Prak5/CSS/global.css

@@ -2,7 +2,7 @@ body {
     margin: 0;
     background: url('../img/Pattern/bg_pattern.png'), #17181b;
     background-size: 20vw;
-    font-family: Helvetica, serif;
+    font-family: Arial, serif;
 }
 
 
@@ -34,7 +34,7 @@ nav .active {
 }
 
 nav a:hover{
-    border: 2px solid black;
+    border: 2px solid red;
 }
 
 @media only screen and (max-width: 780px) {
@@ -60,11 +60,7 @@ nav a:hover{
 }
 
 
-@media only screen and (max-width: 480px) {
-    #warenkorbSection {
-        width: fit-content;
-    }
-}
+
 
 
 

src/Praktikum/Prak5/CSS/index.css

+header {
+    border-radius: 1.5em;
+    padding: 0 2em 1.5em 2em;
+    background: #eee;
+    box-shadow: 0 0 4em black;
+    margin: 2em;
+}
+
+header h1 {
+    padding-top: 0.5em;
+    margin: 0;
+    border-bottom: 2px solid black;
+}
+
+
+
+header nav {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+footer {
+    border-radius: 1.5em;
+    padding: 1em 2em 1em 2em;
+    background: #eee;
+    box-shadow: 0 0 4em black;
+    margin: 0 auto;
+    text-align: center;
+    width: fit-content;
+    font-size: 0.8em;
+}
\ No newline at end of file