From aa99247fbbb6af4b6cc8bdee57debe14b26216e5 Mon Sep 17 00:00:00 2001
From: Erwin Sperling <bohnjs@outlook.de>
Date: Mon, 23 Dec 2024 14:15:43 +0100
Subject: [PATCH] Add remark icons

---
 .../src/assets/icons/2nd-class-only.svg       |  95 +++++++++
 front/bahnui-front/src/assets/icons/55.svg    | 113 +++++++++++
 .../src/assets/icons/air-conditioned.svg      | 192 ++++++++++++++++++
 .../src/assets/icons/barrier-free-vehicle.svg | 116 +++++++++++
 .../icons/bicycle-conveyance-reservation.svg  | 115 +++++++++++
 .../src/assets/icons/bicycle-conveyance.svg   | 104 ++++++++++
 .../assets/icons/compulsory-reservation.svg   |  80 ++++++++
 .../src/assets/icons/on-board-restaurant.svg  |  95 +++++++++
 .../src/assets/icons/power-sockets.svg        |  87 ++++++++
 .../src/assets/icons/wheelchair-space.svg     | 105 ++++++++++
 front/bahnui-front/src/assets/icons/wifi.svg  | 104 ++++++++++
 front/bahnui-front/src/components/routing.vue |  15 +-
 front/bahnui-front/src/lib/remarks.js         |  33 +++
 front/bahnui-front/src/locales/de.json        |  16 ++
 front/bahnui-front/src/locales/en.json        |  16 ++
 15 files changed, 1283 insertions(+), 3 deletions(-)
 create mode 100644 front/bahnui-front/src/assets/icons/2nd-class-only.svg
 create mode 100644 front/bahnui-front/src/assets/icons/55.svg
 create mode 100644 front/bahnui-front/src/assets/icons/air-conditioned.svg
 create mode 100644 front/bahnui-front/src/assets/icons/barrier-free-vehicle.svg
 create mode 100644 front/bahnui-front/src/assets/icons/bicycle-conveyance-reservation.svg
 create mode 100644 front/bahnui-front/src/assets/icons/bicycle-conveyance.svg
 create mode 100644 front/bahnui-front/src/assets/icons/compulsory-reservation.svg
 create mode 100644 front/bahnui-front/src/assets/icons/on-board-restaurant.svg
 create mode 100644 front/bahnui-front/src/assets/icons/power-sockets.svg
 create mode 100644 front/bahnui-front/src/assets/icons/wheelchair-space.svg
 create mode 100644 front/bahnui-front/src/assets/icons/wifi.svg
 create mode 100644 front/bahnui-front/src/lib/remarks.js

