// ✅ Erst anzeigen, wenn Nutzer aktiv sucht/auswählt let hasSearched = false; const JOBS = [ { id: "steuerfachangestellte", title: "Steuerfachangestellte*r (m/w/d)", location: "Deutschland", category: "Steuerberatung", type: "Vollzeit / Teilzeit", remote: true, tags: ["DATEV", "Finanzbuchhaltung", "Steuererklärungen"], intro: "Du betreust Mandanten eigenständig und arbeitest mit modernen, digitalen Prozessen statt Papierchaos.", responsibilities: [ "Laufende Finanzbuchhaltung", "Vorbereitung von Jahresabschlüssen und Steuererklärungen", "Kommunikation mit Mandanten und Finanzbehörden" ], requirements: [ "Abgeschlossene Ausbildung als Steuerfachangestellte*r", "DATEV-Kenntnisse wünschenswert", "Sorgfältige und selbstständige Arbeitsweise" ], benefits: [ "Flexible Arbeitszeiten und Homeoffice", "Individuelle Fortbildungsmöglichkeiten", "Wertschätzendes Team ohne starre Hierarchien" ], applyUrl: "#" }, { id: "finanzbuchhalter", title: "Finanzbuchhalter*in (m/w/d)", location: "Deutschland", category: "Finanzbuchhaltung", type: "Vollzeit / Teilzeit", remote: true, tags: ["Fibu", "UStVA", "Digitale Buchhaltung"], intro: "Du arbeitest strukturiert, zuverlässig und mit festen Mandanten – ohne unnötigen Stress.", responsibilities: [ "Finanzbuchhaltung für feste Mandanten", "Umsatzsteuer-Voranmeldungen", "Abstimmung und Vorbereitung für Abschlüsse" ], requirements: [ "Ausbildung oder Weiterbildung im Bereich Finanzbuchhaltung", "Sicherer Umgang mit Buchhaltungssoftware", "Strukturierte und zuverlässige Arbeitsweise" ], benefits: [ "Klare Zuständigkeiten", "Digitale Prozesse", "Planbare Arbeitszeiten" ], applyUrl: "#" }, { id: "steuerberater", title: "Steuerberater*in (m/w/d)", location: "Deutschland", category: "Steuerberatung", type: "Vollzeit / Teilzeit", remote: true, tags: ["Jahresabschluss", "Beratung", "DATEV"], intro: "Du willst beraten, gestalten und Verantwortung übernehmen – ohne Konzernpolitik.", responsibilities: [ "Ganzheitliche Mandantenberatung", "Erstellung/Review von Jahresabschlüssen und Steuererklärungen", "Fachliche Unterstützung des Teams" ], requirements: [ "Bestandenes Steuerberaterexamen", "Digitale Affinität und DATEV-Kenntnisse", "Unternehmerisches Denken" ], benefits: [ "Gestaltungsfreiheit", "Attraktive Vergütung", "Langfristige Perspektiven und Mitgestaltung" ], applyUrl: "#" }, { id: "sonstige", title: "Sonstige (m/w/d) – Initiativbewerbung", location: "Deutschland", category: "Initiativ", type: "Individuell", remote: true, tags: ["Initiativbewerbung", "Kanzlei", "Karriere"], intro: "Du findest dich in keiner Anzeige wieder, passt aber fachlich und menschlich? Dann lass uns sprechen.", responsibilities: [ "Aufgabenbereich individuell nach Qualifikation und Interesse" ], requirements: [ "Motivation, Eigeninitiative und Teamgeist", "Erfahrung im Kanzlei- oder Office-Umfeld wünschenswert" ], benefits: [ "Individuell gestaltbare Rolle", "Entwicklungsmöglichkeiten", "Offene Kommunikation und kurze Wege" ], applyUrl: "#" } ]; // Elements const posSelect = document.getElementById("pos_select"); const locInput = document.getElementById("loc_input"); const btnFind = document.getElementById("btn_find"); const remoteOnly = document.getElementById("remote_only"); const elResults = document.getElementById("job_results"); const elCount = document.getElementById("job_count"); const modalBackdrop = document.getElementById("job_modal_backdrop"); const modalClose = document.getElementById("job_modal_close"); const modalContent = document.getElementById("job_modal_content"); function uniqueSorted(arr) { return Array.from(new Set(arr.filter(Boolean))).sort((a, b) => a.localeCompare(b, "de")); } function populatePositions() { const positions = uniqueSorted(JOBS.map(j => j.title)); positions.forEach(p => posSelect.appendChild(new Option(p, p))); } function matchesText(job, text) { if (!text) return true; const q = text.toLowerCase().trim(); const hay = [ job.title, job.location, job.category, job.type, (job.tags || []).join(" "), job.intro || "" ].join(" ").toLowerCase(); return hay.includes(q); } function badgePills(job) { const pills = []; pills.push(job.category); pills.push(job.type); if (job.remote) pills.push("Remote"); return pills.map(x => ` ${x} `).join(" "); } function tagsLine(job) { return (job.tags || []).slice(0, 4).map(t => ` ${t} `).join(" "); } function card(job) { return `

