new version GfI 23.02.2024

gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss

@@ -51,7 +51,7 @@
 .pictogram-topic-kalender:before { @include pictogram-kalender; }
 .pictogram-topic-kopf-gluehbirne:before { @include pictogram-idee; }
 .pictogram-topic-kran:before { @include pictogram-kran; }
-.pictogram-topic-kreisdiagramm:before { @include pictogram-diagramm-torte    ; }
+.pictogram-topic-kreisdiagramm:before { @include pictogram-diagramm-torte; }
 .pictogram-topic-labyrinth:before { @include pictogram-labyrinth; }
 .pictogram-topic-lkw:before { @include pictogram-lkw; }
 .pictogram-topic-magazin:before { @include pictogram-heft; }

gfi-ihk-2024/stories/_global/styles/pictograms.scss

@@ -177,3 +177,15 @@
 .pictogram-schlitten-mit-geschenken:before { content: '\e8b0'; } /* '' */
 .pictogram-weihnachtskugel:before { content: '\e8b1'; } /* '' */
 .pictogram-weihnachtsmuetze:before { content: '\e8b2'; } /* '' */
+.pictogram-auto:before { content: '\e8b3'; } /* '' */
+.pictogram-diplom-a:before { content: '\e8b4'; } /* '' */
+.pictogram-diplom-b:before { content: '\e8b5'; } /* '' */
+.pictogram-einlassticket:before { content: '\e8b6'; } /* '' */
+.pictogram-kamera:before { content: '\e8b7'; } /* '' */
+.pictogram-musiknote:before { content: '\e8b8'; } /* '' */
+.pictogram-recycling-b:before { content: '\e8b9'; } /* '' */
+.pictogram-recycling:before { content: '\e8ba'; } /* '' */
+.pictogram-parken:before { content: '\e8bb'; } /* '' */
+.pictogram-telefon:before { content: '\e8bc'; } /* '' */
+.pictogram-mauszeiger:before { content: '\e8bd'; } /* '' */
+.pictogram-video:before { content: '\e8be'; } /* '' */

gfi-ihk-2024/stories/assets/fonts/pictograms/pictograms.svg

@@ -363,6 +363,30 @@
 <glyph glyph-name="weihnachtskugel" unicode="&#xe8b1;" d="M517 418c0 10-8 18-18 18-10 0-18-8-18-18l1-100c0-10 8-18 18-18 9 0 17 8 17 18l0 100z m90-45l-71-69c-7-7-8-18-1-26 7-7 18-7 26 0l71 70c7 7 8 18 1 25-7 7-18 7-26 0z m-146-69l-72 69c-7 7-18 7-25 0-7-7-7-18 1-25l71-70c7-7 19-7 26 0 6 8 6 19-1 26z m74-102c7 7 18 7 26 0l71-70c7-7 8-18 1-25-7-7-18-7-26 0l-71 69c-7 7-8 18-1 26z m-146-95l72 69c7 7 7 19 1 26-7 7-19 7-26 0l-71-70c-8-6-8-18-1-25 7-7 18-7 25 0z m110 82c-10 0-18-8-18-18l1-100c0-10 8-18 17-18 10 0 18 8 18 18l0 100c0 10-8 18-18 18z m181 52c0 10-8 18-18 18l-100-2c-10 0-17-8-17-18 0-10 8-18 18-18l100 2c10 0 18 8 17 18z m-228 0c0-10-8-18-18-18l-100-2c-10 0-18 8-18 18 0 10 8 18 18 18l100 2c10 0 18-8 18-18z m-12 338c10 0 18 8 18 18v12c0 22 18 39 39 39h4c22 0 40-17 40-39v-12c0-10 8-18 17-18 10 0 18 8 18 18v12c0 42-33 75-75 75h-4c-41 0-74-33-75-75v-12c0-9 8-17 18-17l0-1z m30 121c10 0 18 8 18 18v14c0 6 4 11 10 11 6 0 11-5 11-11v-14c0-10 8-18 18-18 10 0 18 8 18 18v14c0 26-21 47-47 47-25 0-46-21-46-47v-14c0-10 8-18 18-18l0 0z m300-274c-44 66-111 113-187 134-10 2-19-3-22-13-2-9 3-19 13-22 68-18 127-60 166-119 40-58 56-129 47-199-9-70-43-134-96-181-53-47-121-73-191-73-71 0-139 25-192 71-54 46-88 110-98 180-10 70 6 141 45 200 38 59 97 102 165 121 10 2 15 12 12 22-2 9-12 15-22 12-76-21-142-69-185-136-43-66-61-146-50-224 10-78 49-150 109-202 60-52 137-80 216-80 79 1 156 30 215 82 59 53 97 125 108 203 10 79-9 158-53 224v0z" horiz-adv-x="1000" />
 
 <glyph glyph-name="weihnachtsmuetze" unicode="&#xe8b2;" d="M746 89c0 10 8 18 18 18h25c41 0 75-34 75-75v-55c0-41-34-75-75-75h-614c-41 0-75 34-75 75v53c0 10 8 18 18 18 10 0 18-8 18-18v-53c0-22 17-39 39-39h614c22 0 39 17 39 39v55c0 22-17 39-39 39h-25c-10 0-18 8-18 18z m18 457c-2 10 5 19 15 20 21 3 40 13 55 29 14 15 24 35 26 56 2 21-3 43-14 61-11 18-28 32-48 39-20 8-42 8-62 2-20-6-38-19-50-36-6-8-17-10-25-5-8 6-10 17-4 25 17 24 41 42 69 50 28 9 57 8 85-3 27-10 50-29 65-54 16-24 22-54 19-83-3-29-15-56-35-77-20-21-47-35-76-39-10-2-19 5-20 15z m-90 84c-40 4-118-17-247-114-192-144-200-331-180-417h411c9 0 17-8 17-18 0-10-8-18-17-18h-424c-8 0-15 6-17 13-28 90-27 307 188 468 131 98 219 126 272 122 28-3 48-14 59-30 11-16 11-37-1-52-6-8-16-17-25-27-2-1-4-3-5-4-12-11-24-24-35-37-23-28-37-58-29-93 8-32 22-78 40-124 18-46 40-91 63-121 5-8 4-20-4-25-8-6-19-4-25 3-25 35-48 83-67 130-19 47-33 95-41 129-12 50 10 92 35 123 12 16 26 29 38 41 2 1 4 3 5 4 10 10 18 17 23 23 0 1 2 5-2 10-3 5-12 12-32 14z" horiz-adv-x="1000" />
