use float instead of flex

themes/cookbook/layouts/_default/baseof.print.html

@@ -103,13 +103,13 @@
     height: 3rem;
   }
 
-  .allZutaten {
+  .clear {
-    display: flex;
+    clear:both;
-    flex-wrap: wrap;
   }
 
   .zutatenWrapper {
-    flex-basis: 49%;
+    margin: 1em;
+    float: left;
   }
 </style>
 <div class="section">

themes/cookbook/layouts/partials/printscript.html

@@ -3,6 +3,7 @@
 <script>
 window.addEventListener('load', function () {
 	const zutatenNode = document.evaluate('//*[@id="zutaten"]', document).iterateNext()
+	const zubereitungNode = document.evaluate('//*[@id="zubereitung"]', document).iterateNext()
 
 	let nodeBlocks = []
 	let nextNode = zutatenNode.nextElementSibling
@@ -16,23 +17,22 @@ window.addEventListener('load', function () {
 		nextNode = nextNode.nextElementSibling
 	}
 
-	let allIngredientsDiv = document.createElement('div')
+	let clearDiv = document.createElement('div')
-	allIngredientsDiv.id = "allZutaten"
+	clearDiv.classList.add('clear')
-	allIngredientsDiv.classList.add('allZutaten')
 	let nodeBlockIndex = 0
 	nodeBlocks.forEach(function(nodeArray) {
 		let outerDiv = document.createElement('div')
 		outerDiv.id = `wrap${nodeBlockIndex}`
 
 		outerDiv.classList.add("zutatenWrapper")
-		allIngredientsDiv.appendChild(outerDiv)
+		zutatenNode.parentNode.insertBefore(outerDiv, zubereitungNode)
 		for(elem of nodeArray) {
 			outerDiv.appendChild(elem)
 		}
 
 		nodeBlockIndex += 1
 	})
-	zutatenNode.parentNode.insertBefore(allIngredientsDiv, zutatenNode.nextSibling)
+	zutatenNode.parentNode.insertBefore(clearDiv, zubereitungNode)
 	console.log("Finished fiddling")
 })
 </script>

themes/cookbook/static/css/custom.css

@@ -1,4 +1,4 @@
 li {
     padding-bottom: .5em;
     font-size: 20px;
-}
+}