diff --git a/cookbook/static/assets/apple-touch-icon.png b/cookbook/static/assets/apple-touch-icon.png
new file mode 100644
index 00000000..9e416a75
Binary files /dev/null and b/cookbook/static/assets/apple-touch-icon.png differ
diff --git a/cookbook/static/assets/favicon-16x16.png b/cookbook/static/assets/favicon-16x16.png
new file mode 100644
index 00000000..2ed29e2c
Binary files /dev/null and b/cookbook/static/assets/favicon-16x16.png differ
diff --git a/cookbook/static/assets/favicon-32x32.png b/cookbook/static/assets/favicon-32x32.png
new file mode 100644
index 00000000..2c3a44a7
Binary files /dev/null and b/cookbook/static/assets/favicon-32x32.png differ
diff --git a/cookbook/static/assets/favicon.svg b/cookbook/static/assets/favicon.svg
index 01c93f04..bcce5ce8 100644
--- a/cookbook/static/assets/favicon.svg
+++ b/cookbook/static/assets/favicon.svg
@@ -1,6 +1,4 @@
-<?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 512 512" 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;">
+<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
     <g id="Logo" transform="matrix(0.637323,0,0,0.637323,-243.095,-716.725)">
         <g id="Kreis" transform="matrix(1.44936,0,0,1.50279,387.258,1039.34)">
             <ellipse cx="273.123" cy="324.015" rx="259.822" ry="250.584" style="fill:url(#_Linear1);"/>
@@ -22,7 +20,7 @@
         <g transform="matrix(1.471,0,0,1.471,406.537,1149.69)">
             <path d="M256.049,220C286.222,219.994 312.656,207.31 329.388,194.134C346.35,180.754 370.899,183.406 384.611,200.1C407.129,227.376 420.598,261.944 420.598,299.53C420.598,361.08 382.604,437.101 329.764,463.706C307.035,475.15 283.466,480.586 256.098,480.599L256.098,480.599L256.049,480.599L256,480.599L256,480.599C228.632,480.586 205.063,475.15 182.334,463.706C129.494,437.101 91.5,361.08 91.5,299.53C91.5,261.944 104.969,227.376 127.487,200.1C141.199,183.406 165.748,180.754 182.71,194.134C199.442,207.31 225.876,219.994 256.049,220Z" style="fill:rgb(255,203,118);"/>
         </g>
-        <g id="Flame-2" serif:id="Flame 2" transform="matrix(0.965725,0,0,0.89175,164.497,436.391)">
+        <g id="Flame-2" transform="matrix(0.965725,0,0,0.89175,164.497,436.391)">
             <path d="M604.408,844.314C601.981,840.845 601.962,836.056 604.362,832.565C606.763,829.074 611.005,827.721 614.769,829.246C633.87,836.869 658.833,848.629 678.207,864.452C718.526,897.381 729.55,919.407 738.552,942.091C749.208,968.943 750.785,996.68 748.515,1016.08C742.018,1071.61 700.355,1117.5 641.034,1117.5C581.713,1117.5 534.493,1072.05 533.553,1016.08C532.986,982.372 543.985,955.443 555.988,936.22C558.982,931.437 564.594,929.469 569.609,931.444C574.623,933.419 577.757,938.831 577.215,944.58C575.493,956.716 574.362,969.372 574.932,979.484C576.863,1013.7 597.171,1022.5 618.083,1022.29C640.371,1022.08 662.925,1003.17 654.797,954.895C647.69,912.681 622.362,870.194 604.408,844.314Z" style="fill:rgb(255,111,0);"/>
             <clipPath id="_clip3">
                 <path d="M604.408,844.314C601.981,840.845 601.962,836.056 604.362,832.565C606.763,829.074 611.005,827.721 614.769,829.246C633.87,836.869 658.833,848.629 678.207,864.452C718.526,897.381 729.55,919.407 738.552,942.091C749.208,968.943 750.785,996.68 748.515,1016.08C742.018,1071.61 700.355,1117.5 641.034,1117.5C581.713,1117.5 534.493,1072.05 533.553,1016.08C532.986,982.372 543.985,955.443 555.988,936.22C558.982,931.437 564.594,929.469 569.609,931.444C574.623,933.419 577.757,938.831 577.215,944.58C575.493,956.716 574.362,969.372 574.932,979.484C576.863,1013.7 597.171,1022.5 618.083,1022.29C640.371,1022.08 662.925,1003.17 654.797,954.895C647.69,912.681 622.362,870.194 604.408,844.314Z"/>
