Kontakt-Abschluss und Footer-Schriftzug entfernt
Der Abschlussblock wiederholte Telefon und E-Mail aus Header und Footer; das Riesen-Wortbild im Footer ist ein austauschbares Muster. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
NotPika69andClaude Opus 5.5 committed
1 parent
ba44dc3f0a
commit
1513dc1a01
10 files changed
+7
-102
No files matched your search
@@ -113,4 +113,7 @@ Privat/Gewerbe-Umschalter. Überschriften sind jetzt sachlich („Leistungen",
|
||||
Werbesprüche. Hero: nur Headline, eine Zeile, zwei Buttons. Jede Unterseite hat ein Foto im Kopf.
|
||||
Layout breiter: `--max` 1680px, Gutter bis 4rem.
|
||||
|
||||
Zweite Runde: den Kontakt-Abschluss am Seitenende (riesiges „Kontakt" + Nummernliste, doppelt zu
|
||||
Header und Footer) und das Riesen-„KIRSCHNER" im Footer entfernt.
|
||||
|
||||
**Regel für später:** keine Sektion nur aus Text; keine erfundenen Kennzahlen; keine Kicker-Labels.
|
||||
@@ -396,24 +396,6 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
.band__chev { position: absolute; right: -4%; top: 50%; width: 46%; translate: 0 -50%; z-index: -1; color: var(--night-950); opacity: .08; }
|
||||
.band__chev path { fill: currentColor; }
|
||||
|
||||
/* ---------- Kontakt-Abschluss ---------- */
|
||||
.cta-final { display: grid; gap: var(--s5); }
|
||||
@media (min-width: 960px) { .cta-final { grid-template-columns: 1.3fr 1fr; align-items: end; } }
|
||||
.contact-lines { display: grid; gap: 0; border-top: 1px solid var(--line-dark); }
|
||||
.contact-line {
|
||||
display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--s2);
|
||||
padding: var(--s3) 0; border-bottom: 1px solid var(--line-dark);
|
||||
transition: padding var(--t-mid) var(--ease), color var(--t-fast);
|
||||
}
|
||||
.contact-line small { display: block; font-size: var(--fs-label); letter-spacing: .12em; text-transform: uppercase; color: var(--fog-mute); margin-bottom: .25rem; }
|
||||
.contact-line strong { font-size: clamp(1.25rem, 2.2vw, 1.75rem); font-weight: 700; font-stretch: 112%; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
|
||||
.contact-line svg { width: 22px; height: 22px; color: var(--kk); transition: transform var(--t-mid) var(--ease); }
|
||||
a.contact-line:hover { padding-left: var(--s2); }
|
||||
a.contact-line:hover svg { transform: translateX(4px); }
|
||||
.theme-light .contact-lines, .theme-light .contact-line { border-color: var(--line-light); }
|
||||
.theme-light .contact-line small { color: var(--ink-soft); }
|
||||
.theme-light .contact-line svg { color: var(--kk-ink); }
|
||||
|
||||
/* ---------- Footer ---------- */
|
||||
.site-footer { background: var(--night-950); border-top: 1px solid var(--line-dark); padding: var(--s6) 0 var(--s4); color: var(--fog-soft); font-size: .9375rem; }
|
||||
.footer-grid { display: grid; gap: var(--s5); }
|
||||
@@ -426,10 +408,6 @@ a.contact-line:hover svg { transform: translateX(4px); }
|
||||
.footer-bottom { margin-top: var(--s6); padding-top: var(--s3); border-top: 1px solid var(--line-dark); display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s2); font-size: .8125rem; color: var(--fog-mute); }
|
||||
.footer-bottom nav { display: flex; gap: var(--s3); }
|
||||
.footer-bottom a:hover { color: var(--fog); }
|
||||
.footer-word {
|
||||
font-size: calc(min(100vw - 2 * var(--gutter), var(--max)) / 7.4); font-weight: 800; font-stretch: 125%; letter-spacing: -.06em; line-height: .8; overflow: hidden;
|
||||
color: var(--night-800); margin-top: var(--s6); white-space: nowrap; user-select: none;
|
||||
}
|
||||
|
||||
/* ---------- Notruf-Pille ---------- */
|
||||
.sos {
|
||||
|
||||
@@ -116,7 +116,6 @@
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
|
||||
@@ -118,7 +118,6 @@
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
|
||||
-14
@@ -173,19 +173,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section " aria-labelledby="cta-title">
|
||||
<div class="wrap cta-final">
|
||||
<div class="stack">
|
||||
<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?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>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="wrap">
|
||||
@@ -211,7 +198,6 @@
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
|
||||
@@ -109,19 +109,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section " aria-labelledby="cta-title">
|
||||
<div class="wrap cta-final">
|
||||
<div class="stack">
|
||||
<h2 class="display" id="cta-title" data-split>Interesse? Melde Dich!</h2>
|
||||
<p class="lead" data-reveal>Per Telefon oder kurzer E-Mail — ein Lebenslauf ist kein Muss.</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?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>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="wrap">
|
||||
@@ -147,7 +134,6 @@
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
|
||||
@@ -120,7 +120,6 @@
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
|
||||
@@ -137,19 +137,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section " aria-labelledby="cta-title">
|
||||
<div class="wrap cta-final">
|
||||
<div class="stack">
|
||||
<h2 class="display" id="cta-title" data-split>Angebot anfragen</h2>
|
||||
<p class="lead" data-reveal>Wir schauen uns Ihr Objekt an und machen Ihnen 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?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>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="wrap">
|
||||
@@ -175,7 +162,6 @@
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
|
||||
+4
-21
@@ -181,7 +181,6 @@ FOOTER = f'''
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="{MAPS}" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
@@ -218,22 +217,6 @@ def page_hero(h1, lead="", img=None, extra="", small=False):
|
||||
</section>'''
|
||||
|
||||
|
||||
def cta_final(h, p, theme=""):
|
||||
return f'''
|
||||
<section class="section {theme}" aria-labelledby="cta-title">
|
||||
<div class="wrap cta-final">
|
||||
<div class="stack">
|
||||
<h2 class="display" id="cta-title" data-split>{h}</h2>
|
||||
<p class="lead" data-reveal>{p}</p>
|
||||
</div>
|
||||
<div class="contact-lines" data-reveal>
|
||||
<a class="contact-line" href="{TEL_HREF}"><span><small>Büro</small><strong>{TEL}</strong></span>{I_ARROW_S}</a>
|
||||
<a class="contact-line" href="{SOS_HREF}"><span><small>Notruf 24/7</small><strong>{SOS}</strong></span>{I_ARROW_S}</a>
|
||||
<a class="contact-line" href="{ANFRAGE}"><span><small>E-Mail</small><strong>{MAIL}</strong></span>{I_ARROW_S}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>'''
|
||||
|
||||
|
||||
# ======================================================================
|
||||
# Leistungen (eine Quelle für Start und Leistungsseite)
|
||||
@@ -346,7 +329,7 @@ INDEX = f'''
|
||||
<div data-reveal><a class="btn" href="karriere.html">Offene Stellen {I_ARROW}</a></div>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Kontakt", "Wir freuen uns auf Ihre Anfrage und unterbreiten Ihnen gern ein Angebot.")
|
||||
'''
|
||||
|
||||
page("index.html",
|
||||
"Kirschner Gebäudeservice — Hausmeisterservice in Landshut & Ergolding seit 2003",
|
||||
@@ -387,7 +370,7 @@ LEISTUNGEN = page_hero("Leistungen",
|
||||
<p class="muted mt-4" data-reveal>Referenzobjekte in Landshut nennen wir Ihnen gern auf Anfrage.</p>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Angebot anfragen", "Wir schauen uns Ihr Objekt an und machen Ihnen ein Angebot.")
|
||||
'''
|
||||
|
||||
page("leistungen.html",
|
||||
"Leistungen — Hausmeisterservice, Reinigung, Winterdienst | Kirschner Gebäudeservice",
|
||||
@@ -470,7 +453,7 @@ UNTERNEHMEN = page_hero("Das Original seit 2003.",
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Kontakt", "Wir freuen uns auf Ihre Anfragen, Aufträge und Ihr Feedback.", "theme-deep")
|
||||
'''
|
||||
|
||||
page("unternehmen.html",
|
||||
"Unternehmen & Team — Kirschner Gebäudeservice Ergolding",
|
||||
@@ -530,7 +513,7 @@ KARRIERE = page_hero("Wir stellen ein.",
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Interesse? Melde Dich!", "Per Telefon oder kurzer E-Mail — ein Lebenslauf ist kein Muss.")
|
||||
'''
|
||||
|
||||
page("karriere.html",
|
||||
"Karriere — Hausmeister, Handwerker & Reinigungskräfte gesucht | Kirschner Gebäudeservice",
|
||||
|
||||
@@ -138,19 +138,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section theme-deep" aria-labelledby="cta-title">
|
||||
<div class="wrap cta-final">
|
||||
<div class="stack">
|
||||
<h2 class="display" id="cta-title" data-split>Kontakt</h2>
|
||||
<p class="lead" data-reveal>Wir freuen uns auf Ihre Anfragen, Aufträge und Ihr Feedback.</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?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>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="wrap">
|
||||
@@ -176,7 +163,6 @@
|
||||
<address style="font-style:normal">Etzstraße 45<br>84030 Ergolding<br><a href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" rel="noopener" target="_blank">Route planen</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-word" aria-hidden="true">KIRSCHNER</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© <span data-year>2026</span> Kirschner Gebäudeservice · Thomas Kirschner</span>
|
||||
<nav aria-label="Rechtliches"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a></nav>
|
||||
|
||||
Reference in new issue
Block a user