Weniger Text, mehr Bild: Schablonen-Elemente entfernt

Über-uns-Block mit Kennzahlen, Zielgruppen-Leiste, Eyebrow-Labels,
Pillen, Checklisten und reine Textsektionen entfernt. Hero auf
Headline, eine Zeile und zwei Buttons reduziert. Unterseiten mit
Foto im Kopf, Philosophie über Fassadenbild mit Parallax, Layout
breiter (max. 1680px).

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

index.html

@@ -64,65 +64,20 @@
   <svg class="hero__chevrons" viewBox="0 0 600 400" preserveAspectRatio="xMidYMid meet" aria-hidden="true"><path pathLength="1" d="M300 0 L100 200 L300 400"/><path pathLength="1" d="M430 0 L230 200 L430 400"/><path pathLength="1" d="M560 0 L360 200 L560 400"/></svg>
   <div class="wrap">
     <div class="hero__content">
-      <p class="eyebrow" data-hero>Hausmeisterservice · Landshut &amp; Ergolding</p>
       <h1 class="mega" id="hero-title" data-split>Ihr Gebäude.<br> In besten Händen.</h1>
-      <p class="lead" data-hero>Reinigung, Grünpflege, Technik, Reparaturen und Winterdienst aus einer Hand — für Privat, Eigentümergemeinschaften, Gewerbe und die öffentliche Hand. Seit 2003.</p>
+      <p class="lead" data-hero>Hausmeisterservice in Landshut und Ergolding — seit 2003.</p>
       <div class="btn-row" data-hero>
         <a class="btn" href="mailto:info@kirschner-service.de?subject=Angebotsanfrage&body=Guten%20Tag%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20Ihre%20Leistungen.%0A%0AObjekt%20/%20Adresse%3A%0AGew%C3%BCnschte%20Leistungen%3A%0ATelefon%20f%C3%BCr%20R%C3%BCckruf%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Angebot anfragen <svg class="btn__arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
-        <a class="btn btn--ghost" href="leistungen.html">Alle Leistungen <svg class="btn__arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
+        <a class="btn btn--ghost" href="leistungen.html">Leistungen <svg class="btn__arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
       </div>
     </div>
-    <div class="hero__foot" data-hero>
-      <ul role="list">
-        <li>Das Original seit 2003</li>
-        <li>Eigene Osmoseanlage</li>
-        <li>24/7-Bereitschaft auf Wunsch</li>
-      </ul>
-      <span class="scroll-hint" aria-hidden="true"><span class="scroll-hint__line"></span>Scrollen</span>
-    </div>
   </div>
 </section>
 
-<section class="audience" aria-label="Für wen wir arbeiten">
-  <div class="wrap">
-    <ul role="list">
-      <li data-reveal><b>Privat</b><span>Haus, Garten, Reparaturen</span></li>
-      <li data-reveal><b>Eigentümergemeinschaften</b><span>Wohnanlagen &amp; Hausverwaltungen</span></li>
-      <li data-reveal><b>Gewerbe</b><span>Büro-, Gewerbe- &amp; Tiefgaragen</span></li>
-      <li data-reveal><b>Öffentliche Hand</b><span>Kommunale Objekte</span></li>
-    </ul>
-  </div>
-</section>
-
-<section class="section theme-light" aria-labelledby="about-title">
-  <div class="wrap">
-    <div class="intro-split">
-      <div class="stack">
-        <p class="eyebrow" data-reveal>Über uns</p>
-        <h2 class="display" id="about-title" data-split>Werterhalt, der man ansieht.</h2>
-      </div>
-      <div class="stack">
-        <p class="lead" data-reveal>Seit 2003 kümmern wir uns um Immobilien in Landshut, Ergolding und Umgebung — und werden dabei auch gehobenen Ansprüchen im Premiumbereich gerecht.</p>
-        <p data-reveal class="muted">Sie bekommen feste Ansprechpartner, ein eingespieltes Team und professionelle Arbeit zu einem fairen Preis. Unsere langjährige Erfahrung bringen wir gern zum Werterhalt Ihrer Immobilie ein.</p>
-        <p data-reveal><a class="link-arrow accent" href="unternehmen.html">Unternehmen &amp; Team <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a></p>
-      </div>
-    </div>
-    <div class="stats">
-      <div class="stat" data-reveal><span class="stat__num"><span data-count="years">23</span></span><span class="stat__label">Jahre Erfahrung — das Original seit 2003</span></div>
-      <div class="stat" data-reveal><span class="stat__num"><span data-count="7">7</span></span><span class="stat__label">Leistungsbereiche aus einer Hand</span></div>
-      <div class="stat" data-reveal><span class="stat__num">24<sup>/7</sup></span><span class="stat__label">Bereitschaftsdienst auf Wunsch</span></div>
-      <div class="stat" data-reveal><span class="stat__num"><span data-count="4">4</span></span><span class="stat__label">Kundengruppen — von Privat bis Kommune</span></div>
-    </div>
-  </div>
-</section>
-
-<section class="section" aria-labelledby="services-title" style="padding-bottom:0">
+<section class="section section--flush-bottom" aria-labelledby="services-title">
   <div class="wrap services-head">
