Use the real BergVOLT logo instead of a CSS-recreated text wordmark

Echtes Firmenlogo (2 WhatsApp-Dateien vom Nutzer) per Farbschlüssel-
Freistellung (PowerShell/System.Drawing) in echte transparente PNGs
umgewandelt und zugeschnitten: bergvolt-logo-dark.png (weiß/cyan, für
dunklen Hintergrund) und bergvolt-logo-light.png (schwarz/cyan, für hellen
Hintergrund - aktuell noch ungenutzt, da Header/Login/Druckbanner bewusst
immer dunkel bleiben, aber für später mit im Repo).

Ersetzt die nachgebaute Text-Version in Header, Login-Screen und
Druck-Banner durch <img> mit dem echten Logo.

Temporärer test-build-only.yml Workflow zur Verifikation ohne Registry-Push.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

client/src/components/Header.tsx

@@ -32,10 +32,7 @@ export default function Header({ localUser, onLocalLogout }: { localUser: string
     <>
       <header>
         <div className="header-logo">
-          <div>
-            <div className="logo-name">Berg<span>VOLT</span></div>
-            <div className="logo-sub">Elektrotechnik</div>
-          </div>
+          <img src="/logo/bergvolt-logo-dark.png" alt="BergVOLT Elektrotechnik" className="logo-img" />
         </div>
         <button
           className="btn-theme"

client/src/pages/Login.tsx

@@ -37,8 +37,8 @@ export default function Login({ onLocalLogin }: { onLocalLogin: (name: string) =
   return (
     <div className="login-screen">
       <div className="lcard">
-        <div className="llogo">Berg<span>VOLT</span></div>
-        <div className="lsub">Elektrotechnik · Materialschein</div>
+        <img src="/logo/bergvolt-logo-dark.png" alt="BergVOLT Elektrotechnik" className="llogo-img" />
+        <div className="lsub">Materialschein</div>
         <div className="ltitle">Willkommen</div>
         <div className="ldesc">Melde dich mit deinem BergVOLT<br />Office 365 Konto an.</div>
         <button className="btn-ms" onClick={loginMicrosoft} disabled={busy}>

client/src/pages/ProjektDetail.tsx

@@ -207,10 +207,7 @@ export default function ProjektDetail() {
     <div>
       <div className="print-doc">
         <div className="pbanner">
-          <div className="plogo-wrap">
-            <div className="plogo">Berg<span>VOLT</span></div>
-            <div className="plogo-sub">ELEKTROTECHNIK</div>
-          </div>
+          <img src="/logo/bergvolt-logo-dark.png" alt="BergVOLT Elektrotechnik" className="plogo-img" />
         </div>
         <div className="ptop">
           <div className="paddr">

client/src/styles.css

@@ -56,9 +56,8 @@ button,input,select,textarea{font-family:inherit}
 .login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#070f18;position:relative;overflow:hidden;padding:20px}
 .login-screen::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 30% 30%,rgba(0,200,216,.08) 0%,transparent 70%)}
 .lcard{background:var(--card);border:1px solid var(--bor);border-radius:var(--r);box-shadow:var(--sh);padding:44px 36px;width:380px;max-width:100%;text-align:center;position:relative;z-index:1}
-.llogo{font-size:34px;font-weight:900;letter-spacing:1px;color:#fff;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:2px}
-.llogo span{color:var(--cyan)}
-.lsub{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--cyan);opacity:.8;margin-top:6px;margin-bottom:26px}
+.llogo-img{height:46px;margin:0 auto;display:block}
+.lsub{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--cyan);opacity:.8;margin-top:8px;margin-bottom:26px}
 .ltitle{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
 .ldesc{color:var(--muted);font-size:13px;margin-bottom:26px;line-height:1.6}
 .btn-ms{display:flex;align-items:center;justify-content:center;gap:10px;background:#0078d4;color:#fff;border:none;border-radius:9px;padding:14px;width:100%;font-size:14px;font-weight:700;cursor:pointer}
@@ -69,9 +68,7 @@ button,input,select,textarea{font-family:inherit}
 /* Header */
 header{background:linear-gradient(135deg,#081420 0%,#0c1c30 100%);border-bottom:1px solid var(--bor);padding:0 20px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.4)}
 .header-logo{display:flex;align-items:center;gap:14px;padding:14px 0;flex:1;min-width:0}
-.logo-name{font-size:22px;font-weight:900;letter-spacing:2px;color:#fff;text-transform:uppercase}
-.logo-name span{color:var(--cyan)}
-.logo-sub{font-size:10px;letter-spacing:6px;color:var(--cyan);text-transform:uppercase;opacity:.85}
+.logo-img{height:34px;display:block}
 .hdr-user{display:flex;align-items:center;gap:9px;flex-shrink:0}
 .hdr-av{width:32px;height:32px;border-radius:8px;background:rgba(0,200,216,.12);border:1px solid rgba(0,200,216,.3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--cyan);flex-shrink:0}
 .hdr-name{font-size:12px;font-weight:700;color:#fff;line-height:1.3}
@@ -200,10 +197,7 @@ table.reftab tr:hover td{background:rgba(0,200,216,.06);cursor:pointer}
 .pbanner{position:relative;background:#0a0a0a;height:90px;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding:0 30px}
 .pbanner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:62%;background:var(--cyan);clip-path:polygon(0 0,46% 0,14% 100%,0 100%)}
 .pbanner::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cyan)}
-.plogo-wrap{position:relative;z-index:1;text-align:right}
-.plogo{color:#fff;font-size:28px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
-.plogo span{color:var(--cyan)}
-.plogo-sub{color:var(--cyan);font-size:8px;letter-spacing:5px;font-weight:700;margin-top:2px}
+.plogo-img{position:relative;z-index:1;height:38px}
 
 .ptop{display:flex;justify-content:space-between;gap:24px;padding:24px 4px 20px}
 .paddr{font-size:12px;line-height:1.6;color:#000}
@@ -257,8 +251,7 @@ table.pinfo td:last-child{text-align:right;font-weight:600}
   .mat-table th,.mat-table td{padding:9px 8px;font-size:12px}
   .qty-input{width:60px;height:38px;font-size:14px}
   .btn{height:46px;font-size:13px}
-  .logo-name{font-size:18px;letter-spacing:1px}
-  .logo-sub{font-size:8.5px;letter-spacing:3.5px}
+  .logo-img{height:26px}
   header{padding:0 14px;gap:10px}
   .tabs{padding:0 14px}
   .tab{padding:12px 16px;font-size:11.5px}