${job.title}

${badgePills(job)}

${job.intro || ""}

${tagsLine(job)}

Bewerben

`; } function renderFiltered({ scrollToResults = false } = {}) { // ⛔ Noch nicht gesucht → nur Hinweis anzeigen if (!hasSearched) { elCount.textContent = ""; elResults.innerHTML = `

Bitte wähle eine Position und klicke auf „Jobs finden“.

`; return; } const chosenPos = posSelect.value; // exakte Position const locationText = locInput.value || ""; // Freitext Ort/PLZ const remote = remoteOnly.checked; const filtered = JOBS.filter(job => (!chosenPos || job.title === chosenPos) && matchesText(job, locationText) && (!remote || !!job.remote) ); elCount.textContent = `${filtered.length} Stelle(n) gefunden`; elResults.innerHTML = filtered.map(card).join("") || `

Keine Treffer. Versuch eine andere Position oder einen anderen Ort/Begriff.

`; document.querySelectorAll("[data-job-open]").forEach(btn => { btn.addEventListener("click", () => openModal(btn.getAttribute("data-job-open"))); }); if (scrollToResults) { const wrap = document.getElementById("jobresults_wrap"); if (wrap) wrap.scrollIntoView({ behavior: "smooth", block: "start" }); } } function openModal(jobId) { const job = JOBS.find(j => j.id === jobId); if (!job) return; const list = (items) => (items || []).map(x => `

${x}

`).join(""); const allTags = (job.tags || []).map(t => ` ${t} `).join(""); modalContent.innerHTML = `

${job.title}

${badgePills(job)}

${allTags}

${job.intro || ""}

Deine Aufgaben

${list(job.responsibilities)}

Dein Profil

${list(job.requirements)}

Benefits

${list(job.benefits)}

Jetzt bewerben

`; modalBackdrop.style.display = "block"; document.body.style.overflow = "hidden"; const close2 = document.getElementById("job_modal_close2"); if (close2) close2.addEventListener("click", closeModal); } function closeModal() { modalBackdrop.style.display = "none"; document.body.style.overflow = ""; } modalClose.addEventListener("click", closeModal); modalBackdrop.addEventListener("click", (e) => { if (e.target === modalBackdrop) closeModal(); }); document.addEventListener("keydown", (e) => { if (e.key === "Escape") closeModal(); }); // Events btnFind.addEventListener("click", () => { hasSearched = true; renderFiltered({ scrollToResults: true }); }); posSelect.addEventListener("change", () => { hasSearched = true; renderFiltered({ scrollToResults: true }); }); // Enter im Ort-Feld startet Suche locInput.addEventListener("keydown", (e) => { if (e.key === "Enter") { hasSearched = true; renderFiltered({ scrollToResults: true }); } }); // Remote-Filter nur aktiv, wenn schon gesucht wurde remoteOnly.addEventListener("change", () => { if (hasSearched) renderFiltered(); }); // Init populatePositions(); renderFiltered(); // zeigt am Anfang nur den Hinweis