Erste Funktionalität der Menükarte per GET/POST, keine API; Umstrukturierung der Tabelle als Bootstrap-div; HTML/CSS-Cleanup

public/css/style.css

@@ -15,65 +15,45 @@ html, body {
 	color: #E3D190;
 }
 
-.row {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display:         flex;
-  margin: 0;
+/* Medium Devices, Desktops */
+@media only screen and (min-width : 992px) {
+	.row {
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: -ms-flexbox;
+		display:         flex;
+		margin: 0;
+	}
+}
+
+.stripe > .row:nth-child(2n) {
+	background-color: #222222;
+	color: #E3D190;
+}
+
+.stripe > .row:nth-child(2n+1) {
+	background-color: #FF731A;
+}
+
+.stripe > .row > * {
+	padding: .8em;
 }
 
 .center-page > h1, .center-page > h2 {
 	text-align: center;
 }
 
-.center-page > table {
-    margin: 0 auto;
-}
-
-.center-page > * > * {
-    margin: initial;
-}
-
-.center-page > table {
-	width: 80vw;
-}
-
-.center-page tr:nth-child(2n) {
-	background-color: #222222;
-	color: #E3D190;
-}
-
-.center-page tr:nth-child(2n+1) {
-	background-color: #FF731A;
-}
-
-.center-page td:nth-child(2) {
-	text-align: right;
-}
-
-.center-page td {
-	padding: .8em;
-}
-
-.center-page td > p {
-	margin: 0;
-	padding: 0;
-	font-size: .7em;
-}
-
 .center-page > h1, .center-page > h2 {
 	margin-bottom: 1em;
 	color: #E3D190;
-	text-shadow: 0.1em 0.1em 0.2em;
 }
 
-.center-page > h1:not(:first-child) {
+.center-page > h1:not(:first-of-type) {
 	margin-top: 3em;
 }
 
-.center-page > table {
-	margin-bottom: 3em;
+.center-page > h2 {
+	margin-top: 1.5em;
 }
 
 /* Bootstrap changes */
@@ -90,4 +70,53 @@ html, body {
 
 .dropdown-menu > li > a {
 	color: #E3D190;
+}
+
+textarea {
+	min-width: 100%;
+	max-width: 100%;
+	min-height: 3em;
+}
+
+#carousel-home_carousel {
+	max-width: 1170px;
+	margin: auto;
+	padding: 0 15px;
+}
+
+.btn {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+/* Login menu */
+
+#loginDropdown {
+	left: auto;
+	right: 0;
+	color: #9D9D9D;
+}
+
+#loginDropdown label {
+	font-weight: 400;
+}
+
+#navLogin {
+	padding-right: 0;
+}
+
+#formLogin button, #formLogin a {
+	margin: 5px 0;
+}
+
+@media only screen and (max-width : 768px) {
+	ul.nav.pull-right {
+		float: initial !important;
+	}
+}
+
+@media only screen and (min-width : 768px) {
+	#loginDropdown {
+		min-width: 300px;
+	}
 }