From 1412db647bb6166dfc1983f8a2a44f79148296e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 15 Jun 2026 10:06:44 +0200
Subject: [PATCH] Add company card bookmark icon

---
 assets/icons/bookmark-filled.svg         |  3 +++
 assets/icons/bookmark-outline.svg        |  3 +++
 patterns/company-card.html               | 10 ++++++++--
 styles/23-patterns-object-group-card.css | 23 +++++++++++++++++++++++
 4 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 assets/icons/bookmark-filled.svg
 create mode 100644 assets/icons/bookmark-outline.svg

diff --git a/assets/icons/bookmark-filled.svg b/assets/icons/bookmark-filled.svg
new file mode 100644
index 0000000..1962461
--- /dev/null
+++ b/assets/icons/bookmark-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path d="M7 3h10a1 1 0 0 1 1 1v17l-6-3.75L6 21V4a1 1 0 0 1 1-1Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/bookmark-outline.svg b/assets/icons/bookmark-outline.svg
new file mode 100644
index 0000000..50e0759
--- /dev/null
+++ b/assets/icons/bookmark-outline.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path d="M7 3h10a1 1 0 0 1 1 1v17l-6-3.75L6 21V4a1 1 0 0 1 1-1Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
+</svg>
diff --git a/patterns/company-card.html b/patterns/company-card.html
index 5558aaa..3758a66 100644
--- a/patterns/company-card.html
+++ b/patterns/company-card.html
@@ -16,7 +16,10 @@
     <div class="sg-object-card-grid">
       <article class="sg-card sg-object-card" data-pattern="company-card" aria-label="Company Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="company-card-header">
-          <div class="sg-strong">Netflix, Inc.</div>
+          <div class="sg-company-card__header-title">
+            <div class="sg-strong">Netflix, Inc.</div>
+            <span class="sg-company-card__bookmark-icon" aria-hidden="true"></span>
+          </div>
           <div class="sg-sandwich-menu-wrap" data-open="false" data-align="right" data-component="sandwich-menu" data-component-size="small">
             <button class="sg-interaction-element sg-sandwich-button sg-sandwich-button--small" type="button" aria-expanded="false" aria-label="Menü öffnen" data-component-part="sandwich-trigger">
               <span class="sg-sandwich-button__icon" aria-hidden="true">
@@ -26,7 +29,10 @@
               </span>
             </button>
             <div class="sg-sandwich-menu-panel" aria-label="Ausgeklapptes Menü" data-component-part="sandwich-panel">
-              <a class="sg-sandwich-menu-link" href="#">Menüpunkt</a>
+              <a class="sg-sandwich-menu-link sg-company-card__bookmark-menu-link" href="#">
+                <span class="sg-company-card__bookmark-icon" aria-hidden="true"></span>
+                <span>Merken</span>
+              </a>
               <a class="sg-sandwich-menu-link" href="#">Menüpunkt</a>
               <a class="sg-sandwich-menu-link" href="#">Menüpunkt</a>
             </div>
diff --git a/styles/23-patterns-object-group-card.css b/styles/23-patterns-object-group-card.css
index 5fbb9b3..f99ef9a 100644
--- a/styles/23-patterns-object-group-card.css
+++ b/styles/23-patterns-object-group-card.css
@@ -35,6 +35,29 @@
   color: var(--text-company-card-data-negative);
 }
 
+.sg-company-card__header-title {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-small);
+  min-width: 0;
+}
+
+.sg-company-card__bookmark-icon {
+  display: inline-block;
+  inline-size: 1em;
+  block-size: 1em;
+  flex: 0 0 auto;
+  background-color: currentColor;
+  -webkit-mask: url("../assets/icons/bookmark-filled.svg") no-repeat center / contain;
+  mask: url("../assets/icons/bookmark-filled.svg") no-repeat center / contain;
+}
+
+.sg-company-card__bookmark-menu-link {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-small);
+}
+
 .sg-company-card__analysis-title {
   margin: 0;
 }