Startseite entschlackt: weniger Text, ruhiger, besser am Handy

- Cursor-Effekt im Hero entfernt (Messfadenkreuz, Temperatur-Skala,
  Maus-Wärmespur); Wärmebild läuft nur noch ruhig im Hintergrund
- Preloader, Laufbänder, Intro, Ablauf-Block, Kennzahlen, Footer-CTA,
  kursive Akzentwörter, Verlaufstext und Nummern-Pillen entfernt
- Texte in allen Abschnitten deutlich gekürzt, schlichte Überschriften
- Leistungen: auf Handy/Tablet wischbare Kärtchen mit Zähler und Pfeilen
- Neue, zusammenhängende Illustrationen für die fünf Leistungs-Kärtchen
- Heizungs-Finder ohne Prozent-Balken, kürzere Ergebnistexte
- Energie-Haus: Tabs als Wischleiste am Handy, kein Autoplay
- GSAP, ScrollTrigger, SplitText, Lenis und Instrument Serif entfernt
- Barrierefreiheit: Kontrast, Fokusring, Fokus im Kartenstapel,
  Telefon-Button mit Namen, Menü sperrt Hintergrund
- Cache-Busting (?v=20261004) für CSS und JS, README aktualisiert

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
NotPika69andClaude Opus 5.5 committed 2026-10-04 20:14:53 +02:00
1 parent 717a7de501
commit ad155124b1
20 files changed
+1182 -2147

No files matched your search

+15 -22
View File
@@ -13,7 +13,7 @@
<link rel="icon" href="assets/img/favicon-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
<link rel="preload" href="assets/fonts/instrument-sans-var.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/main.css?v=20261004">
<script>
(function (d, w) {
var h = d.documentElement;
@@ -21,12 +21,8 @@
w.setTimeout(function () { if (!w.__olzReady) { h.classList.remove('js'); h.classList.add('no-js'); } }, 4500);
})(document, window);
</script>
<script src="assets/vendor/gsap.min.js" defer></script>
<script src="assets/vendor/ScrollTrigger.min.js" defer></script>
<script src="assets/vendor/SplitText.min.js" defer></script>
<script src="assets/vendor/lenis.min.js" defer></script>
<script src="assets/js/contact.js" defer></script>
<script src="assets/js/main.js" defer></script>
<script src="assets/js/contact.js?v=20261004" defer></script>
<script src="assets/js/main.js?v=20261004" defer></script>
</head>
<body class="page">
<!--
@@ -63,8 +59,8 @@
<a href="index.html#karriere">Karriere</a>
</nav>
<div class="nav__actions">
<a class="nav__phone" href="tel:+4987172617"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg><span>0871&nbsp;72617</span></a>
<a class="btn btn--sm btn--warm" href="index.html#kontakt"><span class="btn__label">Anfrage starten</span></a>
<a class="nav__phone" href="tel:+4987172617" aria-label="Anrufen: 0871 72617"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg><span>0871&nbsp;72617</span></a>
<a class="btn btn--sm btn--warm" href="index.html#kontakt"><span class="btn__label">Anfrage stellen</span></a>
<button class="nav__toggle" type="button" aria-expanded="false" aria-controls="menu" data-menu-toggle>
<span class="nav__toggle-lines" aria-hidden="true"><i></i><i></i></span>
<span class="sr-only">Menü öffnen</span>
@@ -74,15 +70,13 @@
</header>
<div class="menu" id="menu" data-menu hidden>
<div class="menu__glow" aria-hidden="true"></div>
<nav class="menu__links" aria-label="Mobile Navigation">
<a href="index.html#leistungen"><span>01</span>Leistungen</a>
<a href="index.html#energie-haus"><span>02</span>Energie-Haus</a>
<a href="index.html#heizungs-finder"><span>03</span>Heizungs-Finder</a>
<a href="index.html#ablauf"><span>04</span>Ablauf</a>
<a href="index.html#ueber-uns"><span>05</span>Über uns</a>
<a href="index.html#karriere"><span>06</span>Karriere</a>
<a href="index.html#kontakt"><span>07</span>Kontakt</a>
<a href="index.html#leistungen">Leistungen</a>
<a href="index.html#energie-haus">Energie-Haus</a>
<a href="index.html#heizungs-finder">Heizungs-Finder</a>
<a href="index.html#ueber-uns">Über uns</a>
<a href="index.html#karriere">Karriere</a>
<a href="index.html#kontakt">Kontakt</a>
</nav>
<div class="menu__foot">
<a href="tel:+4987172617"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg>0871&nbsp;72617</a>
@@ -95,7 +89,7 @@
<section class="page-hero" aria-labelledby="page-title">
<div class="container">
<p class="label"><a href="index.html">Startseite</a> / Rechtliches</p>
<h1 class="h1" id="page-title" data-split>Datenschutz&shy;erklärung</h1>
<h1 class="h1" id="page-title">Datenschutz&shy;erklärung</h1>
</div>
</section>
@@ -182,11 +176,11 @@
</div>
<div class="footer__col">
<h2 class="footer__h">Kontakt</h2>
<p><a href="tel:+4987172617">Tel.&nbsp;0871&nbsp;72617</a><br>Fax 0871&nbsp;74963<br><a href="mailto:kontakt@olzinger.de">kontakt@olzinger.de</a></p>
<p><a href="tel:+4987172617">Tel.&nbsp;0871&nbsp;72617</a><br>Fax&nbsp;0871&nbsp;74963<br><a href="mailto:kontakt@olzinger.de">kontakt@olzinger.de</a></p>
</div>
<div class="footer__col">
<h2 class="footer__h">Öffnungszeiten</h2>
<p>Mo – Do 7:00 – 12:00<br>und 13:00 – 16:30<br>Fr 7:00 – 11:30</p>
<p>Mo–Do 7:00–12:00<br>und 13:00–16:30<br>Fr 7:00–11:30</p>
</div>
<nav class="footer__col" aria-label="Footer-Navigation">
<h2 class="footer__h">Seite</h2>
@@ -199,9 +193,8 @@
</ul>
</nav>
</div>
<div class="footer__word" aria-hidden="true" data-footer-word><span>Olzinger</span></div>
<div class="footer__bottom">
<p>© <span data-current-year>2026</span> Olzinger GmbH · Heizung · Sanitär · Lüftung · Regenerative Energien</p>
<p>© <span data-current-year>2026</span> Olzinger GmbH</p>
<ul>
<li><a href="impressum.html">Impressum</a></li>
<li><a href="datenschutz.html" aria-current="page">Datenschutz</a></li>