diff --git a/assets/fastforward.svg b/assets/fastforward.svg
index 5243967..6d0ea91 100644
--- a/assets/fastforward.svg
+++ b/assets/fastforward.svg
@@ -1,8 +1,25 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-    <style type="text/css" id="current-color-scheme">
-        .ColorScheme-Text {
-            color:#eff0f1;
-        }
-    </style>
-    <path d="m8 2v12l7-6zm-7 0v12l7-6z" class="ColorScheme-Text" fill="currentColor"/>
+<svg
+    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="300" height="300"
+    version="1.0">
+  
+  <defs>
+    <path id="arrows" d="M160 60v180l105-90zM55 60v180l105-90z"/>
+
+    <clipPath id="background-cut">
+      <path d="M136.856 78.357a37.5 37.5 0 1 1-75 0 37.5 37.5 0 1 1 75 0"/>
+      <path d="M149.826-.002A150 150-26.33 1 1 0 150.17l150-.172z"/>
+    </clipPath>
+  </defs>
+
+  <g fill="#000" opacity=".4">
+    <path fill="#fff" d="M149.826-.002a150 150-26.33 1 1 .345 300 150 150-26.33 1 1-.345-300"/>
+    <path d="M136.856 78.357a37.5 37.5 0 1 1-75 0 37.5 37.5 0 1 1 75 0"/>
+    <path d="M149.826-.002A150 150-26.33 1 1 0 150.17l150-.172z"/>
+
+    <use href="#arrows"/>
+  </g>
+
+  <use href="#arrows" fill="#fff" clip-path="url(#background-cut)"/>
+
 </svg>
diff --git a/assets/logo.svg b/assets/logo.svg
index b14083d..9bbdd78 100644
--- a/assets/logo.svg
+++ b/assets/logo.svg
@@ -1,199 +1,36 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
 <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"
-   width="299.99982"
-   height="300.00003"
-   id="svg2"
-   sodipodi:version="0.32"
-   inkscape:version="0.46"
-   sodipodi:docbase="C:\Eigene Dateien\Video AG"
-   sodipodi:docname="logo.svg"
-   inkscape:output_extension="org.inkscape.output.svg.inkscape"
-   version="1.0"
-   inkscape:export-filename="Q:\video AG\fs-pub-video\folien\logo-1024.png"
-   inkscape:export-xdpi="307.20001"
-   inkscape:export-ydpi="307.20001">
-  <defs
-     id="defs4">
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 526.18109 : 1"
-       inkscape:vp_y="0 : 1000 : 0"
-       inkscape:vp_z="744.09448 : 526.18109 : 1"
-       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
-       id="perspective21" />
-    <linearGradient
-       id="linearGradient2041">
-      <stop
-         style="stop-color:#ffffff;stop-opacity:1.0000000;"
-         offset="0.00000000"
-         id="stop2043" />
-      <stop
-         style="stop-color:#7d7d7d;stop-opacity:1.0000000;"
-         offset="1.0000000"
-         id="stop2045" />
+    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="300" height="300"
+    version="1.0">
+  <defs>
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#7d7d7d"/>
     </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient2041"
-       id="linearGradient2047"
-       x1="194.17578"
-       y1="139.59265"
-       x2="250.03906"
-       y2="139.59265"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(317,-57)" />
+    <linearGradient xlink:href="#a" id="b" x1="194.176" x2="250.039" y1="139.593" y2="139.593" gradientTransform="translate(317 -57)" gradientUnits="userSpaceOnUse"/>
   </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.4889823"
