Individuelle Beratung

:root{ --tm-gap:.9rem; --tm-gap-sm:.5rem; --tm-radius:.8rem; --tm-font-sm:.95rem; --tm-muted:#6b7280; --tm-strong:#111827; --tm-space:1rem; --tm-space-lg:1.35rem; --tm-space-xl:1.75rem; } /* 2 Spalten: gleiche Höhe, saubere Abstände */ .tm-calc{display:grid;grid-template-columns:1.25fr .95fr;gap:var(--tm-gap);align-items:stretch} @media (max-width: 900px){.tm-calc{grid-template-columns:1fr}} .tm-left,.tm-right{background:#fff;border:1px solid #e5e7eb;border-radius:var(--tm-radius);padding:clamp(1rem,1.8vw,1.35rem);height:100%;box-sizing:border-box} /* Linke Spalte nutzt Flex, damit unten bündig abschließt */ .tm-left{display:flex;flex-direction:column} /* Obere 2-Spalten-Zeile + Sliders im Grid */ .tm-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--tm-gap);flex:0 0 auto} .tm-span-2{grid-column:1 / -1} .tm-field{display:flex;flex-direction:column;gap:.45rem} .tm-label{font-weight:700;color:var(--tm-strong)} .tm-help{color:var(--tm-muted);font-size:var(--tm-font-sm)} /* Gleiche Kopfhöhe für Mitarbeiter & Stundensatz */ .tm-grid > .tm-field:not(.tm-span-2) .tm-top{min-height:3.2rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.25rem} /* Inputs */ .tm-input,.tm-input-addon>input{width:100%;height:2.9rem;border:1px solid #e5e7eb;border-radius:.6rem;padding:.55rem .7rem;font-size:1rem} .tm-input-addon{display:flex;align-items:center;gap:.45rem} .tm-input-addon span{display:inline-flex;align-items:center;justify-content:center;height:2.9rem;padding:0 .65rem;border:1px solid #e5e7eb;border-radius:.6rem;background:#f9fafb} /* Slider-Zeilen mit rechtsbündiger Metrik (z.B. 5 min/Tag) */ .tm-range{width:100%} .tm-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem} .tm-metric{min-width:8.5rem;display:flex;align-items:baseline;gap:.35rem;justify-content:flex-end;color:var(--tm-muted)} .tm-value{font-variant-numeric:tabular-nums} /* Gewünschte vertikale Abstufung links */ .tm-section--error{margin-top:var(--tm-space-xl)} /* "Fehlerhafte Erfassung" etwas nach unten */ .tm-section--korr{margin-top:var(--tm-space-lg)} /* vor "Manuelle Korrekturen" noch Platz */ /* Schalter + Hinweis unten andocken, damit links wie rechts bündig abschließt */ .tm-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center} .tm-bottom .tm-help{margin:0} /* Toggle */ .tm-switch-row{display:flex;align-items:center;gap:.75rem;justify-content:center} .tm-switch{position:relative;width:46px;height:26px} .tm-switch input{opacity:0;width:0;height:0} .tm-slider{position:absolute;cursor:pointer;inset:0;background:#e5e7eb;border-radius:999px;transition:.2s} .tm-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.2s} .tm-switch input:checked + .tm-slider{background:#10b981} .tm-switch input:checked + .tm-slider:before{transform:translateX(20px)} /* Toggle-Labels unter der Frage */ .tm-switch-block{display:flex;flex-direction:column;align-items:center;gap:.5rem} .tm-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none} .tm-toggle .tm-toggle-text{color:var(--tm-muted);font-weight:600} /* Rechte Spalte als Flex – Fußnote ganz unten */ .tm-right{display:flex;flex-direction:column} .tm-title{margin:0 0 .65rem 0;font-weight:700} .tm-savings{font-size:clamp(2rem,4.3vw,3rem);font-weight:800;line-height:1;margin-bottom:.6rem;color:#e11d48} .tm-license{color:#111827} .tm-cta{width:100%;margin:1rem 0 1.1rem 0;height:2.9rem;border:none;border-radius:999px;background:#d9f99d;color:#111827;font-weight:700;cursor:pointer} .tm-info3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tm-gap);} .tm-i{border:1px solid #e5e7eb;border-radius:.6rem;padding:.7rem} .tm-num{font-size:1.35rem;font-weight:800;line-height:1} .tm-desc{color:var(--tm-muted);font-size:var(--tm-font-sm)} .tm-foot{color:var(--tm-muted);font-size:var(--tm-font-sm);margin-top:auto} /* Kleine Feinheiten */ .tm-left *,.tm-right *{box-sizing:border-box} /* Feinausrichtung: Nur "Mitarbeiter"-Kopf etwas höher (Desktop) */ @media (min-width: 901px){ .tm-top--nudge-up{ transform: translateY(-3px); } }

Mitarbeiter Wie viele Mitarbeiter beschäftigen Sie?

Stundensatz Ø Vergütung pro Stunde

€

Fehlerhafte Erfassung

5 min/Tag

Von 0 bis 10 Minuten

Manuelle Korrekturen

45 min/Monat

Von 0 bis 90 Minuten

Raucherpausen bezahlt?

Nein Ja

In Deutschland rauchen ca. 24,8% der Angestellten.

Ihre jährlichen Einsparungen*

0 €

Mit Timemaster können Sie Ihre jährlichen Kosten effektiv senken. Eine Lizenz für Ihre Anzahl an Mitarbeitern erhalten Sie pro Jahr ab nur .

Starten Sie jetzt Ihren kostenlosen Test!

0

Minuten pro Person/Tag
Inkorrekte Zeiten

0

Minuten pro Person/Monat
Manuelle Korrekturen

0

Minuten pro Tag/Raucher
Raucherpausen

* Jeden Tag erfassen wir mehr als 1 Million Arbeitsstunden.

(function(){ // Inputs const mitarbeiterInput = document.getElementById('mitarbeiter'); const stundensatzInput = document.getElementById('stundensatz'); // Slider const fehlerSlider = document.getElementById('fehlerhafteErfassung'); // 0..10 const korrSlider = document.getElementById('manuelleKorrekturen'); // 0..90 // Toggle const raucherTgl = document.getElementById('raucherToggle'); // Slider-Anzeigen links const fehlerVal = document.getElementById('fehlerVal'); const korrVal = document.getElementById('korrVal'); // Ausgabe rechts const jahresErsparnis = document.getElementById('jahresErsparnis'); const fehlerMinOut = document.getElementById('fehlerhafteMin'); const korrMinOut = document.getElementById('korrekturMin'); const raucherMinOut = document.getElementById('raucherMin'); // Für Lizenzkosten const licenseCostElem = document.getElementById('licenseCost'); // Standard: Raucher "Ja" raucherTgl.checked = true; // Event-Listener [mitarbeiterInput, stundensatzInput, fehlerSlider, korrSlider, raucherTgl] .forEach(el => el.addEventListener('input', berechnen)); // Initial berechnen(); function berechnen() { const mitarbeiter = Math.max(0, parseInt(mitarbeiterInput.value, 10) || 0); const stundensatz = Math.max(0, parseFloat(stundensatzInput.value) || 0); // fehlerhafte Erfassung -> min/Tag const fehlerMin = parseInt(fehlerSlider.value, 10) || 0; // manuelle Korrekturen -> min/Monat const korrMin = parseInt(korrSlider.value, 10) || 0; // Toggle Raucher let raucherMin = 0; if (raucherTgl.checked) { raucherMin = 28; // 28 min/Tag pro Raucher } // Slider-Werte neben Labels ausgeben (links) fehlerVal.textContent = fehlerMin; korrVal.textContent = korrMin; // Werte in den Info-Karten ausgeben (rechts) fehlerMinOut.textContent = fehlerMin; korrMinOut.textContent = korrMin; raucherMinOut.textContent = raucherMin; // Jahresberechnung const arbeitstage = 220; const raucherquote = 0.248; // 24,8% const raucherAnz = mitarbeiter * raucherquote; // 1) Fehlerhafte Erfassung const jahresMinFehler = fehlerMin * mitarbeiter * arbeitstage; const kostenFehler = (jahresMinFehler / 60) * stundensatz; // 2) Manuelle Korrekturen const jahresMinKorr = korrMin * mitarbeiter * 12; const kostenKorr = (jahresMinKorr / 60) * stundensatz; // 3) Raucher let kostenRaucher = 0; if (raucherMin > 0) { const jahresMinRaucher = raucherMin * raucherAnz * arbeitstage; kostenRaucher = (jahresMinRaucher / 60) * stundensatz; } const gesamt = kostenFehler + kostenKorr + kostenRaucher; // Jahres-Ersparnis OHNE Nachkommastellen jahresErsparnis.textContent = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR', minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(gesamt); // Lizenzkosten (4,60 € * Mitarbeiter * 12 Monate) MIT 2 Nachkommastellen const licenseCost = 4.60 * mitarbeiter * 12; licenseCostElem.textContent = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR', minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(licenseCost); } })();