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>
This commit is contained in:
NotPika69andClaude Opus 5.5 committed
1 parent
62916fc179
commit
ba44dc3f0a
31 files changed
+227
-591
No files matched your search
@@ -56,7 +56,7 @@ Die zwei Chevrons des KK-Logos sind die einzige Form der Seite:
|
||||
- Bild-Reveals: `clip-path` mit „<"-Spitze, gesteuert über `--x` (`.reveal-img`)
|
||||
- Seitenwechsel: View-Transition-Wipe mit derselben Spitze
|
||||
- Button-Hover, mobiles Menü, Kontaktkarten: Füllung wischt im selben Winkel herein
|
||||
- Eyebrow-Marker, Listenpunkte, Hero-Linien: dieselbe Form in klein bzw. als Strich
|
||||
- Listenpunkte, Hero-Linien: dieselbe Form in klein bzw. als Strich
|
||||
|
||||
## Motion
|
||||
|
||||
@@ -69,10 +69,9 @@ bei `prefers-reduced-motion` bleibt nur Funktion.
|
||||
| 1 | Start, 1× pro Session | Intro: Chevrons + Wortmarke, Winkel-Wipe (~1.3s, Klick überspringt) | Markenmoment |
|
||||
| 2 | Hero | Zeilen aus Maske (SplitText), Chevron-Linien zeichnen sich, Scroll-Parallax | Hierarchie |
|
||||
| 3 | Header | Glas ab 40px, beim Runterscrollen weg, beim Hochscrollen da | Platz |
|
||||
| 4 | Kennzahlen | Zähler; „Jahre" wird aus dem aktuellen Jahr berechnet | Fakten |
|
||||
| 5 | Leistungen Start | Desktop ≥1024px: gepinnte horizontale Strecke + Fortschritt; darunter gestapelt | Überblick |
|
||||
| 6 | Osmose | Vorher/Nachher-Slider, zeigt beim ersten Sichtkontakt einmal die Ziehbarkeit | Beweis |
|
||||
| 7 | Philosophie | Wort für Wort hell, an Scroll gekoppelt | Botschaft |
|
||||
| 7 | Philosophie | Wort für Wort hell über einem Fassadenfoto mit Parallax | Botschaft |
|
||||
| 8 | Bilder | Winkel-Reveal + Scale 1.18→1 | Signatur |
|
||||
| 9 | Timeline | Linie zeichnet sich mit dem Scroll | Geschichte |
|
||||
| 10 | Team | Initialen/Chevron bewegen sich bei Hover | Nähe |
|
||||
@@ -104,3 +103,14 @@ Das Team zeigt Initialen statt Fotos („Foto folgt").
|
||||
|
||||
Keine — Entscheidung vom 2026-09-30. Stattdessen `tel:`-Links und `mailto:` mit vorbereitetem
|
||||
Betreff und Text (Angebotsanfrage, je Stelle eine Bewerbung).
|
||||
|
||||
## Überarbeitung 2026-09-30: weniger Schablone
|
||||
|
||||
Nach Kundenfeedback entfernt, weil textlastig oder austauschbar: Über-uns-Block mit Kennzahlen
|
||||
(23 / 7 / 24/7 / 4), Zielgruppen-Leiste, Eyebrow-Labels über jeder Überschrift, Schlagwort-Pillen,
|
||||
Checklisten, Drei-Spalten-Texte unter der Philosophie, Benefits-Raster auf der Karriereseite,
|
||||
Privat/Gewerbe-Umschalter. Überschriften sind jetzt sachlich („Leistungen", „Unser Team") statt
|
||||
Werbesprüche. Hero: nur Headline, eine Zeile, zwei Buttons. Jede Unterseite hat ein Foto im Kopf.
|
||||
Layout breiter: `--max` 1680px, Gutter bis 4rem.
|
||||
|
||||
**Regel für später:** keine Sektion nur aus Text; keine erfundenen Kennzahlen; keine Kicker-Labels.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
+8
-43
@@ -85,37 +85,6 @@
|
||||
cmp._set = set;
|
||||
});
|
||||
|
||||
/* ---------- Umschalter Privat / Gewerbe (Tabs) ---------- */
|
||||
$$('.switch').forEach((sw) => {
|
||||
const tabs = $$('[role="tab"]', sw);
|
||||
const pill = $('.switch__pill', sw);
|
||||
const place = (t) => { if (pill) { pill.style.width = t.offsetWidth + 'px'; pill.style.transform = `translateX(${t.offsetLeft - 4}px)`; } };
|
||||
const select = (t, focus) => {
|
||||
tabs.forEach((x) => {
|
||||
const on = x === t;
|
||||
x.setAttribute('aria-selected', String(on));
|
||||
x.tabIndex = on ? 0 : -1;
|
||||
const panel = document.getElementById(x.getAttribute('aria-controls'));
|
||||
if (panel) panel.hidden = !on;
|
||||
if (on && panel && window.gsap && !matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
||||
gsap.fromTo(panel.children, { opacity: 0, y: 14 }, { opacity: 1, y: 0, duration: .6, ease: 'expo.out', stagger: .035 });
|
||||
}
|
||||
});
|
||||
place(t);
|
||||
if (focus) t.focus();
|
||||
};
|
||||
tabs.forEach((t, i) => {
|
||||
t.addEventListener('click', () => select(t));
|
||||
t.addEventListener('keydown', (e) => {
|
||||
const d = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0;
|
||||
if (d) { e.preventDefault(); select(tabs[(i + d + tabs.length) % tabs.length], true); }
|
||||
});
|
||||
});
|
||||
const initial = tabs.find((t) => t.getAttribute('aria-selected') === 'true') || tabs[0];
|
||||
requestAnimationFrame(() => place(initial));
|
||||
addEventListener('resize', () => place(tabs.find((t) => t.getAttribute('aria-selected') === 'true')));
|
||||
});
|
||||
|
||||
/* ---------- Notruf-Pille: nach dem Hero sichtbar, am Seitenende weg ---------- */
|
||||
const sos = $('.sos');
|
||||
if (sos) {
|
||||
@@ -269,18 +238,6 @@
|
||||
if (img) tl.from(img, { scale: 1.18, duration: 1.8, ease: 'expo.out' }, 0);
|
||||
});
|
||||
|
||||
/* ---- Zähler ---- */
|
||||
$$('[data-count]').forEach((el) => {
|
||||
const to = el.dataset.count === 'years' ? years : Number(el.dataset.count);
|
||||
const o = { v: 0 };
|
||||
el.textContent = '0';
|
||||
gsap.to(o, {
|
||||
v: to, duration: 1.8, ease: 'expo.out',
|
||||
scrollTrigger: { trigger: el, start: 'top 90%', once: true },
|
||||
onUpdate: () => { el.textContent = Math.round(o.v); },
|
||||
});
|
||||
});
|
||||
|
||||
/* ---- Philosophie: Wort für Wort hell (gescrubbt) ---- */
|
||||
$$('[data-scrub-words]').forEach((el) => {
|
||||
SplitText.create(el, {
|
||||
@@ -305,6 +262,14 @@
|
||||
});
|
||||
});
|
||||
|
||||
/* ---- Philosophie: Hintergrundbild läuft langsamer mit ---- */
|
||||
$$('.philosophy__media picture').forEach((el) => {
|
||||
gsap.fromTo(el, { yPercent: -8 }, {
|
||||
yPercent: 8, ease: 'none',
|
||||
scrollTrigger: { trigger: el.closest('section'), start: 'top bottom', end: 'bottom top', scrub: true },
|
||||
});
|
||||
});
|
||||
|
||||
/* ---- Parallax für einzelne Elemente ---- */
|
||||
$$('[data-parallax]').forEach((el) => {
|
||||
const amt = Number(el.dataset.parallax) || 10;
|
||||
|
||||
+18
-76
@@ -62,8 +62,8 @@
|
||||
/* Raum — 8px-Skala */
|
||||
--s1: .5rem; --s2: 1rem; --s3: 1.5rem; --s4: 2rem; --s5: 3rem; --s6: 4rem; --s7: 6rem;
|
||||
--section: clamp(6rem, 12vw, 10rem);
|
||||
--gutter: clamp(1rem, 3vw, 1.5rem);
|
||||
--max: 1320px;
|
||||
--gutter: clamp(1.25rem, 4vw, 4rem);
|
||||
--max: 1680px;
|
||||
--radius: 4px;
|
||||
|
||||
/* Motion */
|
||||
@@ -133,7 +133,7 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
.mega { font-size: var(--fs-mega); }
|
||||
.display { font-size: var(--fs-display); line-height: .95; }
|
||||
.title { font-size: var(--fs-title); line-height: 1.02; letter-spacing: -.025em; }
|
||||
.lead { font-size: var(--fs-lead); line-height: 1.5; color: var(--fog-soft); max-width: 38ch; }
|
||||
.lead { font-size: var(--fs-lead); line-height: 1.5; color: var(--fog-soft); max-width: 48ch; }
|
||||
.theme-light .lead, .theme-white .lead { color: var(--ink-soft); }
|
||||
.prose p + p { margin-top: 1em; }
|
||||
.muted { color: var(--fog-soft); }
|
||||
@@ -141,18 +141,6 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
.accent { color: var(--kk); }
|
||||
.theme-light .accent, .theme-white .accent { color: var(--kk-ink); }
|
||||
|
||||
.eyebrow {
|
||||
display: inline-flex; align-items: center; gap: .75rem;
|
||||
font-size: var(--fs-label); font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
|
||||
color: var(--fog-mute);
|
||||
}
|
||||
.theme-light .eyebrow, .theme-white .eyebrow { color: var(--ink-soft); }
|
||||
.eyebrow::before {
|
||||
content: ""; width: 14px; height: 14px; flex: none;
|
||||
background: var(--kk);
|
||||
clip-path: polygon(100% 0, 55% 0, 0 50%, 55% 100%, 100% 100%, 45% 50%);
|
||||
}
|
||||
.theme-light .eyebrow::before, .theme-white .eyebrow::before { background: var(--kk-ink); }
|
||||
|
||||
/* Zeilen-Maske für SplitText */
|
||||
.line-mask { display: block; overflow: clip; padding-bottom: .06em; margin-bottom: -.06em; }
|
||||
@@ -288,8 +276,8 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
.hero__chevrons path:nth-child(2) { opacity: .55; }
|
||||
.hero__chevrons path:nth-child(3) { opacity: .28; }
|
||||
.hero__content { display: grid; gap: var(--s4); }
|
||||
.hero h1 { max-width: 12ch; }
|
||||
.hero .lead { max-width: 44ch; }
|
||||
.hero h1 { max-width: none; }
|
||||
.hero .lead { max-width: 40ch; }
|
||||
.hero__foot {
|
||||
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) var(--s4);
|
||||
@@ -305,41 +293,18 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
|
||||
/* Unterseiten-Hero */
|
||||
.page-hero { position: relative; padding: 180px 0 var(--s6); overflow: clip; isolation: isolate; }
|
||||
.page-hero--image { min-height: 78svh; display: grid; align-content: end; }
|
||||
.page-hero--small { padding-bottom: var(--s5); }
|
||||
.page-hero .hero__chevrons { width: min(48vw, 620px); right: -8vw; opacity: .7; }
|
||||
.page-hero__grid { display: grid; gap: var(--s4); align-items: end; }
|
||||
.page-hero h1 { max-width: 14ch; }
|
||||
.page-hero h1 { max-width: 18ch; font-size: var(--fs-mega); }
|
||||
.page-hero--small h1 { font-size: var(--fs-display); }
|
||||
@media (min-width: 900px) { .page-hero__grid { grid-template-columns: 1.4fr 1fr; } }
|
||||
|
||||
/* ---------- Zielgruppen-Leiste ---------- */
|
||||
.audience { border-block: 1px solid var(--line-dark); }
|
||||
.audience ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; }
|
||||
.audience li {
|
||||
padding: var(--s4) var(--s3); display: grid; gap: .35rem; border-left: 1px solid var(--line-dark);
|
||||
}
|
||||
.audience li:first-child { border-left: 0; padding-left: 0; }
|
||||
.audience b { hyphens: auto; -webkit-hyphens: auto; font-weight: 700; font-stretch: 112%; font-size: 1.0625rem; }
|
||||
.audience span { color: var(--fog-mute); font-size: .9375rem; }
|
||||
@media (max-width: 860px) {
|
||||
.audience ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.audience li { padding-inline: var(--s2); }
|
||||
.audience li:nth-child(3) { border-left: 0; padding-left: 0; }
|
||||
.audience li:nth-child(n+3) { border-top: 1px solid var(--line-dark); }
|
||||
}
|
||||
|
||||
/* ---------- Kennzahlen ---------- */
|
||||
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s4) var(--gutter); }
|
||||
.stat { display: grid; gap: .75rem; align-content: start; padding-top: var(--s3); border-top: 1px solid var(--line-light); }
|
||||
.stat__num { font-size: clamp(3.5rem, 8vw, 7rem); font-weight: 800; font-stretch: 125%; letter-spacing: -.05em; line-height: .85; font-variant-numeric: tabular-nums; color: var(--ink); }
|
||||
.stat__num sup { font-size: .4em; vertical-align: top; position: relative; top: .15em; margin-left: .05em; color: var(--kk-ink); letter-spacing: 0; }
|
||||
.stat__label { color: var(--ink-soft); max-width: 22ch; }
|
||||
@media (max-width: 900px) { .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
|
||||
|
||||
.intro-split { display: grid; gap: var(--s5); margin-bottom: var(--s7); }
|
||||
@media (min-width: 960px) { .intro-split { grid-template-columns: 1.25fr 1fr; align-items: end; } }
|
||||
|
||||
/* ---------- Leistungen: horizontale Sektion ---------- */
|
||||
.services-head { display: grid; gap: var(--s3); margin-bottom: var(--s6); }
|
||||
@media (min-width: 960px) { .services-head { grid-template-columns: 1.3fr 1fr; align-items: end; } }
|
||||
.services-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--s3); margin-bottom: var(--s6); }
|
||||
.section--flush-bottom { padding-bottom: 0; }
|
||||
.hscroll:not(.is-pinned) { padding-bottom: var(--section); }
|
||||
.hscroll { position: relative; }
|
||||
.hscroll__track { display: grid; gap: var(--s5); }
|
||||
.panel { display: grid; gap: var(--s3); }
|
||||
@@ -351,9 +316,6 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
.panel h3, .service-row h3, .job summary h3, .contact-card strong { hyphens: auto; -webkit-hyphens: auto; }
|
||||
.panel h3 { font-size: clamp(1.75rem, 2.6vw, 2.5rem); font-weight: 800; font-stretch: 120%; letter-spacing: -.03em; line-height: 1; }
|
||||
.panel p { color: var(--fog-soft); }
|
||||
.tags { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0; }
|
||||
.tags li { font-size: .8125rem; padding: .35rem .7rem; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--line-dark); color: var(--fog-soft); }
|
||||
.theme-light .tags li, .theme-white .tags li { box-shadow: inset 0 0 0 1px var(--line-light); color: var(--ink-soft); }
|
||||
.hscroll__progress { display: none; }
|
||||
.hscroll:not(.is-pinned) .hscroll__track { width: min(100% - 2 * var(--gutter), var(--max)); margin-inline: auto; }
|
||||
|
||||
@@ -382,10 +344,6 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
.feature { display: grid; gap: var(--s5); align-items: center; }
|
||||
@media (min-width: 960px) { .feature { grid-template-columns: 1fr 1.15fr; gap: var(--s6); } }
|
||||
.feature__copy { display: grid; gap: var(--s3); }
|
||||
.checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: .9rem; }
|
||||
.checklist li { display: grid; grid-template-columns: 18px 1fr; gap: .9rem; align-items: baseline; }
|
||||
.checklist li::before { content: ""; width: 12px; height: 12px; background: var(--kk-ink); clip-path: polygon(0 0, 45% 0, 100% 50%, 45% 100%, 0 100%, 55% 50%); transform: translateY(1px); }
|
||||
.theme-deep .checklist li::before, body > .section:not([class*="theme-"]) .checklist li::before { background: var(--kk); }
|
||||
|
||||
.compare {
|
||||
--pos: 50%;
|
||||
@@ -418,21 +376,19 @@ ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
|
||||
|
||||
/* ---------- Philosophie ---------- */
|
||||
.philosophy { text-align: left; }
|
||||
.philosophy--image { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(9rem, 20vw, 18rem); }
|
||||
.philosophy__media { position: absolute; inset: 0; z-index: -1; }
|
||||
.philosophy__media picture { position: absolute; left: 0; right: 0; top: -12%; height: 124%; }
|
||||
.philosophy__media img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.philosophy__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,20,36,.9) 0%, rgba(10,20,36,.62) 100%); }
|
||||
.philosophy__words { font-size: var(--fs-mega); font-weight: 800; font-stretch: 125%; letter-spacing: -.045em; line-height: .95; }
|
||||
.philosophy__words .word { display: inline-block; }
|
||||
.philosophy__words .dot { color: var(--kk); }
|
||||
.philosophy__sub { margin-top: var(--s5); display: grid; gap: var(--s4); }
|
||||
@media (min-width: 900px) { .philosophy__sub { grid-template-columns: repeat(3, 1fr); } }
|
||||
.philosophy__sub div { border-top: 1px solid var(--line-dark); padding-top: var(--s3); display: grid; gap: .5rem; }
|
||||
.philosophy__sub b { font-weight: 700; font-stretch: 112%; font-size: 1.125rem; }
|
||||
.philosophy__sub p { color: var(--fog-soft); }
|
||||
|
||||
/* ---------- Karriere-Band ---------- */
|
||||
.band { background: var(--kk); color: var(--night-950); position: relative; overflow: clip; isolation: isolate; }
|
||||
.band__inner { display: grid; gap: var(--s4); padding-block: clamp(4rem, 9vw, 7rem); }
|
||||
@media (min-width: 900px) { .band__inner { grid-template-columns: 1.4fr auto; align-items: end; } }
|
||||
.band .eyebrow { color: var(--night-950); }
|
||||
.band .eyebrow::before { background: var(--night-950); }
|
||||
.band p { max-width: 50ch; font-size: var(--fs-lead); line-height: 1.5; }
|
||||
.band .btn { --bg: var(--night-950); --fg: var(--fog); }
|
||||
.band .btn::before { background: var(--white); }
|
||||
@@ -508,15 +464,6 @@ html.has-intro .intro {
|
||||
.intro__word small { display: block; font-size: .75rem; letter-spacing: .3em; text-transform: uppercase; color: var(--fog-soft); margin-top: .5rem; }
|
||||
|
||||
/* ---------- Leistungsseite ---------- */
|
||||
.switch { display: inline-flex; padding: 4px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--line-light); background: var(--white); position: relative; }
|
||||
.switch__btn { position: relative; z-index: 1; padding: .7rem 1.4rem; border-radius: 999px; font-weight: 600; font-size: .9375rem; color: var(--ink-soft); transition: color var(--t-mid) var(--ease); }
|
||||
.switch__btn[aria-selected="true"] { color: var(--white); }
|
||||
.switch__pill { position: absolute; top: 4px; bottom: 4px; left: 4px; border-radius: 999px; background: var(--night-950); transition: transform var(--t-mid) var(--ease), width var(--t-mid) var(--ease); }
|
||||
.scope-lists { margin-top: var(--s5); }
|
||||
.scope-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); border-top: 1px solid var(--line-light); }
|
||||
.scope-list li { display: flex; align-items: center; gap: .9rem; padding: var(--s3) var(--s2) var(--s3) 0; border-bottom: 1px solid var(--line-light); font-weight: 600; font-stretch: 108%; font-size: 1.125rem; }
|
||||
.scope-list li::before { content: ""; width: 10px; height: 10px; flex: none; background: var(--kk-ink); clip-path: polygon(0 0, 45% 0, 100% 50%, 45% 100%, 0 100%, 55% 50%); }
|
||||
.scope-list[hidden] { display: none; }
|
||||
|
||||
.service-rows { display: grid; gap: var(--s7); }
|
||||
.service-row { display: grid; gap: var(--s4); align-items: center; }
|
||||
@@ -587,11 +534,6 @@ html.has-intro .intro {
|
||||
.map__pin i { width: 14px; height: 14px; border-radius: 50%; background: var(--kk); box-shadow: 0 0 0 6px rgba(91,138,214,.25); }
|
||||
|
||||
/* ---------- Karriere ---------- */
|
||||
.benefits { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; border-top: 1px solid var(--line-dark); }
|
||||
@media (min-width: 900px) { .benefits { grid-template-columns: 1fr 1fr; column-gap: var(--s5); } }
|
||||
.benefits li { padding: var(--s3) 0; border-bottom: 1px solid var(--line-dark); display: grid; gap: .25rem; }
|
||||
.benefits b { font-weight: 700; font-stretch: 112%; font-size: 1.125rem; }
|
||||
.benefits span { color: var(--fog-soft); }
|
||||
|
||||
.jobs { display: grid; border-top: 1px solid var(--line-light); }
|
||||
.job { border-bottom: 1px solid var(--line-light); }
|
||||
@@ -622,7 +564,7 @@ html.has-intro .intro {
|
||||
.contact-grid { display: grid; gap: var(--gutter); }
|
||||
@media (min-width: 900px) { .contact-grid { grid-template-columns: repeat(3, 1fr); } }
|
||||
.contact-card {
|
||||
position: relative; display: grid; gap: var(--s2); align-content: start; padding: var(--s4); min-height: 240px;
|
||||
position: relative; display: grid; gap: var(--s2); align-content: start; padding: var(--s4); min-height: 220px;
|
||||
border-radius: var(--radius); background: var(--night-900); box-shadow: inset 0 0 0 1px var(--line-dark);
|
||||
overflow: hidden; isolation: isolate;
|
||||
transition: box-shadow var(--t-mid) var(--ease);
|
||||
|
||||
+4
-6
@@ -52,15 +52,13 @@
|
||||
</div>
|
||||
<main id="inhalt">
|
||||
|
||||
<section class="page-hero">
|
||||
<section class="page-hero page-hero--small">
|
||||
|
||||
<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 page-hero__grid">
|
||||
<h1 class="display" data-split>Datenschutz</h1>
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-hero>Rechtliches</p>
|
||||
<h1 class="display" data-split>Datenschutz</h1>
|
||||
</div>
|
||||
<div class="stack">
|
||||
<p class="lead" data-hero>Kurz gesagt: Diese Website setzt keine Cookies, verwendet kein Tracking und lädt nichts von fremden Servern.</p>
|
||||
<p class="lead" data-hero>Diese Website setzt keine Cookies, verwendet kein Tracking und lädt nichts von fremden Servern.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+4
-6
@@ -52,13 +52,11 @@
|
||||
</div>
|
||||
<main id="inhalt">
|
||||
|
||||
<section class="page-hero">
|
||||
<section class="page-hero page-hero--small">
|
||||
|
||||
<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 page-hero__grid">
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-hero>Rechtliches</p>
|
||||
<h1 class="display" data-split>Impressum</h1>
|
||||
</div>
|
||||
<h1 class="display" data-split>Impressum</h1>
|
||||
<div class="stack">
|
||||
<p class="lead" data-hero>Angaben gemäß § 5 Digitale-Dienste-Gesetz (DDG).</p>
|
||||
|
||||
@@ -91,7 +89,7 @@
|
||||
|
||||
<h2>Bildnachweise</h2>
|
||||
<p>Fotos von Unsplash (Unsplash-Lizenz):</p>
|
||||
<ul><li>Titelbild (Wohngebäude): Tobias Wilden</li><li>Treppenhaus: Payam Moin Afshari</li><li>Fensterreinigung: Joshua Bowers</li><li>PV-Reinigung: Florida Solar Fix</li><li>Heckenschnitt: Mustafa Turhan</li><li>Haustechnik: Peter Herrmann</li><li>Reparatur: Theme Photos</li><li>Winterdienst: Bradley Andrews</li><li>Glasfassade: Priscilla Du Preez</li></ul>
|
||||
<ul><li>Titelbild (Wohngebäude): Tobias Wilden</li><li>Treppenhaus: Payam Moin Afshari</li><li>Fensterreinigung: Joshua Bowers</li><li>PV-Reinigung: Florida Solar Fix</li><li>Heckenschnitt: Mustafa Turhan</li><li>Haustechnik: Peter Herrmann</li><li>Reparatur: Theme Photos</li><li>Winterdienst: Bradley Andrews</li><li>Glasfassade: Priscilla Du Preez</li><li>Fassadenreinigung am Seil: Nuno Silva</li><li>Fassade: Luke van Zyl</li><li>Werkzeugwand: Barn Images</li><li>Rasenmähen: Carl Tronders</li><li>Balkone: Waldemar Brandt</li></ul>
|
||||
<p>Schrift: Archivo (SIL Open Font License), lokal eingebunden.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
+23
-92
@@ -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 & 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 & Hausverwaltungen</span></li>
|
||||
<li data-reveal><b>Gewerbe</b><span>Büro-, Gewerbe- & 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 & 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- & 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- & 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>
|
||||
|
||||
+19
-37
@@ -4,14 +4,14 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Karriere — Hausmeister, Handwerker & Reinigungskräfte gesucht | Kirschner Gebäudeservice</title>
|
||||
<meta name="description" content="Wir stellen ein: Hausmeister, Handwerker, Ga-La-Bauer, Glas- & Solarreiniger und Reinigungskräfte in Landshut und Ergolding. Übertarifliche Bezahlung, starkes Team.">
|
||||
<meta name="description" content="Wir stellen ein: Hausmeister, Handwerker, Ga-La-Bauer, Glas- & Solarreiniger und Reinigungskräfte in Landshut und Ergolding.">
|
||||
<link rel="canonical" href="https://www.kirschner-service.de/karriere.html">
|
||||
<meta name="theme-color" content="#0A1424">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="de_DE">
|
||||
<meta property="og:site_name" content="Kirschner Gebäudeservice">
|
||||
<meta property="og:title" content="Karriere — Hausmeister, Handwerker & Reinigungskräfte gesucht | Kirschner Gebäudeservice">
|
||||
<meta property="og:description" content="Wir stellen ein: Hausmeister, Handwerker, Ga-La-Bauer, Glas- & Solarreiniger und Reinigungskräfte in Landshut und Ergolding. Übertarifliche Bezahlung, starkes Team.">
|
||||
<meta property="og:description" content="Wir stellen ein: Hausmeister, Handwerker, Ga-La-Bauer, Glas- & Solarreiniger und Reinigungskräfte in Landshut und Ergolding.">
|
||||
<meta property="og:url" content="https://www.kirschner-service.de/karriere.html">
|
||||
<meta property="og:image" content="https://www.kirschner-service.de/assets/img/og.jpg">
|
||||
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
|
||||
@@ -52,35 +52,21 @@
|
||||
</div>
|
||||
<main id="inhalt">
|
||||
|
||||
<section class="page-hero">
|
||||
<section class="page-hero page-hero--image">
|
||||
<div class="hero__media"><picture><source type="image/avif" srcset="assets/img/rasen-800.avif 800w, assets/img/rasen-1600.avif 1600w" sizes="100vw"><source type="image/webp" srcset="assets/img/rasen-800.webp 800w, assets/img/rasen-1600.webp 1600w" sizes="100vw"><img src="assets/img/rasen-1600.webp" width="1600" height="1066" alt="" fetchpriority="high"></picture></div>
|
||||
<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 page-hero__grid">
|
||||
<h1 class="display" data-split>Wir stellen ein.</h1>
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-hero>Karriere</p>
|
||||
<h1 class="display" data-split>Bock auf einen vielseitigen Job?</h1>
|
||||
</div>
|
||||
<div class="stack">
|
||||
<p class="lead" data-hero>Viel Zeit an der frischen Luft statt in der Industriehalle, überaus faire Bezahlung und ein Team, das zusammenhält. Bewirb Dich — wir freuen uns auf ein Gespräch bei einem Espresso.</p>
|
||||
<p class="lead" data-hero>Hausmeister, Ga-La-Bauer, Glas- und Solarreiniger und Reinigungskräfte für Landshut und Ergolding.</p>
|
||||
<div class="btn-row" data-hero><a class="btn" href="#stellen">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>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section" aria-labelledby="why-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Was uns ausmacht</p>
|
||||
<h2 class="display" id="why-title" data-split>Arbeit, die man gern macht.</h2>
|
||||
</div>
|
||||
<ul class="benefits" role="list"><li data-reveal><b>Übertarifliche Bezahlung</b><span>Dein Einsatz wird fair belohnt — mit klaren Aufstiegsplänen.</span></li><li data-reveal><b>Keine Freitagnachmittage</b><span>Keine permanenten Überstunden, kein Samstag — Zeit für Familie und Freunde.</span></li><li data-reveal><b>Feste Objekte</b><span>Du betreust Deine eigenen Objekte, statt ständig einzuspringen.</span></li><li data-reveal><b>Boni & Gutscheine</b><span>Spritgeld, Urlaubs- und Weihnachtsgeld, Erfolgsbonus.</span></li><li data-reveal><b>Moderne Ausstattung</b><span>Hochwertige Arbeitskleidung, moderne Maschinen, eigener Fuhrpark.</span></li><li data-reveal><b>Alles per App</b><span>Gut strukturierte Arbeit und Zeiterfassung einfach am Handy.</span></li></ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section theme-light" aria-labelledby="stellen-title" id="stellen">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Offene Stellen</p>
|
||||
<h2 class="display" id="stellen-title" data-split>Wir stellen ein.</h2>
|
||||
<p class="lead" data-reveal>Bewirb Dich ganz einfach per E-Mail oder Telefon — ein Lebenslauf ist schön, aber kein Muss.</p>
|
||||
<h2 class="display" id="stellen-title" data-split>Offene Stellen</h2>
|
||||
</div>
|
||||
<div class="jobs">
|
||||
<details class="job" data-reveal open>
|
||||
@@ -89,10 +75,10 @@
|
||||
<span class="job__toggle" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M12 4v16M4 12h16"/></svg></span>
|
||||
</summary>
|
||||
<div class="job__body">
|
||||
<div class="job__text"><p>Du sorgst dafür, dass sich unsere Kunden zuhause wohlfühlen — Sauberkeit in Deinen festen Objekten hat für Dich Priorität. Gemeinsam mit Kollegen pflegst Du Gärten und Grünflächen, reinigst Tiefgaragen mit modernen Maschinen und erlebst den Vorher-Nachher-Effekt.</p><p>Im Winter sorgst Du mit unseren Fahrzeugen bei Schnee und Eis für Sicherheit. Mit handwerklichem Geschick zeigen wir Dir, wie Du mit Reparaturen unsere Kunden begeisterst. Viel Zeit an der frischen Luft, gut strukturierte Arbeit mit unserer eigenen App — und keine permanenten Überstunden, keine Arbeit am Freitagnachmittag oder Samstag.</p></div>
|
||||
<div class="job__text"><p>Du betreust feste Objekte, pflegst mit Kollegen Gärten und Grünflächen, reinigst Tiefgaragen mit modernen Maschinen und sorgst im Winter mit unseren Fahrzeugen für sichere Wege. Mit handwerklichem Geschick übernimmst Du auch Reparaturen.</p><p>Die Arbeit ist über unsere eigene App strukturiert — ohne permanente Überstunden, ohne Freitagnachmittag und Samstag.</p></div>
|
||||
<div><h4>Das bringst Du mit</h4><ul role="list"><li>Erfahrung im jeweiligen Bereich</li><li>Blick für Sauberkeit und Qualität</li><li>Freundlichkeit, Teamfähigkeit & Motivation</li><li>Ambition, Verantwortung zu übernehmen</li></ul></div>
|
||||
<div><h4>Das bekommst Du</h4><ul role="list"><li>Sicherer Arbeitsplatz — krisenfest und zukunftssicher</li><li>Weit übertarifliche Bezahlung und klare Aufstiegspläne</li><li>Hochwertige Arbeitskleidung</li><li>Boni: Spritgeld, Urlaubs- & Weihnachtsgeld, Erfolgsbonus</li><li>Starkes Team, das sich gegenseitig unterstützt</li></ul></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="mailto:info@kirschner-service.de?subject=Bewerbung%3A%20Handwerker%20/%20Hausmeister%20%28TZ/VZ%29&body=Hallo%20Herr%20Kirschner%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Stelle%20und%20m%C3%B6chte%20mich%20kurz%20vorstellen%3A%0A%0AName%3A%0ATelefon%3A%0AErfahrung%3A%0AFr%C3%BChester%20Start%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Jetzt bewerben <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="tel:+4987114269101">Lieber anrufen</a></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="mailto:info@kirschner-service.de?subject=Bewerbung%3A%20Handwerker%20/%20Hausmeister%20%28TZ/VZ%29&body=Hallo%20Herr%20Kirschner%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Stelle%20und%20m%C3%B6chte%20mich%20kurz%20vorstellen%3A%0A%0AName%3A%0ATelefon%3A%0AErfahrung%3A%0AFr%C3%BChester%20Start%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Jetzt bewerben <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="tel:+4987114269101">Anrufen</a></div>
|
||||
</div>
|
||||
</details>
|
||||
<details class="job" data-reveal>
|
||||
@@ -101,10 +87,10 @@
|
||||
<span class="job__toggle" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M12 4v16M4 12h16"/></svg></span>
|
||||
</summary>
|
||||
<div class="job__body">
|
||||
<div class="job__text"><p>Wir sind ein familiäres und jung gebliebenes Unternehmen und suchen Dich, wenn Du Dich in diesen Punkten wiederfindest.</p></div>
|
||||
<div><h4>Das bringst Du mit</h4><ul role="list"><li>Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit</li><li>Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen</li><li>Blick für Sauberkeit</li><li>Gutes Deutsch</li><li>Du lebst den Teamgedanken</li><li>Idealerweise Erfahrung im Reinigungsbereich</li></ul></div>
|
||||
<div><h4>Das bekommst Du</h4><ul role="list"><li>Tarifliche Vergütung sowie Gutscheine (z. B. Tanken)</li><li>Flexible Zeiteinteilung, die zu Deinem Leben passt</li><li>30 Arbeitstage bezahlter Urlaub</li><li>Lohnfortzahlung im Krankheitsfall</li><li>Deine „eigenen“ festen Objekte — kein Springer</li><li>Sehr kollegiales Betriebsklima</li><li>Arbeitszeit einfach per App am Handy erfassen</li></ul></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="mailto:info@kirschner-service.de?subject=Bewerbung%3A%20Reinigungskraft%20%28Minijob%29&body=Hallo%20Herr%20Kirschner%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Stelle%20und%20m%C3%B6chte%20mich%20kurz%20vorstellen%3A%0A%0AName%3A%0ATelefon%3A%0AErfahrung%3A%0AFr%C3%BChester%20Start%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Jetzt bewerben <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="tel:+4987114269101">Lieber anrufen</a></div>
|
||||
|
||||
<div><h4>Das bringst Du mit</h4><ul role="list"><li>Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit</li><li>Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen</li><li>Blick für Sauberkeit</li><li>Gutes Deutsch</li><li>Idealerweise Erfahrung im Reinigungsbereich</li></ul></div>
|
||||
<div><h4>Das bekommst Du</h4><ul role="list"><li>Tarifliche Vergütung sowie Gutscheine (z. B. Tanken)</li><li>Flexible Zeiteinteilung</li><li>30 Arbeitstage bezahlter Urlaub</li><li>Lohnfortzahlung im Krankheitsfall</li><li>Feste eigene Objekte statt Springer</li><li>Arbeitszeit per App am Handy erfassen</li></ul></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="mailto:info@kirschner-service.de?subject=Bewerbung%3A%20Reinigungskraft%20%28Minijob%29&body=Hallo%20Herr%20Kirschner%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Stelle%20und%20m%C3%B6chte%20mich%20kurz%20vorstellen%3A%0A%0AName%3A%0ATelefon%3A%0AErfahrung%3A%0AFr%C3%BChester%20Start%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Jetzt bewerben <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="tel:+4987114269101">Anrufen</a></div>
|
||||
</div>
|
||||
</details>
|
||||
<details class="job" data-reveal>
|
||||
@@ -113,10 +99,10 @@
|
||||
<span class="job__toggle" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M12 4v16M4 12h16"/></svg></span>
|
||||
</summary>
|
||||
<div class="job__body">
|
||||
<div class="job__text"><p>Wir sind ein familiäres und jung gebliebenes Unternehmen und suchen Dich, wenn Du Dich in diesen Punkten wiederfindest.</p></div>
|
||||
<div><h4>Das bringst Du mit</h4><ul role="list"><li>Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit</li><li>Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen</li><li>Blick für Sauberkeit</li><li>Gutes Deutsch</li><li>Du arbeitest gern im Team</li><li>Idealerweise Erfahrung im Garten oder handwerklich</li></ul></div>
|
||||
<div><h4>Das bekommst Du</h4><ul role="list"><li>Übertarifliche Vergütung</li><li>Prämien wie Gutscheine (z. B. Tanken)</li><li>Flexible Zeiteinteilung</li><li>30 Arbeitstage bezahlter Urlaub</li><li>Lohnfortzahlung im Krankheitsfall</li><li>Abwechslungsreich — indoor und outdoor</li><li>Moderne Maschinen und Fuhrpark</li><li>Arbeitszeit einfach per App erfassen</li></ul></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="mailto:info@kirschner-service.de?subject=Bewerbung%3A%20Hausmeister%20%28Minijob%29&body=Hallo%20Herr%20Kirschner%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Stelle%20und%20m%C3%B6chte%20mich%20kurz%20vorstellen%3A%0A%0AName%3A%0ATelefon%3A%0AErfahrung%3A%0AFr%C3%BChester%20Start%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Jetzt bewerben <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="tel:+4987114269101">Lieber anrufen</a></div>
|
||||
|
||||
<div><h4>Das bringst Du mit</h4><ul role="list"><li>Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit</li><li>Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen</li><li>Blick für Sauberkeit</li><li>Gutes Deutsch</li><li>Idealerweise Erfahrung im Garten oder handwerklich</li></ul></div>
|
||||
<div><h4>Das bekommst Du</h4><ul role="list"><li>Übertarifliche Vergütung</li><li>Prämien wie Gutscheine (z. B. Tanken)</li><li>Flexible Zeiteinteilung</li><li>30 Arbeitstage bezahlter Urlaub</li><li>Lohnfortzahlung im Krankheitsfall</li><li>Moderne Maschinen und Fuhrpark</li><li>Arbeitszeit per App erfassen</li></ul></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="mailto:info@kirschner-service.de?subject=Bewerbung%3A%20Hausmeister%20%28Minijob%29&body=Hallo%20Herr%20Kirschner%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Stelle%20und%20m%C3%B6chte%20mich%20kurz%20vorstellen%3A%0A%0AName%3A%0ATelefon%3A%0AErfahrung%3A%0AFr%C3%BChester%20Start%3A%0A%0AViele%20Gr%C3%BC%C3%9Fe%0A">Jetzt bewerben <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="tel:+4987114269101">Anrufen</a></div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
@@ -126,17 +112,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>Interesse? Melde Dich!</h2>
|
||||
<p class="lead" data-reveal>Ruf uns an oder schreib uns eine kurze E-Mail. Wir melden uns schnell bei Dir.</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>
|
||||
<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"><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>
|
||||
|
||||
+10
-13
@@ -52,25 +52,23 @@
|
||||
</div>
|
||||
<main id="inhalt">
|
||||
|
||||
<section class="page-hero">
|
||||
<section class="page-hero page-hero--image">
|
||||
<div class="hero__media"><picture><source type="image/avif" srcset="assets/img/balkone-800.avif 800w, assets/img/balkone-1600.avif 1600w" sizes="100vw"><source type="image/webp" srcset="assets/img/balkone-800.webp 800w, assets/img/balkone-1600.webp 1600w" sizes="100vw"><img src="assets/img/balkone-1600.webp" width="1600" height="1066" alt="" fetchpriority="high"></picture></div>
|
||||
<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 page-hero__grid">
|
||||
<h1 class="display" data-split>Kontakt</h1>
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-hero>Kontakt</p>
|
||||
<h1 class="display" data-split>Wir sind für Sie da.</h1>
|
||||
</div>
|
||||
<div class="stack">
|
||||
<p class="lead" data-hero>Schreiben Sie uns oder rufen Sie an — wir freuen uns auf Ihre Anfragen, Aufträge und natürlich über Ihr Feedback.</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section" style="padding-top:0" aria-label="Kontaktwege">
|
||||
<section class="section" aria-label="Kontaktwege">
|
||||
<div class="wrap">
|
||||
<div class="contact-grid">
|
||||
<a class="contact-card" href="tel:+4987114269101" data-reveal><small>Büro</small><strong>0871 / 14 26 91 01</strong><p>Für Anfragen, Angebote und Rückfragen.</p><span class="contact-card__go">Anrufen <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></span></a>
|
||||
<a class="contact-card contact-card--sos" href="tel:+491608365753" data-reveal><small>Notruf 24/7</small><strong>0160 / 836 57 53</strong><p>Wenn es dringend ist — auch nachts und am Wochenende.</p><span class="contact-card__go">Notruf wählen <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></span></a>
|
||||
<a class="contact-card" 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" data-reveal><small>E-Mail</small><strong>info@kirschner-service.de</strong><p>Wir haben die wichtigsten Angaben schon vorbereitet — einfach ausfüllen und absenden.</p><span class="contact-card__go">E-Mail schreiben <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></span></a>
|
||||
<a class="contact-card" href="tel:+4987114269101" data-reveal><small>Büro</small><strong>0871 / 14 26 91 01</strong><span class="contact-card__go">Anrufen <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></span></a>
|
||||
<a class="contact-card contact-card--sos" href="tel:+491608365753" data-reveal><small>Notruf 24/7</small><strong>0160 / 836 57 53</strong><span class="contact-card__go">Notruf wählen <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></span></a>
|
||||
<a class="contact-card" 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" data-reveal><small>E-Mail</small><strong>info@kirschner-service.de</strong><span class="contact-card__go">E-Mail schreiben <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></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -78,9 +76,8 @@
|
||||
<section class="section theme-deep" aria-labelledby="map-title">
|
||||
<div class="wrap map-card">
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-reveal>Adresse</p>
|
||||
<h2 class="display" id="map-title" data-split>Mitten in Ergolding.</h2>
|
||||
<p class="lead" data-reveal>Kirschner Gebäudeservice<br>Etzstraße 45 · 84030 Ergolding<br>Landshut-Ergolding</p>
|
||||
<h2 class="display" id="map-title" data-split>Anfahrt</h2>
|
||||
<p class="lead" data-reveal>Kirschner Gebäudeservice<br>Etzstraße 45<br>84030 Ergolding</p>
|
||||
<div class="btn-row" data-reveal><a class="btn" href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" target="_blank" rel="noopener">Route planen <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>
|
||||
<a class="map reveal-img" href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" target="_blank" rel="noopener" aria-label="Standort in Google Maps öffnen (externe Seite)">
|
||||
|
||||
+23
-59
@@ -52,100 +52,73 @@
|
||||
</div>
|
||||
<main id="inhalt">
|
||||
|
||||
<section class="page-hero">
|
||||
<section class="page-hero page-hero--image">
|
||||
<div class="hero__media"><picture><source type="image/avif" srcset="assets/img/seil-800.avif 800w, assets/img/seil-1600.avif 1600w" sizes="100vw"><source type="image/webp" srcset="assets/img/seil-800.webp 800w, assets/img/seil-1600.webp 1600w" sizes="100vw"><img src="assets/img/seil-1600.webp" width="1600" height="1200" alt="" fetchpriority="high"></picture></div>
|
||||
<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 page-hero__grid">
|
||||
<h1 class="display" data-split>Leistungen</h1>
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-hero>Leistungen</p>
|
||||
<h1 class="display" data-split>Ein Team. Jedes Gewerk.</h1>
|
||||
</div>
|
||||
<div class="stack">
|
||||
<p class="lead" data-hero>Klassische Hausmeisterdienste und spezialisierte Leistungen — einzeln buchbar oder als Rundum-Betreuung für Ihr Objekt.</p>
|
||||
<p class="lead" data-hero>Für Privat, Eigentümergemeinschaften, Gewerbe und die öffentliche Hand.</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></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section theme-light" aria-labelledby="scope-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Leistungsumfang</p>
|
||||
<h2 class="display" id="scope-title" data-split>Für private und gewerbliche Objekte.</h2>
|
||||
</div>
|
||||
<div class="switch" role="tablist" aria-label="Objektart" data-reveal>
|
||||
<span class="switch__pill" aria-hidden="true"></span>
|
||||
<button class="switch__btn" role="tab" id="tab-gewerbe" aria-selected="true" aria-controls="scope-gewerbe" type="button">Gewerbe & Wohnanlagen</button>
|
||||
<button class="switch__btn" role="tab" id="tab-privat" aria-selected="false" aria-controls="scope-privat" tabindex="-1" type="button">Privat</button>
|
||||
</div>
|
||||
<div class="scope-lists">
|
||||
<ul class="scope-list" role="tabpanel" id="scope-gewerbe" aria-labelledby="tab-gewerbe"><li>Technische Hausbetreuung</li><li>Innenreinigung</li><li>Außenreinigung</li><li>Pflege von Grünanlagen</li><li>Winterdienst</li><li>Reparaturen</li><li>Renovierungen</li><li>Tiefgaragenreinigung</li><li>Glas- & PV-Reinigung</li><li>24/7-Bereitschaft</li></ul>
|
||||
<ul class="scope-list" role="tabpanel" id="scope-privat" aria-labelledby="tab-privat" hidden><li>Gartenarbeiten</li><li>Reparaturen</li><li>Renovierungen</li><li>Glas- & PV-Reinigung</li><li>Winterdienst</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" aria-label="Leistungen im Detail">
|
||||
<div class="wrap service-rows">
|
||||
<article class="service-row" id="reinigung">
|
||||
<div class="service-row__media reveal-img"><picture><source type="image/avif" srcset="assets/img/reinigung-800.avif 800w, assets/img/reinigung-1600.avif 1600w" sizes="(min-width: 960px) 52vw, 100vw"><source type="image/webp" srcset="assets/img/reinigung-800.webp 800w, assets/img/reinigung-1600.webp 1600w" sizes="(min-width: 960px) 52vw, 100vw"><img src="assets/img/reinigung-1600.webp" width="1600" height="1200" alt="Treppenhaus in einem modernen Wohngebäude" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>01</span>
|
||||
<h3 class="title" data-split>Reinigung</h3>
|
||||
<p class="muted" data-reveal>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" data-reveal><li>Treppenhaus</li><li>Innenreinigung</li><li>Außenreinigung</li><li>Tiefgarage</li></ul>
|
||||
<h2 class="title" data-split>Reinigung</h2>
|
||||
<p class="muted" data-reveal>Treppenhäuser, Innen- und Außenflächen nach festem Plan. Tiefgaragen mit modernen Maschinen.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="service-row" id="glas">
|
||||
<div class="service-row__media reveal-img"><picture><source type="image/avif" srcset="assets/img/glas-800.avif 800w, assets/img/glas-1600.avif 1600w" sizes="(min-width: 960px) 52vw, 100vw"><source type="image/webp" srcset="assets/img/glas-800.webp 800w, assets/img/glas-1600.webp 1600w" sizes="(min-width: 960px) 52vw, 100vw"><img src="assets/img/glas-1600.webp" width="1600" height="1066" alt="Fensterreinigung mit Teleskopstange an einem Wohnhaus" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>02</span>
|
||||
<h3 class="title" data-split>Glas- & PV-Reinigung</h3>
|
||||
<p class="muted" data-reveal>Mit eigener Osmoseanlage und reinem Wasser: streifenfreie Fenster und saubere Photovoltaik-Module — meist sogar ohne Hebebühne.</p>
|
||||
<ul class="tags" role="list" data-reveal><li>Osmoseanlage</li><li>Fenster & Fassadenglas</li><li>Photovoltaik</li><li>meist ohne Hebebühne</li></ul>
|
||||
<h2 class="title" data-split>Glas- & PV-Reinigung</h2>
|
||||
<p class="muted" data-reveal>Mit eigener Osmoseanlage und reinem Wasser — meist sogar ohne Hebebühne.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="service-row" id="garten">
|
||||
<div class="service-row__media reveal-img"><picture><source type="image/avif" srcset="assets/img/garten-800.avif 800w, assets/img/garten-1600.avif 1600w" sizes="(min-width: 960px) 52vw, 100vw"><source type="image/webp" srcset="assets/img/garten-800.webp 800w, assets/img/garten-1600.webp 1600w" sizes="(min-width: 960px) 52vw, 100vw"><img src="assets/img/garten-1600.webp" width="1600" height="1066" alt="Heckenschnitt in einer Gartenanlage" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>03</span>
|
||||
<h3 class="title" data-split>Garten- & Grünpflege</h3>
|
||||
<p class="muted" data-reveal>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" data-reveal><li>Rasenpflege</li><li>Heckenschnitt</li><li>Grünanlagen</li><li>Gartenarbeiten</li></ul>
|
||||
<h2 class="title" data-split>Garten- & Grünpflege</h2>
|
||||
<p class="muted" data-reveal>Rasen, Hecken, Beete und Grünanlagen, das ganze Jahr über.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="service-row" id="technik">
|
||||
<div class="service-row__media reveal-img"><picture><source type="image/avif" srcset="assets/img/technik-800.avif 800w, assets/img/technik-1600.avif 1600w" sizes="(min-width: 960px) 52vw, 100vw"><source type="image/webp" srcset="assets/img/technik-800.webp 800w, assets/img/technik-1600.webp 1600w" sizes="(min-width: 960px) 52vw, 100vw"><img src="assets/img/technik-1600.webp" width="1600" height="1065" alt="Rohrleitungen einer Haustechnikanlage" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>04</span>
|
||||
<h3 class="title" data-split>Technische Hausbetreuung</h3>
|
||||
<p class="muted" data-reveal>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" data-reveal><li>Anlagenkontrolle</li><li>Wartung</li><li>Objektrundgänge</li></ul>
|
||||
<h2 class="title" data-split>Technische Hausbetreuung</h2>
|
||||
<p class="muted" data-reveal>Kontrolle und Wartung technischer Anlagen.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="service-row" id="reparatur">
|
||||
<div class="service-row__media reveal-img"><picture><source type="image/avif" srcset="assets/img/reparatur-800.avif 800w, assets/img/reparatur-1600.avif 1600w" sizes="(min-width: 960px) 52vw, 100vw"><source type="image/webp" srcset="assets/img/reparatur-800.webp 800w, assets/img/reparatur-1600.webp 1600w" sizes="(min-width: 960px) 52vw, 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></div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>05</span>
|
||||
<h3 class="title" data-split>Reparaturen & Renovierungen</h3>
|
||||
<p class="muted" data-reveal>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" data-reveal><li>Reparaturen</li><li>Renovierungen</li><li>Schreinerarbeiten</li></ul>
|
||||
<h2 class="title" data-split>Reparaturen & Renovierungen</h2>
|
||||
<p class="muted" data-reveal>Handwerk im eigenen Team — vom Servicetechniker bis zum Schreiner.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="service-row" id="winter">
|
||||
<div class="service-row__media reveal-img"><picture><source type="image/avif" srcset="assets/img/winter-800.avif 800w, assets/img/winter-1600.avif 1600w" sizes="(min-width: 960px) 52vw, 100vw"><source type="image/webp" srcset="assets/img/winter-800.webp 800w, assets/img/winter-1600.webp 1600w" sizes="(min-width: 960px) 52vw, 100vw"><img src="assets/img/winter-1600.webp" width="1600" height="1061" alt="Schneeräumung vor einem Gebäude" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>06</span>
|
||||
<h3 class="title" data-split>Winterdienst</h3>
|
||||
<p class="muted" data-reveal>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" data-reveal><li>Räumdienst</li><li>Streudienst</li><li>eigene Fahrzeuge</li></ul>
|
||||
<h2 class="title" data-split>Winterdienst</h2>
|
||||
<p class="muted" data-reveal>Räumen und Streuen mit eigenen Fahrzeugen.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="service-row" id="bereitschaft">
|
||||
<div class="service-row__media reveal-img"><picture><source type="image/avif" srcset="assets/img/bereitschaft-800.avif 800w, assets/img/bereitschaft-1600.avif 1600w" sizes="(min-width: 960px) 52vw, 100vw"><source type="image/webp" srcset="assets/img/bereitschaft-800.webp 800w, assets/img/bereitschaft-1600.webp 1600w" sizes="(min-width: 960px) 52vw, 100vw"><img src="assets/img/bereitschaft-1600.webp" width="1600" height="1066" alt="Reinigung einer Glasfassade am Abend" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>07</span>
|
||||
<h3 class="title" data-split>24/7-Bereitschaft</h3>
|
||||
<p class="muted" data-reveal>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" data-reveal><li>rund um die Uhr</li><li>Notruf</li><li>auf Wunsch</li></ul>
|
||||
<h2 class="title" data-split>24/7-Bereitschaft</h2>
|
||||
<p class="muted" data-reveal>Auf Wunsch rund um die Uhr erreichbar — Notruf 0160 / 836 57 53.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
@@ -154,35 +127,26 @@
|
||||
<section class="section theme-light" aria-labelledby="dl-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Leistungsverzeichnis</p>
|
||||
<h2 class="display" id="dl-title" data-split>Alles schwarz auf weiß.</h2>
|
||||
<p class="lead" data-reveal>Eine detaillierte Aufstellung unserer Dienstleistungen finden Sie in unseren Leistungsverzeichnissen.</p>
|
||||
<h2 class="display" id="dl-title" data-split>Zum Download</h2>
|
||||
</div>
|
||||
<div class="downloads">
|
||||
<a class="download" href="assets/docs/Leistungsverzeichnis-Wohnanlage.pdf" download data-reveal><span class="download__icon">PDF</span><span><b>Leistungsverzeichnis Wohnanlage</b><span>PDF · 1,4 MB</span></span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M12 4v13M6 11l6 6 6-6M5 21h14"/></svg></a>
|
||||
<a class="download" href="assets/docs/Leistungsverzeichnis-Tiefgarage.pdf" download data-reveal><span class="download__icon">PDF</span><span><b>Leistungsverzeichnis Tiefgarage</b><span>PDF · 400 KB</span></span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M12 4v13M6 11l6 6 6-6M5 21h14"/></svg></a>
|
||||
</div>
|
||||
<div class="section-head mt-6" style="margin-bottom:0">
|
||||
<p class="eyebrow" data-reveal>Referenzen</p>
|
||||
<p class="title" data-reveal>Wir betreuen Wohnanlagen, Gewerbeanlagen und kommunale Objekte in Landshut. Auf Wunsch nennen wir Ihnen gern Referenzobjekte.</p>
|
||||
</div>
|
||||
<p class="muted mt-4" data-reveal>Referenzobjekte in Landshut nennen wir Ihnen gern auf Anfrage.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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>Sie wünschen ein Angebot?</h2>
|
||||
<p class="lead" data-reveal>Sprechen Sie uns an — wir schauen uns Ihr Objekt an und unterbreiten Ihnen ein Angebot, das zu Ihnen passt.</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>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"><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>
|
||||
|
||||
+86
-213
@@ -200,17 +200,18 @@ def page(file, title, desc, body, intro=False):
|
||||
print("geschrieben:", file, len(html))
|
||||
|
||||
|
||||
def page_hero(eyebrow, h1, lead, extra=""):
|
||||
def page_hero(h1, lead="", img=None, extra="", small=False):
|
||||
media = f'<div class="hero__media">{pic(img, "", "100vw", eager=True)}</div>' if img else ""
|
||||
cls = "page-hero" + (" page-hero--image" if img else "") + (" page-hero--small" if small else "")
|
||||
lead_html = f'<p class="lead" data-hero>{lead}</p>' if lead else ""
|
||||
return f'''
|
||||
<section class="page-hero">
|
||||
<section class="{cls}">
|
||||
{media}
|
||||
{HERO_CHEVRONS}
|
||||
<div class="wrap page-hero__grid">
|
||||
<h1 class="display" data-split>{h1}</h1>
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-hero>{eyebrow}</p>
|
||||
<h1 class="display" data-split>{h1}</h1>
|
||||
</div>
|
||||
<div class="stack">
|
||||
<p class="lead" data-hero>{lead}</p>
|
||||
{lead_html}
|
||||
{extra}
|
||||
</div>
|
||||
</div>
|
||||
@@ -222,17 +223,13 @@ def cta_final(h, p, theme=""):
|
||||
<section class="section {theme}" 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>{h}</h2>
|
||||
<p class="lead" data-reveal>{p}</p>
|
||||
<div class="btn-row mt-2" data-reveal>
|
||||
<a class="btn" href="{ANFRAGE}">Angebot per E-Mail {I_ARROW}</a>
|
||||
</div>
|
||||
</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="mailto:{MAIL}"><span><small>E-Mail</small><strong>{MAIL}</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>'''
|
||||
@@ -243,32 +240,25 @@ def cta_final(h, p, theme=""):
|
||||
# ======================================================================
|
||||
SERVICES = [
|
||||
("reinigung", "Reinigung",
|
||||
"Treppenhäuser, Eingangsbereiche, Innen- und Außenflächen — regelmäßig und nach festem Plan. Tiefgaragen reinigen wir mit modernen Maschinen.",
|
||||
["Treppenhaus", "Innenreinigung", "Außenreinigung", "Tiefgarage"],
|
||||
"Treppenhäuser, Innen- und Außenflächen nach festem Plan. Tiefgaragen mit modernen Maschinen.",
|
||||
"Treppenhaus in einem modernen Wohngebäude"),
|
||||
("glas", "Glas- & PV-Reinigung",
|
||||
"Mit eigener Osmoseanlage und reinem Wasser: streifenfreie Fenster und saubere Photovoltaik-Module — meist sogar ohne Hebebühne.",
|
||||
["Osmoseanlage", "Fenster & Fassadenglas", "Photovoltaik", "meist ohne Hebebühne"],
|
||||
"Mit eigener Osmoseanlage und reinem Wasser — meist sogar ohne Hebebühne.",
|
||||
"Fensterreinigung mit Teleskopstange an einem Wohnhaus"),
|
||||
("garten", "Garten- & Grünpflege",
|
||||
"Rasen, Hecken, Beete und Grünanlagen — gepflegt über das ganze Jahr, damit Ihr Objekt schon von außen einen guten Eindruck macht.",
|
||||
["Rasenpflege", "Heckenschnitt", "Grünanlagen", "Gartenarbeiten"],
|
||||
"Rasen, Hecken, Beete und Grünanlagen, das ganze Jahr über.",
|
||||
"Heckenschnitt in einer Gartenanlage"),
|
||||
("technik", "Technische Hausbetreuung",
|
||||
"Kontrolle und Wartung technischer Anlagen, regelmäßige Rundgänge und ein wacher Blick, bevor aus Kleinigkeiten teure Schäden werden.",
|
||||
["Anlagenkontrolle", "Wartung", "Objektrundgänge"],
|
||||
"Kontrolle und Wartung technischer Anlagen.",
|
||||
"Rohrleitungen einer Haustechnikanlage"),
|
||||
("reparatur", "Reparaturen & Renovierungen",
|
||||
"Handwerkliches Können im eigenen Team — vom Schreiner bis zum Servicetechniker. Kleine Reparaturen erledigen wir direkt, größere planen wir mit Ihnen.",
|
||||
["Reparaturen", "Renovierungen", "Schreinerarbeiten"],
|
||||
"Handwerk im eigenen Team — vom Servicetechniker bis zum Schreiner.",
|
||||
"Handwerker bei der Arbeit mit einem Akkuschrauber"),
|
||||
("winter", "Winterdienst",
|
||||
"Räumen und Streuen mit eigenen Fahrzeugen, damit Wege, Zufahrten und Eingänge bei Schnee und Eis sicher bleiben.",
|
||||
["Räumdienst", "Streudienst", "eigene Fahrzeuge"],
|
||||
"Räumen und Streuen mit eigenen Fahrzeugen.",
|
||||
"Schneeräumung vor einem Gebäude"),
|
||||
("bereitschaft", "24/7-Bereitschaft",
|
||||
"Auf Wunsch sind wir rund um die Uhr erreichbar. Wenn es brennt, erreichen Sie uns über den Notruf — auch nachts und am Wochenende.",
|
||||
["rund um die Uhr", "Notruf", "auf Wunsch"],
|
||||
"Auf Wunsch rund um die Uhr erreichbar — Notruf 0160 / 836 57 53.",
|
||||
"Reinigung einer Glasfassade am Abend"),
|
||||
]
|
||||
|
||||
@@ -281,9 +271,8 @@ panels = "".join(f'''
|
||||
<div class="panel__body">
|
||||
<h3>{t}</h3>
|
||||
<p>{d}</p>
|
||||
<ul class="tags" role="list">{"".join(f"<li>{x}</li>" for x in tags)}</ul>
|
||||
</div>
|
||||
</article>''' for i, (n, t, d, tags, alt) in enumerate(SERVICES, 1))
|
||||
</article>''' for i, (n, t, d, alt) in enumerate(SERVICES, 1))
|
||||
|
||||
INDEX = f'''
|
||||
<div class="intro" aria-hidden="true">
|
||||
@@ -298,65 +287,20 @@ INDEX = f'''
|
||||
{HERO_CHEVRONS}
|
||||
<div class="wrap">
|
||||
<div class="hero__content">
|
||||
<p class="eyebrow" data-hero>Hausmeisterservice · Landshut & 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="{ANFRAGE}">Angebot anfragen {I_ARROW}</a>
|
||||
<a class="btn btn--ghost" href="leistungen.html">Alle Leistungen {I_ARROW}</a>
|
||||
<a class="btn btn--ghost" href="leistungen.html">Leistungen {I_ARROW}</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 & Hausverwaltungen</span></li>
|
||||
<li data-reveal><b>Gewerbe</b><span>Büro-, Gewerbe- & 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 & Team {I_ARROW_S}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="stat" data-reveal><span class="stat__num"><span data-count="years">{YEARS}</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 {I_ARROW_S}</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hscroll" aria-label="Leistungsübersicht">
|
||||
@@ -364,19 +308,12 @@ INDEX = f'''
|
||||
</div>
|
||||
<div class="hscroll__progress" aria-hidden="true"><span data-hs-count>01</span><span class="hscroll__bar"><i></i></span><span>{len(SERVICES):02d}</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 {I_ARROW}</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- & 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- & 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('Anfrage Glas- / PV-Reinigung')}">Reinigung anfragen {I_ARROW}</a></p>
|
||||
</div>
|
||||
<figure data-reveal>
|
||||
@@ -387,20 +324,15 @@ INDEX = f'''
|
||||
<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">{pic("fassade", "", "100vw")}</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>
|
||||
|
||||
@@ -408,14 +340,13 @@ INDEX = f'''
|
||||
{BAND_CHEV}
|
||||
<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 {I_ARROW}</a></div>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Sprechen wir über Ihr Objekt.", "Rufen Sie uns an oder schreiben Sie uns — wir melden uns schnell und unterbreiten Ihnen gern ein Angebot.")
|
||||
''' + 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",
|
||||
@@ -425,42 +356,20 @@ page("index.html",
|
||||
# ======================================================================
|
||||
# Leistungen
|
||||
# ======================================================================
|
||||
PRIVAT = ["Gartenarbeiten", "Reparaturen", "Renovierungen", "Glas- & PV-Reinigung", "Winterdienst"]
|
||||
GEWERBE = ["Technische Hausbetreuung", "Innenreinigung", "Außenreinigung", "Pflege von Grünanlagen", "Winterdienst",
|
||||
"Reparaturen", "Renovierungen", "Tiefgaragenreinigung", "Glas- & PV-Reinigung", "24/7-Bereitschaft"]
|
||||
|
||||
rows = "".join(f'''
|
||||
<article class="service-row" id="{n}">
|
||||
<div class="service-row__media reveal-img">{pic(n, alt, "(min-width: 960px) 52vw, 100vw")}</div>
|
||||
<div class="service-row__body">
|
||||
<span class="service-row__num" data-reveal>{i:02d}</span>
|
||||
<h3 class="title" data-split>{t}</h3>
|
||||
<h2 class="title" data-split>{t}</h2>
|
||||
<p class="muted" data-reveal>{d}</p>
|
||||
<ul class="tags" role="list" data-reveal>{"".join(f"<li>{x}</li>" for x in tags)}</ul>
|
||||
</div>
|
||||
</article>''' for i, (n, t, d, tags, alt) in enumerate(SERVICES, 1))
|
||||
</article>''' for i, (n, t, d, alt) in enumerate(SERVICES, 1))
|
||||
|
||||
LEISTUNGEN = page_hero("Leistungen", "Ein Team. Jedes Gewerk.",
|
||||
"Klassische Hausmeisterdienste und spezialisierte Leistungen — einzeln buchbar oder als Rundum-Betreuung für Ihr Objekt.",
|
||||
LEISTUNGEN = page_hero("Leistungen",
|
||||
"Für Privat, Eigentümergemeinschaften, Gewerbe und die öffentliche Hand.",
|
||||
"seil",
|
||||
f'<div class="btn-row" data-hero><a class="btn" href="{ANFRAGE}">Angebot anfragen {I_ARROW}</a></div>') + f'''
|
||||
<section class="section theme-light" aria-labelledby="scope-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Leistungsumfang</p>
|
||||
<h2 class="display" id="scope-title" data-split>Für private und gewerbliche Objekte.</h2>
|
||||
</div>
|
||||
<div class="switch" role="tablist" aria-label="Objektart" data-reveal>
|
||||
<span class="switch__pill" aria-hidden="true"></span>
|
||||
<button class="switch__btn" role="tab" id="tab-gewerbe" aria-selected="true" aria-controls="scope-gewerbe" type="button">Gewerbe & Wohnanlagen</button>
|
||||
<button class="switch__btn" role="tab" id="tab-privat" aria-selected="false" aria-controls="scope-privat" tabindex="-1" type="button">Privat</button>
|
||||
</div>
|
||||
<div class="scope-lists">
|
||||
<ul class="scope-list" role="tabpanel" id="scope-gewerbe" aria-labelledby="tab-gewerbe">{"".join(f"<li>{x}</li>" for x in GEWERBE)}</ul>
|
||||
<ul class="scope-list" role="tabpanel" id="scope-privat" aria-labelledby="tab-privat" hidden>{"".join(f"<li>{x}</li>" for x in PRIVAT)}</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" aria-label="Leistungen im Detail">
|
||||
<div class="wrap service-rows">{rows}
|
||||
</div>
|
||||
@@ -469,21 +378,16 @@ LEISTUNGEN = page_hero("Leistungen", "Ein Team. Jedes Gewerk.",
|
||||
<section class="section theme-light" aria-labelledby="dl-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Leistungsverzeichnis</p>
|
||||
<h2 class="display" id="dl-title" data-split>Alles schwarz auf weiß.</h2>
|
||||
<p class="lead" data-reveal>Eine detaillierte Aufstellung unserer Dienstleistungen finden Sie in unseren Leistungsverzeichnissen.</p>
|
||||
<h2 class="display" id="dl-title" data-split>Zum Download</h2>
|
||||
</div>
|
||||
<div class="downloads">
|
||||
<a class="download" href="assets/docs/Leistungsverzeichnis-Wohnanlage.pdf" download data-reveal><span class="download__icon">PDF</span><span><b>Leistungsverzeichnis Wohnanlage</b><span>PDF · 1,4 MB</span></span>{I_DOWN}</a>
|
||||
<a class="download" href="assets/docs/Leistungsverzeichnis-Tiefgarage.pdf" download data-reveal><span class="download__icon">PDF</span><span><b>Leistungsverzeichnis Tiefgarage</b><span>PDF · 400 KB</span></span>{I_DOWN}</a>
|
||||
</div>
|
||||
<div class="section-head mt-6" style="margin-bottom:0">
|
||||
<p class="eyebrow" data-reveal>Referenzen</p>
|
||||
<p class="title" data-reveal>Wir betreuen Wohnanlagen, Gewerbeanlagen und kommunale Objekte in Landshut. Auf Wunsch nennen wir Ihnen gern Referenzobjekte.</p>
|
||||
</div>
|
||||
<p class="muted mt-4" data-reveal>Referenzobjekte in Landshut nennen wir Ihnen gern auf Anfrage.</p>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Sie wünschen ein Angebot?", "Sprechen Sie uns an — wir schauen uns Ihr Objekt an und unterbreiten Ihnen ein Angebot, das zu Ihnen passt.")
|
||||
''' + 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",
|
||||
@@ -494,13 +398,12 @@ page("leistungen.html",
|
||||
# Unternehmen
|
||||
# ======================================================================
|
||||
TIMELINE = [
|
||||
("2003", "Gründung in Ergolding", "Kirschner Gebäudeservice startet — mit umfangreichen Dienstleistungen rund um Immobilien. Das Original seit 2003."),
|
||||
("2013", "10 Jahre", "Zehn Jahre Kirschner Gebäudeservice. Wir bedanken uns bei unseren Kunden für die gute und erfolgreiche Zusammenarbeit."),
|
||||
("2003", "Gründung in Ergolding", "Kirschner Gebäudeservice startet mit Dienstleistungen rund um Immobilien."),
|
||||
("2013", "10 Jahre", "Zehn Jahre Kirschner Gebäudeservice."),
|
||||
("2015", "Servicetechnik & Schreinerei", "Herr Listl verstärkt Servicetechnik und Hausmeisterei — mit langjähriger Erfahrung als Schreiner."),
|
||||
("2018", "15 Jahre — und 120 Schulessen-Jahre", "Wir feiern das Jubiläum mit unseren Geschäftspartnern. Durch die Spenden des Abends werden über 120 Kinder in Nepal ein Jahr lang mit Schulessen versorgt."),
|
||||
("2019", "Das Team wächst", "Herr Gerhart ergänzt das Team mit handwerklicher Ausbildung, Herr Ponath mit langjähriger Erfahrung in der Gebäudedienstleistung."),
|
||||
("2020", "Für den Nachwuchs", "Ein neuer Trikotsatz für die U8 des FC Ergolding 1932 e.V."),
|
||||
("Heute", f"<span data-years>{YEARS}</span> Jahre Erfahrung", "Wohnanlagen, Gewerbeanlagen und kommunale Objekte in Landshut und Umgebung — persönlich betreut von einem eingespielten Team."),
|
||||
("2018", "15 Jahre", "Jubiläumsfeier mit Geschäftspartnern. Die Spenden des Abends versorgen über 120 Kinder in Nepal ein Jahr lang mit Schulessen."),
|
||||
("2019", "Das Team wächst", "Herr Gerhart und Herr Ponath kommen ins Team."),
|
||||
("2020", "FC Ergolding", "Ein neuer Trikotsatz für die U8 des FC Ergolding 1932 e.V."),
|
||||
]
|
||||
tl = "".join(f'''
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">{y}</span><div><h3>{h}</h3><p>{p}</p></div></div>''' for y, h, p in TIMELINE)
|
||||
@@ -515,7 +418,7 @@ team = "".join(f'''
|
||||
</div>''' for ini, n, r in TEAM) + '''
|
||||
<div class="member member--more" data-reveal>
|
||||
<div class="member__photo"><span class="member__initials" aria-hidden="true">+</span></div>
|
||||
<div><b>und viele mehr</b><span>geschätzte Kolleginnen und Kollegen</span></div>
|
||||
<div><b>und viele mehr</b><span>Kolleginnen und Kollegen</span></div>
|
||||
</div>'''
|
||||
|
||||
MAP_SVG = '''<svg viewBox="0 0 800 480" preserveAspectRatio="xMidYMid slice" aria-hidden="true">
|
||||
@@ -528,25 +431,13 @@ MAP_SVG = '''<svg viewBox="0 0 800 480" preserveAspectRatio="xMidYMid slice" ari
|
||||
<g fill="none" stroke="rgba(169,183,204,.14)" stroke-width="1.5"><path d="M0 60 L800 90"/><path d="M300 0 L340 480"/><path d="M0 420 L800 440"/><path d="M540 0 L580 480"/></g>
|
||||
</svg>'''
|
||||
|
||||
UNTERNEHMEN = page_hero("Unternehmen", "Das Original seit 2003.",
|
||||
"Hinter Kirschner Gebäudeservice stehen Qualität, Erfahrung, Kompetenz — und echte Freude an der Dienstleistung.") + f'''
|
||||
<section class="section theme-deep philosophy" aria-labelledby="philo-title">
|
||||
<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>Seit 2003</b><p>Aus einer Idee wurde eine Erfolgsgeschichte — unsere Kunden belohnen hochwertigen Service mit Treue.</p></div>
|
||||
<div data-reveal><b>Aus der Region</b><p>Sitz in Ergolding, Einsatz in Landshut und Umgebung. Kurze Wege, schnelle Reaktion.</p></div>
|
||||
<div data-reveal><b>Engagiert</b><p>Wir unterstützen Vereine und Projekte vor Ort und weltweit — vom Jugendfußball bis zum Schulessen in Nepal.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
UNTERNEHMEN = page_hero("Das Original seit 2003.",
|
||||
"Persönlich, zuverlässig, erstklassig — aus Ergolding für Landshut und Umgebung.",
|
||||
"werkzeug") + f'''
|
||||
<section class="section theme-light" aria-labelledby="tl-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Geschichte</p>
|
||||
<h2 class="display" id="tl-title" data-split>Seit 2003 gewachsen.</h2>
|
||||
<h2 class="display" id="tl-title" data-split>Geschichte</h2>
|
||||
</div>
|
||||
<div class="timeline">
|
||||
<span class="timeline__line" aria-hidden="true"><i></i></span>{tl}
|
||||
@@ -557,9 +448,7 @@ UNTERNEHMEN = page_hero("Unternehmen", "Das Original seit 2003.",
|
||||
<section class="section theme-white" aria-labelledby="team-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Unser Team</p>
|
||||
<h2 class="display" id="team-title" data-split>Gesichter statt Hotline.</h2>
|
||||
<p class="lead" data-reveal>Sie sprechen mit Menschen, die Ihr Objekt kennen.</p>
|
||||
<h2 class="display" id="team-title" data-split>Unser Team</h2>
|
||||
</div>
|
||||
<div class="team">{team}
|
||||
</div>
|
||||
@@ -569,12 +458,10 @@ UNTERNEHMEN = page_hero("Unternehmen", "Das Original seit 2003.",
|
||||
<section class="section" aria-labelledby="map-title" id="anfahrt">
|
||||
<div class="wrap map-card">
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-reveal>Anfahrt</p>
|
||||
<h2 class="display" id="map-title" data-split>Hier finden Sie uns.</h2>
|
||||
<p class="lead" data-reveal>Kirschner Gebäudeservice<br>Etzstraße 45 · 84030 Ergolding</p>
|
||||
<h2 class="display" id="map-title" data-split>Anfahrt</h2>
|
||||
<p class="lead" data-reveal>Etzstraße 45<br>84030 Ergolding</p>
|
||||
<div class="btn-row" data-reveal>
|
||||
<a class="btn" href="{MAPS}" target="_blank" rel="noopener">Route planen {I_ARROW}</a>
|
||||
<a class="btn btn--ghost" href="{TEL_HREF}">{TEL}</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="map reveal-img" href="{MAPS}" target="_blank" rel="noopener" aria-label="Standort in Google Maps öffnen (externe Seite)">
|
||||
@@ -583,11 +470,11 @@ UNTERNEHMEN = page_hero("Unternehmen", "Das Original seit 2003.",
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Lernen wir uns kennen.", "Wir freuen uns auf Ihre Anfrage, Ihren Auftrag — und natürlich über Ihr Feedback.", "theme-deep")
|
||||
''' + 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",
|
||||
"Kirschner Gebäudeservice in Ergolding — das Original seit 2003. Philosophie, Geschichte, Team und Anfahrt.",
|
||||
"Kirschner Gebäudeservice in Ergolding — das Original seit 2003. Geschichte, Team und Anfahrt.",
|
||||
UNTERNEHMEN)
|
||||
|
||||
# ======================================================================
|
||||
@@ -597,20 +484,24 @@ JOBS = [
|
||||
("Handwerker / Hausmeister", ["Teilzeit", "Vollzeit", "auch Ga-La-Bauer, Glas- & Solarreiniger"],
|
||||
["Erfahrung im jeweiligen Bereich", "Blick für Sauberkeit und Qualität", "Freundlichkeit, Teamfähigkeit & Motivation", "Ambition, Verantwortung zu übernehmen"],
|
||||
["Sicherer Arbeitsplatz — krisenfest und zukunftssicher", "Weit übertarifliche Bezahlung und klare Aufstiegspläne", "Hochwertige Arbeitskleidung", "Boni: Spritgeld, Urlaubs- & Weihnachtsgeld, Erfolgsbonus", "Starkes Team, das sich gegenseitig unterstützt"],
|
||||
["Du sorgst dafür, dass sich unsere Kunden zuhause wohlfühlen — Sauberkeit in Deinen festen Objekten hat für Dich Priorität. Gemeinsam mit Kollegen pflegst Du Gärten und Grünflächen, reinigst Tiefgaragen mit modernen Maschinen und erlebst den Vorher-Nachher-Effekt.",
|
||||
"Im Winter sorgst Du mit unseren Fahrzeugen bei Schnee und Eis für Sicherheit. Mit handwerklichem Geschick zeigen wir Dir, wie Du mit Reparaturen unsere Kunden begeisterst. Viel Zeit an der frischen Luft, gut strukturierte Arbeit mit unserer eigenen App — und keine permanenten Überstunden, keine Arbeit am Freitagnachmittag oder Samstag."],
|
||||
["Du betreust feste Objekte, pflegst mit Kollegen Gärten und Grünflächen, reinigst Tiefgaragen mit modernen Maschinen und sorgst im Winter mit unseren Fahrzeugen für sichere Wege. Mit handwerklichem Geschick übernimmst Du auch Reparaturen.",
|
||||
"Die Arbeit ist über unsere eigene App strukturiert — ohne permanente Überstunden, ohne Freitagnachmittag und Samstag."],
|
||||
"Bewerbung: Handwerker / Hausmeister (TZ/VZ)"),
|
||||
("Reinigungskraft", ["Minijob", "m/w/d"],
|
||||
["Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit", "Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen", "Blick für Sauberkeit", "Gutes Deutsch", "Du lebst den Teamgedanken", "Idealerweise Erfahrung im Reinigungsbereich"],
|
||||
["Tarifliche Vergütung sowie Gutscheine (z. B. Tanken)", "Flexible Zeiteinteilung, die zu Deinem Leben passt", "30 Arbeitstage bezahlter Urlaub", "Lohnfortzahlung im Krankheitsfall", "Deine „eigenen“ festen Objekte — kein Springer", "Sehr kollegiales Betriebsklima", "Arbeitszeit einfach per App am Handy erfassen"],
|
||||
["Wir sind ein familiäres und jung gebliebenes Unternehmen und suchen Dich, wenn Du Dich in diesen Punkten wiederfindest."],
|
||||
["Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit", "Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen", "Blick für Sauberkeit", "Gutes Deutsch", "Idealerweise Erfahrung im Reinigungsbereich"],
|
||||
["Tarifliche Vergütung sowie Gutscheine (z. B. Tanken)", "Flexible Zeiteinteilung", "30 Arbeitstage bezahlter Urlaub", "Lohnfortzahlung im Krankheitsfall", "Feste eigene Objekte statt Springer", "Arbeitszeit per App am Handy erfassen"],
|
||||
[],
|
||||
"Bewerbung: Reinigungskraft (Minijob)"),
|
||||
("Hausmeister", ["Minijob", "m/w/d"],
|
||||
["Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit", "Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen", "Blick für Sauberkeit", "Gutes Deutsch", "Du arbeitest gern im Team", "Idealerweise Erfahrung im Garten oder handwerklich"],
|
||||
["Übertarifliche Vergütung", "Prämien wie Gutscheine (z. B. Tanken)", "Flexible Zeiteinteilung", "30 Arbeitstage bezahlter Urlaub", "Lohnfortzahlung im Krankheitsfall", "Abwechslungsreich — indoor und outdoor", "Moderne Maschinen und Fuhrpark", "Arbeitszeit einfach per App erfassen"],
|
||||
["Wir sind ein familiäres und jung gebliebenes Unternehmen und suchen Dich, wenn Du Dich in diesen Punkten wiederfindest."],
|
||||
["Pünktlichkeit, Ehrlichkeit, Fleiß und Zuverlässigkeit", "Sauberes, gepflegtes Erscheinungsbild und gute Umgangsformen", "Blick für Sauberkeit", "Gutes Deutsch", "Idealerweise Erfahrung im Garten oder handwerklich"],
|
||||
["Übertarifliche Vergütung", "Prämien wie Gutscheine (z. B. Tanken)", "Flexible Zeiteinteilung", "30 Arbeitstage bezahlter Urlaub", "Lohnfortzahlung im Krankheitsfall", "Moderne Maschinen und Fuhrpark", "Arbeitszeit per App erfassen"],
|
||||
[],
|
||||
"Bewerbung: Hausmeister (Minijob)"),
|
||||
]
|
||||
def job_text(text):
|
||||
return ('<div class="job__text">' + "".join(f"<p>{p}</p>" for p in text) + "</div>") if text else ""
|
||||
|
||||
|
||||
APPLY_BODY = "Hallo Herr Kirschner,\n\nich interessiere mich für die Stelle und möchte mich kurz vorstellen:\n\nName:\nTelefon:\nErfahrung:\nFrühester Start:\n\nViele Grüße\n"
|
||||
jobs = "".join(f'''
|
||||
<details class="job" data-reveal{" open" if i == 0 else ""}>
|
||||
@@ -619,62 +510,43 @@ jobs = "".join(f'''
|
||||
<span class="job__toggle" aria-hidden="true">{I_PLUS}</span>
|
||||
</summary>
|
||||
<div class="job__body">
|
||||
<div class="job__text">{"".join(f"<p>{p}</p>" for p in text)}</div>
|
||||
{job_text(text)}
|
||||
<div><h4>Das bringst Du mit</h4><ul role="list">{"".join(f"<li>{x}</li>" for x in need)}</ul></div>
|
||||
<div><h4>Das bekommst Du</h4><ul role="list">{"".join(f"<li>{x}</li>" for x in give)}</ul></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="{mailto(subj, APPLY_BODY)}">Jetzt bewerben {I_ARROW}</a><a class="btn btn--ghost" href="{TEL_HREF}">Lieber anrufen</a></div>
|
||||
<div class="job__apply btn-row"><a class="btn" href="{mailto(subj, APPLY_BODY)}">Jetzt bewerben {I_ARROW}</a><a class="btn btn--ghost" href="{TEL_HREF}">Anrufen</a></div>
|
||||
</div>
|
||||
</details>''' for i, (t, meta, need, give, text, subj) in enumerate(JOBS))
|
||||
|
||||
BENEFITS = [("Übertarifliche Bezahlung", "Dein Einsatz wird fair belohnt — mit klaren Aufstiegsplänen."),
|
||||
("Keine Freitagnachmittage", "Keine permanenten Überstunden, kein Samstag — Zeit für Familie und Freunde."),
|
||||
("Feste Objekte", "Du betreust Deine eigenen Objekte, statt ständig einzuspringen."),
|
||||
("Boni & Gutscheine", "Spritgeld, Urlaubs- und Weihnachtsgeld, Erfolgsbonus."),
|
||||
("Moderne Ausstattung", "Hochwertige Arbeitskleidung, moderne Maschinen, eigener Fuhrpark."),
|
||||
("Alles per App", "Gut strukturierte Arbeit und Zeiterfassung einfach am Handy.")]
|
||||
|
||||
KARRIERE = page_hero("Karriere", "Bock auf einen vielseitigen Job?",
|
||||
"Viel Zeit an der frischen Luft statt in der Industriehalle, überaus faire Bezahlung und ein Team, das zusammenhält. Bewirb Dich — wir freuen uns auf ein Gespräch bei einem Espresso.",
|
||||
KARRIERE = page_hero("Wir stellen ein.",
|
||||
"Hausmeister, Ga-La-Bauer, Glas- und Solarreiniger und Reinigungskräfte für Landshut und Ergolding.",
|
||||
"rasen",
|
||||
f'<div class="btn-row" data-hero><a class="btn" href="#stellen">Offene Stellen {I_ARROW}</a></div>') + f'''
|
||||
<section class="section" aria-labelledby="why-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Was uns ausmacht</p>
|
||||
<h2 class="display" id="why-title" data-split>Arbeit, die man gern macht.</h2>
|
||||
</div>
|
||||
<ul class="benefits" role="list">{"".join(f'<li data-reveal><b>{b}</b><span>{s}</span></li>' for b, s in BENEFITS)}</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section theme-light" aria-labelledby="stellen-title" id="stellen">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Offene Stellen</p>
|
||||
<h2 class="display" id="stellen-title" data-split>Wir stellen ein.</h2>
|
||||
<p class="lead" data-reveal>Bewirb Dich ganz einfach per E-Mail oder Telefon — ein Lebenslauf ist schön, aber kein Muss.</p>
|
||||
<h2 class="display" id="stellen-title" data-split>Offene Stellen</h2>
|
||||
</div>
|
||||
<div class="jobs">{jobs}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
''' + cta_final("Interesse? Melde Dich!", "Ruf uns an oder schreib uns eine kurze E-Mail. Wir melden uns schnell bei Dir.")
|
||||
''' + 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",
|
||||
"Wir stellen ein: Hausmeister, Handwerker, Ga-La-Bauer, Glas- & Solarreiniger und Reinigungskräfte in Landshut und Ergolding. Übertarifliche Bezahlung, starkes Team.",
|
||||
"Wir stellen ein: Hausmeister, Handwerker, Ga-La-Bauer, Glas- & Solarreiniger und Reinigungskräfte in Landshut und Ergolding.",
|
||||
KARRIERE)
|
||||
|
||||
# ======================================================================
|
||||
# Kontakt
|
||||
# ======================================================================
|
||||
KONTAKT = page_hero("Kontakt", "Wir sind für Sie da.",
|
||||
"Schreiben Sie uns oder rufen Sie an — wir freuen uns auf Ihre Anfragen, Aufträge und natürlich über Ihr Feedback.") + f'''
|
||||
<section class="section" style="padding-top:0" aria-label="Kontaktwege">
|
||||
KONTAKT = page_hero("Kontakt", "", "balkone") + f'''
|
||||
<section class="section" aria-label="Kontaktwege">
|
||||
<div class="wrap">
|
||||
<div class="contact-grid">
|
||||
<a class="contact-card" href="{TEL_HREF}" data-reveal><small>Büro</small><strong>{TEL}</strong><p>Für Anfragen, Angebote und Rückfragen.</p><span class="contact-card__go">Anrufen {I_ARROW_S}</span></a>
|
||||
<a class="contact-card contact-card--sos" href="{SOS_HREF}" data-reveal><small>Notruf 24/7</small><strong>{SOS}</strong><p>Wenn es dringend ist — auch nachts und am Wochenende.</p><span class="contact-card__go">Notruf wählen {I_ARROW_S}</span></a>
|
||||
<a class="contact-card" href="{ANFRAGE}" data-reveal><small>E-Mail</small><strong>{MAIL}</strong><p>Wir haben die wichtigsten Angaben schon vorbereitet — einfach ausfüllen und absenden.</p><span class="contact-card__go">E-Mail schreiben {I_ARROW_S}</span></a>
|
||||
<a class="contact-card" href="{TEL_HREF}" data-reveal><small>Büro</small><strong>{TEL}</strong><span class="contact-card__go">Anrufen {I_ARROW_S}</span></a>
|
||||
<a class="contact-card contact-card--sos" href="{SOS_HREF}" data-reveal><small>Notruf 24/7</small><strong>{SOS}</strong><span class="contact-card__go">Notruf wählen {I_ARROW_S}</span></a>
|
||||
<a class="contact-card" href="{ANFRAGE}" data-reveal><small>E-Mail</small><strong>{MAIL}</strong><span class="contact-card__go">E-Mail schreiben {I_ARROW_S}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -682,9 +554,8 @@ KONTAKT = page_hero("Kontakt", "Wir sind für Sie da.",
|
||||
<section class="section theme-deep" aria-labelledby="map-title">
|
||||
<div class="wrap map-card">
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-reveal>Adresse</p>
|
||||
<h2 class="display" id="map-title" data-split>Mitten in Ergolding.</h2>
|
||||
<p class="lead" data-reveal>Kirschner Gebäudeservice<br>Etzstraße 45 · 84030 Ergolding<br>Landshut-Ergolding</p>
|
||||
<h2 class="display" id="map-title" data-split>Anfahrt</h2>
|
||||
<p class="lead" data-reveal>Kirschner Gebäudeservice<br>Etzstraße 45<br>84030 Ergolding</p>
|
||||
<div class="btn-row" data-reveal><a class="btn" href="{MAPS}" target="_blank" rel="noopener">Route planen {I_ARROW}</a></div>
|
||||
</div>
|
||||
<a class="map reveal-img" href="{MAPS}" target="_blank" rel="noopener" aria-label="Standort in Google Maps öffnen (externe Seite)">
|
||||
@@ -704,9 +575,11 @@ page("kontakt.html",
|
||||
# ======================================================================
|
||||
CREDITS = [("Titelbild (Wohngebäude)", "Tobias Wilden"), ("Treppenhaus", "Payam Moin Afshari"), ("Fensterreinigung", "Joshua Bowers"),
|
||||
("PV-Reinigung", "Florida Solar Fix"), ("Heckenschnitt", "Mustafa Turhan"), ("Haustechnik", "Peter Herrmann"),
|
||||
("Reparatur", "Theme Photos"), ("Winterdienst", "Bradley Andrews"), ("Glasfassade", "Priscilla Du Preez")]
|
||||
("Reparatur", "Theme Photos"), ("Winterdienst", "Bradley Andrews"), ("Glasfassade", "Priscilla Du Preez"),
|
||||
("Fassadenreinigung am Seil", "Nuno Silva"), ("Fassade", "Luke van Zyl"), ("Werkzeugwand", "Barn Images"),
|
||||
("Rasenmähen", "Carl Tronders"), ("Balkone", "Waldemar Brandt")]
|
||||
|
||||
IMPRESSUM = page_hero("Rechtliches", "Impressum", "Angaben gemäß § 5 Digitale-Dienste-Gesetz (DDG).") + f'''
|
||||
IMPRESSUM = page_hero("Impressum", "Angaben gemäß § 5 Digitale-Dienste-Gesetz (DDG).", small=True) + f'''
|
||||
<section class="section theme-light" style="padding-top: var(--s6)">
|
||||
<div class="wrap legal">
|
||||
<h2>Anbieter</h2>
|
||||
@@ -739,7 +612,7 @@ IMPRESSUM = page_hero("Rechtliches", "Impressum", "Angaben gemäß § 5 Digitale
|
||||
</section>'''
|
||||
page("impressum.html", "Impressum — Kirschner Gebäudeservice", "Impressum von Kirschner Gebäudeservice, Etzstraße 45, 84030 Ergolding.", IMPRESSUM)
|
||||
|
||||
DATENSCHUTZ = page_hero("Rechtliches", "Datenschutz", "Kurz gesagt: Diese Website setzt keine Cookies, verwendet kein Tracking und lädt nichts von fremden Servern.") + f'''
|
||||
DATENSCHUTZ = page_hero("Datenschutz", "Diese Website setzt keine Cookies, verwendet kein Tracking und lädt nichts von fremden Servern.", small=True) + f'''
|
||||
<section class="section theme-light" style="padding-top: var(--s6)">
|
||||
<div class="wrap legal">
|
||||
<h2>1. Verantwortlicher</h2>
|
||||
|
||||
+19
-43
@@ -4,14 +4,14 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Unternehmen & Team — Kirschner Gebäudeservice Ergolding</title>
|
||||
<meta name="description" content="Kirschner Gebäudeservice in Ergolding — das Original seit 2003. Philosophie, Geschichte, Team und Anfahrt.">
|
||||
<meta name="description" content="Kirschner Gebäudeservice in Ergolding — das Original seit 2003. Geschichte, Team und Anfahrt.">
|
||||
<link rel="canonical" href="https://www.kirschner-service.de/unternehmen.html">
|
||||
<meta name="theme-color" content="#0A1424">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="de_DE">
|
||||
<meta property="og:site_name" content="Kirschner Gebäudeservice">
|
||||
<meta property="og:title" content="Unternehmen & Team — Kirschner Gebäudeservice Ergolding">
|
||||
<meta property="og:description" content="Kirschner Gebäudeservice in Ergolding — das Original seit 2003. Philosophie, Geschichte, Team und Anfahrt.">
|
||||
<meta property="og:description" content="Kirschner Gebäudeservice in Ergolding — das Original seit 2003. Geschichte, Team und Anfahrt.">
|
||||
<meta property="og:url" content="https://www.kirschner-service.de/unternehmen.html">
|
||||
<meta property="og:image" content="https://www.kirschner-service.de/assets/img/og.jpg">
|
||||
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
|
||||
@@ -52,46 +52,30 @@
|
||||
</div>
|
||||
<main id="inhalt">
|
||||
|
||||
<section class="page-hero">
|
||||
<section class="page-hero page-hero--image">
|
||||
<div class="hero__media"><picture><source type="image/avif" srcset="assets/img/werkzeug-800.avif 800w, assets/img/werkzeug-1600.avif 1600w" sizes="100vw"><source type="image/webp" srcset="assets/img/werkzeug-800.webp 800w, assets/img/werkzeug-1600.webp 1600w" sizes="100vw"><img src="assets/img/werkzeug-1600.webp" width="1600" height="1066" alt="" fetchpriority="high"></picture></div>
|
||||
<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 page-hero__grid">
|
||||
<h1 class="display" data-split>Das Original seit 2003.</h1>
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-hero>Unternehmen</p>
|
||||
<h1 class="display" data-split>Das Original seit 2003.</h1>
|
||||
</div>
|
||||
<div class="stack">
|
||||
<p class="lead" data-hero>Hinter Kirschner Gebäudeservice stehen Qualität, Erfahrung, Kompetenz — und echte Freude an der Dienstleistung.</p>
|
||||
<p class="lead" data-hero>Persönlich, zuverlässig, erstklassig — aus Ergolding für Landshut und Umgebung.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section theme-deep philosophy" aria-labelledby="philo-title">
|
||||
<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>Seit 2003</b><p>Aus einer Idee wurde eine Erfolgsgeschichte — unsere Kunden belohnen hochwertigen Service mit Treue.</p></div>
|
||||
<div data-reveal><b>Aus der Region</b><p>Sitz in Ergolding, Einsatz in Landshut und Umgebung. Kurze Wege, schnelle Reaktion.</p></div>
|
||||
<div data-reveal><b>Engagiert</b><p>Wir unterstützen Vereine und Projekte vor Ort und weltweit — vom Jugendfußball bis zum Schulessen in Nepal.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section theme-light" aria-labelledby="tl-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Geschichte</p>
|
||||
<h2 class="display" id="tl-title" data-split>Seit 2003 gewachsen.</h2>
|
||||
<h2 class="display" id="tl-title" data-split>Geschichte</h2>
|
||||
</div>
|
||||
<div class="timeline">
|
||||
<span class="timeline__line" aria-hidden="true"><i></i></span>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2003</span><div><h3>Gründung in Ergolding</h3><p>Kirschner Gebäudeservice startet — mit umfangreichen Dienstleistungen rund um Immobilien. Das Original seit 2003.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2013</span><div><h3>10 Jahre</h3><p>Zehn Jahre Kirschner Gebäudeservice. Wir bedanken uns bei unseren Kunden für die gute und erfolgreiche Zusammenarbeit.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2003</span><div><h3>Gründung in Ergolding</h3><p>Kirschner Gebäudeservice startet mit Dienstleistungen rund um Immobilien.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2013</span><div><h3>10 Jahre</h3><p>Zehn Jahre Kirschner Gebäudeservice.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2015</span><div><h3>Servicetechnik & Schreinerei</h3><p>Herr Listl verstärkt Servicetechnik und Hausmeisterei — mit langjähriger Erfahrung als Schreiner.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2018</span><div><h3>15 Jahre — und 120 Schulessen-Jahre</h3><p>Wir feiern das Jubiläum mit unseren Geschäftspartnern. Durch die Spenden des Abends werden über 120 Kinder in Nepal ein Jahr lang mit Schulessen versorgt.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2019</span><div><h3>Das Team wächst</h3><p>Herr Gerhart ergänzt das Team mit handwerklicher Ausbildung, Herr Ponath mit langjähriger Erfahrung in der Gebäudedienstleistung.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2020</span><div><h3>Für den Nachwuchs</h3><p>Ein neuer Trikotsatz für die U8 des FC Ergolding 1932 e.V.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">Heute</span><div><h3><span data-years>23</span> Jahre Erfahrung</h3><p>Wohnanlagen, Gewerbeanlagen und kommunale Objekte in Landshut und Umgebung — persönlich betreut von einem eingespielten Team.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2018</span><div><h3>15 Jahre</h3><p>Jubiläumsfeier mit Geschäftspartnern. Die Spenden des Abends versorgen über 120 Kinder in Nepal ein Jahr lang mit Schulessen.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2019</span><div><h3>Das Team wächst</h3><p>Herr Gerhart und Herr Ponath kommen ins Team.</p></div></div>
|
||||
<div class="tl-item" data-reveal><span class="tl-item__year">2020</span><div><h3>FC Ergolding</h3><p>Ein neuer Trikotsatz für die U8 des FC Ergolding 1932 e.V.</p></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -99,9 +83,7 @@
|
||||
<section class="section theme-white" aria-labelledby="team-title">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow" data-reveal>Unser Team</p>
|
||||
<h2 class="display" id="team-title" data-split>Gesichter statt Hotline.</h2>
|
||||
<p class="lead" data-reveal>Sie sprechen mit Menschen, die Ihr Objekt kennen.</p>
|
||||
<h2 class="display" id="team-title" data-split>Unser Team</h2>
|
||||
</div>
|
||||
<div class="team">
|
||||
<div class="member" data-reveal>
|
||||
@@ -126,7 +108,7 @@
|
||||
</div>
|
||||
<div class="member member--more" data-reveal>
|
||||
<div class="member__photo"><span class="member__initials" aria-hidden="true">+</span></div>
|
||||
<div><b>und viele mehr</b><span>geschätzte Kolleginnen und Kollegen</span></div>
|
||||
<div><b>und viele mehr</b><span>Kolleginnen und Kollegen</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -135,12 +117,10 @@
|
||||
<section class="section" aria-labelledby="map-title" id="anfahrt">
|
||||
<div class="wrap map-card">
|
||||
<div class="stack">
|
||||
<p class="eyebrow" data-reveal>Anfahrt</p>
|
||||
<h2 class="display" id="map-title" data-split>Hier finden Sie uns.</h2>
|
||||
<p class="lead" data-reveal>Kirschner Gebäudeservice<br>Etzstraße 45 · 84030 Ergolding</p>
|
||||
<h2 class="display" id="map-title" data-split>Anfahrt</h2>
|
||||
<p class="lead" data-reveal>Etzstraße 45<br>84030 Ergolding</p>
|
||||
<div class="btn-row" data-reveal>
|
||||
<a class="btn" href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" target="_blank" rel="noopener">Route planen <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="tel:+4987114269101">0871 / 14 26 91 01</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="map reveal-img" href="https://www.google.com/maps/search/?api=1&query=Etzstra%C3%9Fe+45%2C+84030+Ergolding" target="_blank" rel="noopener" aria-label="Standort in Google Maps öffnen (externe Seite)">
|
||||
@@ -161,17 +141,13 @@
|
||||
<section class="section theme-deep" 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>Lernen wir uns kennen.</h2>
|
||||
<p class="lead" data-reveal>Wir freuen uns auf Ihre Anfrage, Ihren Auftrag — und natürlich über Ihr Feedback.</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 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"><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>
|
||||
|
||||
Reference in new issue
Block a user