add svg logos

assets/css/style.css

@@ -7,10 +7,11 @@
  */
 @font-face {
   font-family: "icomoon";
-  src: url("../fonts/icomoon.eot?ujnwanf");
-  src: url("../fonts/icomoon.eot?ujnwanf#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ujnwanf") format("truetype"), url("../fonts/icomoon.woff?ujnwanf") format("woff"), url("../fonts/icomoon.svg?ujnwanf#icomoon") format("svg");
+  src: url("../fonts/icomoon.eot?ujnwapn");
+  src: url("../fonts/icomoon.eot?ujnwapn#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ujnwapn") format("truetype"), url("../fonts/icomoon.woff?ujnwapn") format("woff"), url("../fonts/icomoon.svg?ujnwapn#icomoon") format("svg");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 .ifc {
   /* use !important to prevent issues with browser extensions that change fonts */
@@ -9822,6 +9823,7 @@ h1 {
   src: url("../fonts/fira-sans-v6-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v6-latin-300.ttf?") format("truetype"), url("../fonts/fira-sans-v6-latin-300.woff?") format("woff"), url("../fonts/fira-sans-v6-latin-300.svg?") format("svg");
   font-weight: 300;
   font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "Fira Sans";
@@ -9829,6 +9831,7 @@ h1 {
   src: url("../fonts/fira-sans-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v6-latin-regular.ttf?") format("truetype"), url("../fonts/fira-sans-v6-latin-regular.woff?") format("woff"), url("../fonts/fira-sans-v6-latin-regular.svg?") format("svg");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "Fira Sans";
@@ -9836,6 +9839,7 @@ h1 {
   src: url("../fonts/fira-sans-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v6-latin-700.ttf?") format("truetype"), url("../fonts/fira-sans-v6-latin-700.woff?") format("woff"), url("../fonts/fira-sans-v6-latin-700.svg?") format("svg");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 h2 {
   margin-bottom: 0.5rem;

assets/img/ADR-Check.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="257px" height="70px" viewBox="0 0 257 70" enable-background="new 0 0 257 70" xml:space="preserve">
+<g id="Wortmarke">
+	<path fill="#424244" d="M84.2,46.1l1.2-5.2h7.1l1.2,5.2h6.1l-7.3-24.3h-7l-7.3,24.3H84.2z M91.6,36.7h-5.1L89,26L91.6,36.7z
+		 M109,46.1c6.2,0,12.1-2.5,12.1-12.2c0-10-6.1-12-12.6-12h-6.8v24.3H109z M109.3,41.9h-1.9V26h1.8c3.4,0,5.8,1.3,5.8,7.8
+		C115.1,40.3,112.8,41.9,109.3,41.9z M130.2,46.1v-9.3h2.2l5,9.3h6.5l-6.2-10.3c3.2-1.5,4.7-3.4,4.7-6.5c0-5-3.4-7.4-10-7.4h-7.9
+		v24.3H130.2z M132.6,32.9h-2.4v-7h2.1c2.8,0,4.2,1,4.2,3.4C136.5,31.8,135.1,32.9,132.6,32.9z M156.5,37.3V33h-11.2v4.3H156.5z"/>
+	<path fill="#990099" d="M172.7,46.7c3.4,0,6-1.5,7.6-3.1l-2.6-3.4c-1.4,1.1-2.8,2-4.7,2c-3.2,0-5.4-2.5-5.4-8.3
+		c0-6,2.2-8.4,5.2-8.4c1.7,0,3,0.6,4.3,1.8l2.8-3.3c-2-1.7-4.2-2.7-7.5-2.7c-6.2,0-10.9,4.5-10.9,12.7
+		C161.6,42.2,166,46.7,172.7,46.7z M188.2,46.1V33.3c1-1.5,2-2.4,3.2-2.4c1.1,0,1.8,0.5,1.8,2.5v12.6h5.5V32.5
+		c0-3.5-1.9-5.6-5.1-5.6c-2.2,0-3.9,0.9-5.4,2.6v-9.9l-5.5,0.6v26H188.2z M211.2,46.7c3,0,5.4-1.1,7.2-2.6l-2.3-3.1
+		c-1.6,1.1-2.9,1.6-4.4,1.6c-2.3,0-3.9-0.9-4.2-4.2H219c0.1-0.6,0.1-1.4,0.1-2c0-6-3.3-9.5-8.6-9.5c-5.6,0-8.7,4.4-8.7,10
+		C201.9,42.7,205,46.7,211.2,46.7z M213.7,35.1h-6.2c0.3-3.4,1.3-4.5,3.2-4.5c2.2,0,3,1.7,3,4.3L213.7,35.1L213.7,35.1z M230.4,46.7
+		c2.6,0,4.5-0.8,6.3-2.2l-2.4-3.4c-1.3,0.8-2.2,1.3-3.6,1.3c-2.2,0-3.7-1.3-3.7-5.4c0-4.2,1.4-5.8,3.7-5.8c1.3,0,2.3,0.4,3.5,1.3
+		l2.4-3.3c-1.8-1.5-3.8-2.3-6.4-2.3c-5.6,0-9.1,4.1-9.1,10C221.2,42.8,224.7,46.7,230.4,46.7z M244.6,46.1V19.5l-5.5,0.6v26H244.6z
+		 M256.5,46.1l-6.1-10.4l5.6-8.2h-5.6l-5.7,8.4l5.5,10.1H256.5z"/>
+</g>
+<g id="Bildmarke">
+	<polygon fill="#532359" points="10.9,24.1 29.2,13.1 40.1,6.6 29.2,0 0,17.5 0,31.5 10.9,38.1 	"/>
+	<polygon fill="#82368C" points="29.2,56.9 10.9,45.9 10.9,38.1 0,31.5 0,52.5 29.2,70 58.3,52.5 47.4,45.9 	"/>
+	<polygon fill="#C955D9" points="41.6,20.6 52.5,14 40.1,6.6 29.2,13.1 	"/>
+	<polygon fill="#C955D9" points="47.4,31.1 47.4,45.9 58.3,52.5 58.3,24.5 	"/>
+	<g id="Icon" transform="translate(135 155)">
+		<path fill="#532359" d="M-97.8-132.4h-16c-0.8,0-1.5,0.7-1.5,1.5v21.7c0,0.8,0.7,1.5,1.5,1.5h16c0.8,0,1.5-0.7,1.5-1.5v-21.7
+			C-96.2-131.7-96.9-132.4-97.8-132.4z M-97.3-109.2c0,0.3-0.2,0.5-0.5,0.5h-16c-0.3,0-0.5-0.2-0.5-0.5v-21.7c0-0.3,0.2-0.5,0.5-0.5
+			h16c0.3,0,0.5,0.2,0.5,0.5L-97.3-109.2L-97.3-109.2z"/>
+		<path fill="#532359" d="M-113.2-109.7h15v-13.4h-15V-109.7z M-112.2-113.8h3.6v3.1h-3.6V-113.8z M-104-117.9v3.1h-3.6v-3.1H-104z
+			 M-107.6-119v-3.1h3.6v3.1H-107.6z M-104-110.7h-3.6v-3.1h3.6L-104-110.7L-104-110.7z M-108.6-114.9h-3.6v-3.1h3.6L-108.6-114.9
+			L-108.6-114.9z M-102.9-110.7v-7.2h3.6v7.2L-102.9-110.7L-102.9-110.7z M-99.3-119h-3.6v-3.1h3.6L-99.3-119L-99.3-119z
+			 M-108.6-122.1v3.1h-3.6v-3.1H-108.6z M-113.2-124.1h15v-6.2h-15V-124.1z M-112.2-129.3h12.9v4.1h-12.9V-129.3z"/>
+	</g>
+</g>
+</svg>

assets/img/BatteryGuide.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="294px" height="70px" viewBox="0 0 294 70" enable-background="new 0 0 294 70" xml:space="preserve">
+<g id="Wortmarke">
+	<path fill="#424244" d="M88.8,46.1c6.1,0,10.6-1.5,10.6-7.1c0-3.9-2.8-5.2-5.5-5.8c2.2-0.5,4.4-2.1,4.4-5.2c0-4.5-4-6.2-10.5-6.2
+		H81v24.3H88.8z M88.9,31.5h-2.1v-5.6h1.7c2.8,0,4.1,0.7,4.1,2.7S91.3,31.5,88.9,31.5z M88.9,41.9h-2.1v-6.6h2.5
+		c2.5,0,4.2,0.9,4.2,3.4C93.5,41.4,91.6,41.9,88.9,41.9z M107.3,46.7c2.2,0,4.3-0.7,5.6-2.8c0.9,1.8,2.3,2.5,4.5,2.7l1.2-3.6
+		c-0.9-0.3-1.3-0.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6c-2.1,0-4.7,0.5-7,1.4l1.3,3.6c1.9-0.6,3.7-1,4.9-1c2.3,0,3.1,0.7,3.1,2.9
+		v0.8H110c-5.6,0-8.7,2.2-8.7,6.3C101.3,44.3,103.6,46.7,107.3,46.7z M108.9,42.7c-1.4,0-2.2-0.9-2.2-2.3c0-1.9,1.2-2.7,3.7-2.7h1.4
+		V41C111.2,42.1,110.2,42.7,108.9,42.7z M128.3,46.7c1.7,0,3.6-0.5,5-1.5l-1.9-3.5c-0.7,0.5-1.4,0.6-2,0.6c-1.2,0-1.7-0.6-1.7-2.4
+		v-8.5h3.7l0.6-3.8h-4.3v-4.7l-5.5,0.6v4h-2.6v3.8h2.6V40C122.2,44.3,124.2,46.6,128.3,46.7z M141.8,46.7c1.7,0,3.6-0.5,5-1.5
+		l-1.9-3.5c-0.7,0.5-1.4,0.6-2,0.6c-1.2,0-1.8-0.6-1.8-2.4v-8.5h3.7l0.6-3.8h-4.3v-4.7l-5.5,0.6v4h-2.6v3.8h2.6V40
+		C135.7,44.3,137.7,46.6,141.8,46.7z M156.7,46.7c3,0,5.4-1.1,7.2-2.6l-2.3-3.1c-1.6,1.1-2.9,1.6-4.4,1.6c-2.3,0-3.9-0.9-4.2-4.2
+		h11.5c0.1-0.6,0.1-1.4,0.1-2c0-6-3.3-9.5-8.6-9.5c-5.6,0-8.7,4.4-8.7,10C147.3,42.7,150.5,46.7,156.7,46.7z M159.1,35.1H153
+		c0.3-3.4,1.3-4.5,3.2-4.5c2.2,0,3,1.7,3,4.3L159.1,35.1L159.1,35.1z M173.3,46.1v-9.3c0.6-2.8,1.6-4.5,3.9-4.5
+		c0.6,0,1.1,0.1,1.7,0.2l0.9-5.4c-0.6-0.2-1.2-0.2-1.9-0.2c-2.1,0-4,1.5-4.8,4.1l-0.5-3.6h-4.8v18.6H173.3z M182.4,53.9
+		c5.8-0.3,9-3,10.5-7.7l5.9-18.6h-5.7l-3.6,15l-3.3-15h-5.9l5.7,18.6h1.9c-1,2.4-2.3,3.4-6,3.9L182.4,53.9z"/>
+	<path fill="#990099" d="M213.4,46.7c3.2,0,6.3-0.9,8.8-2.6v-12H213l0.6,4.1h3.1v5.5c-1,0.6-2.1,0.8-3.3,0.8c-3.4,0-5-2.2-5-8.5
+		c0-6,2.5-8.5,5.9-8.5c2,0,3.3,0.6,4.9,1.9l3-3.1c-2-1.8-4.6-3-8.1-3c-6.4,0-11.6,4.5-11.6,12.7C202.4,42.2,206.1,46.7,213.4,46.7z
+		 M231,46.7c2.5,0,4.3-1,5.6-2.9l0.2,2.3h4.8V27.5h-5.5v12.9c-0.8,1.4-1.9,2.2-3,2.2c-1.2,0-1.8-0.6-1.8-2.4V27.5h-5.5v13.3
+		C225.8,44.4,227.5,46.7,231,46.7z M248.7,24c1.9,0,3.3-1.4,3.3-3.2c0-1.8-1.4-3.1-3.3-3.1s-3.3,1.4-3.3,3.1
+		C245.5,22.6,246.8,24,248.7,24z M251.5,46.1V27.5H246v18.6H251.5z M262.1,46.7c2.5,0,4.2-1.2,5.3-2.8l0.3,2.2h4.9v-26l-5.5-0.6v9.1
+		c-1.1-1.1-2.6-1.8-4.3-1.8c-4.8,0-7.7,4.1-7.7,9.8C255,42.8,257.4,46.7,262.1,46.7z M263.8,42.6c-1.8,0-3.1-1.2-3.1-5.8
+		c0-4.2,1.4-5.8,3.4-5.8c1.2,0,2,0.6,2.9,1.6v8C266.1,41.9,265.1,42.6,263.8,42.6z M285.2,46.7c3,0,5.4-1.1,7.2-2.6l-2.3-3.1
+		c-1.6,1.1-2.9,1.6-4.4,1.6c-2.3,0-3.9-0.9-4.2-4.2H293c0.1-0.6,0.1-1.4,0.1-2c0-6-3.3-9.5-8.6-9.5c-5.6,0-8.7,4.4-8.7,10
+		C275.8,42.7,279,46.7,285.2,46.7z M287.7,35.1h-6.2c0.3-3.4,1.3-4.5,3.2-4.5c2.2,0,3,1.7,3,4.3L287.7,35.1L287.7,35.1z"/>
+</g>
+<g id="Bildmarke">
+	<polygon fill="#82368C" points="10.9,45.9 10.9,24.1 16.8,20.6 5.8,14 0,17.5 0,52.5 11.7,59.5 22.6,52.9 	"/>
+	<polygon fill="#532359" points="47.4,45.9 29.2,56.9 22.6,52.9 11.7,59.5 29.2,70 58.3,52.5 58.3,38.5 47.4,31.9 	"/>
+	<polygon fill="#C955D9" points="29.2,0 18.2,6.6 29.2,13.1 47.4,24.1 47.4,31.9 58.3,38.5 58.3,17.5 	"/>
+	<g id="Icon" transform="translate(112 155)">
+		<path fill="#532359" d="M-77.6-129.8h-1.5v-1c0-0.8-0.7-1.5-1.5-1.5h-4.1c-0.8,0-1.5,0.7-1.5,1.5v1h-1.6c-0.8,0-1.5,0.7-1.5,1.5
+			v6.2h1v-6.2c0-0.3,0.2-0.5,0.5-0.5h10.3c0.3,0,0.5,0.2,0.5,0.5v19.1c0,0.3-0.2,0.5-0.5,0.5h-10.3c-0.3,0-0.5-0.2-0.5-0.5v-4.1h-1
+			v4.1c0,0.8,0.7,1.5,1.5,1.5h10.3c0.8,0,1.5-0.7,1.5-1.5v-19.1C-76.1-129.1-76.8-129.8-77.6-129.8z M-85.3-130.9
+			c0-0.3,0.2-0.5,0.5-0.5h4.1c0.3,0,0.5,0.2,0.5,0.5v1h-5.1V-130.9z"/>
+		<path fill="#532359" d="M-81.9-123l-2.1-2.1c-0.1-0.1-0.2-0.2-0.4-0.2s-0.3,0.1-0.4,0.2l-6.3,6.8l-1.7-1.7c-0.2-0.2-0.5-0.2-0.7,0
+			l-2.1,2.1c-0.2,0.2-0.2,0.5,0,0.7l4.1,4.1c0.1,0.1,0.2,0.2,0.4,0.2l0,0c0.1,0,0.3-0.1,0.4-0.2l8.8-9.3
+			C-81.7-122.4-81.7-122.8-81.9-123z M-91-114l-3.4-3.4l1.3-1.3l1.7,1.7c0.1,0.1,0.2,0.1,0.4,0.2c0.1,0,0.3-0.1,0.4-0.2l6.4-6.8
+			l1.3,1.3L-91-114z"/>
+	</g>
+</g>
+</svg>

assets/img/EasyDGD.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="221px" height="70px" viewBox="0 0 221 70" enable-background="new 0 0 221 70" xml:space="preserve">
+<g id="Wortmarke">
+	<path fill="#424244" d="M95.9,46.1V42h-9.1v-6.2h7.5v-4h-7.5v-5.8h8.5l0.6-4.1H81v24.3H95.9z M104.1,46.7c2.2,0,4.3-0.7,5.6-2.8
+		c0.9,1.8,2.3,2.5,4.5,2.7l1.2-3.6c-0.9-0.3-1.3-0.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6c-2.1,0-4.7,0.5-7,1.4l1.3,3.6
+		c1.9-0.6,3.7-1,4.9-1c2.3,0,3.1,0.7,3.1,2.9v0.8h-1.9c-5.6,0-8.7,2.2-8.7,6.3C98.1,44.3,100.4,46.7,104.1,46.7z M105.7,42.7
+		c-1.4,0-2.2-0.9-2.2-2.3c0-1.9,1.2-2.7,3.7-2.7h1.4V41C108,42.1,107,42.7,105.7,42.7z M124.3,46.7c4.6,0,8.3-2.3,8.3-6.1
+		c0-3.3-2.1-4.9-5.7-5.9c-3.3-1-3.8-1.4-3.8-2.4c0-0.8,0.7-1.4,2.2-1.4c1.6,0,3.1,0.5,4.6,1.4l2-3.1c-1.7-1.4-4.1-2.3-6.8-2.3
+		c-4.7,0-7.6,2.5-7.6,5.7c0,2.9,1.8,4.8,5.5,5.8c3.4,0.9,3.9,1.3,3.9,2.6c0,1.1-1,1.8-2.7,1.8c-1.8,0-3.5-0.7-4.9-1.8l-2.7,3
+		C118.4,45.6,121.1,46.7,124.3,46.7z M134.9,53.9c5.8-0.3,9-3,10.5-7.7l5.9-18.6h-5.7l-3.6,15l-3.3-15h-5.9l5.7,18.6h1.9
+		c-1,2.4-2.3,3.4-6,3.9L134.9,53.9z"/>
+	<path fill="#990099" d="M163,46.1c6.2,0,12.1-2.5,12.1-12.2c0-10-6.1-12-12.6-12h-6.8v24.3H163z M163.3,41.9h-1.9V26h1.8
+		c3.4,0,5.8,1.3,5.8,7.8C169.1,40.3,166.8,41.9,163.3,41.9z M188.4,46.7c3.2,0,6.3-0.9,8.8-2.6v-12h-9.3l0.6,4.1h3.2v5.5
+		c-1,0.6-2.1,0.8-3.3,0.8c-3.4,0-5-2.2-5-8.5c0-6,2.5-8.5,5.9-8.5c2,0,3.3,0.6,4.9,1.9l3-3.1c-2-1.8-4.6-3-8.1-3
+		c-6.4,0-11.6,4.5-11.6,12.7C177.4,42.2,181.1,46.7,188.4,46.7z M208.3,46.1c6.2,0,12.1-2.5,12.1-12.2c0-10-6.1-12-12.6-12h-6.8
+		v24.3H208.3z M208.7,41.9h-1.9V26h1.8c3.4,0,5.8,1.3,5.8,7.8C214.5,40.3,212.1,41.9,208.7,41.9z"/>
+</g>
+<g id="Bildmarke">
+	<polygon fill="#532359" points="10.9,45.9 10.9,38.9 0,45.5 0,52.5 29.2,70 46.7,59.5 35.7,52.9 29.2,56.9 	"/>
+	<polygon fill="#C955D9" points="10.9,24.1 29.2,13.1 29.2,0 0,17.5 0,45.5 10.9,38.9 	"/>
+	<polygon fill="#82368C" points="29.2,0 29.2,13.1 47.4,24.1 47.4,45.9 58.3,52.5 58.3,17.5 	"/>
+	<g id="Icon" transform="translate(98 155)">
+		<rect x="-73.5" y="-124.7" fill="#532359" width="10.3" height="1"/>
+		<rect x="-73.5" y="-122.6" fill="#532359" width="10.3" height="1"/>
+		<rect x="-73.5" y="-120.5" fill="#532359" width="7.7" height="1"/>
+		<rect x="-66.8" y="-112.8" fill="#532359" width="3.1" height="1"/>
+		<rect x="-68.4" y="-112.8" fill="#532359" width="1" height="1"/>
+		<path fill="#532359" d="M-63.5-132.4h-12.6c-0.8,0-1.5,0.7-1.5,1.5v10.1l-3.3-3.3c-0.3-0.3-0.7-0.5-1.2-0.6
+			c-0.5-0.1-0.9,0.1-1.2,0.4c-0.6,0.6-0.6,1.8,0.1,2.4l5.5,5.5v7c0,0.8,0.7,1.5,1.5,1.5h15c0.8,0,1.5-0.7,1.5-1.5v-19.3L-63.5-132.4
+			z M-73.4-115c0.5,0.5,0.7,1.1,0.8,1.6c-0.5-0.1-1.2-0.3-1.6-0.8l-6.5-6.5l0.8-0.8L-73.4-115z M-82.6-123.4
+			c0.1-0.1,0.2-0.1,0.3-0.1c0,0,0,0,0.1,0c0.2,0,0.4,0.1,0.5,0.3l1,1l-0.8,0.8l-1-1C-82.7-122.7-82.8-123.2-82.6-123.4z
+			 M-60.6-109.2c0,0.3-0.2,0.5-0.5,0.5h-15c-0.3,0-0.5-0.2-0.5-0.5v-6l1.7,1.7c1.1,1.1,2.8,1.2,2.9,1.2l0.6,0l0-0.6
+			c0-0.1-0.1-1.8-1.2-2.9l-4-4v-11.1c0-0.3,0.2-0.5,0.5-0.5H-64l3.3,3.3L-60.6-109.2L-60.6-109.2z"/>
+		<polygon fill="#532359" points="-64.8,-130.3 -64.8,-127.2 -61.7,-127.2 -61.7,-128.3 -63.7,-128.3 -63.7,-130.3 		"/>
+	</g>
+</g>
+</svg>

assets/img/SmartLabel.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="267px" height="70px" viewBox="0 0 267 70" enable-background="new 0 0 267 70" xml:space="preserve">
+<g id="Wortmarke">
+	<path fill="#424244" d="M88.3,46.7c6.1,0,9.6-3.2,9.6-7.7c0-4.5-2.6-6.4-7.2-7.8C86.9,30,86,29.3,86,27.8s1.3-2.4,3.3-2.4
+		c2,0,3.6,0.7,5.3,2l2.7-3.1c-2.1-2-4.7-3.1-8.4-3.1c-5,0-8.8,2.7-8.8,7c0,3.6,2,5.8,7.4,7.5c3.5,1.1,4.4,1.9,4.4,3.7
+		c0,1.9-1.5,3-3.8,3c-2.4,0-4.3-0.9-6.1-2.4l-2.9,3.2C81.1,45.1,84.1,46.7,88.3,46.7z M106.5,46.1V33.4c0.8-1.5,1.7-2.4,2.8-2.4
+		c0.8,0,1.6,0.5,1.6,2.5v12.6h5.5V33.4c0.8-1.5,1.6-2.4,2.8-2.4c0.8,0,1.6,0.5,1.6,2.5v12.6h5.5V32.5c0-3.5-2-5.6-4.9-5.6
+		c-2.4,0-4.1,1-5.6,2.9c-0.7-1.9-2.3-2.9-4.4-2.9c-2.3,0-4,0.9-5.4,2.8l-0.4-2.2h-4.8v18.6H106.5z M135.3,46.7
+		c2.2,0,4.3-0.7,5.6-2.8c0.9,1.8,2.3,2.5,4.5,2.7l1.2-3.6c-0.9-0.3-1.3-0.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6
+		c-2.1,0-4.7,0.5-7,1.4l1.3,3.6c1.9-0.6,3.7-1,4.9-1c2.3,0,3.1,0.7,3.1,2.9v0.8H138c-5.6,0-8.7,2.2-8.7,6.3
+		C129.3,44.3,131.6,46.7,135.3,46.7z M136.9,42.7c-1.4,0-2.2-0.9-2.2-2.3c0-1.9,1.2-2.7,3.7-2.7h1.4V41
+		C139.2,42.1,138.2,42.7,136.9,42.7z M155.2,46.1v-9.3c0.6-2.8,1.6-4.5,3.9-4.5c0.6,0,1.1,0.1,1.7,0.2l0.9-5.4
+		c-0.6-0.2-1.2-0.2-1.9-0.2c-2.1,0-4,1.5-4.8,4.1l-0.5-3.6h-4.8v18.6H155.2z M171,46.7c1.7,0,3.6-0.5,5-1.5l-1.9-3.5
+		c-0.7,0.5-1.4,0.6-2,0.6c-1.2,0-1.8-0.6-1.8-2.4v-8.5h3.7l0.6-3.8h-4.3v-4.7l-5.5,0.6v4h-2.6v3.8h2.6V40
+		C165,44.3,167,46.6,171,46.7z"/>
+	<path fill="#990099" d="M195.4,46.1l0.6-4.5h-9.4V21.8h-5.7v24.3H195.4z M203.4,46.7c2.2,0,4.3-0.7,5.6-2.8
+		c0.9,1.8,2.3,2.5,4.5,2.7l1.2-3.6c-0.9-0.3-1.3-0.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6c-2.1,0-4.7,0.5-7,1.4l1.3,3.6
+		c1.9-0.6,3.7-1,4.9-1c2.3,0,3.1,0.7,3.1,2.9v0.8h-1.9c-5.6,0-8.7,2.2-8.7,6.3C197.4,44.3,199.7,46.7,203.4,46.7z M205,42.7
+		c-1.4,0-2.2-0.9-2.2-2.3c0-1.9,1.2-2.7,3.7-2.7h1.4V41C207.3,42.1,206.3,42.7,205,42.7z M227.9,46.7c4.6,0,7.4-4.1,7.4-9.9
+		c0-6.2-2.4-9.9-7-9.9c-1.9,0-3.8,1-4.9,2.5v-9.9l-5.5,0.6v26h4.9l0.3-1.8C224.1,45.8,225.8,46.7,227.9,46.7z M226.3,42.7
+		c-1.2,0-2.2-0.7-2.9-1.8v-7.7c0.8-1.4,1.9-2.2,3.2-2.2c1.7,0,3,1.1,3,5.8C229.5,41.2,228.2,42.7,226.3,42.7z M247,46.7
+		c3,0,5.4-1.1,7.2-2.6L252,41c-1.6,1.1-2.9,1.6-4.4,1.6c-2.3,0-3.9-0.9-4.2-4.2h11.5c0.1-0.6,0.1-1.4,0.1-2c0-6-3.3-9.5-8.6-9.5
+		c-5.6,0-8.7,4.4-8.7,10C237.6,42.7,240.8,46.7,247,46.7z M249.5,35.1h-6.2c0.3-3.4,1.3-4.5,3.2-4.5c2.2,0,3,1.7,3,4.3L249.5,35.1
+		L249.5,35.1z M263,46.7c1.3,0,2.5-0.3,3.4-0.6l-1.1-3.9c-0.2,0.1-0.5,0.2-0.9,0.2c-0.7,0-0.9-0.4-0.9-1.2V19.5l-5.5,0.6v21.2
+		C257.9,44.8,259.8,46.7,263,46.7z"/>
+</g>
+<g id="Bildmarke">
+	<polygon fill="#82368C" points="29.2,13.1 18.2,6.6 0,17.5 0,52.5 10.9,45.9 10.9,24.1 	"/>
+	<polygon fill="#532359" points="29.2,13.1 40.1,6.6 29.2,0 18.2,6.6 	"/>
+	<polygon fill="#C955D9" points="40.1,6.6 29.2,13.1 47.4,24.1 47.4,45.9 58.3,52.5 58.3,17.5 	"/>
+	<polygon fill="#532359" points="29.2,56.9 22.6,52.9 11.7,59.5 29.2,70 58.3,52.5 47.4,45.9 	"/>
+	<g id="Icon" transform="translate(115 178)">
+		<rect x="-90.5" y="-144.8" fill="#532359" width="1" height="6.2"/>
+		<rect x="-83.3" y="-144.8" fill="#532359" width="1" height="6.2"/>
+		<rect x="-88.4" y="-144.8" fill="#532359" width="1" height="6.2"/>
+		<rect x="-86.9" y="-144.8" fill="#532359" width="1" height="6.2"/>
+		<rect x="-84.8" y="-144.8" fill="#532359" width="1" height="6.2"/>
+		<path fill="#532359" d="M-76-152h-19.6c-1.4,0-2.6,1.2-2.6,2.6v1c0,1.4,1.2,2.6,2.6,2.6h0.5v-1h-0.5c-0.8,0-1.5-0.7-1.5-1.5v-1
+			c0-0.8,0.7-1.5,1.5-1.5H-76c0.8,0,1.5,0.7,1.5,1.5v1c0,0.8-0.7,1.5-1.5,1.5h-1.5v1h1.5c1.4,0,2.6-1.2,2.6-2.6v-1
+			C-73.5-150.9-74.6-152-76-152z"/>
+		<path fill="#532359" d="M-76.6-149.5c0-0.3-0.2-0.5-0.5-0.5h-14.5c-1.4,0-2.6,1.2-2.6,2.6v12.9c0,0.3,0.2,0.5,0.5,0.5h14.4
+			c0.3,0,0.5-0.2,0.5-0.5v-12.9c0-0.8,0.7-1.5,1.5-1.5C-76.8-148.9-76.6-149.2-76.6-149.5z M-79.7-147.4v12.4h-13.4v-12.4
+			c0-0.8,0.7-1.5,1.5-1.5h12.4C-79.5-148.5-79.7-148-79.7-147.4z"/>
+	</g>
+</g>
+</svg>

assets/img/SmartPackage.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="311px" height="70px" viewBox="0 0 311 70" enable-background="new 0 0 311 70" xml:space="preserve">
+<g id="Wortmarke">
+	<path fill="#424244" d="M88.3,46.7c6.1,0,9.6-3.2,9.6-7.7c0-4.5-2.6-6.4-7.2-7.8C86.9,30,86,29.3,86,27.8s1.3-2.4,3.3-2.4
+		c2,0,3.6,0.7,5.3,2l2.7-3.1c-2.1-2-4.7-3.1-8.4-3.1c-5,0-8.8,2.7-8.8,7c0,3.6,2,5.8,7.4,7.5c3.5,1.1,4.4,1.9,4.4,3.7
+		c0,1.9-1.5,3-3.8,3c-2.4,0-4.3-0.9-6.1-2.4l-2.9,3.2C81.1,45.1,84.1,46.7,88.3,46.7z M106.5,46.1V33.4c0.8-1.5,1.7-2.4,2.8-2.4
+		c0.8,0,1.6,0.5,1.6,2.5v12.6h5.5V33.4c0.8-1.5,1.6-2.4,2.8-2.4c0.8,0,1.6,0.5,1.6,2.5v12.6h5.5V32.5c0-3.5-2-5.6-4.9-5.6
+		c-2.4,0-4.1,1-5.6,2.9c-0.7-1.9-2.3-2.9-4.4-2.9c-2.3,0-4,0.9-5.4,2.8l-0.4-2.2h-4.8v18.6H106.5z M135.3,46.7
+		c2.2,0,4.3-0.7,5.6-2.8c0.9,1.8,2.3,2.5,4.5,2.7l1.2-3.6c-0.9-0.3-1.3-0.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6
+		c-2.1,0-4.7,0.5-7,1.4l1.3,3.6c1.9-0.6,3.7-1,4.9-1c2.3,0,3.1,0.7,3.1,2.9v0.8H138c-5.6,0-8.7,2.2-8.7,6.3
+		C129.3,44.3,131.6,46.7,135.3,46.7z M136.9,42.7c-1.4,0-2.2-0.9-2.2-2.3c0-1.9,1.2-2.7,3.7-2.7h1.4V41
+		C139.2,42.1,138.2,42.7,136.9,42.7z M155.2,46.1v-9.3c0.6-2.8,1.6-4.5,3.9-4.5c0.6,0,1.1,0.1,1.7,0.2l0.9-5.4
+		c-0.6-0.2-1.2-0.2-1.9-0.2c-2.1,0-4,1.5-4.8,4.1l-0.5-3.6h-4.8v18.6H155.2z M171,46.7c1.7,0,3.6-0.5,5-1.5l-1.9-3.5
+		c-0.7,0.5-1.4,0.6-2,0.6c-1.2,0-1.8-0.6-1.8-2.4v-8.5h3.7l0.6-3.8h-4.3v-4.7l-5.5,0.6v4h-2.6v3.8h2.6V40
+		C165,44.3,167,46.6,171,46.7z"/>
+	<path fill="#990099" d="M186.5,46.1V38h2.6c5.6,0,9.6-2.6,9.6-8.3c0-5.3-3.9-7.9-10.1-7.9h-7.8v24.2H186.5z M188.6,33.9h-2.1v-7.9
+		h2c2.8,0,4.3,1.2,4.3,3.8C192.8,32.8,191.2,33.9,188.6,33.9z M205.4,46.7c2.2,0,4.3-0.7,5.6-2.8c0.9,1.8,2.3,2.5,4.5,2.7l1.2-3.6
+		c-0.9-0.3-1.3-0.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6c-2.1,0-4.7,0.5-7,1.4l1.3,3.6c1.9-0.6,3.7-1,4.9-1c2.3,0,3.1,0.7,3.1,2.9
+		v0.8h-1.9c-5.6,0-8.7,2.2-8.7,6.3C199.4,44.3,201.7,46.7,205.4,46.7z M207,42.7c-1.4,0-2.2-0.9-2.2-2.3c0-1.9,1.2-2.7,3.7-2.7h1.4
+		V41C209.3,42.1,208.3,42.7,207,42.7z M228,46.7c2.6,0,4.5-0.8,6.3-2.2l-2.4-3.4c-1.3,0.8-2.2,1.3-3.6,1.3c-2.2,0-3.7-1.3-3.7-5.4
+		c0-4.2,1.4-5.8,3.7-5.8c1.3,0,2.3,0.4,3.5,1.3l2.4-3.3c-1.8-1.5-3.8-2.3-6.4-2.3c-5.6,0-9.1,4.1-9.1,10
+		C218.8,42.8,222.2,46.7,228,46.7z M242.1,46.1V19.5l-5.5,0.6v26H242.1z M254,46.1l-6.1-10.4l5.6-8.2h-5.6l-5.7,8.4l5.5,10.1H254z
+		 M260.5,46.7c2.2,0,4.3-0.7,5.6-2.8c0.9,1.8,2.3,2.5,4.5,2.7l1.2-3.6c-0.9-0.3-1.3-0.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6
+		c-2.1,0-4.7,0.5-7,1.4l1.3,3.6c1.9-0.6,3.7-1,4.9-1c2.3,0,3.1,0.7,3.1,2.9v0.8h-1.9c-5.6,0-8.7,2.2-8.7,6.3
+		C254.5,44.3,256.8,46.7,260.5,46.7z M262.1,42.7c-1.4,0-2.2-0.9-2.2-2.3c0-1.9,1.2-2.7,3.7-2.7h1.4V41
+		C264.4,42.1,263.4,42.7,262.1,42.7z M281.8,53.9c6.4,0,9.7-2.3,9.7-6.2c0-3.1-2.8-5.4-7.1-5.4h-2.8c-1.8,0-2-0.6-2-1.1
+		c0-0.4,0.2-0.8,0.6-1c0.7,0.1,1.4,0.2,2.1,0.2c4.8,0,7.8-2.6,7.8-6.2c0-2.4-1.2-3.8-3.5-4.8c2.3,0,4.1-0.2,5.4-0.7l-1.3-4.1
+		c-2.2,1.3-4.6,2.5-8.8,2.4c-4.9,0-8.2,2.6-8.2,6.8c0,2.4,0.9,4.1,3.3,5.3c-1.3,0.8-2.2,2.2-2.2,3.6c0,2,1.6,3.7,5.7,3.7h2.7
+		c1.9,0,2.7,0.7,2.7,1.8c0,1.2-0.8,2.1-4,2.1c-3.4,0-4.1-0.7-4.1-2.3h-5C272.9,51.5,274.8,53.9,281.8,53.9z M282.1,36.8
+		c-1.7,0-2.8-1.1-2.8-3.2c0-1.9,1.1-3.1,2.8-3.1c1.9,0,2.8,0.9,2.8,3C284.9,35.7,283.9,36.8,282.1,36.8z M302.1,46.7
+		c3,0,5.4-1.1,7.2-2.6l-2.3-3.1c-1.6,1.1-2.9,1.6-4.4,1.6c-2.3,0-3.8-0.9-4.2-4.2h11.5c0.1-0.6,0.1-1.4,0.1-2c0-6-3.3-9.5-8.6-9.5
+		c-5.6,0-8.7,4.4-8.7,10C292.8,42.7,295.9,46.7,302.1,46.7z M304.6,35.1h-6.2c0.3-3.4,1.3-4.5,3.2-4.5c2.2,0,3,1.7,3,4.3L304.6,35.1
+		L304.6,35.1z"/>
+</g>
+<g id="Bildmarke">
+	<polygon fill="#532359" points="10.9,24.1 0,17.5 0,52.5 17.5,63 17.5,49.9 10.9,45.9 	"/>
+	<polygon fill="#C955D9" points="29.2,0 0,17.5 10.9,24.1 29.2,13.1 47.4,24.1 47.4,45.9 58.3,52.5 58.3,17.5 	"/>
+	<polygon fill="#82368C" points="29.2,56.9 29.2,70 58.3,52.5 47.4,45.9 	"/>
+	<path id="Icon" fill="#532359" d="M40.9,33.4v-0.5c0-0.2-0.1-0.4-0.3-0.5l-3.3-1.4v-1.3c0-0.2-0.1-0.4-0.3-0.5l-4.1-1.5
+		c-0.1,0-0.2,0-0.4,0l-0.3,0.1v-3.2c0-0.2-0.1-0.4-0.3-0.5l-3.6-1.5c-0.1-0.1-0.3-0.1-0.4,0l-3.6,1.5c-0.2,0.1-0.3,0.3-0.3,0.5v4.1
+		l-2.8,1.1l0,0c0,0-0.1,0-0.1,0c-0.1,0.1-0.2,0.3-0.2,0.4v0.7l-3.3,1.3c-0.2,0.1-0.3,0.3-0.3,0.5v0.5c0,0.2,0.1,0.3,0.2,0.5l2.3,1.4
+		l-2.3,1.4c-0.2,0.1-0.2,0.3-0.2,0.5v0.5c0,0.2,0.1,0.4,0.3,0.5l2.3,0.9v4.3c0,0.2,0.1,0.4,0.3,0.5l8.8,3.6c0.1,0,0.1,0,0.2,0
+		c0.1,0,0.1,0,0.2,0l8.8-3.6c0.2-0.1,0.3-0.3,0.3-0.5V39l2.3-0.9c0.2-0.1,0.3-0.3,0.3-0.5V37c0-0.2-0.1-0.4-0.2-0.5l-2.3-1.4
+		l2.3-1.4C40.8,33.8,40.9,33.6,40.9,33.4z M29.1,38.6L27,37.7v-0.7v-4.3l4.1-1.7v6.6L29.1,38.6z M30.3,30.3l-3.8,1.5l-3.8-1.5
+		l3.8-1.5L30.3,30.3z M21.8,31.1l4.1,1.6v4.3v0.2l-4.1-1.7V31.1z M32.2,32.2l4.1-1.7v5l-4.1,1.7V32.2z M32.7,28.8l2.7,1l-3.2,1.3
+		v-0.8c0-0.2-0.1-0.3-0.2-0.4c0,0-0.1,0-0.1,0l0,0L31,29.5L32.7,28.8z M29.6,29l-1-0.4v-2l2.6-1.1v2.9L29.6,29z M28,23.7l2.3,1
+		l-2.3,1l-2.3-1L28,23.7z M25,25.4l2.6,1.1v1.6l-0.8-0.3c-0.1,0-0.3,0-0.4,0L25,28.3V25.4z M20.8,32.2v2l-0.5,0.2l-2-1.2L20.8,32.2z
+		 M20.3,36.1l8.1,3.3l-2,1.2l-8.1-3.3L20.3,36.1z M20.8,39.4l5.5,2.3c0.1,0,0.1,0,0.2,0s0.2,0,0.3-0.1l1.8-1.1v5.5l-7.7-3.2
+		L20.8,39.4L20.8,39.4z M37.3,42.9l-7.7,3.2v-5.5l1.8,1.1c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.1,0,0.2,0l5.5-2.3V42.9z M31.7,40.6l-2-1.2
+		l8.1-3.3l2,1.2L31.7,40.6z M37.8,34.4l-0.5-0.2v-1.9l2.5,1L37.8,34.4z"/>
+</g>
+</svg>

assets/scss/_project.scss

@@ -11,27 +11,30 @@
 		url("../fonts/fira-sans-v6-latin-300.woff?") format("woff"),
 		url("../fonts/fira-sans-v6-latin-300.svg?") format("svg");
 	font-weight:300;
-	font-style:normal
+	font-style:normal;
+	font-display: swap;
 }
 @font-face {
 	font-family:"Fira Sans";
 	src:url("../fonts/fira-sans-v6-latin-regular.eot");
 	src:url("../fonts/fira-sans-v6-latin-regular.eot?#iefix") format("embedded-opentype"),
-		url("../fonts/fira-sans-v6-latin-regular.ttf?") format("truetype"),
-		url("../fonts/fira-sans-v6-latin-regular.woff?") format("woff"),
-		url("../fonts/fira-sans-v6-latin-regular.svg?") format("svg");
+	url("../fonts/fira-sans-v6-latin-regular.ttf?") format("truetype"),
+	url("../fonts/fira-sans-v6-latin-regular.woff?") format("woff"),
+	url("../fonts/fira-sans-v6-latin-regular.svg?") format("svg");
 	font-weight:normal;
-	font-style:normal
+	font-style:normal;
+	font-display: swap;
 }
 @font-face {
 	font-family:"Fira Sans";
 	src:url("../fonts/fira-sans-v6-latin-700.eot");
 	src:url("../fonts/fira-sans-v6-latin-700.eot?#iefix") format("embedded-opentype"),
-		url("../fonts/fira-sans-v6-latin-700.ttf?") format("truetype"),
-		url("../fonts/fira-sans-v6-latin-700.woff?") format("woff"),
-		url("../fonts/fira-sans-v6-latin-700.svg?") format("svg");
+	url("../fonts/fira-sans-v6-latin-700.ttf?") format("truetype"),
+	url("../fonts/fira-sans-v6-latin-700.woff?") format("woff"),
+	url("../fonts/fira-sans-v6-latin-700.svg?") format("svg");
 	font-weight:600;
-	font-style:normal
+	font-style:normal;
+	font-display: swap;
 }
 
 h2 {

assets/scss/iconfont/_icomoon.scss

@@ -9,6 +9,7 @@ $unique-id:			unique-id();
     url("../fonts/icomoon.svg?#{$unique-id}#icomoon") format('svg');
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 .ifc {