diff --git a/front/bahnui-front/src/assets/icons/2nd-class-only.svg b/front/bahnui-front/src/assets/icons/2nd-class-only.svg
new file mode 100644
index 0000000..4e461a1
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/2nd-class-only.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="2nd-class-only.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="3.8503378"
+     inkscape:cx="-22.984996"
+     inkscape:cy="30.127226"
+     inkscape:window-width="1305"
+     inkscape:window-height="474"
+     inkscape:window-x="85"
+     inkscape:window-y="1160"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 3,41 41,3"
+       id="path57"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7,45 45,7"
+       id="path58"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4,44 44,4"
+       id="path59"
+       sodipodi:nodetypes="cc" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+       x="17.32"
+       y="37.400002"
+       id="text51"><tspan
+         sodipodi:role="line"
+         id="tspan51"
+         x="17.32"
+         y="37.400002"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roadgeek 2005 Series E';-inkscape-font-specification:'Roadgeek 2005 Series E'">1</tspan></text>
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/55.svg b/front/bahnui-front/src/assets/icons/55.svg
new file mode 100644
index 0000000..99b80d7
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/55.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="55.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="7.7006757"
+     inkscape:cx="18.180223"
+     inkscape:cy="14.544178"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="rect51"
+       width="4"
+       height="4"
+       x="8"
+       y="22" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="rect52"
+       width="28"
+       height="4"
+       x="14"
+       y="22" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 10,10 c 1.327515,1.662522 1.339142,3.329152 0,5 -1.3391418,1.670847 -1.3275145,3.337478 0,5"
+       id="path53"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 13,10 c 1.327515,1.662522 1.339142,3.329152 0,5 -1.339142,1.670847 -1.327514,3.337478 0,5"
+       id="path54"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 7,10 c 1.327515,1.662522 1.339142,3.329152 0,5 -1.339142,1.670847 -1.327514,3.337478 0,5"
+       id="path55"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 3,41 41,3"
+       id="path57"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7,45 45,7"
+       id="path58"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4,44 44,4"
+       id="path59"
+       sodipodi:nodetypes="cc" />
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/air-conditioned.svg b/front/bahnui-front/src/assets/icons/air-conditioned.svg
new file mode 100644
index 0000000..5405352
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/air-conditioned.svg
@@ -0,0 +1,192 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="air-conditioned.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="7.7006757"
+     inkscape:cx="23.894007"
+     inkscape:cy="17.141353"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <g
+       id="g40"
+       transform="matrix(1.4814056,0.85528991,-0.85528991,1.4814056,3.9642984,-50.774255)"
+       style="stroke-width:0.87689564;stroke-dasharray:none">
+      <g
+         id="g22"
+         transform="translate(0,-4)"
+         inkscape:transform-center-y="-4.5"
+         style="stroke-width:0.87689564;stroke-dasharray:none">
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="M 32,36 V 28"
+           id="path20"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 30,31 2,2 2,-2"
+           id="path21" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 29,27 3,3 3,-3"
+           id="path22" />
+      </g>
+      <g
+         id="g27"
+         transform="rotate(60,35.464102,34)"
+         inkscape:transform-center-y="-3.5490384"
+         inkscape:transform-center-x="-4.6471145"
+         style="stroke-width:0.87689564;stroke-dasharray:none">
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="M 32,36 V 28"
+           id="path25"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 30,31 2,2 2,-2"
+           id="path26" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 29,27 3,3 3,-3"
+           id="path27" />
+      </g>
+      <g
+         id="g30"
+         transform="rotate(120,33.154701,34)"
+         inkscape:transform-center-y="3.5490377"
+         inkscape:transform-center-x="-4.647115"
+         style="stroke-width:0.87689564;stroke-dasharray:none">
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="M 32,36 V 28"
+           id="path28"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 30,31 2,2 2,-2"
+           id="path29" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 29,27 3,3 3,-3"
+           id="path30" />
+      </g>
+      <g
+         id="g33"
+         transform="rotate(180,32,34)"
+         inkscape:transform-center-y="4.5"
+         style="stroke-width:0.87689564;stroke-dasharray:none">
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="M 32,36 V 28"
+           id="path31"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 30,31 2,2 2,-2"
+           id="path32" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 29,27 3,3 3,-3"
+           id="path33" />
+      </g>
+      <g
+         id="g36"
+         transform="rotate(-120,30.8453,34)"
+         inkscape:transform-center-y="3.5490386"
+         inkscape:transform-center-x="4.6471135"
+         style="stroke-width:0.87689564;stroke-dasharray:none">
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="M 32,36 V 28"
+           id="path34"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 30,31 2,2 2,-2"
+           id="path35" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 29,27 3,3 3,-3"
+           id="path36" />
+      </g>
+      <g
+         id="g39"
+         transform="rotate(-60,28.535898,34)"
+         inkscape:transform-center-y="-3.5490384"
+         inkscape:transform-center-x="4.6471145"
+         style="stroke-width:0.87689564;stroke-dasharray:none">
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="M 32,36 V 28"
+           id="path37"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 30,31 2,2 2,-2"
+           id="path38" />
+        <path
+           style="fill:none;stroke:#000000;stroke-width:0.87689564;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+           d="m 29,27 3,3 3,-3"
+           id="path39" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/barrier-free-vehicle.svg b/front/bahnui-front/src/assets/icons/barrier-free-vehicle.svg
new file mode 100644
index 0000000..7ffa973
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/barrier-free-vehicle.svg
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="barrier-free-vehicle.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="6.2916667"
+     inkscape:cx="26.543046"
+     inkscape:cy="26.701987"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g9">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <g
+       id="g9"
+       transform="translate(4,0.33370352)">
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+         id="path1"
+         cx="16"
+         cy="28"
+         r="6.6662965" />
+      <path
+         id="circle6"
+         style="fill:none;stroke:#000000;stroke-width:1.5"
+         d="m 28,33 h -3 v -5 c 0,-4.970563 -4.029437,-9 -9,-9 H 13 V 9.6662965 l -3,0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 13,19 v 3"
+         id="path6" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 25,27 H 22.666296"
+         id="path7"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+         d="M 28,35.666296 H 26"
+         id="path11" />
+    </g>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+       d="M 32,3 V 45"
+       id="path8" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+       d="m 3,36 h 25 v 9"
+       id="path9" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="rect10"
+       width="9"
+       height="16"
+       x="36"
+       y="12" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+       d="m 36,3 v 4 h 9"
+       id="path10" />
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/bicycle-conveyance-reservation.svg b/front/bahnui-front/src/assets/icons/bicycle-conveyance-reservation.svg
new file mode 100644
index 0000000..312d459
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/bicycle-conveyance-reservation.svg
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="bicycle-conveyance-reservation.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="8.8977601"
+     inkscape:cx="25.174875"
+     inkscape:cy="22.814731"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g5"
+       transform="matrix(1.3332593,0,0,1.3332593,-0.99877845,-11.331038)"
+       style="stroke-width:1.12506;stroke-dasharray:none">
+      <circle
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.12506;stroke-dasharray:none;stroke-opacity:1"
+         id="path1"
+         cx="10"
+         cy="35"
+         r="5" />
+      <circle
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.12506;stroke-dasharray:none;stroke-opacity:1"
+         id="circle1"
+         cx="27"
+         cy="35"
+         r="5" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 10,35 6,-12 h 1"
+         id="path2"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 14,27 5,8 h 8 l -5,-8"
+         id="path3"
+         sodipodi:nodetypes="cccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 19,35 23,25"
+         id="path4" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21,25 h 3"
+         id="path5" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:20.8955px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.522388"
+       x="29.52986"
+       y="19.999992"
+       id="text51"><tspan
+         sodipodi:role="line"
+         id="tspan51"
+         x="29.52986"
+         y="19.999992"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roadgeek 2005 Series E';-inkscape-font-specification:'Roadgeek 2005 Series E';stroke-width:0.522388">R</tspan></text>
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/bicycle-conveyance.svg b/front/bahnui-front/src/assets/icons/bicycle-conveyance.svg
new file mode 100644
index 0000000..12fdecd
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/bicycle-conveyance.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="bicycle-conveyance.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="12.583333"
+     inkscape:cx="18.993377"
+     inkscape:cy="23.682119"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g5"
+       transform="matrix(1.3332593,0,0,1.3332593,-0.66529661,-17.998334)"
+       style="stroke-width:1.12506247;stroke-dasharray:none">
+      <circle
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.12506247;stroke-opacity:1;stroke-dasharray:none"
+         id="path1"
+         cx="10"
+         cy="35"
+         r="5" />
+      <circle
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.12506247;stroke-opacity:1;stroke-dasharray:none"
+         id="circle1"
+         cx="27"
+         cy="35"
+         r="5" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506247;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+         d="m 10,35 6,-12 h 1"
+         id="path2"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506247;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+         d="m 14,27 5,8 h 8 l -5,-8"
+         id="path3"
+         sodipodi:nodetypes="cccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506247;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+         d="M 19,35 23,25"
+         id="path4" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.12506247;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+         d="m 21,25 h 3"
+         id="path5" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/compulsory-reservation.svg b/front/bahnui-front/src/assets/icons/compulsory-reservation.svg
new file mode 100644
index 0000000..59902df
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/compulsory-reservation.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="compulsory-reservation.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="7.7006757"
+     inkscape:cx="24.803018"
+     inkscape:cy="25.971747"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+       x="9.6999998"
+       y="37.400002"
+       id="text51"><tspan
+         sodipodi:role="line"
+         id="tspan51"
+         x="9.6999998"
+         y="37.400002"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roadgeek 2005 Series E';-inkscape-font-specification:'Roadgeek 2005 Series E'">R</tspan></text>
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/on-board-restaurant.svg b/front/bahnui-front/src/assets/icons/on-board-restaurant.svg
new file mode 100644
index 0000000..b7ecde9
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/on-board-restaurant.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="on-board-restaurant.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="7.7006757"
+     inkscape:cx="24.803018"
+     inkscape:cy="25.971747"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <circle
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="path47"
+       cx="24"
+       cy="24"
+       r="12" />
+    <path
+       id="path48"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5"
+       d="m 10,14 c 0,0 0,2.608462 0,4 0,0.928706 -1,1.733159 -1,2 0,4.666667 0,14 0,14 0,0.552285 -0.4477153,1 -1,1 C 7.4477153,35 7,34.552285 7,34 7,34 7,24.666667 7,20 7,19.737562 6,18.910827 6,18 6,16.597069 6,14 6,14"
+       sodipodi:nodetypes="cssscsssc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 8,14 v 3"
+       id="path49" />
+    <path
+       id="path50"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5"
+       d="m 41,16 v 18 c 0,0.552285 -0.447715,1 -1,1 -0.552285,0 -1,-0.447715 -1,-1 v -9 c 0,-0.262438 -1,-1.089173 -1,-2 v -7 c 0,-0.828427 0.671573,-1.5 1.5,-1.5 0.828427,0 1.5,0.671573 1.5,1.5 z"
+       sodipodi:nodetypes="cscssscsc" />
+    <circle
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="circle51"
+       cx="24"
+       cy="24"
+       r="9" />
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/power-sockets.svg b/front/bahnui-front/src/assets/icons/power-sockets.svg
new file mode 100644
index 0000000..ee5d59b
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/power-sockets.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="power-sockets.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="8.8977603"
+     inkscape:cx="17.982053"
+     inkscape:cy="33.491574"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <circle
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="path13"
+       cx="24"
+       cy="24"
+       r="16" />
+    <circle
+       style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="path14"
+       cx="17"
+       cy="24"
+       r="1.5" />
+    <circle
+       style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="circle14"
+       cx="31"
+       cy="24"
+       r="1.5" />
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/wheelchair-space.svg b/front/bahnui-front/src/assets/icons/wheelchair-space.svg
new file mode 100644
index 0000000..043d0b6
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/wheelchair-space.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="wheelchair-space.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="8.8977603"
+     inkscape:cx="26.748304"
+     inkscape:cy="26.411141"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <g
+       id="g9"
+       transform="translate(-4,1.3337035)">
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+         id="path1"
+         cx="16"
+         cy="28"
+         r="6.6662965" />
+      <path
+         id="circle6"
+         style="fill:none;stroke:#000000;stroke-width:1.5"
+         d="m 28,33 h -3 v -5 c 0,-4.970563 -4.029437,-9 -9,-9 H 13 V 9.6662965 h -3"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 13,19 v 3"
+         id="path6" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 25,27 H 22.666296"
+         id="path7"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+       d="M 3,37 H 45"
+       id="path11" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+       d="m 32,28 h 9 V 11"
+       id="path12" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
+       d="m 36,28 v 9"
+       id="path13" />
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/assets/icons/wifi.svg b/front/bahnui-front/src/assets/icons/wifi.svg
new file mode 100644
index 0000000..ddab554
--- /dev/null
+++ b/front/bahnui-front/src/assets/icons/wifi.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="wifi.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="7.7006757"
+     inkscape:cx="5.3242081"
+     inkscape:cy="16.232342"
+     inkscape:window-width="1368"
+     inkscape:window-height="842"
+     inkscape:window-x="-6"
+     inkscape:window-y="1073"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#3f3fff"
+       empopacity="0.25098039"
+       color="#3f3fff"
+       opacity="0.1254902"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:1.5;stroke-opacity:1;stroke-dasharray:none"
+       id="rect5"
+       width="42"
+       height="42"
+       x="3"
+       y="3"
+       rx="5"
+       ry="5" />
+    <g
+       id="g19"
+       transform="matrix(1.4077347,0,0,1.4077347,-9.7856335,-19.070058)"
+       style="stroke-width:1.06554168;stroke-dasharray:none">
+      <path
+         id="path15"
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.06554168;stroke-dasharray:none"
+         d="m 13.817132,29.923953 c 5.623842,-5.623843 14.741894,-5.623843 20.365736,0"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-y="-12.252822" />
+      <path
+         id="path16"
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.06554168;stroke-dasharray:none"
+         d="m 16.362849,32.46967 c 4.217882,-4.217882 11.05642,-4.217882 15.274302,0"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-y="-9.1896166" />
+      <path
+         id="path17"
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.06554168;stroke-dasharray:none"
+         d="m 18.908566,35.015387 c 2.811921,-2.811921 7.370947,-2.811921 10.182868,0"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-y="-6.1264108" />
+      <path
+         id="path18"
+         style="opacity:1;fill:none;stroke:#000000;stroke-width:1.06554168;stroke-dasharray:none"
+         d="m 11.271416,27.378236 c 7.029803,-7.029803 18.427365,-7.029803 25.457169,0"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-y="-15.316028" />
+    </g>
+    <circle
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-dasharray:none;stroke-opacity:1"
+       id="path19"
+       cx="24"
+       cy="37.23933"
+       r="2.8154695" />
+  </g>
+</svg>
diff --git a/front/bahnui-front/src/components/routing.vue b/front/bahnui-front/src/components/routing.vue
index b0a6821..2e71d14 100644
--- a/front/bahnui-front/src/components/routing.vue
+++ b/front/bahnui-front/src/components/routing.vue
@@ -16,11 +16,16 @@
           </div>
           <div class="station">{{ leg.destination.name }}<br/>{{ timeWithDelay(leg.arrival, leg.arrivalDelay) }} <p v-if="leg.arrivalPlatform">Gleis {{ leg.arrivalPlatform }}</p></div>
         </div>