-    <div class="stack">
-      <p class="eyebrow" data-reveal>Leistungen</p>
-      <h2 class="display" id="services-title" data-split>Alles, was Ihr Gebäude braucht.</h2>
-    </div>
-    <p class="lead" data-reveal>Klassische Hausmeisterdienste und spezialisierte Leistungen — koordiniert von einem Team, das Ihr Objekt kennt.</p>
+    <h2 class="display" id="services-title" data-split>Leistungen</h2>
+    <a class="link-arrow" href="leistungen.html" data-reveal>Alle Leistungen im Detail <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
   </div>
 </section>
 <section class="hscroll" aria-label="Leistungsübersicht">
@@ -131,74 +86,60 @@
         <div class="panel__media"><picture><source type="image/avif" srcset="assets/img/reinigung-800.avif 800w, assets/img/reinigung-1600.avif 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/reinigung-800.webp 800w, assets/img/reinigung-1600.webp 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><img src="assets/img/reinigung-1600.webp" width="1600" height="1200" alt="Treppenhaus in einem modernen Wohngebäude" loading="lazy" decoding="async"></picture><span class="panel__num">01</span></div>
         <div class="panel__body">
           <h3>Reinigung</h3>
-          <p>Treppenhäuser, Eingangsbereiche, Innen- und Außenflächen — regelmäßig und nach festem Plan. Tiefgaragen reinigen wir mit modernen Maschinen.</p>
-          <ul class="tags" role="list"><li>Treppenhaus</li><li>Innenreinigung</li><li>Außenreinigung</li><li>Tiefgarage</li></ul>
+          <p>Treppenhäuser, Innen- und Außenflächen nach festem Plan. Tiefgaragen mit modernen Maschinen.</p>
         </div>
       </article>
       <article class="panel" data-reveal>
         <div class="panel__media"><picture><source type="image/avif" srcset="assets/img/glas-800.avif 800w, assets/img/glas-1600.avif 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/glas-800.webp 800w, assets/img/glas-1600.webp 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><img src="assets/img/glas-1600.webp" width="1600" height="1066" alt="Fensterreinigung mit Teleskopstange an einem Wohnhaus" loading="lazy" decoding="async"></picture><span class="panel__num">02</span></div>
         <div class="panel__body">
           <h3>Glas- & PV-Reinigung</h3>
-          <p>Mit eigener Osmoseanlage und reinem Wasser: streifenfreie Fenster und saubere Photovoltaik-Module — meist sogar ohne Hebebühne.</p>
-          <ul class="tags" role="list"><li>Osmoseanlage</li><li>Fenster & Fassadenglas</li><li>Photovoltaik</li><li>meist ohne Hebebühne</li></ul>
+          <p>Mit eigener Osmoseanlage und reinem Wasser — meist sogar ohne Hebebühne.</p>
         </div>
       </article>
       <article class="panel" data-reveal>
         <div class="panel__media"><picture><source type="image/avif" srcset="assets/img/garten-800.avif 800w, assets/img/garten-1600.avif 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/garten-800.webp 800w, assets/img/garten-1600.webp 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><img src="assets/img/garten-1600.webp" width="1600" height="1066" alt="Heckenschnitt in einer Gartenanlage" loading="lazy" decoding="async"></picture><span class="panel__num">03</span></div>
         <div class="panel__body">
           <h3>Garten- & Grünpflege</h3>
