diff --git a/content/news/foodsaving/index.de.md b/content/news/foodsaving/index.de.md
index ae8034f..b073581 100644
--- a/content/news/foodsaving/index.de.md
+++ b/content/news/foodsaving/index.de.md
@@ -14,6 +14,8 @@ Food-Saving macht weitere Verteilungen
 
 Die Initiative "Foodsaving Celle" hat sich ein neues Verteilkonzept überlegt. Nachdem die Tafel wieder geöffnet und damit die Häufigkeit und Menge der Lebensmittelspenden sich auch verringert hat, geht es trotzdem weiter mit öffentlichen Lebensmittelausgaben.
 
+{{< picture 1 >}}
+
 Gerettete Lebensmittel freuen sich nun auf geregelte Öffnungszeiten: Die Foodsaving-Initiative des Vereins Buntes Haus e.V. richtet ab dem heutigen Mittwoch feste Abholtermine ein. Menschen, die gerettete Lebensmittel abholen möchten werden mittwochs von 18:30-19:00 Uhr und samstags von 15:00-15:30 Uhr im Essensladen (analog zum Umsonstladen vielleicht einen cooleren Titel?)am Bunten Haus bedient.
 
 "Es gibt auch nach Wiederöffnung der Tafeln weiterhin sowohl den Bedarf für Unterstützung als auch den Zustand, dass leider immer noch viele Nahrungsmittel im Müll landen. Viele Menschen haben mitbekommen, wie viel Essen immer wieder gerettet wird - und freuen sich über die ökologisch und ökonomisch sinnvolle Verschenkaktion. Vor allem Backwaren haben wir in großen Mengen - mindestens diese gibt es weiterhin Mittwochs und Samstags.
diff --git a/themes/buha/assets/css/layout.css b/themes/buha/assets/css/layout.css
index 186a782..e9f96bd 100644
--- a/themes/buha/assets/css/layout.css
+++ b/themes/buha/assets/css/layout.css
@@ -156,7 +156,6 @@ article h3 {
 }
 
 #articleimage {
-	margin-top: 1rem;
 }
 
 #articledata {
@@ -187,9 +186,8 @@ article h3 {
   user-select: all;
 }
 
