Revert "Anreicherung: Bilder, Logo, Farbwelt, Texte (Cloud-Routine)"
This reverts commit 4ff6e7a034.
This commit is contained in:
58
index.html
58
index.html
@@ -14,32 +14,32 @@
|
||||
<style>
|
||||
/* WK-THEME-START */
|
||||
:root{
|
||||
--wk-accent:#c8102e;
|
||||
--wk-accent-dark:#90051c;
|
||||
--wk-on-accent:#ffffff;
|
||||
--wk-deep:#450812;
|
||||
--wk-deep-2:#1a0f11;
|
||||
--wk-page:#120d0e;
|
||||
--wk-band-1:#4c0a15;
|
||||
--wk-band-2:#3d050e;
|
||||
--wk-band-3:#66121f;
|
||||
--wk-band-4:#33020a;
|
||||
--wk-glow:#f03553;
|
||||
--wk-glow-soft:#f09ca9;
|
||||
--wk-accent:#F0912F;
|
||||
--wk-accent-dark:#b96d1f;
|
||||
--wk-on-accent:#0d0f12;
|
||||
--wk-deep:#0D2A46;
|
||||
--wk-deep-2:#10151b;
|
||||
--wk-page:#0d0f12;
|
||||
--wk-band-1:#164a7d;
|
||||
--wk-band-2:#123a63;
|
||||
--wk-band-3:#1d5c99;
|
||||
--wk-band-4:#0f3154;
|
||||
--wk-glow:#2FA4F0;
|
||||
--wk-glow-soft:#9FD1F5;
|
||||
--wk-ink:#f5f4f0;
|
||||
--wk-body:#e3c8cc;
|
||||
--wk-body-2:#ebdddf;
|
||||
--wk-body-soft:#d1c0c3;
|
||||
--wk-muted:#ad8b90;
|
||||
--wk-body:#c9d6e2;
|
||||
--wk-body-2:#e7e9ec;
|
||||
--wk-body-soft:#c5c9ce;
|
||||
--wk-muted:#8fa4b8;
|
||||
--wk-card:#F1F0EB;
|
||||
--wk-card-ink:#a20d25;
|
||||
--wk-card-body:#58484b;
|
||||
--wk-card-tag:#ca2d46;
|
||||
--wk-tint-soft:rgba(120,12,30,0.32);
|
||||
--wk-tint-strong:rgba(120,12,30,0.38);
|
||||
--wk-veil-strong:rgba(69,8,18,.45);
|
||||
--wk-veil-soft:rgba(69,8,18,.10);
|
||||
--wk-hero-hue:226deg;
|
||||
--wk-card-ink:#0D2A46;
|
||||
--wk-card-body:#45535f;
|
||||
--wk-card-tag:#1b72af;
|
||||
--wk-tint-soft:rgba(18,60,120,0.32);
|
||||
--wk-tint-strong:rgba(18,60,120,0.38);
|
||||
--wk-veil-strong:rgba(13,42,70,.45);
|
||||
--wk-veil-soft:rgba(13,42,70,.10);
|
||||
--wk-hero-hue:85deg;
|
||||
}
|
||||
/* WK-THEME-END */
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
@@ -144,7 +144,9 @@
|
||||
<span style="display: block;">Raus wie neu.</span>
|
||||
</h1>
|
||||
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.5; color: var(--wk-body-soft); max-width: 560px; margin: 0 auto; font-weight: 500;" data-wk-copy="hero-subline">Lack- und Karosseriearbeiten in Kaiserslautern-Siegelbach — Lackierungen, Unfallinstandsetzung, Smart Repair, Fahrzeugaufbereitung.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.5; color: var(--wk-body-soft); max-width: 560px; margin: 0 auto; font-weight: 500;" data-wk-copy="hero-subline">
|
||||
Wir reparieren alles! Mit Originalteilen und neuester Technik zu fairen Preisen. Als wäre nichts passiert.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- spacer -->
|
||||
@@ -250,7 +252,7 @@
|
||||
</section>
|
||||
|
||||
<!-- REFERENZEN SECTION — Vorher/Nachher-Vergleich entfernt, durch Foto-Galerie ersetzt -->
|
||||
<section id="referenzen" data-wk-section="referenzen" data-screen-label="Referenzen" style="position: relative; overflow:; background: var(--wk-deep); padding: clamp(80px, 12vh, 140px) clamp(20px, 4vw, 56px);" hidden>
|
||||
<section id="referenzen" data-wk-section="referenzen" data-screen-label="Referenzen" style="position: relative; overflow: hidden; background: var(--wk-deep); padding: clamp(80px, 12vh, 140px) clamp(20px, 4vw, 56px);">
|
||||
<img src="assets/bg-radkasten.jpg" alt="" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: hue-rotate(var(--wk-hero-hue, 85deg)) saturate(1.2); pointer-events: none;">
|
||||
<div style="position: absolute; inset: 0; background: var(--wk-tint-strong); mix-blend-mode: multiply; pointer-events: none;"></div>
|
||||
<div style="position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,18,30,.8) 0%, rgba(10,18,30,.45) 45%, rgba(10,18,30,.8) 100%); pointer-events: none;"></div>
|
||||
@@ -309,7 +311,7 @@
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: var(--wk-body); font-weight: 500;" data-wk-copy="about-lead">Lack- und Karosserie-Experte und Inhaber der Mover GmbH in Kaiserslautern-Siegelbach.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: var(--wk-body); font-weight: 500;" data-wk-copy="about-text">Mit meinem Werkstatt-Team aus professionellen Fachkräften erfülle ich Ihre individuellen Wünsche zum bestmöglichen Preis — von der Smart-Repair bis zur kompletten Restauration.</p>
|
||||
</div>
|
||||
<div data-wk-section="inhaber-foto" style="justify-self: center; width: min(340px, 100%);" hidden>
|
||||
<div data-wk-section="inhaber-foto" style="justify-self: center; width: min(340px, 100%);">
|
||||
<div style="position: relative; width: 100%; aspect-ratio: 4/5; border-radius: 24px; overflow: hidden; box-shadow: 2px 6px 24px rgba(0,0,0,.4); background: rgba(255,255,255,.05); border: 1.5px dashed rgba(255,255,255,.3);">
|
||||
<x-import component-from-global-scope="image-slot" from="./assets/image-slot.js" id="profil-inhaber" shape="rect" fit="cover" placeholder="Profilbild der Inhaberin / des Inhabers hier ablegen" hint-size="100%,100%" style="display:block;width:100%;height:100%;"></x-import>
|
||||
</div>
|
||||
@@ -349,7 +351,7 @@
|
||||
<div style="max-width: 760px; margin-bottom: clamp(40px, 6vh, 64px);">
|
||||
<span style="display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--wk-glow-soft); margin-bottom: 16px;">Kontakt & Anfahrt</span>
|
||||
<h2 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; line-height: 1.1; color: var(--wk-ink); font-size: clamp(30px, 3.6vw, 52px); margin-bottom: 18px;" data-wk-copy="contact-title">Sprechen wir über Ihr Fahrzeug</h2>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: var(--wk-body); font-weight: 500;" data-wk-copy="contact-intro">Rufen Sie an oder kommen Sie in Kaiserslautern-Siegelbach vorbei.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: var(--wk-body); font-weight: 500;" data-wk-copy="contact-intro">Rufen Sie an, schreiben Sie uns oder kommen Sie direkt vorbei – wir beraten Sie gern und unverbindlich.</p>
|
||||
</div>
|
||||
|
||||
<div class="lw-contact" style="display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(24px, 3vw, 40px); align-items: stretch;">
|
||||
|
||||
Reference in New Issue
Block a user