diff --git a/assets/images/icon_connected_servers.svg b/assets/images/icon_connected_servers.svg
deleted file mode 100644
index efa8b56..0000000
--- a/assets/images/icon_connected_servers.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 207 207" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(0.369048,0,0,0.369048,-25.8334,0)">
-        <path d="M219.42,138.84L480.1,138.84C482.538,138.84 484.51,140.817 484.51,143.25L484.51,207.352C484.51,209.79 482.534,211.762 480.1,211.762L219.42,211.762C216.983,211.762 215.01,209.786 215.01,207.352L215.01,143.25C215.01,140.813 216.986,138.84 219.42,138.84ZM338.66,170.891C336.222,170.891 334.25,172.868 334.25,175.301C334.25,177.739 336.226,179.711 338.66,179.711L359.402,179.711C361.84,179.711 363.812,177.735 363.812,175.301C363.812,172.864 361.836,170.891 359.402,170.891L338.66,170.891ZM288.148,170.891C285.71,170.891 283.738,172.868 283.738,175.301C283.738,177.739 285.714,179.711 288.148,179.711L308.89,179.711C311.328,179.711 313.3,177.735 313.3,175.301C313.3,172.864 311.324,170.891 308.89,170.891L288.148,170.891ZM237.632,170.891C235.194,170.891 233.222,172.868 233.222,175.301C233.222,177.739 235.198,179.711 237.632,179.711L258.374,179.711C260.811,179.711 262.784,177.735 262.784,175.301C262.784,172.864 260.808,170.891 258.374,170.891L237.632,170.891Z" style="fill-rule:nonzero;"/>
-        <path d="M219.42,243.54L480.1,243.54C482.538,243.54 484.51,245.517 484.51,247.95L484.51,312.052C484.51,314.49 482.534,316.462 480.1,316.462L219.42,316.462C216.983,316.462 215.01,314.486 215.01,312.052L215.01,247.95C215.01,245.513 216.986,243.54 219.42,243.54ZM338.66,275.591C336.222,275.591 334.25,277.568 334.25,280.001C334.25,282.439 336.226,284.411 338.66,284.411L359.402,284.411C361.84,284.411 363.812,282.435 363.812,280.001C363.812,277.564 361.836,275.591 359.402,275.591L338.66,275.591ZM288.148,275.591C285.71,275.591 283.738,277.568 283.738,280.001C283.738,282.439 285.714,284.411 288.148,284.411L308.89,284.411C311.328,284.411 313.3,282.435 313.3,280.001C313.3,277.564 311.324,275.591 308.89,275.591L288.148,275.591ZM237.632,275.591C235.194,275.591 233.222,277.568 233.222,280.001C233.222,282.439 235.198,284.411 237.632,284.411L258.374,284.411C260.811,284.411 262.784,282.435 262.784,280.001C262.784,277.564 260.808,275.591 258.374,275.591L237.632,275.591Z" style="fill-rule:nonzero;"/>
-        <path d="M219.42,348.24L480.1,348.24C482.538,348.24 484.51,350.217 484.51,352.65L484.51,416.752C484.51,419.19 482.534,421.162 480.1,421.162L219.42,421.162C216.983,421.162 215.01,419.186 215.01,416.752L215.01,352.65C215.01,350.213 216.986,348.24 219.42,348.24ZM237.631,380.291C235.193,380.291 233.221,382.268 233.221,384.701C233.221,387.139 235.197,389.111 237.631,389.111L258.373,389.111C260.81,389.111 262.783,387.135 262.783,384.701C262.783,382.264 260.807,380.291 258.373,380.291L237.631,380.291ZM288.147,380.291C285.71,380.291 283.737,382.268 283.737,384.701C283.737,387.139 285.713,389.111 288.147,389.111L308.889,389.111C311.327,389.111 313.299,387.135 313.299,384.701C313.299,382.264 311.323,380.291 308.889,380.291L288.147,380.291ZM338.659,380.291C336.222,380.291 334.249,382.268 334.249,384.701C334.249,387.139 336.225,389.111 338.659,389.111L359.401,389.111C361.839,389.111 363.811,387.135 363.811,384.701C363.811,382.264 361.835,380.291 359.401,380.291L338.659,380.291Z" style="fill-rule:nonzero;"/>
-        <path d="M218.05,276.18C204.05,276.18 190.738,270.664 180.839,260.766C170.94,250.868 165.425,237.555 165.425,223.555C165.425,209.555 170.941,196.243 180.839,186.344C190.737,176.445 204.05,170.93 218.05,170.93C222.921,170.93 226.874,174.883 226.874,179.754C226.874,184.625 222.921,188.578 218.05,188.578C208.738,188.578 199.898,192.239 193.316,198.824C186.73,205.41 183.07,214.246 183.07,223.558C183.07,232.87 186.73,241.71 193.316,248.292C199.902,254.878 208.738,258.538 218.05,258.538C222.921,258.538 226.874,262.492 226.874,267.363C226.874,272.234 222.921,276.187 218.05,276.187L218.05,276.18Z"/>
-        <path d="M481.95,367.93C491.263,367.93 500.102,364.27 506.684,357.684C513.27,351.098 516.93,342.262 516.93,332.95C516.93,323.638 513.27,314.798 506.684,308.216C500.098,301.63 491.262,297.97 481.95,297.97C477.079,297.97 473.126,294.017 473.126,289.146C473.126,284.275 477.079,280.322 481.95,280.322C495.95,280.322 509.262,285.837 519.161,295.736C529.059,305.634 534.575,318.947 534.575,332.947C534.575,346.947 529.059,360.259 519.161,370.158C509.263,380.056 495.95,385.572 481.95,385.572C477.079,385.572 473.126,381.619 473.126,376.747C473.126,371.876 477.079,367.923 481.95,367.923L481.95,367.93Z"/>
-        <path d="M350,0C504.64,0 630,125.36 630,280C630,434.64 504.64,560 350,560C195.36,560 70,434.64 70,280C70,125.36 195.36,0 350,0ZM350,28.008C489.17,28.008 601.99,140.828 601.99,279.998C601.99,419.168 489.17,531.988 350,531.988C210.83,531.988 98.01,419.168 98.01,279.998C98.01,140.828 210.83,28.008 350,28.008Z"/>
-    </g>
-</svg>
diff --git a/assets/images/icon_gears_bubble.svg b/assets/images/icon_gears_bubble.svg
deleted file mode 100644
index f2699a7..0000000
--- a/assets/images/icon_gears_bubble.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 214 201" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(0.423939,0,0,0.423939,-41.546,-18.7029)">
-        <path d="M350,44.117C210.83,44.117 98,139.262 98,256.607C98,323.646 134.836,383.387 192.344,422.337L192.344,515.884L254.844,453.388C284.211,463.513 316.321,469.122 350,469.122C489.18,469.122 602,373.977 602,256.622C602,139.262 489.18,44.122 350,44.122L350,44.117ZM401.09,337.997L375.582,334.395L364.074,350.438L375.676,373.45L357.992,386.466L339.457,368.564L320.719,374.779L316.586,400.22L294.629,400.361L290.184,374.986L271.364,369.009L253.079,387.177L235.227,374.368L246.539,351.223L234.828,335.313L209.363,339.251L202.425,318.396L225.191,306.33L225.062,286.568L202.14,274.787L208.793,253.877L234.305,257.478L245.809,241.423L234.196,218.423L251.88,205.388L270.4,223.302L289.142,217.068L293.278,191.638L315.235,191.509L319.692,216.884L338.501,222.853L356.79,204.697L374.642,217.494L363.326,240.662L375.049,256.557L400.522,252.619L407.433,273.455L384.675,285.541L384.792,305.275L407.718,317.052L401.09,337.997ZM509.16,193.167L493.262,196.448L487.735,209.78L496.66,223.342L484.595,235.416L471.017,226.502L457.685,232.026L454.403,247.928L437.301,247.928L434.036,232.026L420.684,226.502L407.125,235.416L395.039,223.342L403.965,209.78L398.441,196.448L382.539,193.167L382.539,176.069L398.441,172.8L403.965,159.445L395.039,145.894L407.125,133.808L420.684,142.733L434.036,137.21L437.301,121.315L454.403,121.315L457.685,137.21L471.017,142.733L484.595,133.808L496.66,145.894L487.735,159.445L493.262,172.8L509.16,176.069L509.16,193.167Z" style="fill-rule:nonzero;"/>
-    </g>
-</svg>
diff --git a/assets/images/icon_processor.svg b/assets/images/icon_processor.svg
deleted file mode 100644
index 12457c0..0000000
--- a/assets/images/icon_processor.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 207 207" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(1.33333,0,0,1.33333,-1069.59,-753.333)">
-        <g transform="matrix(0.295238,0,0,0.295238,776.356,559.833)">
-            <rect x="323.31" y="253.31" width="52.938" height="52.938" style="fill:rgb(30,30,30);"/>
-        </g>
-        <g transform="matrix(0.295238,0,0,0.295238,776.356,559.833)">
-            <path d="M296.62,333.38L403.81,333.38L403.81,226.63L296.62,226.63L296.62,333.38ZM315.87,249.818C315.87,247.63 317.62,245.88 319.808,245.88L380.62,245.88C382.807,245.88 384.557,247.63 384.557,249.818L384.557,310.63C384.557,312.818 382.807,314.568 380.62,314.568L319.808,314.568C317.62,314.568 315.87,312.818 315.87,310.63L315.87,249.818Z" style="fill:rgb(30,30,30);fill-rule:nonzero;"/>
-        </g>
-        <g transform="matrix(0.295238,0,0,0.295238,776.356,559.833)">
-            <path d="M350,17.5C205.19,17.5 87.5,135.19 87.5,280C87.5,424.81 205.19,542.5 350,542.5C494.81,542.5 612.5,424.81 612.5,280C612.5,135.19 494.81,17.5 350,17.5ZM419.562,251.56L463.75,251.56C465.938,251.56 467.688,253.31 467.688,255.498C467.688,257.685 465.938,259.435 463.75,259.435L419.562,259.435C417.375,259.435 415.625,257.685 415.625,255.498C415.625,253.31 417.375,251.56 419.562,251.56ZM376.687,166.685C376.687,164.498 378.437,162.748 380.625,162.748C382.812,162.748 384.562,164.498 384.562,166.685L384.562,210.873C384.562,213.061 382.812,214.811 380.625,214.811C378.437,214.811 376.687,213.061 376.687,210.873L376.687,166.685ZM319.812,124.685L340.812,124.685C349.562,124.685 357,132.123 357,140.873L357,210.435C357,212.623 355.25,214.373 353.063,214.373C350.875,214.373 349.125,212.623 349.125,210.435L349.125,140.873C349.125,136.061 345.188,132.561 340.813,132.561L319.813,132.561C317.625,132.561 315.875,130.81 315.875,128.623C315.875,126.435 317.625,124.685 319.813,124.685L319.812,124.685ZM329,166.685L329,210.873C329,213.061 327.25,214.811 325.062,214.811C322.875,214.811 321.125,213.061 321.125,210.873L321.125,166.685C321.125,164.498 322.875,162.748 325.062,162.748C327.25,162.748 329,164.498 329,166.685ZM280.438,308.435L236.688,308.435C234.5,308.435 232.75,306.685 232.75,304.498C232.75,302.31 234.5,300.56 236.688,300.56L280.876,300.56C283.063,300.56 284.813,302.31 284.813,304.498C284.376,307.123 282.626,308.435 280.438,308.435ZM280.438,280.873L210.875,280.873C206.063,280.873 202.563,284.811 202.563,289.186L202.563,310.186C202.563,312.373 200.813,314.123 198.625,314.123C196.438,314.123 194.688,312.373 194.688,310.186L194.688,289.186C194.688,280.436 202.125,272.998 210.876,272.998L280.438,272.998C282.626,272.998 284.376,274.748 284.376,276.935C284.376,279.56 282.626,280.873 280.438,280.873ZM280.438,253.311L236.688,253.311C234.5,253.311 232.75,251.561 232.75,249.373C232.75,247.186 234.5,245.436 236.688,245.436L280.876,245.436C283.063,245.436 284.813,247.186 284.813,249.373C284.813,251.561 282.626,253.311 280.438,253.311ZM323.313,393.311C323.313,395.498 321.563,397.248 319.375,397.248C317.188,397.248 315.438,395.498 315.438,393.311L315.438,349.561C315.438,347.374 317.188,345.624 319.375,345.624C321.563,345.624 323.313,347.374 323.313,349.561L323.313,393.311ZM380.188,435.311L359.188,435.311C350.438,435.311 343,427.873 343,419.123L343,349.561C343,347.374 344.75,345.624 346.937,345.624C349.125,345.624 350.875,347.374 350.875,349.561L350.875,419.123C350.875,423.936 354.812,427.436 359.187,427.436L380.187,427.436C382.375,427.436 384.125,429.186 384.125,431.373C384.125,433.561 382.375,435.311 380.187,435.311L380.188,435.311ZM371,393.311L371,349.561C371,347.374 372.75,345.624 374.938,345.624C377.125,345.624 378.875,347.374 378.875,349.561L378.875,393.749C378.875,395.936 377.125,397.686 374.938,397.686C372.75,397.686 371,395.499 371,393.311ZM411.25,337.311C411.25,339.499 409.5,341.249 407.313,341.249L292.693,341.249C290.505,341.249 288.755,339.499 288.755,337.311L288.755,222.691C288.755,220.503 290.505,218.753 292.693,218.753L407.313,218.753C409.5,218.753 411.25,220.503 411.25,222.691L411.25,337.311ZM463.313,314.123L419.562,314.123C417.375,314.123 415.625,312.373 415.625,310.186C415.625,307.998 417.375,306.248 419.562,306.248L463.75,306.248C465.938,306.248 467.688,307.998 467.688,310.186C467.25,312.373 465.5,314.123 463.313,314.123ZM505.312,270.373C505.312,279.123 497.875,286.561 489.124,286.561L419.562,286.561C417.375,286.561 415.625,284.811 415.625,282.624C415.625,280.436 417.375,278.686 419.562,278.686L489.124,278.686C493.937,278.686 497.437,274.749 497.437,270.374L497.437,249.373C497.437,247.186 499.187,245.436 501.374,245.436C503.562,245.436 505.312,247.186 505.312,249.373L505.312,270.373Z" style="fill:rgb(30,30,30);fill-rule:nonzero;"/>
-        </g>
-    </g>
-</svg>
diff --git a/content/about/contents+en.lr b/content/about/contents+en.lr
index 59c6bc0..d19314e 100644
--- a/content/about/contents+en.lr
+++ b/content/about/contents+en.lr
@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Consulting
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Benefit from the broad IT know-how, the exchange of experience and the networking of our members and experts in the cooperative. The WTF cooperative is your competent contact.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Development
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: We realise your projects - whether web application, mobile app or hardware-related programming. We can also advise you on suitable business development programmes if required.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Operations
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: After the project, we do not leave you out in the cold with the result, but offer you services for the operation of the completed project and the administration of the infrastructure beyond the project.
 ----