-          <p>Rasen, Hecken, Beete und Grünanlagen — gepflegt über das ganze Jahr, damit Ihr Objekt schon von außen einen guten Eindruck macht.</p>
-          <ul class="tags" role="list"><li>Rasenpflege</li><li>Heckenschnitt</li><li>Grünanlagen</li><li>Gartenarbeiten</li></ul>
+          <p>Rasen, Hecken, Beete und Grünanlagen, das ganze Jahr über.</p>
         </div>
       </article>
       <article class="panel" data-reveal>
         <div class="panel__media"><picture><source type="image/avif" srcset="assets/img/technik-800.avif 800w, assets/img/technik-1600.avif 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/technik-800.webp 800w, assets/img/technik-1600.webp 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><img src="assets/img/technik-1600.webp" width="1600" height="1065" alt="Rohrleitungen einer Haustechnikanlage" loading="lazy" decoding="async"></picture><span class="panel__num">04</span></div>
         <div class="panel__body">
           <h3>Technische Hausbetreuung</h3>
-          <p>Kontrolle und Wartung technischer Anlagen, regelmäßige Rundgänge und ein wacher Blick, bevor aus Kleinigkeiten teure Schäden werden.</p>
-          <ul class="tags" role="list"><li>Anlagenkontrolle</li><li>Wartung</li><li>Objektrundgänge</li></ul>
+          <p>Kontrolle und Wartung technischer Anlagen.</p>
         </div>
       </article>
       <article class="panel" data-reveal>
         <div class="panel__media"><picture><source type="image/avif" srcset="assets/img/reparatur-800.avif 800w, assets/img/reparatur-1600.avif 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/reparatur-800.webp 800w, assets/img/reparatur-1600.webp 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><img src="assets/img/reparatur-1600.webp" width="1600" height="1067" alt="Handwerker bei der Arbeit mit einem Akkuschrauber" loading="lazy" decoding="async"></picture><span class="panel__num">05</span></div>
         <div class="panel__body">
           <h3>Reparaturen & Renovierungen</h3>
-          <p>Handwerkliches Können im eigenen Team — vom Schreiner bis zum Servicetechniker. Kleine Reparaturen erledigen wir direkt, größere planen wir mit Ihnen.</p>
-          <ul class="tags" role="list"><li>Reparaturen</li><li>Renovierungen</li><li>Schreinerarbeiten</li></ul>
+          <p>Handwerk im eigenen Team — vom Servicetechniker bis zum Schreiner.</p>
         </div>
       </article>
       <article class="panel" data-reveal>
         <div class="panel__media"><picture><source type="image/avif" srcset="assets/img/winter-800.avif 800w, assets/img/winter-1600.avif 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/winter-800.webp 800w, assets/img/winter-1600.webp 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><img src="assets/img/winter-1600.webp" width="1600" height="1061" alt="Schneeräumung vor einem Gebäude" loading="lazy" decoding="async"></picture><span class="panel__num">06</span></div>
         <div class="panel__body">
           <h3>Winterdienst</h3>
-          <p>Räumen und Streuen mit eigenen Fahrzeugen, damit Wege, Zufahrten und Eingänge bei Schnee und Eis sicher bleiben.</p>
-          <ul class="tags" role="list"><li>Räumdienst</li><li>Streudienst</li><li>eigene Fahrzeuge</li></ul>
+          <p>Räumen und Streuen mit eigenen Fahrzeugen.</p>
         </div>
       </article>
       <article class="panel" data-reveal>
         <div class="panel__media"><picture><source type="image/avif" srcset="assets/img/bereitschaft-800.avif 800w, assets/img/bereitschaft-1600.avif 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/bereitschaft-800.webp 800w, assets/img/bereitschaft-1600.webp 1600w" sizes="(min-width: 1024px) 38vw, (min-width: 700px) 50vw, 100vw"><img src="assets/img/bereitschaft-1600.webp" width="1600" height="1066" alt="Reinigung einer Glasfassade am Abend" loading="lazy" decoding="async"></picture><span class="panel__num">07</span></div>
         <div class="panel__body">
           <h3>24/7-Bereitschaft</h3>