-        <div>
-          <p v-for="remark in leg.remarks" :key="leg.remarks.indexOf(remark)">{{remark.text}}</p>
+        <div class="displaywide">
+          <div v-for="remark in leg.remarks" :key="leg.remarks.indexOf(remark)">
+            <img class="remark-icon" :src="getIconForRemark(remark)" v-if="getIconForRemark(remark)" :title="$t('routing.remarks.'+remark.code)">
+          </div>
         </div>
+        <div v-for="remark in leg.remarks" :key="leg.remarks.indexOf(remark)">
+          <p v-if="!getIconForRemark(remark)">{{remark.text}}</p>
+        </div>
+        <hr/>
       </div>
-      <hr/>
     </div></div>
   </div>
 </template>
@@ -29,6 +34,7 @@
   import timefunctions from '@/lib/time.js'
   import routefunctions from '@/lib/routes.js'
   import operatorfunctions from '@/lib/operators.js'
+  import remarkfunctions from '@/lib/remarks.js'
 
   export default {
     name: 'RoutingBahn',
@@ -76,6 +82,9 @@
       getOperatorLogo(line){
         return operatorfunctions.getOperatorLogo(line)
       },
+      getIconForRemark(remark){
+        return remarkfunctions.getIconForRemark(remark)
+      },
     }
   }
 </script>
