diff --git a/images/Original Screenshot 1.png b/images/Original Screenshot 1.png
new file mode 100644
index 0000000..be097a2
Binary files /dev/null and b/images/Original Screenshot 1.png differ
diff --git a/images/Original Screenshot 2.png b/images/Original Screenshot 2.png
new file mode 100644
index 0000000..377c012
Binary files /dev/null and b/images/Original Screenshot 2.png differ
diff --git a/images/Original Screenshot 3.png b/images/Original Screenshot 3.png
new file mode 100644
index 0000000..f67d7b4
Binary files /dev/null and b/images/Original Screenshot 3.png differ
diff --git a/images/Screenshot 1.pxd/QuickLook/Icon.tiff b/images/Screenshot 1.pxd/QuickLook/Icon.tiff
new file mode 100644
index 0000000..68b83b1
Binary files /dev/null and b/images/Screenshot 1.pxd/QuickLook/Icon.tiff differ
diff --git a/images/Screenshot 1.pxd/QuickLook/Thumbnail.tiff b/images/Screenshot 1.pxd/QuickLook/Thumbnail.tiff
new file mode 100644
index 0000000..ddfdf34
Binary files /dev/null and b/images/Screenshot 1.pxd/QuickLook/Thumbnail.tiff differ
diff --git a/images/Screenshot 1.pxd/data/405C3D33-ADBF-4777-BC05-2EA47248FAE9 b/images/Screenshot 1.pxd/data/405C3D33-ADBF-4777-BC05-2EA47248FAE9
new file mode 100644
index 0000000..99c83a2
Binary files /dev/null and b/images/Screenshot 1.pxd/data/405C3D33-ADBF-4777-BC05-2EA47248FAE9 differ
diff --git a/images/Screenshot 1.pxd/metadata.info b/images/Screenshot 1.pxd/metadata.info
new file mode 100644
index 0000000..cb046ac
Binary files /dev/null and b/images/Screenshot 1.pxd/metadata.info differ
diff --git a/images/Screenshot 2.pxd/QuickLook/Icon.tiff b/images/Screenshot 2.pxd/QuickLook/Icon.tiff
new file mode 100644
index 0000000..8878bd0
Binary files /dev/null and b/images/Screenshot 2.pxd/QuickLook/Icon.tiff differ
diff --git a/images/Screenshot 2.pxd/QuickLook/Thumbnail.tiff b/images/Screenshot 2.pxd/QuickLook/Thumbnail.tiff
new file mode 100644
index 0000000..fbd66df
Binary files /dev/null and b/images/Screenshot 2.pxd/QuickLook/Thumbnail.tiff differ
diff --git a/images/Screenshot 2.pxd/data/8BA3B807-9AC0-431B-8ADB-019FEE3E5A6F b/images/Screenshot 2.pxd/data/8BA3B807-9AC0-431B-8ADB-019FEE3E5A6F
new file mode 100644
index 0000000..3101f9b
Binary files /dev/null and b/images/Screenshot 2.pxd/data/8BA3B807-9AC0-431B-8ADB-019FEE3E5A6F differ
diff --git a/images/Screenshot 2.pxd/metadata.info b/images/Screenshot 2.pxd/metadata.info
new file mode 100644
index 0000000..e0322f8
Binary files /dev/null and b/images/Screenshot 2.pxd/metadata.info differ
diff --git a/images/Screenshot 3.pxd/QuickLook/Icon.tiff b/images/Screenshot 3.pxd/QuickLook/Icon.tiff
new file mode 100644
index 0000000..4537f45
Binary files /dev/null and b/images/Screenshot 3.pxd/QuickLook/Icon.tiff differ
diff --git a/images/Screenshot 3.pxd/QuickLook/Thumbnail.tiff b/images/Screenshot 3.pxd/QuickLook/Thumbnail.tiff
new file mode 100644
index 0000000..226c0b7
Binary files /dev/null and b/images/Screenshot 3.pxd/QuickLook/Thumbnail.tiff differ
diff --git a/images/Screenshot 3.pxd/data/D5A86EF5-05A4-4CD4-AAF7-DA1A269A0F89 b/images/Screenshot 3.pxd/data/D5A86EF5-05A4-4CD4-AAF7-DA1A269A0F89
new file mode 100644
index 0000000..8049197
Binary files /dev/null and b/images/Screenshot 3.pxd/data/D5A86EF5-05A4-4CD4-AAF7-DA1A269A0F89 differ
diff --git a/images/Screenshot 3.pxd/metadata.info b/images/Screenshot 3.pxd/metadata.info
new file mode 100644
index 0000000..826a2c8
Binary files /dev/null and b/images/Screenshot 3.pxd/metadata.info differ
diff --git a/superx_budget/pyramid/static/screenshot-1.jpg b/superx_budget/pyramid/static/screenshot-1.jpg
new file mode 100644
index 0000000..211d09c
Binary files /dev/null and b/superx_budget/pyramid/static/screenshot-1.jpg differ
diff --git a/superx_budget/pyramid/static/screenshot-2.jpg b/superx_budget/pyramid/static/screenshot-2.jpg
new file mode 100644
index 0000000..4205398
Binary files /dev/null and b/superx_budget/pyramid/static/screenshot-2.jpg differ
diff --git a/superx_budget/pyramid/static/screenshot-3.jpg b/superx_budget/pyramid/static/screenshot-3.jpg
new file mode 100644
index 0000000..1c3f5bd
Binary files /dev/null and b/superx_budget/pyramid/static/screenshot-3.jpg differ
diff --git a/superx_budget/pyramid/static/style.css b/superx_budget/pyramid/static/style.css
index 4de011e..62d8a29 100644
--- a/superx_budget/pyramid/static/style.css
+++ b/superx_budget/pyramid/static/style.css
@@ -1,3 +1,7 @@
+ol.suprex li {
+    margin-top:2em;
+    }
+
 .form input.form-control.currency {
     display: inline-block;
     vertical-align:middle;
diff --git a/superx_budget/pyramid/templates/layout.jinja2 b/superx_budget/pyramid/templates/layout.jinja2
index db9b1ac..0080cd5 100644
--- a/superx_budget/pyramid/templates/layout.jinja2
+++ b/superx_budget/pyramid/templates/layout.jinja2
@@ -5,7 +5,7 @@
 
   	<title>SuperX -> Budget Overview</title>
 
-	<link href="{{request.static_url('superx_budget.pyramid:static/img/favicon.ico')}}" type="image/x-icon" rel="shortcut icon">
+	<link href="{{request.static_url('superx_budget.pyramid:static/favicon.ico')}}" type="image/x-icon" rel="shortcut icon">
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="{{request.static_url('superx_budget.pyramid:static/style.css')}}" type="text/css" media="screen" />
@@ -59,7 +59,7 @@
     <p>No content</p>
 {% endblock content %}
 
-    <div class="row mt-3">
+    <div class="row mt-4">
         <div class="col">
             <footer>
                 <p class="bg-light p-3">Any problems or questions? Please contact <a href="https://wiki.cpi.imtek.uni-freiburg.de/HolgerFrey">Holgi</a>.</p>
diff --git a/superx_budget/pyramid/templates/overview.jinja2 b/superx_budget/pyramid/templates/overview.jinja2
index 3032fbc..b6fef14 100644
--- a/superx_budget/pyramid/templates/overview.jinja2
+++ b/superx_budget/pyramid/templates/overview.jinja2
@@ -52,7 +52,7 @@
                 <h4 class="mt-5">Who should receive the list </h4>
                 <label for="recipients">Please separate the recipients by new lines:</label>
                 <textarea class="form-control" name="recipients" id="recipients" rows="{{ recipients|count + 3 }}">{{ recipients|join("\n") }}{{ "\n" }}</textarea>
-                <p class="mt-5">
+                <p class="mt-4">
                     <button type="submit" name="submit" value="submitted" class="btn btn-primary">Send List</button>
                 </p>
 
diff --git a/superx_budget/pyramid/templates/start.jinja2 b/superx_budget/pyramid/templates/start.jinja2
index 88a0484..1de7934 100644
--- a/superx_budget/pyramid/templates/start.jinja2
+++ b/superx_budget/pyramid/templates/start.jinja2
@@ -5,15 +5,24 @@
     <div class="row">
         <div class="col">
             <h2>Procedure to get the right SuperX export</h2>
-            <ol>
-                <li>Log in to SuperX</li>
-                <li>select …</li>
-                <li>select …</li>
-                <li>select …</li>
-                <li>select …</li>
-                <li>select …</li>
+            <ol class="suprex">
+                <li>Log in to <a href="https://www.verwaltung.uni-freiburg.de/superx/" target="_blank" rel="noopener noreferrer">SuperX</a></li>
+                <li>
+                    <div>Select <span class="text-info">"SAP Berichte (ab 2015)"</span> in the left menu, then <span class="text-info">"Verwendungsnachweis und Kassenstand SAP"</span>.</div>
+                    <div><img src="{{request.static_url('superx_budget.pyramid:static/screenshot-1.jpg')}}" alt="screenshot superx, part 1"></div>
+
+                </li>
+                <li>
+                    <div>Enter the correct year for the report and select <span class="text-info">"automatisch"</span> for the <span class="text-info">"Gruppierung"</span>.</div>
+                    <div><img src="{{request.static_url('superx_budget.pyramid:static/screenshot-2.jpg')}}" alt="screenshot superx, part 2"></div>
+                </li>
+                <li>Generating the list might take some time, please be patient.</li>
+                <li>
+                    <div>Click on the small Excel icon and download the file to a location where you can find it easily.</div>
+                    <div><img src="{{request.static_url('superx_budget.pyramid:static/screenshot-3.jpg')}}" alt="screenshot superx, part 3"></div>
+                </li>
             </ol>
-            <h4>Done?</h4>
+            <h4 class="pt-4">Done?</h4>
             <form enctype="multipart/form-data" method="post" action="/">
                 <div class="form-group">
                     <label for="fileupload">Then please upload the just exported Excel file:</label>