-          <p>Auf Wunsch sind wir rund um die Uhr erreichbar. Wenn es brennt, erreichen Sie uns über den Notruf — auch nachts und am Wochenende.</p>
-          <ul class="tags" role="list"><li>rund um die Uhr</li><li>Notruf</li><li>auf Wunsch</li></ul>
+          <p>Auf Wunsch rund um die Uhr erreichbar — Notruf 0160 / 836 57 53.</p>
         </div>
       </article>
   </div>
   <div class="hscroll__progress" aria-hidden="true"><span data-hs-count>01</span><span class="hscroll__bar"><i></i></span><span>07</span></div>
 </section>
-<div class="wrap" style="padding-block: var(--s6) var(--section)"><a class="btn btn--ghost" href="leistungen.html">Alle Leistungen im Detail <svg class="btn__arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a></div>
 
 <section class="section theme-white" aria-labelledby="osmose-title">
   <div class="wrap feature">
     <div class="feature__copy">
-      <p class="eyebrow" data-reveal>Glas- &amp; PV-Reinigung</p>
-      <h2 class="display" id="osmose-title" data-split>Reines Wasser. Klare Sicht.</h2>
-      <p class="lead" data-reveal>Mit unserer eigenen Osmoseanlage reinigen wir Glasflächen und Photovoltaik-Module mit entmineralisiertem Wasser — ohne Rückstände.</p>
-      <ul class="checklist" role="list">
-        <li data-reveal>Streifenfrei trocknend, ohne Reinigungsmittel</li>
-        <li data-reveal>Teleskoptechnik — meist sogar ohne Hebebühne</li>
-        <li data-reveal>Für Fenster, Glasfassaden und PV-Anlagen</li>
-      </ul>
+      <h2 class="display" id="osmose-title" data-split>Glas- &amp; PV-Reinigung mit Osmose.</h2>
+      <p class="lead" data-reveal>Eigene Osmoseanlage, reines Wasser, keine Rückstände — meist sogar ohne Hebebühne.</p>
       <p data-reveal class="mt-2"><a class="btn" href="mailto:info@kirschner-service.de?subject=Anfrage%20Glas-%20/%20PV-Reinigung">Reinigung anfragen <svg class="btn__arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a></p>
     </div>
     <figure data-reveal>
@@ -209,20 +150,15 @@
         <span class="compare__tag compare__tag--before" aria-hidden="true">Vorher</span>
         <span class="compare__tag compare__tag--after" aria-hidden="true">Nachher</span>
       </div>
-      <figcaption class="figure-note">Symbolbild — ziehen oder mit den Pfeiltasten vergleichen.</figcaption>
+      <figcaption class="figure-note">Symbolbild</figcaption>
     </figure>
   </div>
 </section>
 
-<section class="section theme-deep philosophy" aria-labelledby="philo-title">
+<section class="philosophy philosophy--image" aria-label="Unser Motto">
+  <div class="philosophy__media"><picture><source type="image/avif" srcset="assets/img/fassade-800.avif 800w, assets/img/fassade-1600.avif 1600w" sizes="100vw"><source type="image/webp" srcset="assets/img/fassade-800.webp 800w, assets/img/fassade-1600.webp 1600w" sizes="100vw"><img src="assets/img/fassade-1600.webp" width="1600" height="1066" alt="" loading="lazy" decoding="async"></picture></div>
   <div class="wrap">