diff --git a/front/bahnui-front/src/lib/remarks.js b/front/bahnui-front/src/lib/remarks.js
new file mode 100644
index 0000000..6b27d37
--- /dev/null
+++ b/front/bahnui-front/src/lib/remarks.js
@@ -0,0 +1,33 @@
+let remarkfunctions = {
+    getIconForRemark(remark){
+        if (!remark){
+            return (null);
+        } else if (remark.code === "55"){
+            return new URL('../assets/icons/55.svg', import.meta.url);
+        } else if (remark.code === "wifi"){
+            return new URL('../assets/icons/wifi.svg', import.meta.url);
+        } else if (remark.code === "air-conditioned"){
+            return new URL('../assets/icons/air-conditioned.svg', import.meta.url);
+        } else if (remark.code === "barrier-free-vehicle"){
+            return new URL('../assets/icons/barrier-free-vehicle.svg', import.meta.url);
+        } else if (remark.code === "compulsory-reservation"){
+            return new URL('../assets/icons/compulsory-reservation.svg', import.meta.url);
+        } else if (remark.code === "on-board-restaurant"){
+            return new URL('../assets/icons/on-board-restaurant.svg', import.meta.url);
+        } else if (remark.code === "power-sockets"){
+            return new URL('../assets/icons/power-sockets.svg', import.meta.url);
+        } else if (remark.code === "wheelchair-space"){
+            return new URL('../assets/icons/wheelchair-space.svg', import.meta.url);
+        } else if (remark.code === "bicycle-conveyance"){
+            return new URL('../assets/icons/bicycle-conveyance.svg', import.meta.url);
+        } else if (remark.code === "bicycle-conveyance-reservation"){
+            return new URL('../assets/icons/bicycle-conveyance-reservation.svg', import.meta.url);
+        } else if (remark.code === "2nd-class-only"){
+            return new URL('../assets/icons/2nd-class-only.svg', import.meta.url);
+  
+        } else {
+            return null;
+        }
+    }
+}
+export default remarkfunctions;
diff --git a/front/bahnui-front/src/locales/de.json b/front/bahnui-front/src/locales/de.json
index ee35565..8721d5b 100644
--- a/front/bahnui-front/src/locales/de.json
+++ b/front/bahnui-front/src/locales/de.json
@@ -15,5 +15,21 @@
         "buttons":{
             "searchConnection":"Verbindung suchen"
         }