diff --git a/cookbook/static/assets/safari-pinned-tab.svg b/cookbook/static/assets/safari-pinned-tab.svg
new file mode 100644
index 00000000..e85d62e1
--- /dev/null
+++ b/cookbook/static/assets/safari-pinned-tab.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2400 5114 c-489 -42 -875 -173 -1253 -424 -504 -335 -875 -838
+-1042 -1411 -71 -244 -99 -448 -99 -719 0 -271 28 -475 99 -719 217 -746 779
+-1364 1507 -1657 670 -269 1444 -237 2093 89 474 237 876 632 1120 1100 430
+825 383 1810 -123 2582 -197 300 -433 538 -729 735 -330 219 -671 348 -1073
+405 -104 15 -414 27 -500 19z m57 -205 c343 -135 623 -380 734 -640 109 -255
+100 -528 -23 -737 -47 -80 -161 -192 -242 -237 -122 -68 -202 -88 -356 -89
+-155 -1 -219 12 -345 73 -254 121 -388 361 -355 633 17 143 89 327 151 389 26
+26 71 24 97 -4 21 -22 22 -29 16 -158 -9 -170 6 -232 70 -295 103 -103 305
+-97 395 13 44 53 61 113 61 213 0 190 -95 429 -276 693 -41 59 -74 114 -74
+122 0 19 36 55 55 55 8 0 49 -14 92 -31z m-760 -1664 c28 -8 102 -49 164 -92
+336 -225 669 -287 1018 -187 114 33 286 118 389 193 114 82 154 96 277 96 93
+0 105 -2 167 -33 179 -88 384 -439 463 -792 23 -102 31 -390 15 -517 -66 -533
+-392 -1104 -775 -1358 -159 -106 -385 -190 -598 -221 -154 -23 -471 -15 -605
+15 -494 110 -830 393 -1082 913 -81 168 -139 336 -177 515 -25 116 -27 148
+-28 343 0 235 8 293 67 480 74 233 244 509 368 595 89 62 227 83 337 50z"/>
+<path d="M2390 4867 c0 -2 26 -21 58 -41 31 -20 45 -27 30 -14 -30 26 -88 62
+-88 55z"/>
+<path d="M2530 4765 c13 -14 26 -25 28 -25 3 0 -5 11 -18 25 -13 14 -26 25
+-28 25 -3 0 5 -11 18 -25z"/>
+<path d="M2615 4690 c27 -27 51 -50 54 -50 3 0 -17 23 -44 50 -27 28 -51 50
+-54 50 -3 0 17 -22 44 -50z"/>
+<path d="M2721 4565 c61 -82 69 -91 44 -48 -11 18 -36 52 -57 75 -30 33 -27
+27 13 -27z"/>
+<path d="M2790 4460 c6 -11 13 -20 16 -20 2 0 0 9 -6 20 -6 11 -13 20 -16 20
+-2 0 0 -9 6 -20z"/>
+<path d="M2840 4365 c0 -5 5 -17 10 -25 5 -8 10 -10 10 -5 0 6 -5 17 -10 25
+-5 8 -10 11 -10 5z"/>
+<path d="M2101 4224 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2901 4194 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2081 4154 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2921 4114 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2072 4100 c0 -14 2 -19 5 -12 2 6 2 18 0 25 -3 6 -5 1 -5 -13z"/>
+<path d="M2932 4055 c0 -16 2 -22 5 -12 2 9 2 23 0 30 -3 6 -5 -1 -5 -18z"/>
+<path d="M2064 3965 c0 -55 1 -76 3 -47 2 29 2 74 0 100 -2 26 -3 2 -3 -53z"/>
+<path d="M2942 3960 c0 -14 2 -19 5 -12 2 6 2 18 0 25 -3 6 -5 1 -5 -13z"/>
+<path d="M2932 3875 c0 -16 2 -22 5 -12 2 9 2 23 0 30 -3 6 -5 -1 -5 -18z"/>
+<path d="M2071 3834 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2921 3824 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2892 3755 c-12 -25 -20 -45 -17 -45 7 0 47 81 43 86 -3 2 -14 -17
+-26 -41z"/>
+<path d="M2844 3678 l-19 -23 23 19 c12 11 22 21 22 23 0 8 -8 2 -26 -19z"/>
+<path d="M2130 3686 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
+13z"/>
+<path d="M2175 3630 c10 -11 20 -20 23 -20 3 0 -3 9 -13 20 -10 11 -20 20 -23
+20 -3 0 3 -9 13 -20z"/>
+<path d="M2784 3618 l-19 -23 23 19 c21 18 27 26 19 26 -2 0 -12 -10 -23 -22z"/>
+<path d="M2210 3606 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
+13z"/>
+<path d="M2734 3584 c-18 -14 -18 -15 4 -4 12 6 22 13 22 15 0 8 -5 6 -26 -11z"/>
+<path d="M2264 3566 c11 -9 24 -16 30 -16 12 0 7 5 -24 19 -24 11 -24 11 -6
+-3z"/>
+<path d="M2680 3560 c-8 -5 -10 -10 -5 -10 6 0 17 5 25 10 8 5 11 10 5 10 -5
+0 -17 -5 -25 -10z"/>
+<path d="M2320 3540 c8 -5 22 -9 30 -9 10 0 8 3 -5 9 -27 12 -43 12 -25 0z"/>
+<path d="M2608 3533 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M2378 3523 c6 -2 18 -2 25 0 6 3 1 5 -13 5 -14 0 -19 -2 -12 -5z"/>
+<path d="M2553 3523 c9 -2 23 -2 30 0 6 3 -1 5 -18 5 -16 0 -22 -2 -12 -5z"/>
+<path d="M2463 3513 c9 -2 25 -2 35 0 9 3 1 5 -18 5 -19 0 -27 -2 -17 -5z"/>
+<path d="M2441 2505 c-30 -9 -69 -24 -87 -35 -47 -30 -103 -95 -125 -148 -37
+-86 -72 -109 -189 -122 -135 -15 -235 -85 -288 -199 -35 -75 -37 -182 -4 -255
+39 -86 85 -132 178 -177 46 -22 91 -50 99 -62 11 -15 15 -48 15 -115 0 -100
+12 -138 52 -166 20 -14 80 -16 468 -16 388 0 448 2 468 16 40 28 52 66 52 166
+0 67 4 100 15 115 8 12 53 40 99 62 136 66 200 162 200 301 0 177 -125 308
+-314 330 -120 14 -148 33 -194 132 -33 69 -107 140 -174 163 -67 24 -204 29
+-271 10z"/>
+<path d="M2126 1059 c-55 -43 -17 -120 72 -147 55 -17 669 -17 724 0 89 27
+127 104 72 147 -26 20 -37 21 -434 21 -397 0 -408 -1 -434 -21z"/>
+</g>
+</svg>
diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index c05e6afd..842baec6 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -13,18 +13,23 @@
 
     <link rel="shortcut icon" type="image/x-icon" href="{% static 'assets/favicon.svg' %}">
     <link rel="shortcut icon" href="{% static 'assets/favicon.svg' %}">