+
+<glyph glyph-name="auto" unicode="&#xe8b3;" d="M104 400c14 102 101 179 205 179h84c114 0 222-53 292-143l18-23 168-42c40-10 68-46 68-87v-52c0-25-21-46-46-46h-75c-11-39-47-68-90-68-42 0-78 29-89 68-1 0-2 0-4 0h-242c-1 0-2 0-4 0-10-39-46-68-89-68-43 0-79 29-90 68h-78c-39 0-67 36-59 74z m104-179c5 47 44 83 92 83 48 0 87-36 92-83l0 0c0 0 1 0 1 0h0 242c1 0 1 0 1 0 6 47 45 83 92 83 48 0 87-36 93-83h72c6 0 10 5 10 11v52c0 1 0 1 0 2h-67c-10 0-18 8-18 18s8 17 18 17h52c-6 8-15 13-25 15l-173 43h-148c-9 0-17 8-17 18 0 10 8 18 17 18h114c-64 81-161 128-263 128h-25v-129h104c10 0 18-8 18-18s-8-17-18-17h-336l-28-127c-4-16 8-31 24-31z m124 193v129h-23c-79 0-147-54-166-129z m396-260c32 0 58 25 58 57s-26 57-58 57c-31 0-57-26-57-57s26-57 57-57z m-371 57c0 31-26 57-57 57-32 0-57-26-57-57s25-57 57-57c31 0 57 25 57 57z" horiz-adv-x="1000" />
+
+<glyph glyph-name="diplom-a" unicode="&#xe8b4;" d="M239 618v-604c0-45 37-82 82-82 2 0 3 0 4 0 1 0 2 0 4 0h471c49 0 89 40 89 89v43c0 10-8 18-18 18h-485c-10 0-18-8-18-18v-50c0-24-19-44-43-46-28 2-50 25-50 53v665c0 17-5 33-14 46h468c29 0 53-24 53-53v-165c0-10 8-18 18-18 10 0 18 8 18 18v165c0 49-40 89-89 89h-529c-1 0-1 0-2 0-2 0-3 0-5 0-45 0-82-37-82-82v-50c0-10 8-18 18-18h110z m0 36h-93v32c0 25 21 46 47 46 26 0 46-21 46-46v-32z m150-686c9 13 15 29 15 46v32h450v-25c0-29-24-53-54-53h-411z m307 375c0 61 50 111 111 111 61 0 111-50 111-111 0-29-11-55-29-75 0-1 0-2 0-4v-114c0-6-3-12-8-15-5-3-11-4-17-1l-57 25-57-25c-5-3-12-2-17 1-5 3-8 9-8 15v114c0 2 0 3 0 4-18 20-29 46-29 75z m111 75c-41 0-75-34-75-75 0-42 34-75 75-75 42 0 75 33 75 75 0 41-33 75-75 75z m-46-176v-64l39 17c5 2 10 2 14 0l40-17v64c-14-6-30-10-47-10-16 0-32 4-46 10z m-350 322c0 10 8 18 18 18l200 0c9 0 17-8 17-18 0-10-8-18-17-18l-200 0c-10 0-18 8-18 18z m-40-68c-9 0-17-8-17-17 0-10 8-18 17-18h315c10 0 18 8 18 18 0 9-8 17-18 17h-315z" horiz-adv-x="1000" />
+
+<glyph glyph-name="diplom-b" unicode="&#xe8b5;" d="M243 782c-34 0-61-27-61-61v-714c0-33 27-61 61-61h128c10 0 18 8 18 18 0 10-8 18-18 18h-128c-14 0-25 11-25 25v714c0 14 11 25 25 25h368v-139c0-25 21-46 46-46h57c10 0 18 8 18 18 0 9-8 17-18 17h-57c-6 0-11 5-11 11v137c8-3 15-7 20-13l100-96c10-10 16-24 16-39v-589c0-14-11-25-25-25h-114c-10 0-18-8-18-18 0-10 8-18 18-18h114c34 0 61 28 61 61v589c0 24-10 47-27 64l-100 97c-16 16-39 25-62 25h-386z m139-289c0 10 8 18 18 18l200 0c10 0 18-8 18-18 0-10-8-18-18-18l-200 0c-10 0-18 8-18 18z m125-282c-61 0-111-50-111-111 0-29 11-55 29-75 0-1 0-2 0-4v-114c0-6 3-12 8-15 5-3 12-4 17-1l57 25 57-25c6-3 12-2 17 1 5 3 8 9 8 15v114c0 2 0 3 0 4 18 20 29 46 29 75 0 61-50 111-111 111z m-75-111c0 41 34 75 75 75 42 0 75-34 75-75 0-41-33-75-75-75-41 0-75 34-75 75z m122-101v-64l-40 17c-4 2-9 2-14 0l-39-17v64c14-6 30-10 46-10 17 0 33 4 47 10z m-211 426c-10 0-18-8-18-18 0-10 8-18 18-18h314c10 0 18 8 18 18 0 10-8 18-18 18h-314z" horiz-adv-x="1000" />
+
+<glyph glyph-name="einlassticket" unicode="&#xe8b6;" d="M634 715c22 13 50 5 63-17l26-44c3-5 9-7 14-4l38 22c22 13 51 5 64-17l95-165c12-22 5-50-17-63l-38-22c-5-3-7-9-4-15l29-51c13-22 5-50-17-63l-499-288c-22-13-51-6-64 17l-29 51c-3 5-10 6-15 3l-44-25c-22-13-50-5-63 17l-95 165c-13 22-6 50 17 63l44 26c5 3 7 9 4 14l-26 44c-13 23-5 51 17 64l250 144c8 5 19 2 24-6 5-9 2-20-6-25l-250-144c-5-3-7-10-4-15l26-44c12-22 5-51-17-63l-44-26c-6-3-7-9-4-14l95-165c3-5 9-7 14-4l44 25c23 13 51 6 64-17l29-50c3-6 10-7 15-4l499 288c6 3 7 9 4 15l-29 51c-13 22-5 50 17 63l38 22c5 3 7 9 4 14l-95 165c-3 5-10 7-15 4l-38-22c-22-13-50-5-63 17l-26 44c-3 6-9 7-14 4l-113-65c-8-5-19-2-24 7-5 8-2 19 6 24l113 65z m-13-159c-3 5-9 6-14 4l-332-192c-6-3-7-10-4-15l123-214c3-6 10-7 15-4l332 191c5 3 7 10 4 15l-124 215z m-32 34c22 13 51 6 63-17l124-214c13-22 5-51-17-63l-332-192c-22-13-51-6-63 17l-124 214c-13 22-6 51 17 64l332 191z m37-151c5-9 2-20-6-25l-207-121c-9-5-20-2-25 6-5 9-2 20 7 25l207 121c8 5 19 2 24-6z m0-72c5-8 2-19-6-24l-136-79c-9-5-19-2-24 7-5 8-2 19 6 24l136 79c8 5 19 2 24-7z" horiz-adv-x="1000" />
+
+<glyph glyph-name="kamera" unicode="&#xe8b7;" d="M611 493c-10 0-18-8-18-18 0-10 8-18 18-18 81 0 146-65 146-146 0-81-65-147-146-147-81 0-147 66-147 147 0 42 18 79 46 106 7 7 8 18 1 25-7 8-18 8-25 1-35-33-57-80-57-132 0-101 81-182 182-182 100 0 182 81 182 182 0 100-82 182-182 182z m-443-89c12 0 21 9 21 21 0 12-9 21-21 21-12 0-22-9-22-21 0-12 10-21 22-21z m333 260c-18 0-33-14-33-32v-69c0-6-4-11-10-11h-208v66c0 10-8 18-18 18h-86c-9 0-17-8-17-18v-66h-54c-26 0-46-20-46-46v-431c0-26 20-46 46-46h843c26 0 46 20 46 46v431c0 26-20 46-46 46h-117c-6 0-11 5-11 11v69c0 18-14 32-32 32h-257z m-287-64v-48h-50v48h50z m290-37v66h251v-66c0-25 21-46 46-46h117c6 0 11-5 11-11v-431c0-6-5-11-11-11h-843c-6 0-11 5-11 11v431c0 6 5 11 11 11h383c25 0 46 21 46 46z" horiz-adv-x="1000" />
+
+<glyph glyph-name="musiknote" unicode="&#xe8b8;" d="M836 692c-1 5-4 9-7 12-4 2-9 4-13 3-1 0-2 0-3-1l-103-28c-10-3-16-12-13-22 3-9 13-15 22-12l81 22v-68l-379-102v65l195 54c9 3 15 12 12 22-3 9-12 15-22 12l-207-57c-4-1-7-3-10-6-2-3-3-7-3-11v-403c-25 22-60 35-97 35-69 0-132-46-132-111 0-64 63-110 132-110 70 0 132 46 132 110 0 2 0 4 0 5 0 1 0 2 0 3v355l379 102v-289c-25 22-60 35-96 35-70 0-133-46-133-111 0-64 63-110 133-110 69 0 132 46 132 110 0 6-1 11-1 16 0 2 1 4 1 6v471c0 1 0 2 0 3z m-229-496c0 39 40 75 97 75 57 0 96-36 96-75 0-38-39-75-96-75-57 0-97 37-97 75z m-414-100c0 39 39 75 96 75 57 0 97-36 97-75 0-38-40-75-97-75-57 0-96 37-96 75z" horiz-adv-x="1000" />
+
+<glyph glyph-name="recycling-b" unicode="&#xe8b9;" d="M146 346c0 196 159 354 354 354 93 0 178-36 241-95 25-23 47-50 64-80l-48 14c-9 3-19-2-22-11-3-10 2-20 12-23l76-23c17-5 35 4 40 21l24 77c3 9-2 19-12 22-9 3-19-2-22-11l-16-50c-19 33-44 64-72 90-69 65-163 105-265 105-215 0-389-175-389-390 0-9 8-17 17-17 10 0 18 8 18 17z m743 0c0 10-8 18-18 18-10 0-18-8-18-18 0-195-158-353-353-353-93 0-178 36-241 95-32 30-59 66-78 106l51-17c9-3 19 2 23 11 3 9-2 20-12 23l-75 25c-17 6-35-3-41-20l-26-76c-3-9 2-19 11-22 9-4 20 1 23 11l15 46c22-43 50-81 85-114 69-64 162-104 265-104 215 0 389 174 389 389z m-520-16c-11 41-7 82 26 113 33 32 101 57 225 57 1-61-9-139-41-194-17-27-38-47-66-57-24-9-55-10-94 1 17 37 44 74 86 103 8 6 9 17 4 25-6 8-17 10-25 4-55-38-88-90-106-137-17-42-23-81-23-106 0-10 8-18 18-18 10 0 18 8 18 18 0 18 3 46 14 77 47-13 86-13 120-1 37 14 65 41 84 73 39 64 48 153 46 217 0 18-15 31-31 31-130 0-210-25-254-67-45-43-49-99-35-149 2-9 12-15 22-12 9 2 15 12 12 22z" horiz-adv-x="1000" />
+
+<glyph glyph-name="recycling" unicode="&#xe8ba;" d="M534 680c-15 27-53 27-68 0l-115-199c-5-8-16-11-24-7-9 5-12 16-7 25l115 199c29 50 101 50 130 0l129-226 31 113c3 10 13 16 22 13 10-3 15-12 13-22l-43-155c-2-10-12-15-22-13l-155 43c-9 2-15 12-12 22 2 9 12 15 22 12l113-31-129 226z m-253-251c10 2 19-3 22-13l42-155c2-10-4-20-13-22-10-3-19 3-22 13l-30 113-115-198c-15-26 4-59 34-59h237c10 0 18-8 18-18 0-10-8-18-18-18h-237c-58 0-94 63-65 113l115 198-114-30c-9-3-19 3-22 12-2 10 3 20 13 22l155 42z m460-66c9 4 20 2 24-7l100-171c30-50-7-113-64-113h-222l83-83c7-7 7-18 0-25-7-7-18-7-25 0l-114 113c-7 7-7 19 0 26l114 113c7 7 18 7 25 0 7-7 7-18 0-25l-83-83h222c30 0 49 33 33 59l-99 171c-5 9-2 20 6 25z" horiz-adv-x="1000" />
+
+<glyph glyph-name="parken" unicode="&#xe8bb;" d="M504 700c-196 0-354-158-354-354 0-195 158-353 354-353 195 0 353 158 353 353 0 57-13 110-36 157-5 9-1 19 8 24 9 4 19 1 24-8 26-52 40-111 40-173 0-215-174-389-389-389-215 0-390 174-390 389 0 215 175 390 390 390 110 0 210-46 281-120 6-7 6-18-1-25-7-7-18-7-25 0-65 67-155 109-255 109z m-23-441v-108c0-20-15-34-36-34-21 0-36 14-36 34v332c0 19 14 32 32 32h83c75 0 131-49 131-128 0-79-53-128-131-128h-43z m102 128c0 34-22 63-59 63h-43v-126h43c39 0 59 28 59 63z" horiz-adv-x="1000" />
+
+<glyph glyph-name="telefon" unicode="&#xe8bc;" d="M275 703c-5 5-13 5-18 0l-91-91c-25-25-30-62-13-91 47-77 126-189 223-287 99-99 215-181 294-230 30-18 68-13 93 12l90 90c5 5 5 14 0 19l-152 152c-5 5-13 5-18 0l-26-27c-22-22-58-22-79 0l-194 194c-22 22-22 57 0 79l26 27c6 5 6 13 0 18l-41 42c-9 8-9 22 0 30 8 9 22 9 30 0l42-42c22-22 22-57 0-79l-27-26c-5-5-5-14 0-19l194-194c5-5 13-5 18 0l27 27c22 22 57 22 79 0l152-152c21-22 21-57 0-79l-90-90c-39-39-99-48-146-19-81 51-200 135-302 237-101 101-181 216-229 294-29 48-19 107 19 145l91 91c21 22 57 22 79 0l27-28c8-8 8-22 0-30-9-8-22-8-31 0l-27 27z" horiz-adv-x="1000" />
+
+<glyph glyph-name="mauszeiger" unicode="&#xe8bd;" d="M296 679c-8 6-19-1-18-10l112-712c2-10 16-12 21-3l120 276c3 7 11 11 18 11l99-12c10-1 17-9 16-19-1-10-10-17-20-16l-86 10-115-264c-18-42-81-34-88 12l-112 711c-6 42 42 70 75 43l560-452c36-29 12-87-34-82l-101 11c-9 1-17 10-15 20 1 9 9 17 19 15l101-11c11-1 16 12 8 19l-560 453z" horiz-adv-x="1000" />
+
+<glyph glyph-name="video" unicode="&#xe8be;" d="M114 675c0 26 21 46 47 46h671c26 0 47-20 47-46v-86c0-25-21-46-47-46h-671c-26 0-47 21-47 46v86z m118-96h105l106 107h-105l-106-107z m56 107h-127c-6 0-11-5-11-11v-86c0-6 5-10 11-10h21l106 107z m205 0l-106-107h106l105 107h-105z m156 0l-106-107h112l106 107h-112z m162 0l-106-107h127c6 0 11 4 11 10v86c0 6-5 11-11 11h-21z m-636-165c-33 0-61-27-61-60v-429c0-33 28-61 61-61h643c33 0 61 28 61 61v86c0 10-8 18-18 18-10 0-18-8-18-18v-86c0-14-11-25-25-25h-643c-14 0-25 11-25 25v429c0 14 11 25 25 25h643c14 0 25-11 25-25v-215c0-9 8-17 18-17 10 0 18 8 18 17v215c0 33-28 60-61 60h-643z m495-315c31 18 31 63 0 81l-215 123c-31 18-69-4-69-40v-247c0-36 38-58 69-40l215 123z m-18 50c7-4 7-15 0-19l-214-124c-8-4-17 2-17 10v247c0 8 9 14 17 9l214-123z" horiz-adv-x="1000" />
 </font>
 </defs>
 </svg>