-     inkscape:cx="71.681092"
-     inkscape:cy="217.8489"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     inkscape:window-width="1400"
-     inkscape:window-height="988"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     showgrid="false"
-     inkscape:snap-bbox="false"
-     inkscape:snap-nodes="true"
-     inkscape:object-paths="false"
-     inkscape:object-nodes="true"
-     objecttolerance="10"
-     gridtolerance="10000"
-     guidetolerance="10000"
-     showborder="true"
-     inkscape:showpageshadow="true"
-     borderlayer="false" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Ebene 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-438.99979,0.6379836)">
-    <path
-       sodipodi:type="arc"
-       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-       id="path2393"
-       sodipodi:cx="454"
-       sodipodi:cy="112.36218"
-       sodipodi:rx="87"
-       sodipodi:ry="56"
-       d="M 541,112.36218 A 87,56 0 1 1 367,112.36218 A 87,56 0 1 1 541,112.36218 z"
-       transform="matrix(-1.977323e-3,-1.724137,2.678569,-3.071905e-3,288.9275,932.4654)"
-       inkscape:export-filename="C:\Eigene Dateien\Video AG\logo.png"
-       inkscape:export-xdpi="90.000000"
-       inkscape:export-ydpi="90.000000" />
-    <path
-       sodipodi:type="arc"
-       style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-       id="path1306"
-       sodipodi:cx="281.42856"
-       sodipodi:cy="270.93362"
-       sodipodi:rx="38.57143"
-       sodipodi:ry="44.285713"
-       d="M 319.99999,270.93362 A 38.57143,44.285713 0 1 1 242.85713,270.93362 A 38.57143,44.285713 0 1 1 319.99999,270.93362 z"
-       transform="matrix(0.972222,0,0,0.846774,264.7456,-151.7001)"
-       inkscape:export-filename="C:\Eigene Dateien\Video AG\logo.png"
-       inkscape:export-xdpi="90.000000"
-       inkscape:export-ydpi="90.000000" />
-    <text
-       xml:space="preserve"
-       style="font-size:72px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:url(#linearGradient2047);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black"
-       x="511"
-       y="108.36218"
-       id="text1308"
-       sodipodi:linespacing="125%"
-       inkscape:export-filename="C:\Eigene Dateien\Video AG\logo.png"
-       inkscape:export-xdpi="90.000000"
-       inkscape:export-ydpi="90.000000"><tspan
-         sodipodi:role="line"
-         id="tspan1312"
-         x="511"
-         y="108.36218"
-         style="fill:url(#linearGradient2047);fill-opacity:1">V</tspan></text>
-    <path
-       sodipodi:type="arc"
-       style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-       id="path3517"
-       sodipodi:cx="454"
-       sodipodi:cy="112.36218"
-       sodipodi:rx="87"
-       sodipodi:ry="56"
-       d="M 541,112.36218 A 87,56 0 1 1 454,56.362183 L 454,112.36218 z"
-       transform="matrix(-1.977323e-3,-1.724137,2.678569,-3.071905e-3,288.9275,932.4654)"
-       sodipodi:start="0"
-       sodipodi:end="4.712389"
-       inkscape:export-filename="C:\Eigene Dateien\Video AG\logo.png"
-       inkscape:export-xdpi="90.000000"
-       inkscape:export-ydpi="90.000000" />
-    <text
-       xml:space="preserve"
-       style="font-size:28px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black"
-       x="598"
-       y="105.36218"
-       id="text2055"
-       sodipodi:linespacing="125%"
-       inkscape:export-filename="C:\Eigene Dateien\Video AG\logo.png"
-       inkscape:export-xdpi="90.000000"
-       inkscape:export-ydpi="90.000000"><tspan
-         sodipodi:role="line"
-         id="tspan2785"
-         x="598"
-         y="105.36218"
-         style="font-size:36px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Arial Black">ideo</tspan></text>
-    <text
-       xml:space="preserve"
-       style="font-size:100px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black"
-       x="511"
-       y="243.36218"
-       id="text2051"
-       sodipodi:linespacing="125%"
-       inkscape:export-filename="C:\Eigene Dateien\Video AG\logo.png"
-       inkscape:export-xdpi="90.000000"
-       inkscape:export-ydpi="90.000000"><tspan
-         sodipodi:role="line"
-         id="tspan2053"
-         x="511"
-         y="243.36218"
-         style="font-size:100px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Arial Black">AG</tspan></text>
-    <text
-       xml:space="preserve"
-       style="font-size:72px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.25098039;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black"
-       x="471"
-       y="108.36218"
-       id="text4979"
-       sodipodi:linespacing="125%"
-       inkscape:export-filename="C:\Eigene Dateien\Video AG\logo.png"
-       inkscape:export-xdpi="90.000000"
-       inkscape:export-ydpi="90.000000"><tspan
-         sodipodi:role="line"
-         id="tspan4981"
-         x="471"
-         y="108.36218">V</tspan></text>
+
+  <!-- this creates the small circle inside the cutout. the first path seems to do nothing. -->
+  <path fill="#fff" d="M149.826-.002a150 150-26.33 1 1 .345 300 150 150-26.33 1 1-.345-300"/>
+  <path d="M136.856 78.357a37.5 37.5 0 1 1-75 0 37.5 37.5 0 1 1 75 0"/>
+
+  <!-- this is the big 270-degree circle -->
+  <path d="M149.826-.002A150 150-26.33 1 1 0 150.17l150-.172z"/>
+
+  <g font-family="Arial Black" style="line-height:125%" transform="translate(-439 .638)">
+
+    <text font-size="72">
+      <!-- this text is the "V" with linear gradient inside the small circle. -->
+      <tspan x="511" y="108.362" fill="url(#b)">V</tspan>
+      <!-- this is the "V" to the left of the small circle -->
+      <tspan x="471" y="108.362" fill="#000" fill-opacity=".251">V</tspan>
+    </text>
+    
+    <!-- this is the "ideo" text in the upper line -->
+    <text x="598" y="105.362" font-size="36" fill="#fff">ideo</text>
+
+    <!-- this is the "AG" text in the lower line -->
+    <text x="511" y="243.362" font-size="100" fill="#fff">AG</text>
+
   </g>
 </svg>