-    <link rel="icon" type="image/png" href="{% static 'assets/favicon.svg' %}" sizes="32x32">
-    <link rel="icon" type="image/png" href="{% static 'assets/favicon.svg' %}" sizes="96x96">
-    <link rel="apple-touch-icon" href="{% static 'assets/favicon.svg' %}">  
-    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'assets/favicon.svg' %}">
-    <link rel="apple-touch-icon" sizes="152x152" href="{% static 'assets/favicon.svg' %}">
-    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'assets/favicon.svg' %}">
-    <link rel="apple-touch-icon" sizes="167x167" href="{% static 'assets/favicon.svg' %}">
+    <link rel="icon" type="image/png" href="{% static 'assets/.svg' %}" sizes="32x32">
+    <link rel="icon" type="image/png" href="{% static 'assets/favicon-16x16.png' %}" sizes="16x16" >
+
+    <link rel="mask-icon" href="{% static 'assets/safari-pinned-tab.svg' %}" color="#161616">
+    <link rel="apple-touch-icon" href="{% static 'assets/apple-touch-icon.png' %}" sizes="180x180">
 
     <link rel="manifest" href="{% url 'web_manifest' %}">
     <meta name="msapplication-TileColor" content="#ffffff">
     <meta name="msapplication-TileImage" content="/mstile-144x144.png">
 
+
+<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#161616">
+<meta name="msapplication-TileColor" content="#161616">
+<meta name="theme-color" content="#ffffff">
+
+
+
     <!-- Bootstrap 4 -->
     <link id="id_main_css" href="{% theme_url request %}" rel="stylesheet">
     <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>