gfi-ihk-2024/stories/components/accordion/AccordionComponent.js

@@ -7,10 +7,10 @@ import {createButton} from "../../atoms/button/ButtonComponent";
 
 export const createAccordion =
   ({
-    title = 'Häufig gestellte Fragen auf einen Blick',
-    type = 'regular',
-    items = AccordionData,
-  }) => {
+     title = 'Häufig gestellte Fragen auf einen Blick',
+     type = 'regular',
+     items = AccordionData,
+   }) => {
     const accordion = createElement('div', ['accordion'], null);
     accordion.dataset.type = type;
     if (title && title.length > 0) {
@@ -114,4 +114,4 @@ export const createAccordion =
     })
 
     return accordion;
-  }
+  }

gfi-ihk-2024/stories/components/contact/ContactComponent.js

@@ -6,11 +6,11 @@ import IHKContact from "./contact";
 
 export const createContact =
   ({
-    headline = 'Ich helfe Ihnen gerne weiter',
-    contacts = ContactData,
-    contactCount = 2,
-    addContainer = false,
-  }) => {
+     headline = 'Ich helfe Ihnen gerne weiter',
+     contacts = ContactData,
+     contactCount = 2,
+     addContainer = false,
+   }) => {
     const wrapper = createElement('div', ['contact-wrapper']);
     if (headline && headline.length > 0) {
       createElement('h2', [], headline, wrapper);
@@ -66,4 +66,4 @@ export const createContact =
     }
 
     return wrapper;
-  }
+  }