diff --git a/content/about/contents.lr b/content/about/contents.lr
index c175caf..0fa62cd 100644
--- a/content/about/contents.lr
+++ b/content/about/contents.lr
@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Beratung
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Profitieren Sie vom breit aufgestellten IT-Know-how, vom Erfahrungsaustausch und der Vernetzung unserer Mitglieder, Expertinnen und Experten in der Genossenschaft. Die WTF Kooperative ist Ihr kompetenter Ansprechpartner.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Entwicklung
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: Wir realisieren Ihre Projekte – egal ob Web-Applikation, mobile App oder hardwarenahe Programmierung. Auch können wir Sie bei Bedarf hinsichtlich passender Wirtschaftsförderprogramme beraten.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Betrieb
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: Nach dem Projekt lassen wir Sie nicht mit dem Ergebnis im Regen stehen, sondern bieten Ihnen auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur.
 ----
diff --git a/flowblocks/flow_services_cards.ini b/flowblocks/flow_services_cards.ini
index 45f236c..3baf55c 100644
--- a/flowblocks/flow_services_cards.ini
+++ b/flowblocks/flow_services_cards.ini
@@ -10,8 +10,9 @@ width = 1/2
 
 [fields.card_image]
 label = Card Icon
-description = Icon Pfad zB. images/circle_icon_fist.svg
-type = string
+description = Lade ein Bild hoch und wähle es hier aus
+type = select
+source = record.attachments.images
 width = 1/2
 
 [fields.card_text]
diff --git a/templates/macros/services_cards.html b/templates/macros/services_cards.html
index 890baa7..08b766c 100644
--- a/templates/macros/services_cards.html
+++ b/templates/macros/services_cards.html
@@ -1,7 +1,8 @@
 {% macro render_services_card(card, index) %}
+{% set card_image = card.record.attachments.images.get(card.card_image) %}
             <div class="services_card {% if index%2 %}-odd{% else %}-even{% endif %}">
               <div class="services_card__image_box">
-                <img src="/{{ card.card_image }}" alt="" aria-hidden="true">
+                <img src="{{ card_image|url }}" alt="" aria-hidden="true">
               </div>
               <div class="services_card__text_box">
                 <h2>{{ card.card_title }}</h2>