+    },
+    "routing":{
+        "remarks":{
+            "bicycle-conveyance":"Fahrradmitnahme möglich",
+            "bicycle-conveyance-reservation":"Fahrradmitnahme reservierungspflichtig",
+            "power-sockets":"Steckdosen für Laptops vorhanden",
+            "barrier-free-vehicle":"Behindertengerechtes Fahrzeug",
+            "wheelchairs-space":"Rollstuhlplatz vorhanden",
+            "air-conditioned":"klimatisiertes Fahrzeug",
+            "55":"Rauchen verboten",
+            "wifi":"WLAN vorhanden",
+            "compulsary-reservation":"Reservierungspflicht",
+            "2nd-class-only":"Nur 2. Klasse",
+            "RZ":"Rollstuhlgerechter Einstieg",
+            "on-board-restaurant":"Boardrestaurant vorhanden"
+        }
     }
 }
\ No newline at end of file
diff --git a/front/bahnui-front/src/locales/en.json b/front/bahnui-front/src/locales/en.json
index 0f53966..c428ce8 100644
--- a/front/bahnui-front/src/locales/en.json
+++ b/front/bahnui-front/src/locales/en.json
@@ -15,5 +15,21 @@
         "buttons":{
             "searchConnection":"search connection"
         }
+    },
+    "routing":{
+        "remarks":{
+            "bicycle-conveyance":"bicycles allowed",
+            "bicycle-conveyance-reservation":"bicycles need reservation",
+            "power-sockets":"power sockets for laptops",
+            "barrier-free-vehicle":"barrier-free vehicle",
+            "wheelchairs-space":"wheelchair spaces",
+            "air-conditioned":"air-conditioned vehicle",
+            "55":"smoking prohibited",
+            "wifi":"vehicle with wifi",
+            "compulsary-reservation":"reservation compulsary",
+            "2nd-class-only":"2nd class only",
+            "RZ":"barrier-free boarding for wheelchairs",
+            "on-board-restaurant":"on-board restaurant"
+        }
     }
 }
\ No newline at end of file