282 lines
26 KiB
HTML
282 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<script src="./support.js"></script>
|
||
</head>
|
||
<body>
|
||
<x-dc>
|
||
<helmet>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
|
||
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700&display=swap" rel="stylesheet" />
|
||
<style>
|
||
*, *::before, *::after { box-sizing: border-box; }
|
||
body { margin: 0; background: #FFFFFF; color: #1A1D21; font-family: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif; font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
|
||
a { color: #0B4F6C; text-decoration: underline; text-underline-offset: 3px; }
|
||
a:hover { color: #08384D; }
|
||
:focus-visible { outline: 3px solid #C9451C; outline-offset: 2px; }
|
||
p { text-wrap: pretty; }
|
||
h1, h2, h3 { text-wrap: balance; }
|
||
summary { cursor: pointer; list-style: none; }
|
||
summary::-webkit-details-marker { display: none; }
|
||
</style>
|
||
</helmet>
|
||
|
||
<div style="background:#FFFFFF">
|
||
|
||
<header style="background:#FFFFFF;border-bottom:1px solid #DDE2E7">
|
||
<div style="max-width:1200px;margin:0 auto;padding:12px clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:20px">
|
||
<a href="SHK-Startseite.dc.html" style="display:flex;align-items:center;gap:11px;text-decoration:none">
|
||
<span style="width:34px;height:34px;border-radius:3px;background:#0B4F6C;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px">B</span>
|
||
<span style="font-weight:700;font-size:17px;letter-spacing:.02em;color:#1A1D21">BERGER Haustechnik</span>
|
||
</a>
|
||
<nav style="display:flex;gap:20px;font-size:15px;font-weight:600;align-items:center">
|
||
<a href="SHK-Waermepumpe.dc.html" style="color:#1A1D21;text-decoration:none">Wärmepumpe</a>
|
||
<a href="SHK-Notdienst.dc.html" style="color:#1A1D21;text-decoration:none">Notdienst</a>
|
||
<a href="tel:+499411234500" style="color:#0B4F6C;text-decoration:none;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums">0941 12345-0</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<section data-screen-label="Karriere Kopf" style="padding:clamp(28px,3.5vw,48px) clamp(16px,3vw,32px) 0">
|
||
<div style="max-width:1100px;margin:0 auto">
|
||
<p style="margin:0 0 12px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#5A6169;font-weight:600">Karriere bei Berger · Regensburg</p>
|
||
<h1 style="margin:0 0 16px;font-size:clamp(1.875rem,3.6vw,2.75rem);line-height:1.14;font-weight:700;letter-spacing:-0.02em">Drei offene Stellen. Vierzehn Kolleginnen und Kollegen, die wissen, wen sie brauchen.</h1>
|
||
<p style="margin:0 0 28px;font-size:19px;color:#5A6169;max-width:42em">Kein Anschreiben, kein Bewerbungsportal mit Passwort. Vier Felder, und wir melden uns innerhalb von zwei Werktagen.</p>
|
||
<div style="display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid #DDE2E7">
|
||
<sc-for list="{{ tabs }}" as="t" hint-placeholder-count="4">
|
||
<button type="button" onClick="{{ t.waehlen }}" style="{{ t.stil }}">{{ t.label }}</button>
|
||
</sc-for>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<sc-if value="{{ istWarum }}" hint-placeholder-val="{{ true }}">
|
||
<section data-screen-label="Warum wir" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px)">
|
||
<div style="max-width:1100px;margin:0 auto">
|
||
<h2 style="margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Was Sie hier bekommen — ohne Floskeln</h2>
|
||
<p style="margin:0 0 28px;font-size:18px;color:#5A6169;max-width:44em">„Attraktive Vergütung, gutes Betriebsklima, moderne Ausstattung" steht in jeder zweiten Stellenanzeige des Handwerks. Hier steht, was das bei uns konkret heißt.</p>
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:#DDE2E7;border:1px solid #DDE2E7;border-radius:4px;overflow:hidden;margin-bottom:36px">
|
||
<div style="background:#FFFFFF;padding:22px"><p style="margin:0 0 6px;font-size:18px;font-weight:700">Übertariflich, plus Weihnachts- und Urlaubsgeld</p><p style="margin:0;font-size:16px;color:#5A6169">Gesellen starten bei uns bei 3.400 € brutto, Kundendienstmonteure mit Bereitschaft bei 3.800 €. Dazu 600 € Gesundheitsbudget im Jahr.</p></div>
|
||
<div style="background:#FFFFFF;padding:22px"><p style="margin:0 0 6px;font-size:18px;font-weight:700">Kein Wochenenddienst außer im Turnus</p><p style="margin:0;font-size:16px;color:#5A6169">Notdienst alle sechs Wochen, mit Zuschlag und Freizeitausgleich. Freitags ist um 14:00 Schluss, das gilt auch im Sommer.</p></div>
|
||
<div style="background:#FFFFFF;padding:22px"><p style="margin:0 0 6px;font-size:18px;font-weight:700">Meisterkurs bezahlt und in der Arbeitszeit</p><p style="margin:0;font-size:16px;color:#5A6169">Vier unserer Meister haben hier gelernt. Wer will, macht den Techniker oder die Kältetechnik-Zertifizierung — beides zahlen wir.</p></div>
|
||
<div style="background:#FFFFFF;padding:22px"><p style="margin:0 0 6px;font-size:18px;font-weight:700">Eigenes Fahrzeug, ordentliches Werkzeug</p><p style="margin:0;font-size:16px;color:#5A6169">Sie fahren morgens von zuhause los, nicht erst zum Betrieb. Tablet mit Auftragsapp — keine Zettel, keine Nachtrags-Diskussionen.</p></div>
|
||
<div style="background:#FFFFFF;padding:22px"><p style="margin:0 0 6px;font-size:18px;font-weight:700">30 Tage Urlaub und ein Arbeitszeitkonto</p><p style="margin:0;font-size:16px;color:#5A6169">Überstunden verfallen nicht. Im Winter fallen welche an, im Sommer nehmen Sie sie.</p></div>
|
||
<div style="background:#FFFFFF;padding:22px"><p style="margin:0 0 6px;font-size:18px;font-weight:700">Keine Subunternehmer-Baustellen</p><p style="margin:0;font-size:16px;color:#5A6169">Wir arbeiten mit eigener Mannschaft. Sie sehen Ihre Baustelle von der Planung bis zur Abnahme — und nicht drei Gewerke, die sich gegenseitig zumauern.</p></div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:center;background:#F4F6F8;border:1px solid #DDE2E7;border-radius:4px;padding:26px">
|
||
<div style="aspect-ratio:16/10;border:1px solid #DDE2E7;border-radius:3px;background:repeating-linear-gradient(135deg,#EDF1F4 0 10px,#E4EAEF 10px 20px);display:flex;align-items:flex-end;padding:12px">
|
||
<span style="font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5A6169;background:rgba(255,255,255,.9);padding:4px 7px">Pflichtbild 2 — Team, echtes Gruppenfoto</span>
|
||
</div>
|
||
<div>
|
||
<p style="margin:0 0 10px;font-size:19px;font-weight:700">Wer schon da ist</p>
|
||
<p style="margin:0 0 10px;font-size:17px;color:#3D4650">Vierzehn Leute: acht Monteure, zwei Azubis, ein Projektleiter Bad, zwei im Büro, ein Chef, der noch selbst rausfährt. Die durchschnittliche Betriebszugehörigkeit liegt bei neun Jahren.</p>
|
||
<p style="margin:0;font-size:17px;color:#3D4650">Reden Sie mit den Kollegen, bevor Sie unterschreiben — wir stellen den Kontakt her, auch ohne dass der Chef dabeisitzt.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</sc-if>
|
||
|
||
<sc-if value="{{ istStellen }}" hint-placeholder-val="{{ false }}">
|
||
<section data-screen-label="Offene Stellen" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px)">
|
||
<div style="max-width:1100px;margin:0 auto">
|
||
<h2 style="margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Drei konkrete Stellen</h2>
|
||
<p style="margin:0 0 28px;font-size:18px;color:#5A6169;max-width:44em">Keine Initiativbewerbungs-Sammelseite. Das hier sind Stellen, die wir heute besetzen würden.</p>
|
||
<div style="display:flex;flex-direction:column;gap:16px">
|
||
<details style="border:1px solid #DDE2E7;border-radius:4px;overflow:hidden" open="open">
|
||
<summary style="padding:20px 24px;background:#F4F6F8;display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap">
|
||
<span><span style="display:block;font-size:21px;font-weight:700">Anlagenmechaniker SHK (m/w/d)</span><span style="display:block;font-size:16px;color:#5A6169">Vollzeit · unbefristet · ab sofort · Regensburg</span></span>
|
||
<span style="font-size:17px;font-weight:700;color:#0B4F6C;white-space:nowrap">ab 3.400 € brutto</span>
|
||
</summary>
|
||
<div style="padding:22px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px">
|
||
<div><p style="margin:0 0 8px;font-weight:700;font-size:17px">Was Sie machen</p><ul style="margin:0;padding-left:20px;font-size:16px;color:#3D4650;display:flex;flex-direction:column;gap:6px"><li>Wärmepumpen und Heizungsanlagen einbauen und in Betrieb nehmen</li><li>Bäder komplett installieren, von der Rohinstallation bis zur Montage</li><li>Störungen beim Kunden aufnehmen und beheben</li></ul></div>
|
||
<div><p style="margin:0 0 8px;font-weight:700;font-size:17px">Was Sie mitbringen</p><ul style="margin:0;padding-left:20px;font-size:16px;color:#3D4650;display:flex;flex-direction:column;gap:6px"><li>Abgeschlossene Ausbildung im SHK-Handwerk</li><li>Führerschein Klasse B</li><li>Freundlicher Ton beim Kunden — das ist uns wichtiger als zehn Jahre Berufserfahrung</li></ul></div>
|
||
<div><p style="margin:0 0 8px;font-weight:700;font-size:17px">Was wir zusätzlich zahlen</p><ul style="margin:0;padding-left:20px;font-size:16px;color:#3D4650;display:flex;flex-direction:column;gap:6px"><li>Weihnachts- und Urlaubsgeld</li><li>600 € Gesundheitsbudget im Jahr</li><li>Meisterkurs komplett, in der Arbeitszeit</li></ul></div>
|
||
</div>
|
||
<div style="padding:0 24px 22px"><button type="button" onClick="{{ zurBewerbung }}" style="background:#C9451C;color:#FFFFFF;border:none;padding:13px 22px;border-radius:3px;font-weight:700;font-size:17px;cursor:pointer" style-hover="background:#A93A17">In 4 Feldern bewerben →</button></div>
|
||
</details>
|
||
|
||
<details style="border:1px solid #DDE2E7;border-radius:4px;overflow:hidden">
|
||
<summary style="padding:20px 24px;background:#F4F6F8;display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap">
|
||
<span><span style="display:block;font-size:21px;font-weight:700">Kundendienstmonteur (m/w/d)</span><span style="display:block;font-size:16px;color:#5A6169">Vollzeit · unbefristet · ab sofort · Regensburg & Landkreis</span></span>
|
||
<span style="font-size:17px;font-weight:700;color:#0B4F6C;white-space:nowrap">ab 3.800 € brutto</span>
|
||
</summary>
|
||
<div style="padding:22px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px">
|
||
<div><p style="margin:0 0 8px;font-weight:700;font-size:17px">Was Sie machen</p><ul style="margin:0;padding-left:20px;font-size:16px;color:#3D4650;display:flex;flex-direction:column;gap:6px"><li>Wartungen an Heizungen und Wärmepumpen, planbar terminiert</li><li>Störungsdienst tagsüber, Notdienst im Turnus alle sechs Wochen</li><li>Eigenes Servicefahrzeug, das Sie mit nach Hause nehmen</li></ul></div>
|
||
<div><p style="margin:0 0 8px;font-weight:700;font-size:17px">Was Sie mitbringen</p><ul style="margin:0;padding-left:20px;font-size:16px;color:#3D4650;display:flex;flex-direction:column;gap:6px"><li>Erfahrung im Kundendienst oder Lust darauf</li><li>Ruhige Hand am Telefon und beim aufgeregten Kunden</li><li>Kälteschein von Vorteil — sonst zahlen wir ihn</li></ul></div>
|
||
<div><p style="margin:0 0 8px;font-weight:700;font-size:17px">Was wir zusätzlich zahlen</p><ul style="margin:0;padding-left:20px;font-size:16px;color:#3D4650;display:flex;flex-direction:column;gap:6px"><li>Bereitschaftspauschale plus Einsatzzuschläge</li><li>Freizeitausgleich für jede Notdienstwoche</li><li>Weihnachts- und Urlaubsgeld</li></ul></div>
|
||
</div>
|
||
<div style="padding:0 24px 22px"><button type="button" onClick="{{ zurBewerbung }}" style="background:#C9451C;color:#FFFFFF;border:none;padding:13px 22px;border-radius:3px;font-weight:700;font-size:17px;cursor:pointer" style-hover="background:#A93A17">In 4 Feldern bewerben →</button></div>
|
||
</details>
|
||
|
||
<details style="border:1px solid #DDE2E7;border-radius:4px;overflow:hidden">
|
||
<summary style="padding:20px 24px;background:#F4F6F8;display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap">
|
||
<span><span style="display:block;font-size:21px;font-weight:700">Auszubildende Anlagenmechanik SHK (m/w/d)</span><span style="display:block;font-size:16px;color:#5A6169">3,5 Jahre · Start 01.08.2027 · zwei Plätze</span></span>
|
||
<span style="font-size:17px;font-weight:700;color:#0B4F6C;white-space:nowrap">850 – 1.150 € im Monat</span>
|
||
</summary>
|
||
<div style="padding:22px 24px">
|
||
<p style="margin:0 0 14px;font-size:17px;color:#3D4650">Für Azubis haben wir eine eigene Seite geschrieben — mit dem, was du wirklich wissen willst: was du verdienst, was du in Woche eins machst und wie es nach der Lehre weitergeht.</p>
|
||
<button type="button" onClick="{{ zurAusbildung }}" style="background:#0B4F6C;color:#FFFFFF;border:none;padding:13px 22px;border-radius:3px;font-weight:700;font-size:17px;cursor:pointer" style-hover="background:#08384D">Zur Ausbildungsseite →</button>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
<p style="margin:24px 0 0;font-size:16px;color:#5A6169">Nichts Passendes dabei, aber Sie können etwas, das wir brauchen könnten? Schreiben Sie es in das Freitextfeld der Quick-Bewerbung. Wir lesen jede.</p>
|
||
</div>
|
||
</section>
|
||
</sc-if>
|
||
|
||
<sc-if value="{{ istAusbildung }}" hint-placeholder-val="{{ false }}">
|
||
<section data-screen-label="Ausbildung" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px)">
|
||
<div style="max-width:1100px;margin:0 auto">
|
||
<h2 style="margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Du willst wissen, ob das was für dich ist?</h2>
|
||
<p style="margin:0 0 30px;font-size:18px;color:#5A6169;max-width:44em">Kurz gesagt: Du baust Heizungen und Bäder ein, arbeitest mit Wasser, Strom und Werkzeug, bist selten am Schreibtisch und siehst abends, was du geschafft hast.</p>
|
||
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:#DDE2E7;border:1px solid #DDE2E7;border-radius:4px;overflow:hidden;margin-bottom:32px">
|
||
<div style="background:#FFFFFF;padding:20px"><p style="margin:0 0 4px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5A6169;font-weight:700">1. Lehrjahr</p><p style="margin:0;font-size:26px;font-weight:700;color:#0B4F6C;font-variant-numeric:tabular-nums">850 €</p></div>
|
||
<div style="background:#FFFFFF;padding:20px"><p style="margin:0 0 4px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5A6169;font-weight:700">2. Lehrjahr</p><p style="margin:0;font-size:26px;font-weight:700;color:#0B4F6C;font-variant-numeric:tabular-nums">950 €</p></div>
|
||
<div style="background:#FFFFFF;padding:20px"><p style="margin:0 0 4px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5A6169;font-weight:700">3. Lehrjahr</p><p style="margin:0;font-size:26px;font-weight:700;color:#0B4F6C;font-variant-numeric:tabular-nums">1.050 €</p></div>
|
||
<div style="background:#FFFFFF;padding:20px"><p style="margin:0 0 4px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5A6169;font-weight:700">4. Lehrjahr</p><p style="margin:0;font-size:26px;font-weight:700;color:#0B4F6C;font-variant-numeric:tabular-nums">1.150 €</p></div>
|
||
</div>
|
||
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px">
|
||
<div>
|
||
<h3 style="margin:0 0 10px;font-size:20px;font-weight:700">Was du in der ersten Woche machst</h3>
|
||
<p style="margin:0 0 10px;font-size:17px;color:#3D4650">Du fährst mit auf die Baustelle, trägst nicht nur Material und darfst am zweiten Tag den ersten Rohrschnitt setzen. Kaffee holen gehört nicht zur Ausbildung — das haben wir uns abgewöhnt, als uns zwei Azubis deswegen abgesprungen sind.</p>
|
||
<p style="margin:0;font-size:17px;color:#3D4650">Deinen Ausbilder hast du fest: Tobias, 34, war selbst hier Azubi.</p>
|
||
</div>
|
||
<div>
|
||
<h3 style="margin:0 0 10px;font-size:20px;font-weight:700">Wie es danach weitergeht</h3>
|
||
<p style="margin:0 0 10px;font-size:17px;color:#3D4650">Wir übernehmen jeden, der die Prüfung besteht — das waren in den letzten zehn Jahren alle bis auf einen. Danach: Kundendienst, Kältetechnik-Zertifizierung, Meister oder Techniker. Den Meisterkurs zahlen wir und du besuchst ihn in der Arbeitszeit.</p>
|
||
<p style="margin:0;font-size:17px;color:#3D4650">Vier unserer heutigen Meister haben genau diesen Weg genommen.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="background:#F4F6F8;border:1px solid #DDE2E7;border-radius:4px;padding:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;align-items:center;margin-bottom:28px">
|
||
<div style="aspect-ratio:4/3;border:1px solid #DDE2E7;border-radius:3px;background:repeating-linear-gradient(135deg,#EDF1F4 0 10px,#E4EAEF 10px 20px);display:flex;align-items:flex-end;padding:12px">
|
||
<span style="font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5A6169;background:rgba(255,255,255,.9);padding:4px 7px">Foto — unsere zwei Azubis bei der Arbeit</span>
|
||
</div>
|
||
<div>
|
||
<p style="margin:0 0 10px;font-size:19px;font-weight:700">Frag die, die schon da sind</p>
|
||
<p style="margin:0 0 8px;font-size:17px;font-style:italic;color:#3D4650">„Ich hatte Angst, dass ich nur zuschauen darf. Nach vier Wochen habe ich mein erstes Waschbecken alleine gesetzt."</p>
|
||
<p style="margin:0 0 14px;font-size:15px;color:#5A6169">Jonas, 2. Lehrjahr</p>
|
||
<p style="margin:0;font-size:17px;color:#3D4650">Praktikum geht jederzeit, auch eine Woche in den Ferien. Ruf einfach Sabine an: <a href="tel:+499411234515" style="font-weight:700">0941 12345-15</a>.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<button type="button" onClick="{{ zurBewerbung }}" style="background:#C9451C;color:#FFFFFF;border:none;padding:15px 26px;border-radius:3px;font-weight:700;font-size:18px;cursor:pointer" style-hover="background:#A93A17">Bewirb dich — dauert 2 Minuten →</button>
|
||
</div>
|
||
</section>
|
||
</sc-if>
|
||
|
||
<sc-if value="{{ istBewerbung }}" hint-placeholder-val="{{ false }}">
|
||
<section data-screen-label="Quick-Bewerbung" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px)">
|
||
<div style="max-width:640px;margin:0 auto">
|
||
<sc-if value="{{ bewerbungOffen }}" hint-placeholder-val="{{ true }}">
|
||
<form onSubmit="{{ sendeBewerbung }}">
|
||
<h2 style="margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Quick-Bewerbung</h2>
|
||
<p style="margin:0 0 28px;font-size:18px;color:#5A6169">Kein Anschreiben nötig, Lebenslauf freiwillig. Wir melden uns innerhalb von zwei Werktagen — auch wenn es nicht passt.</p>
|
||
<div style="display:flex;flex-direction:column;gap:18px">
|
||
<label style="display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600">Name
|
||
<input type="text" name="name" required="required" autoComplete="name" style="padding:13px 15px;border:1px solid #B9C2CA;border-radius:3px;font-size:17px;font-weight:400" />
|
||
</label>
|
||
<label style="display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600">Telefon oder E-Mail
|
||
<input type="text" name="kontakt" required="required" style="padding:13px 15px;border:1px solid #B9C2CA;border-radius:3px;font-size:17px;font-weight:400" />
|
||
</label>
|
||
<label style="display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600">Worauf bewerben Sie sich?
|
||
<select name="stelle" required="required" style="padding:13px 15px;border:1px solid #B9C2CA;border-radius:3px;font-size:17px;font-weight:400">
|
||
<option value="">Bitte wählen</option>
|
||
<option value="anlagenmechaniker">Anlagenmechaniker SHK</option>
|
||
<option value="kundendienst">Kundendienstmonteur</option>
|
||
<option value="ausbildung">Ausbildung ab 01.08.2027</option>
|
||
<option value="praktikum">Praktikum</option>
|
||
<option value="initiativ">Etwas anderes — steht unten</option>
|
||
</select>
|
||
</label>
|
||
<label style="display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600">Lebenslauf anhängen <span style="font-weight:400;color:#5A6169">(optional, PDF oder Foto)</span>
|
||
<input type="file" name="datei" accept=".pdf,.jpg,.png" style="padding:11px 0;font-size:16px;font-weight:400" />
|
||
</label>
|
||
<label style="display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600">Wollen Sie uns noch etwas sagen? <span style="font-weight:400;color:#5A6169">(optional)</span>
|
||
<textarea name="text" rows="3" style="padding:13px 15px;border:1px solid #B9C2CA;border-radius:3px;font-size:17px;font-weight:400;resize:vertical"></textarea>
|
||
</label>
|
||
<button type="submit" style="background:#C9451C;color:#FFFFFF;border:none;padding:16px 26px;border-radius:3px;font-weight:700;font-size:18px;cursor:pointer" style-hover="background:#A93A17">Bewerbung absenden</button>
|
||
<p style="margin:0;font-size:14px;color:#5A6169">Ihre Daten verwenden wir ausschließlich für dieses Bewerbungsverfahren und löschen sie spätestens sechs Monate nach dessen Abschluss. Eine Aufnahme in unseren Talentpool erfolgt nur, wenn Sie uns das ausdrücklich erlauben. Details in der <a href="SHK-Startseite.dc.html#datenschutz">Datenschutzerklärung</a>.</p>
|
||
</div>
|
||
</form>
|
||
</sc-if>
|
||
<sc-if value="{{ bewerbungGesendet }}" hint-placeholder-val="{{ false }}">
|
||
<div>
|
||
<h2 style="margin:0 0 12px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;color:#0F6B33">Angekommen. Danke.</h2>
|
||
<p style="margin:0 0 12px;font-size:18px">Sabine oder Michael melden sich innerhalb von zwei Werktagen bei Ihnen — telefonisch, wenn Sie eine Nummer hinterlassen haben. Auch dann, wenn es nicht passt; eine unbeantwortete Bewerbung gibt es bei uns nicht.</p>
|
||
<p style="margin:0 0 24px;font-size:18px">Wenn Sie vorher etwas fragen wollen: <a href="tel:+499411234515" style="font-weight:700">0941 12345-15</a>.</p>
|
||
<button type="button" onClick="{{ neueBewerbung }}" style="background:none;border:none;color:#0B4F6C;font-size:17px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0">Noch eine Bewerbung senden</button>
|
||
</div>
|
||
</sc-if>
|
||
</div>
|
||
</section>
|
||
</sc-if>
|
||
|
||
<footer style="background:#08384D;color:#D6E4EB;padding:clamp(36px,4vw,56px) clamp(16px,3vw,32px) 24px;margin-top:clamp(24px,4vw,48px)">
|
||
<div style="max-width:1200px;margin:0 auto;display:flex;gap:32px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start">
|
||
<div>
|
||
<p style="margin:0 0 8px;font-weight:700;font-size:18px;color:#FFFFFF">BERGER Haustechnik GmbH</p>
|
||
<p style="margin:0 0 8px;font-size:16px">Prüfeninger Straße 42 · 93049 Regensburg · <a href="tel:+499411234500" style="color:#FFFFFF;font-weight:700">0941 12345-0</a></p>
|
||
<p style="margin:0;font-size:15px;color:#9FC0CF">Meisterbetrieb der Handwerkskammer Niederbayern-Oberpfalz</p>
|
||
</div>
|
||
<div style="display:flex;gap:20px;flex-wrap:wrap;font-size:16px">
|
||
<a href="SHK-Startseite.dc.html" style="color:#D6E4EB;text-decoration:none">Start</a>
|
||
<a href="SHK-Waermepumpe.dc.html" style="color:#D6E4EB;text-decoration:none">Wärmepumpe</a>
|
||
<a href="SHK-Foerderung.dc.html" style="color:#D6E4EB;text-decoration:none">Förderung</a>
|
||
<a href="SHK-Notdienst.dc.html" style="color:#D6E4EB;text-decoration:none">Notdienst</a>
|
||
<a href="SHK-Startseite.dc.html#impressum" style="color:#D6E4EB;text-decoration:none">Impressum</a>
|
||
<a href="SHK-Startseite.dc.html#datenschutz" style="color:#D6E4EB;text-decoration:none">Datenschutz</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
</x-dc>
|
||
<script type="text/x-dc" data-dc-script data-props="{"startTab":{"editor":"enum","options":["Warum wir","Offene Stellen","Ausbildung","Quick-Bewerbung"],"default":"Warum wir","tsType":"string","section":"Ansicht"}}">
|
||
class Component extends DCLogic {
|
||
state = { tab: null, gesendet: false };
|
||
|
||
vonProp = { 'Warum wir': 'warum', 'Offene Stellen': 'stellen', 'Ausbildung': 'ausbildung', 'Quick-Bewerbung': 'bewerbung' };
|
||
|
||
liste = [
|
||
{ id: 'warum', label: 'Warum wir' },
|
||
{ id: 'stellen', label: 'Offene Stellen' },
|
||
{ id: 'ausbildung', label: 'Ausbildung' },
|
||
{ id: 'bewerbung', label: 'Quick-Bewerbung' }
|
||
];
|
||
|
||
basis = 'padding:13px 20px;border:none;background:none;color:#5A6169;font-size:17px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px';
|
||
aktiv = 'padding:13px 20px;border:none;background:none;color:#0B4F6C;font-size:17px;font-weight:700;cursor:pointer;border-bottom:3px solid #C9451C;margin-bottom:-2px';
|
||
|
||
renderVals() {
|
||
const t = this.state.tab || this.vonProp[this.props.startTab] || 'warum';
|
||
return {
|
||
tabs: this.liste.map(x => ({
|
||
label: x.label,
|
||
stil: t === x.id ? this.aktiv : this.basis,
|
||
waehlen: () => this.setState({ tab: x.id })
|
||
})),
|
||
istWarum: t === 'warum',
|
||
istStellen: t === 'stellen',
|
||
istAusbildung: t === 'ausbildung',
|
||
istBewerbung: t === 'bewerbung',
|
||
zurBewerbung: () => this.setState({ tab: 'bewerbung', gesendet: false }),
|
||
zurAusbildung: () => this.setState({ tab: 'ausbildung' }),
|
||
bewerbungOffen: !this.state.gesendet,
|
||
bewerbungGesendet: this.state.gesendet,
|
||
sendeBewerbung: e => { e.preventDefault(); this.setState({ gesendet: true }); },
|
||
neueBewerbung: () => this.setState({ gesendet: false })
|
||
};
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|