Original-Logo von olzinger.de in der Navigation

- Platzhalter-Logo (Thermostat-Bogen) durch das echte Firmenlogo ersetzt,
  auf weißem Schild, auf allen Seiten inkl. 404
- Navigationsleiste am Desktop etwas höher für bessere Lesbarkeit
- Schema.org-Logo, OG-Vorlage und README angepasst

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

404.html

@@ -33,12 +33,7 @@
   <div class="e404">
     <header class="e404__top">
       <a class="logo" href="/" aria-label="Olzinger Haustechnik – zur Startseite">
-        <svg class="logo__mark" viewBox="0 0 40 40" aria-hidden="true">
+        <img class="logo__img" src="/assets/img/olzinger-logo.png?v=20261004" alt="" width="260" height="125">
-          <defs><linearGradient id="g-logo" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#2E9BEF"/><stop offset=".55" stop-color="#C2456B"/><stop offset="1" stop-color="#FF6A2B"/></linearGradient></defs>
-          <path d="M11.97 31.47A14 14 0 1 1 28.03 31.47" fill="none" stroke="url(#g-logo)" stroke-width="5.5" stroke-linecap="round"/>
-          <circle cx="20" cy="20" r="3.4" fill="currentColor"/>
-        </svg>
-        <span class="logo__text"><span class="logo__word">Olzinger</span><span class="logo__sub">Haustechnik</span></span>
       </a>
       <a class="btn btn--sm btn--warm" href="tel:+4987172617"><span class="btn__label">0871&nbsp;72617</span></a>
     </header>

README.md

@@ -6,7 +6,7 @@ Statische Website ohne Build-Schritt: HTML, CSS und JavaScript ohne Bibliotheken
 
 ## Gestaltungsidee: „Wärmebild“
 
-Haustechnik sieht man nicht – man spürt sie. Deshalb zeigt der Einstieg ein ruhiges, live berechnetes **Wärmebild** (WebGL) mit Isothermen wie bei einer Thermografie-Kamera. Eine langsam wandernde Wärmequelle hält das Bild in Bewegung – ohne Maus- oder Touch-Effekte. Durch die Seite zieht sich das Motiv **warm trifft kalt** (Vorlauf/Rücklauf): Farbverlauf Blau → Magenta → Orange, das Logo als Thermostat-Skala.
+Haustechnik sieht man nicht – man spürt sie. Deshalb zeigt der Einstieg ein ruhiges, live berechnetes **Wärmebild** (WebGL) mit Isothermen wie bei einer Thermografie-Kamera. Eine langsam wandernde Wärmequelle hält das Bild in Bewegung – ohne Maus- oder Touch-Effekte. Durch die Seite zieht sich das Motiv **warm trifft kalt** (Vorlauf/Rücklauf): Farbverlauf Blau → Magenta → Orange. Oben links steht das Original-Logo der Firma (von der bisherigen olzinger.de) auf einem weißen Schild.
 
 Grundsatz: wenig Text, wenig Bewegung, gut bedienbar am Handy.
 
@@ -69,7 +69,7 @@ assets/js/house.js    Energie-Haus (Tabs, Hotspots)
 assets/js/finder.js   Heizungs-Finder (Bewertungslogik + Ergebnis)
 assets/js/contact.js  Öffnungszeiten live, Feiertage, Kontaktformular
 assets/fonts/         Instrument Sans (OFL, lokal)
