rezept line adaption

app/styles/app.css

@@ -180,6 +180,21 @@ p {
   flex-direction: row;
 }
 
+.resultsRezept {
+  display: flex;
+  
+  flex-direction: row;
+  width: 100%;
+}
+
+.resultsRezept li {
+  list-style: none;
+  padding: 10px 15px;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+
 .results li {
   list-style: none;
   padding: 10px 15px;
@@ -338,9 +353,12 @@ p {
   flex-basis: 50%;
   font-weight: 300;
   font-style: italic;
-  white-space: pre-wrap ;
+  white-space: pre-wrap;
   text-align: center;
+  flex: auto;
+  list-style-type: none;
 }
+
 .rezept .detail h3 h4{
   text-align: center;
 }
@@ -680,6 +698,15 @@ p {
   justify-content: space-between;
   flex-wrap: wrap;
   align-content: space-around;
+  text-align: center;
+  align-items: center;
+}
+
+.kategorie.resultsRezept 
+{
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
 }
 
 .kategorie h3 {