-    <p class="eyebrow" data-reveal id="philo-title">Unsere Philosophie</p>
-    <p class="philosophy__words mt-4" data-scrub-words>Persönlich<span class="dot">.</span> Zuverlässig<span class="dot">.</span> Erstklassig<span class="dot">.</span></p>
-    <div class="philosophy__sub">
-      <div data-reveal><b>Persönlich</b><p>Feste Ansprechpartner und Mitarbeiter, die „ihre" Objekte kennen — keine wechselnden Springer.</p></div>
-      <div data-reveal><b>Zuverlässig</b><p>Klare Abläufe, strukturiert über unsere eigene App, und auf Wunsch Bereitschaft rund um die Uhr.</p></div>
-      <div data-reveal><b>Erstklassig</b><p>Moderne Maschinen, eigene Osmoseanlage, handwerkliche Ausbildung im Team — für Ansprüche bis in den Premiumbereich.</p></div>
-    </div>
+    <p class="philosophy__words" data-scrub-words>Persönlich<span class="dot">.</span> Zuverlässig<span class="dot">.</span> Erstklassig<span class="dot">.</span></p>
   </div>
 </section>
 
@@ -230,9 +166,8 @@
   <svg class="band__chev" viewBox="0 0 600 400" aria-hidden="true"><path d="M260 0h120L180 200l200 200H260L60 200z"/><path d="M460 0h120L380 200l200 200H460L260 200z"/></svg>
   <div class="wrap band__inner">
     <div class="stack">
-      <p class="eyebrow" data-reveal>Wir stellen ein</p>
-      <h2 class="display" id="jobs-title" data-split>Bock auf einen vielseitigen Job?</h2>
-      <p data-reveal>Hausmeister, Ga-La-Bauer, Glas- und Solarreiniger, Reinigungskräfte: übertarifliche Bezahlung, starkes Team, viel frische Luft — und freitagnachmittags frei.</p>
+      <h2 class="display" id="jobs-title" data-split>Wir stellen ein.</h2>
+      <p data-reveal>Hausmeister, Ga-La-Bauer, Glas- und Solarreiniger, Reinigungskräfte.</p>
     </div>
     <div data-reveal><a class="btn" href="karriere.html">Offene Stellen <svg class="btn__arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a></div>
   </div>
@@ -241,17 +176,13 @@
 <section class="section " aria-labelledby="cta-title">
   <div class="wrap cta-final">
     <div class="stack">
-      <p class="eyebrow" data-reveal>Kontakt</p>
-      <h2 class="display" id="cta-title" data-split>Sprechen wir über Ihr Objekt.</h2>
-      <p class="lead" data-reveal>Rufen Sie uns an oder schreiben Sie uns — wir melden uns schnell und unterbreiten Ihnen gern ein Angebot.</p>
-      <div class="btn-row mt-2" data-reveal>
-        <a class="btn" href="mailto:info@kirschner-service.de?subject=Angebotsanfrage&body=Guten%20Tag%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20Ihre%20Leistungen.%0A%0AObjekt%20/%20Adresse%3A%0AGew%C3%BCnschte%20Leistungen%3A%0ATelefon%20f%C3%BCr%20R%C3%BCckruf%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Angebot per E-Mail <svg class="btn__arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
-      </div>
+      <h2 class="display" id="cta-title" data-split>Kontakt</h2>
+      <p class="lead" data-reveal>Wir freuen uns auf Ihre Anfrage und unterbreiten Ihnen gern ein Angebot.</p>
     </div>
     <div class="contact-lines" data-reveal>
       <a class="contact-line" href="tel:+4987114269101"><span><small>Büro</small><strong>0871 / 14 26 91 01</strong></span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
       <a class="contact-line" href="tel:+491608365753"><span><small>Notruf 24/7</small><strong>0160 / 836 57 53</strong></span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
-      <a class="contact-line" href="mailto:info@kirschner-service.de"><span><small>E-Mail</small><strong>info@kirschner-service.de</strong></span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
+      <a class="contact-line" href="mailto:info@kirschner-service.de?subject=Angebotsanfrage&body=Guten%20Tag%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20Ihre%20Leistungen.%0A%0AObjekt%20/%20Adresse%3A%0AGew%C3%BCnschte%20Leistungen%3A%0ATelefon%20f%C3%BCr%20R%C3%BCckruf%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A"><span><small>E-Mail</small><strong>info@kirschner-service.de</strong></span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
     </div>
   </div>
 </section>