diff --git a/content/static/datenspuren/2012/images/battery.svg b/content/static/datenspuren/2012/images/battery.svg
new file mode 100644
index 000000000..c68406685
--- /dev/null
+++ b/content/static/datenspuren/2012/images/battery.svg
@@ -0,0 +1,222 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="222.15739"
+   height="128"
+   id="RSSicon"
+   viewBox="0 0 444.31479 256"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="battery.svg">
+  <metadata
+     id="metadata4374">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1024"
+     inkscape:window-height="553"
+     id="namedview4372"
+     showgrid="false"
+     inkscape:zoom="2.3515625"
+     inkscape:cx="157.10021"
+     inkscape:cy="66.007561"
+     inkscape:window-x="-3"
+     inkscape:window-y="-3"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="RSSicon"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <defs
+     id="defs4343">
+    <linearGradient
+       id="linearGradient4681"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4683" />
+    </linearGradient>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3027"
+       y2="225.94"
+       x2="225.94"
+       y1="30.059999"
+       x1="30.059999">
+      <stop
+         style="stop-color:#3f3f3f;stop-opacity:1;"
+         id="stop3029"
+         stop-color="#E3702D"
+         offset="0" />
+      <stop
+         style="stop-color:#838383;stop-opacity:1;"
+         id="stop3031"
+         stop-color="#FB9E3A"
+         offset="0.63454086" />
+      <stop
+         style="stop-color:#414141;stop-opacity:1;"
+         id="stop3033"
+         stop-color="#D95B29"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="30.059999"
+       y1="30.059999"
+       x2="225.94"
+       y2="225.94"
+       id="RSSg"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#E3702D"
+         id="stop4346"
+         style="stop-color:#888888;stop-opacity:1;" />
+      <stop
+         offset="0.5"
+         stop-color="#FB9E3A"
+         id="stop4352"
+         style="stop-color:#9a9a9a;stop-opacity:1;" />
+      <stop
+         offset="1"
+         stop-color="#D95B29"
+         id="stop4358"
+         style="stop-color:#818181;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#RSSg"
+       id="linearGradient3021"
+       gradientUnits="userSpaceOnUse"
+       x1="30.059999"
+       y1="30.059999"
+       x2="225.94"
+       y2="225.94"
+       gradientTransform="translate(45.92691,-0.85049834)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3027"
+       id="linearGradient3037"
+       gradientUnits="userSpaceOnUse"
+       x1="30.059999"
+       y1="30.059999"
+       x2="366.27222"
+       y2="212.33203"
+       gradientTransform="translate(32,-64)" />
+  </defs>
+  <rect
+     style="fill:#000000;fill-opacity:1;stroke:none"
+     id="rect6194"
+     width="48.757336"
+     height="113.728"
+     x="395.55731"
+     y="71.136002"
+     rx="7.6544852"
+     ry="7.6544852" />
+  <rect
+     width="414"
+     height="256"
+     rx="55"
+     ry="55"
+     x="0"
+     y="0"
+     id="rect4360"
+     style="fill:#000000;fill-opacity:1" />
+  <rect
+     width="404"
+     height="246"
+     rx="50"
+     ry="50"
+     x="5"
+     y="5"
+     id="rect4362"
+     style="fill:#ffffff;fill-opacity:1" />
+  <rect
+     width="394"
+     height="236"
+     rx="47"
+     ry="47"
+     x="10"
+     y="10"
+     id="rect4364"
+     style="fill:#000000;fill-opacity:1" />
+  <path
+     d="m 314.51844,71.135735 36.29634,0 0,113.728525 -36.29634,0 z"
+     id="path3897"
+     inkscape:connector-curvature="0"
+     style="fill:#5a5a5a;fill-opacity:1"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     style="fill:#5a5a5a;fill-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path4665"
+     d="m 273.01844,71.135735 36.29634,0 0,113.728525 -36.29634,0 z" />
+  <path
+     d="m 231.51844,71.135735 36.29634,0 0,113.728525 -36.29634,0 z"
+     id="path4667"
+     inkscape:connector-curvature="0"
+     style="fill:#5a5a5a;fill-opacity:1"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     style="fill:#5a5a5a;fill-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path4669"
+     d="m 190.01844,71.135735 36.29634,0 0,113.728525 -36.29634,0 z" />
+  <path
+     d="m 148.51844,71.135735 36.29634,0 0,113.728525 -36.29634,0 z"
+     id="path4671"
+     inkscape:connector-curvature="0"
+     style="fill:#5a5a5a;fill-opacity:1"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     style="fill:#ffffff;fill-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path4673"
+     d="m 107.01844,71.135735 36.29634,0 0,113.728525 -36.29634,0 z" />
+  <path
+     d="m 65.518442,71.135735 36.296338,0 0,113.728525 -36.296338,0 z"
+     id="path4675"
+     inkscape:connector-curvature="0"
+     style="fill:#ffffff;fill-opacity:1"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     style="fill:#5a5a5a;fill-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path4677"
+     d="m 356.01844,71.135735 36.29634,0 0,113.728525 -36.29634,0 z" />
+  <path
+     d="m 24.01845,71.135735 36.29634,0 0,113.728525 -36.29634,0 z"
+     id="path4679"
+     inkscape:connector-curvature="0"
+     style="fill:#ffffff;fill-opacity:1"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/content/static/datenspuren/2012/images/wlan.svg b/content/static/datenspuren/2012/images/wlan.svg
new file mode 100644
index 000000000..7a7e4e4a5
--- /dev/null
+++ b/content/static/datenspuren/2012/images/wlan.svg
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="207"
+   height="128"
+   id="RSSicon"
+   viewBox="0 0 414 256"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="battery.svg">
+  <metadata
+     id="metadata4374">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1024"
+     inkscape:window-height="553"
+     id="namedview4372"
+     showgrid="false"
+     inkscape:zoom="2.3515625"
+     inkscape:cx="104.15669"
+     inkscape:cy="66.007561"
+     inkscape:window-x="-3"
+     inkscape:window-y="-3"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="RSSicon"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <defs
+     id="defs4343">
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3027"
+       y2="225.94"
+       x2="225.94"
+       y1="30.059999"
+       x1="30.059999">
+      <stop
+         style="stop-color:#3f3f3f;stop-opacity:1;"
+         id="stop3029"
+         stop-color="#E3702D"
+         offset="0" />
+      <stop
+         style="stop-color:#838383;stop-opacity:1;"
+         id="stop3031"
+         stop-color="#FB9E3A"
+         offset="0.63454086" />
+      <stop
+         style="stop-color:#414141;stop-opacity:1;"
+         id="stop3033"
+         stop-color="#D95B29"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="30.059999"
+       y1="30.059999"
+       x2="225.94"
+       y2="225.94"
+       id="RSSg"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#E3702D"
+         id="stop4346"
+         style="stop-color:#888888;stop-opacity:1;" />
+      <stop
+         offset="0.5"
+         stop-color="#FB9E3A"
+         id="stop4352"
+         style="stop-color:#9a9a9a;stop-opacity:1;" />
+      <stop
+         offset="1"
+         stop-color="#D95B29"
+         id="stop4358"
+         style="stop-color:#818181;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#RSSg"
+       id="linearGradient3021"
+       gradientUnits="userSpaceOnUse"
+       x1="30.059999"
+       y1="30.059999"
+       x2="225.94"
+       y2="225.94"
+       gradientTransform="translate(45.92691,-0.85049834)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3027"
+       id="linearGradient3037"
+       gradientUnits="userSpaceOnUse"
+       x1="30.059999"
+       y1="30.059999"
+       x2="366.27222"
+       y2="212.33203"
+       gradientTransform="translate(32,-64)" />
+  </defs>
+  <rect
+     width="414"
+     height="256"
+     rx="55"
+     ry="55"
+     x="0"
+     y="0"
+     id="rect4360"
+     style="fill:#000000;fill-opacity:1" />
+  <rect
+     width="404"
+     height="246"
+     rx="50"
+     ry="50"
+     x="5"
+     y="5"
+     id="rect4362"
+     style="fill:#ffffff;fill-opacity:1" />
+  <rect
+     width="394"
+     height="236"
+     rx="47"
+     ry="47"
+     x="10"
+     y="10"
+     id="rect4364"
+     style="fill:#000000;fill-opacity:1" />
+  <g
+     id="g4620"
+     transform="translate(1.9816665,0.5937445)">
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       inkscape:connector-curvature="0"
+       id="path3901"
+       d="m 28.073677,128.0112 36.29634,-57.469209 33.271643,0 -33.271643,57.469209 33.271643,56.25932 -36.296338,0 z" />
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       inkscape:connector-curvature="0"
+       id="path3899"
+       d="m 70.419407,128.0112 33.271643,-57.469209 36.29634,0 -33.27164,57.469209 33.27164,56.25932 -36.29634,0 z" />
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       inkscape:connector-curvature="0"
+       id="path3897"
+       d="m 112.76514,128.0112 33.27164,-57.469209 36.29634,0 -32.66671,57.469209 32.66671,56.25932 -36.29634,0 z" />
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       d="m 345.66665,128.0112 -33.27164,-57.469209 36.29634,0 33.27164,57.469209 -33.27164,56.25932 -36.29634,0 z"
+       id="path4449"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4451"
+       d="m 353.6831,127.86014 -29.09074,-50.299903 20.00375,0 29.09075,50.299903 -29.09075,49.24097 -19.72508,0 z"
+       style="fill:#000000;fill-opacity:1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       id="path3893"
+       d="m 303.32092,128.0112 -33.27164,-57.469209 36.29634,0 33.27164,57.469209 -33.27164,56.25932 -36.29634,0 z"
+       inkscape:connector-curvature="0" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       inkscape:connector-curvature="0"
+       style="fill:#000000;fill-opacity:1"
+       d="m 311.33737,127.86014 -29.09074,-50.299903 20.00375,0 29.09075,50.299903 -29.09075,49.24097 -19.72508,0 z"
+       id="path4441" />
+    <path
+       transform="matrix(2,0,0,2,4,2.5099619)"
+       d="m 126.29256,62.448147 c 0,7.639226 -6.19282,13.832043 -13.83204,13.832043 -7.63923,0 -13.832045,-6.192817 -13.832045,-13.832043 0,-7.639226 6.192815,-13.832043 13.832045,-13.832043 7.63922,0 13.83204,6.192817 13.83204,13.832043 z"
+       sodipodi:ry="13.832043"
+       sodipodi:rx="13.832043"
+       sodipodi:cy="62.448147"
+       sodipodi:cx="112.46052"
+       id="path4611"
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       sodipodi:type="arc" />
+  </g>
+</svg>
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index 3f6729017..26e75d304 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -46,7 +46,7 @@
 	    <div id="screen">
 	      <div id="menu">
 		<div id="battery">
-		  <img src="images/battery.png" height="36pt"/>
+		  <img src="images/battery.svg" height="64"/>
 		</div>
 
 		<div id="buttons">
@@ -71,7 +71,7 @@
 
 		<div id="c3d2">
 		  <a href="http://c3d2.de">
-		    <img src="images/c3d2_wlan.png" height="36pt"/>
+		    <img src="images/wlan.svg" height="64"/>
 		  </a>
 		</div>
 	      </div>