-label,textarea {
+label,textarea,#label {
 	width: 100%;
-	flex-grow: 1;
 }
 
 fieldset{
diff --git a/themes/buha/layouts/partials/orga/generator.html b/themes/buha/layouts/partials/orga/generator.html
index 4998c12..356eb66 100644
--- a/themes/buha/layouts/partials/orga/generator.html
+++ b/themes/buha/layouts/partials/orga/generator.html
@@ -13,14 +13,14 @@
   Jeder Artikel kann getaggt werden. Das Vorgehen ist dabei Analog zu den Kategorien.
   <br>
   Soll der Artikel auf der Homepage ganz vorne erscheinen, dann gib "Wichtige Neuigkeiten" einen Haken.
-  <br>
-  <br>
-  <b>Einträge mit * sind minimal erforderlich.</b>
-  <br>
-  <noscript><p><b>Bitte aktiviere Javascript, sonst funktioniert der Generator nicht.</b></p></noscript>
 </p>
-<br>
-<form id="myform" style="display: flex; flex-shrink: 0; flex-grow: 1; flex-direction: column; max-width: 950px;">
+  <p><b>Einträge mit * sind minimal erforderlich.</b></p>
+  <noscript><p><b>Bitte aktiviere Javascript, sonst funktioniert der Generator nicht.</b></p></noscript>
+
+<div id='display' class="result" style="white-space: pre; display: none; background: var(--background-body); padding: .6rem 0 1rem 1rem;">
+</div>
+
+<form id="myform" style="display: flex; flex-shrink: 0; flex-grow: 1; flex-direction: column; max-width: 950px; margin-top: 1rem;">
   {{ partial "orga/generator/partials/input_line" (dict "name" "title" "mandatory" "true") }}
   {{ partial "orga/generator/content" }}
   {{ partial "orga/generator/partials/categories_and_tags.html" (dict "name" "categories" "expanded" "true"  "new" "false") }}
@@ -42,7 +42,6 @@
 
 </form>
 
-<div id='display' class="result" style="white-space: pre; background: var(--background-body); padding: 1rem;"></div>
 
 </article>
 <script defer language="javascript" type="text/javascript"  src="{{ "/js/visibleIf.js" | urlize | relURL }}"></script>
diff --git a/themes/buha/layouts/partials/orga/generator/partials/input_line.html b/themes/buha/layouts/partials/orga/generator/partials/input_line.html
index 962329f..6d3f73d 100644
--- a/themes/buha/layouts/partials/orga/generator/partials/input_line.html
+++ b/themes/buha/layouts/partials/orga/generator/partials/input_line.html
@@ -1,2 +1,2 @@
-<label for="new{{- .name -}}">{{ if i18n .name }}{{ i18n .name }}{{ else }}{{ .name }}{{ end }}{{- if eq .mandatory "true" -}}*{{- end -}}</label>
+<label id="label" for="new{{- .name -}}">{{ if i18n .name }}{{ i18n .name }}{{ else }}{{ .name }}{{ end }}{{- if eq .mandatory "true" -}}*{{- end -}}</label>
 <input type="text" name="new{{- .name -}}" id="new{{- .name -}}" value="" placeholder="{{ .eg }}" />
\ No newline at end of file
diff --git a/themes/buha/layouts/partials/single/article.html b/themes/buha/layouts/partials/single/article.html
index 6667131..fd1d4d8 100644
--- a/themes/buha/layouts/partials/single/article.html
+++ b/themes/buha/layouts/partials/single/article.html
@@ -1,26 +1,20 @@
 	<div id="articletitle">
 		<h1>{{- .Title -}}</h1>
 	</div>
+{{- $pic := index (.Resources.ByType "image") 0 -}}
+
 <article>
 	<div id="articlecontent">
 		{{ partial "structure/article_meta" (dict "context" . "visible" "all" )  }}
 		<div id="articleinner">
 			<div id="articledata">
-					{{- if .Resources.ByType "image" -}}
-					{{ if eq .Content "" }}
-						<div class="notext">
-					{{ else }}
-						<div class="text">
-					{{ end }}
-						{{ range .Resources.ByType "image" }}
-							{{- $pic := . -}}
-							{{- $thumb := $pic.Resize "1024x" }}
-							<a href="{{ . }}"><img src="{{- $thumb.Permalink -}}" style="border-radius: 15px;" /></a>
-						{{ end }}
-					</div>
-					{{- end }}
 				<div id="articletext">
 				    {{- .Content -}}
+				    {{- if ne $pic "" -}}
+					<div id="picture">
+						<a href="{{ $pic.Permalink }}"><img src="{{ $pic.Permalink }}" /></a>
+					</div>
+					{{ end }}
 				</div>
 			</div>
 		</div>
diff --git a/themes/buha/layouts/partials/structure/list_article.html b/themes/buha/layouts/partials/structure/list_article.html
index 0664dde..3f37ab2 100644
--- a/themes/buha/layouts/partials/structure/list_article.html
+++ b/themes/buha/layouts/partials/structure/list_article.html
@@ -22,10 +22,8 @@
 					</div>
 				{{- end }}
 				<div id="articletext">
-					{{- if .Truncated -}}
+					{{- if .Summary -}}
 						{{- .Summary -}}
-					{{- else -}}
-						{{- .Content -}}
 					{{- end }}
 					{{ if or .Truncated (eq ($.Scratch.Get "meta") "true") }}
 						<div id="readmore">{{- i18n "readmore" -}}..</div>
diff --git a/themes/buha/layouts/shortcodes/picture.html b/themes/buha/layouts/shortcodes/picture.html
new file mode 100644
index 0000000..3d77c4e
--- /dev/null
+++ b/themes/buha/layouts/shortcodes/picture.html
@@ -0,0 +1,5 @@
+{{ $p := .Params }}
+{{ range $p }}
+	{{- $pic := index ($.Page.Resources.ByType "image") . -}}
+	<img src="{{- $pic.Permalink -}}" style="border-radius: 15px;" />
+{{ end }}
\ No newline at end of file
diff --git a/themes/buha/static/js/generator.js b/themes/buha/static/js/generator.js
index f3b3923..8defec1 100644
--- a/themes/buha/static/js/generator.js
+++ b/themes/buha/static/js/generator.js
@@ -26,6 +26,7 @@ function testor(input) {
 function showInput(e) {
   document.getElementById("display").innerHTML = '';
   e.preventDefault();
+  document.getElementById("display").style.display = "flex";
   var output_info = document.getElementById("myform");
   var display = document.getElementById("display");
 
@@ -85,7 +86,6 @@ function showInput(e) {
   
 
   if (title && content) {
-    display.innerHTML += "<div style=\"background-color: grey;\"";
     display.innerHTML += "---<br>";
     display.innerHTML += "title: \"" + title + "\"<br>";
     display.innerHTML += "date: \"" + datestring + "<br>";
@@ -123,8 +123,8 @@ function showInput(e) {
         display.innerHTML += "registeremail: \"" + registeremail + "\"<br>";
     }
     display.innerHTML += "---<br>";
-    display.innerHTML += "</div>";
     if (content) {
+       document.getElementById("myDIV").style.display = "flex"; 
       display.innerHTML += content;
     }
   }