gfi-ihk-2024/stories/components/election-result-list-badge/ElectionResultListBadgeComponent.js

@@ -4,7 +4,7 @@ import {createElement} from "../../_global/scripts/helpers";
 export const createElectionResultListBadge =
   ({
      preLabel = '202',
-     label = 'Kanditat:innen',
+     label = 'Kandidat:innen',
      inverted = false,
      closable = false,
      colon = false,
@@ -16,4 +16,4 @@ export const createElectionResultListBadge =
     createElement('span', [], label, p);
 
     return electionResultListBadge;
-  }
+  }

gfi-ihk-2024/stories/components/header/header.js

@@ -1,4 +1,5 @@
 import $ from 'jquery';
+
 require('jquery.easing');
 import {StudioPreviewUtil} from '../../_global/scripts/utils/StudioPreviewUtil';
 
@@ -20,7 +21,7 @@ class IHKHeader {
     this.initToggling();
     this.initLanguage();
 
-    if(this.showOpenedNav){
+    if (this.showOpenedNav) {
       t.header.find('.toggle-nav').click();
     }
 
@@ -105,8 +106,7 @@ class IHKHeader {
 
     if (st > this.window.height() * 1.2) {
       this.header.addClass('show-toplink');
-    }
-    else {
+    } else {
       this.header.removeClass('show-toplink');
     }
   }
@@ -181,16 +181,33 @@ class IHKHeader {
     t.loadNav(t.header.find('.primary ul'));
   }
 
+  openMenuByUrlParam(anchor, t) {
+    const li = anchor.parent();
+    const ul = li.parent('ul');
+    if (li.hasClass('deep')) {
+      if (anchor.siblings('ul').length) {
+        ul.removeClass('current');
+        t.toTop(ul);
+        anchor.siblings('ul').addClass('current');
+        li.addClass('open');
+        t.manageTabIndex();
+      } else {
+        const deepUl = $('<ul />').attr('data-json', anchor.attr('href')).appendTo(li);
+        t.loadNav(deepUl);
+      }
+    }
+  }
+
   initSecondaryNav() {
     // secondary-nav-item
     const t = this;
     const $secondary = t.header.find("nav").find(".secondary");
     const $secondaryItems = $secondary.find(".secondary-nav-item");
-    $.each($secondaryItems, function (index,element) {
+    $.each($secondaryItems, function (index, element) {
       $(element).on("click", function (e) {
-        if($(element).data("is-channel")){
+        if ($(element).data("is-channel")) {
           e.preventDefault();
-          const elementRootUrl= $(this).data("root-url");
+          const elementRootUrl = $(this).data("root-url");
           t.initPrimaryNav(elementRootUrl);
         } else {
           return true;
@@ -211,7 +228,6 @@ class IHKHeader {
         t.toTop(parentUl);
       }, 20)
     }
-
     $.ajax({
       url: ul.attr('data-json'),
       type: "GET",
@@ -223,7 +239,7 @@ class IHKHeader {
         $('<li class="back" />').appendTo(ul)
           .append($('<a />').attr('href', t.baseUrl + data.parentId).text(data.title));
       }
-      if(!data.hideOverview) {
+      if (!data.hideOverview) {
         if (data.showOverview) {
           const overviewElement = $('<li class="overview" />');
           overviewElement.appendTo(ul)
@@ -238,7 +254,7 @@ class IHKHeader {
       $.each(data.items, function () {
         const itemsBaseUrl = ihk.settings.navigationItemsUrl;
         let itemUrl = this.url;
-        if(itemsBaseUrl){
+        if (itemsBaseUrl) {
           itemUrl = itemsBaseUrl + itemUrl;
         }
 
@@ -262,14 +278,14 @@ class IHKHeader {
 
         if (this.linktype == 'external') {
           li.addClass('external');
-          $(li).find("a").attr("target","_blank")
+          $(li).find("a").attr("target", "_blank")
         }
 
         if (this.viewType === 'onlinemagazinstart') {
           // todo als link
           li.removeClass('deep');
           li.addClass('magazine-nav');
-          $(li).find("a").attr("href",itemUrl);
+          $(li).find("a").attr("href", itemUrl);
           if (this.titleImage) {
             a.text('').append($('<img src="' + this.titleImage + '" alt="' + this.title + '" />'))
           }
@@ -295,7 +311,7 @@ class IHKHeader {
           li.addClass('download');
         }
 
-        if(this.contentId === currentPageId.toString()){
+        if (this.contentId === currentPageId.toString()) {
           $(li).find("a").addClass("active");
         }
       });
@@ -325,6 +341,19 @@ class IHKHeader {
           t.manageTabIndex();
         }, 20)
       }
+
+      let hash = window.location.hash;
+      if (hash) {
+        let menuId = hash.substring(1);
+        let li = ul.find('li[data-id=' + menuId + ']');
+        if (li.length > 0) {
+          t.toggleNavigation();
+          let anchor = li.find('a');
+          if (anchor.length > 0) {
+            t.openMenuByUrlParam(anchor, t);
+          }
+        }
+      }
     })
   }
 

gfi-ihk-2024/stories/pages/event/EventPage.js

@@ -9,7 +9,7 @@ import {createPrintShare} from "../../components/print-share/PrintShareComponent
 
 export const createEventPage = ({
 
-}) => {
+                                }) => {
   const page = createSidebarPage({breadcrumb: ['Start', 'Veranstaltungsdetails']});
   const main = page.main;
   const aside = page.aside;
@@ -43,4 +43,4 @@ export const createEventPage = ({
   aside.appendChild(createContact({headline: 'Kontakt', contacts: SingleContactData}));
 
   return page.page;
-}
+}

gfi-ihk-2024/stories/sections/video-stage/video-stage.scss

@@ -53,22 +53,22 @@
     }
     .video--play-pause {
       &:before {
-        @include icon-play;
+        @include icon-pause;
       }
       &.paused {
         &:before {
-          @include icon-pause;
+          @include icon-play;
         }
       }
     }
     .video--mute-unmute {
       &:before {
-          @include icon-volume-mute;
+          @include icon-volume-on;
       }
 
       &.unmuted {
         &:before {
-          @include icon-volume-on;
+          @include icon-volume-mute;
         }
       }
     }