-assets/img/           Favicon, Logo, Open-Graph-Bild
+assets/img/           Favicon, Original-Logo (olzinger-logo.png), Open-Graph-Bild
 tools/og-template.html  Vorlage zum Neu-Rendern des Open-Graph-Bilds
 ```
 

assets/css/main.css

@@ -223,7 +223,7 @@ address { font-style: normal; }
 .nav__bar {
   pointer-events: auto;
   max-width: calc(var(--container) + 32px); margin-inline: auto;
-  height: 64px; padding: 0 8px 0 16px;
+  height: 70px; padding: 0 8px 0 5px;
   display: flex; align-items: center; justify-content: space-between; gap: 20px;
   border-radius: 999px; border: 1px solid transparent;
   color: var(--paper);
@@ -244,11 +244,14 @@ html.menu-open .nav { background: var(--ink); }
   -webkit-backdrop-filter: none; backdrop-filter: none;
 }
 
-.logo { display: inline-flex; align-items: center; gap: 11px; }
+/* Original-Logo (weißer Hintergrund) auf einem hellen Schild */
-.logo__mark { width: 34px; height: 34px; }
+.logo {
-.logo__text { display: flex; flex-direction: column; line-height: 1; }
+  display: inline-flex; align-items: center; flex: none;
-.logo__word { font-size: 19px; font-weight: 700; font-stretch: 90%; letter-spacing: .02em; text-transform: uppercase; }
+  height: 60px; padding: 5px 18px;
-.logo__sub { margin-top: 4px; font-size: 10.5px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; opacity: .62; }
+  border-radius: 999px; background: #fff;
+  box-shadow: 0 0 0 1px rgba(11, 21, 30, .08);
+}
+.logo__img { width: auto; height: 100%; }
 
 .nav__links { display: flex; gap: 2px; }
 .nav__links a {
@@ -900,6 +903,7 @@ a.ccard:hover .ccard__go { opacity: 1; transform: translate(2px, -2px); }
 @media (max-width: 900px) {
   :root { --nav-h: 76px; --radius-xl: 28px; --section: 80px; }
   .nav__bar { height: 58px; }
+  .logo { height: 48px; padding: 4px 14px; }
   .hero__inner { grid-template-columns: minmax(0, 1fr); }
   .section-head { margin-bottom: 36px; }
   .section-head--split { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 18px; }
@@ -968,8 +972,6 @@ a.ccard:hover .ccard__go { opacity: 1; transform: translate(2px, -2px); }
   .nav__phone { width: 44px; height: 44px; justify-content: center; padding: 0; border-radius: 50%; border: 1px solid rgba(243, 239, 232, .28); }
   .nav.is-scrolled .nav__phone { border-color: var(--line-2); }
   .nav .btn--sm { display: none; }
-  .logo__mark { width: 30px; height: 30px; }
-  .logo__word { font-size: 17px; }
   .menu__foot { margin-top: 28px; }
 
   .hero { padding-top: calc(var(--nav-h) + 24px); padding-bottom: calc(28px + var(--radius-xl)); }

datenschutz.html

@@ -44,12 +44,7 @@
   <header class="nav" data-nav>
     <div class="nav__bar">
       <a class="logo" href="index.html" aria-label="Olzinger Haustechnik – zur Startseite">
-        <svg class="logo__mark" viewBox="0 0 40 40" aria-hidden="true">
+        <img class="logo__img" src="assets/img/olzinger-logo.png?v=20261004" alt="" width="260" height="125">
-          <defs><linearGradient id="g-logo" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#2E9BEF"/><stop offset=".55" stop-color="#C2456B"/><stop offset="1" stop-color="#FF6A2B"/></linearGradient></defs>
-          <path d="M11.97 31.47A14 14 0 1 1 28.03 31.47" fill="none" stroke="url(#g-logo)" stroke-width="5.5" stroke-linecap="round"/>
-          <circle cx="20" cy="20" r="3.4" fill="currentColor"/>
-        </svg>
-        <span class="logo__text"><span class="logo__word">Olzinger</span><span class="logo__sub">Haustechnik</span></span>
       </a>
       <nav class="nav__links" aria-label="Hauptnavigation">
         <a href="index.html#leistungen">Leistungen</a>

impressum.html

@@ -44,12 +44,7 @@
   <header class="nav" data-nav>
     <div class="nav__bar">
       <a class="logo" href="index.html" aria-label="Olzinger Haustechnik – zur Startseite">
-        <svg class="logo__mark" viewBox="0 0 40 40" aria-hidden="true">
+        <img class="logo__img" src="assets/img/olzinger-logo.png?v=20261004" alt="" width="260" height="125">
-          <defs><linearGradient id="g-logo" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#2E9BEF"/><stop offset=".55" stop-color="#C2456B"/><stop offset="1" stop-color="#FF6A2B"/></linearGradient></defs>
-          <path d="M11.97 31.47A14 14 0 1 1 28.03 31.47" fill="none" stroke="url(#g-logo)" stroke-width="5.5" stroke-linecap="round"/>
-          <circle cx="20" cy="20" r="3.4" fill="currentColor"/>
-        </svg>
-        <span class="logo__text"><span class="logo__word">Olzinger</span><span class="logo__sub">Haustechnik</span></span>
       </a>
       <nav class="nav__links" aria-label="Hauptnavigation">
         <a href="index.html#leistungen">Leistungen</a>

index.html

@@ -48,7 +48,7 @@
     "alternateName": "Olzinger Haustechnik",
     "description": "Fachbetrieb für Heizung, Sanitär, Lüftung und regenerative Heiztechnik in Ergolding bei Landshut – seit 1985.",
     "url": "https://www.olzinger.de/",
-    "logo": "https://www.olzinger.de/assets/img/logo.svg",
+    "logo": "https://www.olzinger.de/assets/img/olzinger-logo.png",
     "image": "https://www.olzinger.de/assets/img/og-image.jpg",
     "telephone": "+49 871 72617",
     "faxNumber": "+49 871 74963",
@@ -126,18 +126,7 @@
   <header class="nav" data-nav>
     <div class="nav__bar">
       <a class="logo" href="#top" aria-label="Olzinger Haustechnik – zum Seitenanfang">
-        <svg class="logo__mark" viewBox="0 0 40 40" aria-hidden="true">
+        <img class="logo__img" src="assets/img/olzinger-logo.png?v=20261004" alt="" width="260" height="125">
-          <defs>
-            <linearGradient id="g-logo" x1="0" y1="0" x2="1" y2="0">
-              <stop offset="0" stop-color="#2E9BEF"/>
-              <stop offset=".55" stop-color="#C2456B"/>
-              <stop offset="1" stop-color="#FF6A2B"/>
-            </linearGradient>
-          </defs>
-          <path d="M11.97 31.47A14 14 0 1 1 28.03 31.47" fill="none" stroke="url(#g-logo)" stroke-width="5.5" stroke-linecap="round"/>
-          <circle cx="20" cy="20" r="3.4" fill="currentColor"/>
-        </svg>
-        <span class="logo__text"><span class="logo__word">Olzinger</span><span class="logo__sub">Haustechnik</span></span>
       </a>
 
       <nav class="nav__links" aria-label="Hauptnavigation">

tools/og-template.html

@@ -21,13 +21,8 @@
 <body>
 <div class="og" id="og">
   <canvas data-thermal></canvas>
-  <a class="logo og__logo" style="color:#F3EFE8">
+  <a class="logo og__logo">
-    <svg class="logo__mark" viewBox="0 0 40 40" style="width:52px;height:52px">
+    <img class="logo__img" src="../assets/img/olzinger-logo.png" alt="" width="260" height="125">
-      <defs><linearGradient id="g-logo" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#2E9BEF"/><stop offset=".55" stop-color="#C2456B"/><stop offset="1" stop-color="#FF6A2B"/></linearGradient></defs>
-      <path d="M11.97 31.47A14 14 0 1 1 28.03 31.47" fill="none" stroke="url(#g-logo)" stroke-width="5.5" stroke-linecap="round"/>
-      <circle cx="20" cy="20" r="3.4" fill="currentColor"/>
-    </svg>
-    <span class="logo__text"><span class="logo__word" style="font-size:28px">Olzinger</span><span class="logo__sub" style="font-size:14px">Haustechnik</span></span>
   </a>
   <h1 class="og__title">
     <span>Wärme<i style="background:#FF6A2B;box-shadow:0 0 .28em rgba(255,106,43,.75)"></i></span>