{"id":5305,"date":"2024-08-26T19:34:32","date_gmt":"2024-08-26T18:34:32","guid":{"rendered":"https:\/\/13.webagency99.xyz\/?page_id=5305"},"modified":"2026-06-09T15:53:28","modified_gmt":"2026-06-09T13:53:28","slug":"new","status":"publish","type":"page","link":"https:\/\/gfi-ernst.com\/index.php\/new\/","title":{"rendered":"TimeCop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5305\" class=\"elementor elementor-5305\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-a620912 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"a620912\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27fbfb0\" data-id=\"27fbfb0\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-3c5339d elementor-widget elementor-widget-html\" data-id=\"3c5339d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta name=\"description\" content=\"TimeCop \u2013 Zeiterfassung, Schichtplanung und Lohnexport aus Deutschland. Mit offizieller DATEV-Schnittstelle, mobiler Stempeluhr, Geofencing und automatischen Stundenkonten. DSGVO-konform.\">\n<title>TimeCop \u2013 Zeiterfassung & Schichtplanung mit offizieller DATEV-Schnittstelle<\/title>\n<style>\n  :root {\n    --blue: #1E74BD;\n    --blue-dark: #015392;\n    --blue-deep: #083964;\n    --blue-light: #E5F1FB;\n    --blue-soft: #F0F7FF;\n    --grey: #9CA0A8;\n    --grey-light: #F4F5F7;\n    --grey-border: #E1E4E8;\n    --dark: #34435A;\n    --dark-deep: #1F2A37;\n    --text: #2E3744;\n    --text-muted: #6B7280;\n    --white: #FFFFFF;\n    --green: #22C55E;\n    --amber: #F5A623;\n    --red: #E5704D;\n    --shadow-sm: 0 1px 2px rgba(31, 42, 55, 0.06);\n    --shadow-md: 0 4px 12px rgba(31, 42, 55, 0.08);\n    --shadow-lg: 0 12px 32px rgba(31, 42, 55, 0.12);\n    --radius: 10px;\n    --radius-lg: 16px;\n  }\n\n  .timecop-root *,\n  .timecop-root *::before,\n  .timecop-root *::after { box-sizing: border-box; }\n\n  .timecop-root {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--text);\n    line-height: 1.6;\n    font-size: 16px;\n    background: var(--white);\n  }\n\n  .timecop-root h1, .timecop-root h2, .timecop-root h3, .timecop-root h4 {\n    color: var(--dark-deep);\n    line-height: 1.25;\n    margin: 0 0 .5em;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n  }\n  .timecop-root h1 { font-size: clamp(2rem, 4.5vw, 3.25rem); }\n  .timecop-root h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); margin-bottom: .75em; }\n  .timecop-root h3 { font-size: 1.25rem; }\n  .timecop-root p { margin: 0 0 1em; color: var(--text); }\n  .timecop-root a { color: var(--blue-dark); text-decoration: none; }\n  .timecop-root a:hover { text-decoration: underline; }\n  .timecop-root ul { margin: 0 0 1em; padding-left: 1.25em; }\n  .timecop-root li { margin-bottom: .35em; }\n\n  .timecop-container {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  \/* ---------- HERO ---------- *\/\n  .timecop-hero {\n    background:\n      radial-gradient(1200px 600px at 85% -10%, rgba(30, 116, 189, 0.16), transparent 60%),\n      radial-gradient(900px 500px at 10% 110%, rgba(52, 67, 90, 0.10), transparent 60%),\n      linear-gradient(180deg, #FAFBFC 0%, #FFFFFF 100%);\n    padding: 80px 0 96px;\n    border-bottom: 1px solid var(--grey-border);\n  }\n  .timecop-hero-grid {\n    display: grid;\n    grid-template-columns: 1.1fr 1fr;\n    gap: 64px;\n    align-items: center;\n  }\n  .timecop-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--blue-light);\n    color: var(--blue-dark);\n    border: 1px solid rgba(30, 116, 189, 0.3);\n    padding: 6px 14px;\n    border-radius: 999px;\n    font-size: .85rem;\n    font-weight: 600;\n    margin-bottom: 20px;\n  }\n  .timecop-eyebrow svg { width: 14px; height: 14px; }\n  .timecop-hero h1 span { color: var(--blue-dark); }\n  .timecop-hero-lead {\n    font-size: 1.2rem;\n    color: var(--text-muted);\n    margin: 16px 0 32px;\n    max-width: 560px;\n  }\n  .timecop-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }\n  .timecop-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 24px;\n    border-radius: var(--radius);\n    font-weight: 600;\n    font-size: 1rem;\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: all .15s ease;\n    text-decoration: none;\n  }\n  .timecop-btn-primary,\n  .timecop-btn-primary:link,\n  .timecop-btn-primary:visited {\n    background: var(--blue);\n    color: #FFFFFF !important;\n    box-shadow: var(--shadow-sm);\n  }\n  .timecop-btn-primary *,\n  .timecop-btn-primary svg { color: #FFFFFF !important; stroke: #FFFFFF !important; }\n  .timecop-btn-primary:hover,\n  .timecop-btn-primary:focus,\n  .timecop-btn-primary:active {\n    background: var(--blue-dark);\n    transform: translateY(-1px);\n    box-shadow: var(--shadow-md);\n    text-decoration: none;\n    color: #FFFFFF !important;\n  }\n  .timecop-btn-secondary {\n    background: var(--white);\n    color: var(--dark);\n    border-color: var(--grey-border);\n  }\n  .timecop-btn-secondary:hover {\n    border-color: var(--dark);\n    text-decoration: none;\n  }\n  .timecop-btn svg { width: 16px; height: 16px; }\n\n  .timecop-trust-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    align-items: center;\n    font-size: .9rem;\n    color: var(--text-muted);\n  }\n  .timecop-trust-item { display: flex; align-items: center; gap: 6px; }\n  .timecop-trust-item svg { width: 16px; height: 16px; color: var(--blue); flex-shrink: 0; }\n\n  \/* Hero visual: echter Produkt-Screenshot *\/\n  .timecop-hero-visual {\n    position: relative;\n  }\n  .timecop-shot-img { display: block; width: 100%; height: auto; }\n  .timecop-hero-frame {\n    transform: rotate(-1deg);\n    transition: transform .25s ease;\n  }\n  .timecop-hero-frame:hover { transform: rotate(0deg); }\n  .timecop-app-card {\n    position: absolute;\n    background: var(--white);\n    border: 1px solid var(--grey-border);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n    padding: 18px;\n  }\n  .timecop-app-card-1 {\n    width: 330px;\n    top: 0;\n    right: 50px;\n    transform: rotate(-3deg);\n    z-index: 2;\n  }\n  .timecop-app-card-2 {\n    width: 280px;\n    bottom: 10px;\n    left: 0;\n    transform: rotate(4deg);\n    z-index: 1;\n  }\n  .timecop-app-card-3 {\n    width: 230px;\n    bottom: 90px;\n    right: 0;\n    transform: rotate(-2deg);\n    z-index: 3;\n  }\n  .timecop-app-titlebar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 12px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid var(--grey-light);\n  }\n  .timecop-app-titlebar .dot {\n    width: 10px; height: 10px; border-radius: 50%; background: #E1E4E8;\n  }\n  .timecop-app-titlebar .dot.green { background: var(--green); }\n  .timecop-app-title {\n    font-size: .8rem;\n    font-weight: 600;\n    color: var(--dark);\n    margin-left: 8px;\n  }\n\n  \/* Live timer *\/\n  .timecop-live-timer { text-align: center; padding: 6px 0 4px; }\n  .timecop-live-label { font-size: .72rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }\n  .timecop-live-clock {\n    font-family: \"SF Mono\", Menlo, Consolas, monospace;\n    font-size: 2.1rem;\n    font-weight: 700;\n    color: var(--blue-dark);\n    letter-spacing: .02em;\n    margin: 4px 0 2px;\n  }\n  .timecop-live-user { font-size: .78rem; color: var(--text-muted); }\n  .timecop-live-status {\n    display: inline-flex; align-items: center; gap: 5px;\n    background: rgba(34,197,94,.12); color: #15803D;\n    font-size: .68rem; font-weight: 700;\n    padding: 3px 9px; border-radius: 999px; margin-top: 8px;\n  }\n  .timecop-live-status .pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }\n\n  .timecop-app-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--grey-light);\n    font-size: .8rem;\n  }\n  .timecop-app-row:last-child { border-bottom: none; }\n  .timecop-app-row-icon {\n    width: 28px; height: 28px;\n    border-radius: 6px;\n    background: var(--blue-light);\n    color: var(--blue-dark);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .timecop-app-row-icon svg { width: 14px; height: 14px; }\n  .timecop-app-row-text { flex: 1; min-width: 0; }\n  .timecop-app-row-title { font-weight: 600; color: var(--dark); }\n  .timecop-app-row-sub { color: var(--text-muted); font-size: .72rem; }\n  .timecop-app-badge {\n    background: var(--blue-light);\n    color: var(--blue-dark);\n    padding: 2px 8px;\n    border-radius: 6px;\n    font-size: .7rem;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n  .timecop-app-badge.green { background: rgba(34,197,94,.14); color: #15803D; }\n\n  \/* mini shift grid in hero card *\/\n  .timecop-mini-shift { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; margin-top: 4px; }\n  .timecop-mini-shift span {\n    height: 22px; border-radius: 4px; font-size: .58rem;\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 700; color: #fff;\n  }\n  .timecop-mini-shift .f { background: #1E74BD; }\n  .timecop-mini-shift .s { background: #7CC8FD; color: #015392; }\n  .timecop-mini-shift .n { background: #083964; }\n  .timecop-mini-shift .u { background: var(--green); }\n  .timecop-mini-shift .o { background: var(--grey-light); color: var(--grey); }\n\n  \/* ---------- SECTIONS ---------- *\/\n  .timecop-section { padding: 88px 0; }\n  .timecop-section.alt { background: var(--grey-light); }\n  .timecop-section-head { text-align: center; max-width: 740px; margin: 0 auto 56px; }\n  .timecop-section-head .timecop-eyebrow { margin-bottom: 16px; }\n  .timecop-section-head p { font-size: 1.1rem; color: var(--text-muted); }\n\n  \/* Feature grid *\/\n  .timecop-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n  .timecop-feature {\n    background: var(--white);\n    border: 1px solid var(--grey-border);\n    border-radius: var(--radius-lg);\n    padding: 32px 28px;\n    transition: all .2s ease;\n  }\n  .timecop-feature:hover {\n    border-color: var(--blue);\n    box-shadow: var(--shadow-md);\n    transform: translateY(-2px);\n  }\n  .timecop-feature-icon {\n    width: 48px; height: 48px;\n    border-radius: 12px;\n    background: var(--blue-light);\n    color: var(--blue-dark);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n  }\n  .timecop-feature-icon svg { width: 24px; height: 24px; }\n  .timecop-feature h3 { font-size: 1.15rem; margin-bottom: .5em; }\n  .timecop-feature p { color: var(--text-muted); font-size: .95rem; margin: 0; }\n\n  \/* Module \/ product pillars *\/\n  .timecop-modules {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n  }\n  .timecop-module {\n    background: var(--white);\n    border: 1px solid var(--grey-border);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n  }\n  .timecop-module-header { padding: 28px 28px 0; }\n  .timecop-module-badge {\n    display: inline-block;\n    background: var(--blue);\n    color: var(--white);\n    font-size: .75rem;\n    font-weight: 700;\n    letter-spacing: .04em;\n    padding: 4px 10px;\n    border-radius: 6px;\n    margin-bottom: 12px;\n    text-transform: uppercase;\n  }\n  .timecop-module h3 { font-size: 1.4rem; }\n  .timecop-module-body { padding: 0 28px 28px; }\n  .timecop-module-body p { color: var(--text-muted); }\n  .timecop-module-list { list-style: none; padding: 0; margin: 16px 0 0; }\n  .timecop-module-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-bottom: 10px;\n    font-size: .95rem;\n  }\n  .timecop-module-list svg {\n    width: 18px; height: 18px;\n    color: var(--blue);\n    flex-shrink: 0;\n    margin-top: 3px;\n  }\n\n  \/* Security split *\/\n  .timecop-security {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 64px;\n    align-items: center;\n  }\n  .timecop-security-stack {\n    background: var(--dark-deep);\n    color: var(--white);\n    border-radius: var(--radius-lg);\n    padding: 32px;\n    box-shadow: var(--shadow-lg);\n  }\n  .timecop-security-stack h4 {\n    color: var(--white);\n    font-size: 1rem;\n    text-transform: uppercase;\n    letter-spacing: .08em;\n    margin-bottom: 20px;\n    opacity: .7;\n  }\n  .timecop-crypto-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: 1px solid rgba(255,255,255,.1);\n    font-size: .95rem;\n  }\n  .timecop-crypto-row:last-child { border-bottom: none; }\n  .timecop-crypto-row .label { color: rgba(255,255,255,.6); }\n  .timecop-crypto-row .value { font-family: \"SF Mono\", Menlo, Consolas, monospace; color: #7CC8FD; font-weight: 600; }\n  .timecop-security-points h2 { margin-bottom: 24px; }\n  .timecop-security-points ul { list-style: none; padding: 0; }\n  .timecop-security-points li {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    margin-bottom: 20px;\n  }\n  .timecop-security-points li svg {\n    width: 22px; height: 22px;\n    color: var(--blue);\n    flex-shrink: 0;\n    margin-top: 3px;\n  }\n  .timecop-security-points li strong {\n    display: block;\n    color: var(--dark-deep);\n    margin-bottom: 4px;\n  }\n  .timecop-security-points li span { color: var(--text-muted); font-size: .95rem; }\n\n  \/* Platforms *\/\n  .timecop-platforms {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n\n  \/* Terminal device mockup *\/\n  .timecop-terminal-row {\n    display: grid;\n    grid-template-columns: 1.25fr 1fr;\n    gap: 56px;\n    align-items: center;\n    margin-top: 72px;\n  }\n  .timecop-terminal-text h3 { font-size: 1.6rem; margin-bottom: 14px; }\n  .timecop-terminal-text p { color: var(--text-muted); font-size: 1.05rem; margin-bottom: 20px; }\n  .timecop-terminal-text ul { list-style: none; padding: 0; }\n  .timecop-terminal-text li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; font-size: .95rem; }\n  .timecop-terminal-text li svg { width: 18px; height: 18px; color: var(--blue); flex-shrink: 0; margin-top: 3px; }\n\n  .timecop-device {\n    position: relative;\n    background: linear-gradient(150deg, #2b3442 0%, #161c26 100%);\n    border-radius: 26px;\n    padding: 26px 22px;\n    box-shadow: 0 34px 70px rgba(31, 42, 55, 0.30), 0 6px 16px rgba(31,42,55,.14), inset 0 0 0 1px rgba(255,255,255,.05);\n  }\n  .timecop-device::before {\n    content: \"\";\n    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);\n    width: 7px; height: 7px; border-radius: 50%;\n    background: #0a0e14; box-shadow: 0 0 0 3px rgba(255,255,255,.04);\n  }\n  .timecop-device-screen {\n    border-radius: 8px;\n    overflow: hidden;\n    display: block;\n    box-shadow: inset 0 0 0 1px rgba(0,0,0,.5);\n    background: #0f1722;\n  }\n  .timecop-device-screen img { display: block; width: 100%; height: auto; }\n  .timecop-device-led {\n    position: absolute; bottom: 11px; left: 50%; transform: translateX(-50%);\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: .6rem; color: rgba(255,255,255,.45); font-weight: 600; letter-spacing: .04em;\n  }\n  .timecop-device-led i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px rgba(34,197,94,.9); }\n  @media (max-width: 960px) {\n    .timecop-terminal-row { grid-template-columns: 1fr; gap: 32px; margin-top: 48px; }\n  }\n  .timecop-platform {\n    text-align: center;\n    padding: 36px 24px;\n    background: var(--white);\n    border: 1px solid var(--grey-border);\n    border-radius: var(--radius-lg);\n  }\n  .timecop-platform-icon {\n    width: 64px; height: 64px;\n    margin: 0 auto 20px;\n    color: var(--blue-dark);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .timecop-platform-icon svg { width: 48px; height: 48px; }\n  .timecop-platform h3 { margin-bottom: 8px; }\n  .timecop-platform p { color: var(--text-muted); font-size: .95rem; margin: 0; }\n\n  \/* Comparison table *\/\n  .timecop-table-wrap {\n    overflow-x: auto;\n    border: 1px solid var(--grey-border);\n    border-radius: var(--radius-lg);\n    background: var(--white);\n  }\n  .timecop-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: .95rem;\n    min-width: 640px;\n  }\n  .timecop-table th, .timecop-table td {\n    padding: 16px 20px;\n    text-align: left;\n    border-bottom: 1px solid var(--grey-border);\n  }\n  .timecop-table th {\n    background: var(--grey-light);\n    color: var(--dark-deep);\n    font-weight: 700;\n    font-size: .85rem;\n    text-transform: uppercase;\n    letter-spacing: .04em;\n  }\n  .timecop-table td:not(:first-child),\n  .timecop-table th:not(:first-child) { text-align: center; }\n  .timecop-table tr:last-child td { border-bottom: none; }\n  .timecop-table .check { color: var(--blue); }\n  .timecop-table .cross { color: #C44A4A; }\n  .timecop-table .col-highlight {\n    background: rgba(30, 116, 189, 0.06);\n    font-weight: 600;\n  }\n\n  \/* DATEV highlight section *\/\n  .timecop-datev {\n    display: grid;\n    grid-template-columns: 1.05fr 1fr;\n    gap: 56px;\n    align-items: center;\n  }\n  .timecop-datev-points h2 { margin-bottom: 8px; }\n  .timecop-datev-points ul { list-style: none; padding: 0; margin-top: 20px; }\n  .timecop-datev-points li { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }\n  .timecop-datev-points li svg { width: 22px; height: 22px; color: var(--blue); flex-shrink: 0; margin-top: 3px; }\n  .timecop-datev-points li strong { display: block; color: var(--dark-deep); margin-bottom: 3px; }\n  .timecop-datev-points li span { color: var(--text-muted); font-size: .95rem; }\n\n  .timecop-datev-card {\n    background: var(--white);\n    border: 1px solid var(--grey-border);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n    overflow: hidden;\n  }\n  .timecop-datev-card-head {\n    background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-deep) 100%);\n    color: #fff;\n    padding: 22px 24px;\n    display: flex; align-items: center; gap: 14px;\n  }\n  .timecop-datev-logo {\n    width: 52px; height: 52px; border-radius: 12px;\n    background: #fff; color: var(--blue-dark);\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 800; font-size: .95rem; letter-spacing: .02em;\n    flex-shrink: 0;\n  }\n  .timecop-datev-card-head .t { font-weight: 700; font-size: 1.05rem; }\n  .timecop-datev-card-head .s { font-size: .8rem; opacity: .8; }\n  .timecop-datev-conn {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 16px 24px; border-bottom: 1px solid var(--grey-border);\n  }\n  .timecop-datev-conn .lhs { display: flex; align-items: center; gap: 10px; font-size: .9rem; font-weight: 600; color: var(--dark-deep); }\n  .timecop-datev-conn .lhs svg { width: 20px; height: 20px; color: var(--green); }\n  .timecop-badge-green {\n    display: inline-flex; align-items: center; gap: 6px;\n    background: rgba(34,197,94,.14); color: #15803D;\n    font-size: .72rem; font-weight: 700;\n    padding: 5px 11px; border-radius: 999px;\n  }\n  .timecop-badge-green .pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }\n  .timecop-datev-body { padding: 18px 24px 24px; }\n  .timecop-datev-maprow {\n    display: grid; grid-template-columns: 1fr 22px 1fr;\n    align-items: center; gap: 10px;\n    padding: 9px 0; font-size: .82rem;\n    border-bottom: 1px dashed var(--grey-light);\n  }\n  .timecop-datev-maprow:last-of-type { border-bottom: none; }\n  .timecop-datev-maprow .from { color: var(--dark-deep); font-weight: 600; }\n  .timecop-datev-maprow .arrow { color: var(--blue); display: flex; justify-content: center; }\n  .timecop-datev-maprow .arrow svg { width: 16px; height: 16px; }\n  .timecop-datev-maprow .to { color: var(--text-muted); font-family: \"SF Mono\", Menlo, Consolas, monospace; font-size: .78rem; }\n  .timecop-datev-export {\n    margin-top: 16px;\n    background: var(--blue);\n    color: #fff;\n    border-radius: var(--radius);\n    padding: 12px;\n    text-align: center;\n    font-weight: 600;\n    font-size: .9rem;\n    display: flex; align-items: center; justify-content: center; gap: 8px;\n  }\n  .timecop-datev-export svg { width: 16px; height: 16px; stroke: #fff; }\n\n  \/* ---------- SCREENSHOT MOCKUPS ---------- *\/\n  .timecop-shots { display: flex; flex-direction: column; gap: 64px; }\n  .timecop-shot-row {\n    display: grid;\n    grid-template-columns: 1fr 1.3fr;\n    gap: 48px;\n    align-items: center;\n  }\n  .timecop-shot-row.reverse { grid-template-columns: 1.3fr 1fr; }\n  .timecop-shot-row.reverse .timecop-shot-text { order: 2; }\n  .timecop-shot-row.reverse .timecop-shot-frame { order: 1; }\n  .timecop-shot-text h3 { font-size: 1.6rem; margin-bottom: 14px; }\n  .timecop-shot-text p { color: var(--text-muted); font-size: 1.05rem; margin-bottom: 20px; }\n  .timecop-shot-text ul { list-style: none; padding: 0; }\n  .timecop-shot-text li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-bottom: 10px;\n    font-size: .95rem;\n  }\n  .timecop-shot-text li svg {\n    width: 18px; height: 18px;\n    color: var(--blue);\n    flex-shrink: 0;\n    margin-top: 3px;\n  }\n\n  .timecop-shot-frame {\n    background: #FFFFFF;\n    border-radius: 12px;\n    box-shadow: 0 24px 60px rgba(31, 42, 55, 0.18), 0 4px 12px rgba(31, 42, 55, 0.06);\n    overflow: hidden;\n    border: 1px solid var(--grey-border);\n  }\n  .timecop-shot-titlebar {\n    background: #FFFFFF;\n    border-bottom: 1px solid var(--grey-border);\n    padding: 0;\n    height: 34px;\n    display: flex;\n    align-items: stretch;\n  }\n  .timecop-tb-left {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 0 14px;\n    flex: 1;\n    min-width: 0;\n  }\n  .timecop-tb-icon {\n    width: 18px; height: 18px;\n    background: var(--blue);\n    border-radius: 4px;\n    color: #fff;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n  }\n  .timecop-tb-icon svg { width: 12px; height: 12px; }\n  .timecop-tb-title {\n    font-size: 12px;\n    color: var(--dark-deep);\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .timecop-tb-controls { display: flex; }\n  .timecop-tb-btn {\n    width: 44px;\n    display: flex; align-items: center; justify-content: center;\n    color: #4D5A6F;\n  }\n  .timecop-tb-btn svg { width: 10px; height: 10px; }\n\n  .timecop-mock {\n    display: grid;\n    height: 460px;\n    font-size: .8rem;\n    background: #FAFBFC;\n  }\n  .timecop-mock-sidebar {\n    background: #1F2A37;\n    color: rgba(255,255,255,.85);\n    padding: 16px 0;\n    display: flex;\n    flex-direction: column;\n  }\n  .timecop-mock-brand {\n    display: flex; align-items: center; gap: 8px;\n    padding: 0 16px 16px;\n    border-bottom: 1px solid rgba(255,255,255,.08);\n    margin-bottom: 12px;\n  }\n  .timecop-mock-brand-logo {\n    width: 28px; height: 28px;\n    background: var(--blue);\n    border-radius: 6px;\n    display: flex; align-items: center; justify-content: center;\n    color: #fff;\n  }\n  .timecop-mock-brand-logo svg { width: 17px; height: 17px; }\n  .timecop-mock-brand-name { font-weight: 700; color: #fff; font-size: .95rem; }\n  .timecop-mock-nav { padding: 0 8px; flex: 1; }\n  .timecop-mock-nav-item {\n    display: flex; align-items: center; gap: 10px;\n    padding: 8px 10px;\n    border-radius: 6px;\n    color: rgba(255,255,255,.7);\n    margin-bottom: 2px;\n    font-size: .78rem;\n  }\n  .timecop-mock-nav-item.active {\n    background: rgba(30, 116, 189, 0.25);\n    color: #7CC8FD;\n    font-weight: 600;\n  }\n  .timecop-mock-nav-item svg { width: 14px; height: 14px; }\n  .timecop-mock-user {\n    padding: 12px 16px;\n    border-top: 1px solid rgba(255,255,255,.08);\n    display: flex; align-items: center; gap: 10px;\n  }\n  .timecop-mock-avatar {\n    width: 28px; height: 28px;\n    background: var(--blue);\n    border-radius: 50%;\n    color: #fff;\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 700; font-size: .7rem;\n  }\n  .timecop-mock-user-name { font-size: .78rem; color: #fff; font-weight: 600; }\n  .timecop-mock-user-role { font-size: .65rem; color: rgba(255,255,255,.5); }\n\n  .timecop-mock-main { display: flex; flex-direction: column; overflow: hidden; min-width: 0; }\n  .timecop-mock-topbar {\n    background: #fff;\n    border-bottom: 1px solid var(--grey-border);\n    padding: 12px 18px;\n    display: flex; align-items: center; gap: 12px;\n  }\n  .timecop-mock-search {\n    flex: 1;\n    background: var(--grey-light);\n    border-radius: 6px;\n    padding: 7px 12px;\n    color: var(--text-muted);\n    font-size: .72rem;\n    display: flex; align-items: center; gap: 8px;\n  }\n  .timecop-mock-search svg { width: 12px; height: 12px; }\n  .timecop-mock-btn {\n    background: var(--blue);\n    color: #fff;\n    border-radius: 6px;\n    padding: 7px 12px;\n    font-size: .72rem;\n    font-weight: 600;\n    display: flex; align-items: center; gap: 6px;\n    white-space: nowrap;\n  }\n  .timecop-mock-btn svg { width: 12px; height: 12px; stroke: #fff; }\n\n  .timecop-mock-2col { grid-template-columns: 200px 1fr; }\n  .timecop-mock-content { padding: 14px 18px; overflow: auto; }\n  .timecop-mock-section-title {\n    font-size: .68rem;\n    text-transform: uppercase;\n    letter-spacing: .06em;\n    color: var(--text-muted);\n    font-weight: 700;\n    margin: 4px 0 8px;\n  }\n\n  \/* Dashboard mock *\/\n  .timecop-dash-hero {\n    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);\n    border-radius: 10px; color: #fff;\n    padding: 18px 20px; margin-bottom: 14px;\n    display: flex; align-items: center; justify-content: space-between;\n  }\n  .timecop-dash-hero .clk {\n    font-family: \"SF Mono\", Menlo, Consolas, monospace;\n    font-size: 1.8rem; font-weight: 700; letter-spacing: .02em;\n  }\n  .timecop-dash-hero .lbl { font-size: .66rem; text-transform: uppercase; letter-spacing: .06em; opacity: .85; }\n  .timecop-dash-hero .since { font-size: .66rem; opacity: .85; margin-top: 2px; }\n  .timecop-dash-stop {\n    background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.35);\n    color: #fff; border-radius: 8px; padding: 9px 16px;\n    font-size: .76rem; font-weight: 700;\n    display: flex; align-items: center; gap: 7px;\n  }\n  .timecop-dash-stop svg { width: 13px; height: 13px; }\n  .timecop-stat-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }\n  .timecop-stat {\n    background: #fff; border: 1px solid var(--grey-border);\n    border-radius: 8px; padding: 10px 12px;\n  }\n  .timecop-stat .v { font-size: 1.25rem; font-weight: 800; color: var(--dark-deep); }\n  .timecop-stat .v.green { color: #15803D; }\n  .timecop-stat .v.amber { color: #B45309; }\n  .timecop-stat .k { font-size: .64rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }\n\n  .timecop-entry-list { background: #fff; border: 1px solid var(--grey-border); border-radius: 8px; overflow: hidden; }\n  .timecop-entry-row {\n    display: grid; grid-template-columns: 30px 1fr 90px 70px; gap: 10px;\n    align-items: center; padding: 9px 14px;\n    border-bottom: 1px solid var(--grey-light); font-size: .76rem;\n  }\n  .timecop-entry-row:last-child { border-bottom: none; }\n  .timecop-entry-row.head {\n    background: var(--grey-light); color: var(--text-muted);\n    font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 7px 14px;\n  }\n  .timecop-entry-av {\n    width: 26px; height: 26px; border-radius: 50%;\n    background: var(--blue-light); color: var(--blue-dark);\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 700; font-size: .62rem;\n  }\n  .timecop-entry-name { font-weight: 600; color: var(--dark-deep); }\n  .timecop-entry-sub { color: var(--text-muted); font-size: .66rem; }\n  .timecop-entry-time { font-family: \"SF Mono\", Menlo, Consolas, monospace; color: var(--dark); font-size: .72rem; }\n  .timecop-pill {\n    font-size: .62rem; font-weight: 700; padding: 3px 8px; border-radius: 999px; text-align: center;\n  }\n  .timecop-pill.on { background: rgba(34,197,94,.14); color: #15803D; }\n  .timecop-pill.off { background: var(--grey-light); color: var(--text-muted); }\n  .timecop-pill.vac { background: rgba(30,116,189,.12); color: var(--blue-dark); }\n\n  \/* Shift schedule mock *\/\n  .timecop-shift-head {\n    display: flex; align-items: center; gap: 10px;\n    padding: 12px 18px; background: #fff; border-bottom: 1px solid var(--grey-border);\n  }\n  .timecop-shift-head .wk { font-weight: 700; color: var(--dark-deep); font-size: .82rem; }\n  .timecop-shift-head .nav { display: flex; gap: 4px; margin-left: auto; }\n  .timecop-shift-head .nav span {\n    width: 24px; height: 24px; border-radius: 6px; background: var(--grey-light);\n    display: flex; align-items: center; justify-content: center; color: var(--text-muted);\n  }\n  .timecop-shift-head .nav svg { width: 12px; height: 12px; }\n  .timecop-shift-legend { display: flex; gap: 12px; padding: 8px 18px; background: #fff; border-bottom: 1px solid var(--grey-border); flex-wrap: wrap; }\n  .timecop-shift-legend span { display: flex; align-items: center; gap: 5px; font-size: .64rem; color: var(--text-muted); font-weight: 600; }\n  .timecop-shift-legend i { width: 11px; height: 11px; border-radius: 3px; display: inline-block; }\n  .timecop-grid-wrap { padding: 12px 18px; overflow: auto; }\n  .timecop-sgrid { display: grid; grid-template-columns: 130px repeat(7, 1fr); gap: 4px; min-width: 480px; }\n  .timecop-sgrid .cell {\n    border-radius: 5px; padding: 7px 4px; font-size: .62rem; text-align: center;\n    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;\n    min-height: 38px; font-weight: 700; color: #fff;\n  }\n  .timecop-sgrid .cell .tm { font-size: .54rem; font-weight: 500; opacity: .9; }\n  .timecop-sgrid .day-h { font-size: .6rem; color: var(--text-muted); text-transform: uppercase; font-weight: 700; text-align: center; padding: 5px 0; letter-spacing: .03em; }\n  .timecop-sgrid .emp {\n    display: flex; align-items: center; gap: 7px; padding: 0 6px;\n    font-size: .68rem; font-weight: 600; color: var(--dark-deep);\n  }\n  .timecop-sgrid .emp .av {\n    width: 22px; height: 22px; border-radius: 50%; background: var(--blue-light); color: var(--blue-dark);\n    display: flex; align-items: center; justify-content: center; font-size: .56rem; font-weight: 700; flex-shrink: 0;\n  }\n  .timecop-sgrid .f { background: #1E74BD; }\n  .timecop-sgrid .s { background: #36AEFA; }\n  .timecop-sgrid .n { background: #083964; }\n  .timecop-sgrid .u { background: var(--green); }\n  .timecop-sgrid .k { background: var(--red); }\n  .timecop-sgrid .o { background: var(--grey-light); color: var(--grey); font-weight: 500; }\n\n  \/* Evaluation \/ hour account mock *\/\n  .timecop-eval-grid { padding: 14px 18px; display: grid; grid-template-columns: 1fr; gap: 12px; overflow: auto; }\n  .timecop-acc-table { background: #fff; border: 1px solid var(--grey-border); border-radius: 8px; overflow: hidden; }\n  .timecop-acc-row {\n    display: grid; grid-template-columns: 26px 1.4fr 1fr 1fr 1fr; gap: 8px; align-items: center;\n    padding: 9px 14px; border-bottom: 1px solid var(--grey-light); font-size: .74rem;\n  }\n  .timecop-acc-row:last-child { border-bottom: none; }\n  .timecop-acc-row.head { background: var(--grey-light); color: var(--text-muted); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 7px 14px; }\n  .timecop-acc-name { font-weight: 600; color: var(--dark-deep); }\n  .timecop-acc-num { font-family: \"SF Mono\", Menlo, Consolas, monospace; font-size: .72rem; color: var(--dark); }\n  .timecop-acc-saldo { font-family: \"SF Mono\", Menlo, Consolas, monospace; font-size: .72rem; font-weight: 700; }\n  .timecop-acc-saldo.pos { color: #15803D; }\n  .timecop-acc-saldo.neg { color: #C44A4A; }\n  .timecop-eval-foot {\n    display: flex; align-items: center; justify-content: space-between;\n    background: var(--blue-soft); border: 1px solid var(--blue-light);\n    border-radius: 8px; padding: 12px 16px;\n  }\n  .timecop-eval-foot .txt { font-size: .74rem; color: var(--blue-deep); font-weight: 600; }\n  .timecop-eval-foot .txt span { display: block; font-size: .64rem; color: var(--text-muted); font-weight: 500; margin-top: 2px; }\n  .timecop-eval-foot .exp {\n    background: var(--blue); color: #fff; border-radius: 7px; padding: 8px 14px;\n    font-size: .72rem; font-weight: 700; display: flex; align-items: center; gap: 7px;\n  }\n  .timecop-eval-foot .exp svg { width: 13px; height: 13px; stroke: #fff; }\n\n  @media (max-width: 960px) {\n    .timecop-shot-row,\n    .timecop-shot-row.reverse { grid-template-columns: 1fr; gap: 28px; }\n    .timecop-shot-row.reverse .timecop-shot-text,\n    .timecop-shot-row.reverse .timecop-shot-frame { order: initial; }\n    .timecop-mock { height: auto; min-height: 360px; font-size: .68rem; }\n    .timecop-mock-2col { grid-template-columns: 130px 1fr; }\n  }\n\n  \/* FAQ *\/\n  .timecop-faq { max-width: 820px; margin: 0 auto; }\n  .timecop-faq-item {\n    background: var(--white);\n    border: 1px solid var(--grey-border);\n    border-radius: var(--radius);\n    margin-bottom: 12px;\n    overflow: hidden;\n  }\n  .timecop-faq-item summary {\n    padding: 20px 24px;\n    cursor: pointer;\n    font-weight: 600;\n    color: var(--dark-deep);\n    list-style: none;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n  }\n  .timecop-faq-item summary::-webkit-details-marker { display: none; }\n  .timecop-faq-item summary::after {\n    content: \"\";\n    width: 10px; height: 10px;\n    border-right: 2px solid var(--grey);\n    border-bottom: 2px solid var(--grey);\n    transform: rotate(45deg);\n    transition: transform .2s ease;\n    flex-shrink: 0;\n  }\n  .timecop-faq-item[open] summary::after { transform: rotate(-135deg); }\n  .timecop-faq-item div {\n    padding: 0 24px 20px;\n    color: var(--text-muted);\n  }\n\n  \/* CTA Banner *\/\n  .timecop-cta-banner {\n    background: linear-gradient(135deg, var(--blue-deep) 0%, var(--blue-dark) 100%);\n    border-radius: var(--radius-lg);\n    padding: 56px 48px;\n    color: var(--white);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .timecop-cta-banner::before {\n    content: \"\";\n    position: absolute;\n    top: -50%; right: -10%;\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, rgba(54, 174, 250, 0.30), transparent 70%);\n  }\n  .timecop-cta-banner h2 { color: var(--white); position: relative; z-index: 1; }\n  .timecop-cta-banner p {\n    color: rgba(255,255,255,.85);\n    font-size: 1.15rem;\n    max-width: 600px;\n    margin: 0 auto 32px;\n    position: relative;\n    z-index: 1;\n  }\n  .timecop-cta-banner .timecop-cta-row { justify-content: center; position: relative; z-index: 1; }\n  .timecop-cta-banner .timecop-btn-secondary {\n    background: transparent;\n    color: var(--white);\n    border-color: rgba(255,255,255,.3);\n  }\n  .timecop-cta-banner .timecop-btn-secondary:hover {\n    border-color: var(--white);\n    background: rgba(255,255,255,.05);\n    color: var(--white);\n  }\n\n  \/* Footer note *\/\n  .timecop-footnote { text-align: center; padding: 40px 0 8px; color: var(--text-muted); font-size: .85rem; }\n\n  \/* Responsive *\/\n  @media (max-width: 960px) {\n    .timecop-hero-grid,\n    .timecop-security,\n    .timecop-datev { grid-template-columns: 1fr; gap: 48px; }\n    .timecop-feature-grid,\n    .timecop-modules,\n    .timecop-platforms { grid-template-columns: 1fr; }\n    .timecop-hero-visual { display: none; }\n    .timecop-cta-banner { padding: 40px 24px; }\n  }\n  @media (max-width: 600px) {\n    .timecop-section { padding: 64px 0; }\n    .timecop-hero { padding: 56px 0 64px; }\n    .timecop-stat-row { grid-template-columns: repeat(2, 1fr); }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"timecop-root\">\n\n  <!-- ====== HERO ====== -->\n  <section class=\"timecop-hero\">\n    <div class=\"timecop-container timecop-hero-grid\">\n      <div>\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          Made in Germany \u00b7 DSGVO-konform \u00b7 Offizielle DATEV-Schnittstelle\n        <\/span>\n        <h1>Arbeitszeit erfassen, Schichten planen, Lohn <span>direkt an DATEV \u00fcbergeben.<\/span><\/h1>\n        <p class=\"timecop-hero-lead\">\n          TimeCop ist die digitale Komplett\u00adl\u00f6sung f\u00fcr Zeit\u00aderfassung, Dienst\u00adplanung und Personal\u00adverwaltung \u2014 von der mobilen Stempel\u00aduhr bis zur fertigen Lohn\u00adabrechnung. Mit offizieller DATEV-Anbindung, automatischen Stunden\u00adkonten und voller \u00dcbersicht \u00fcber Ihr gesamtes Team.\n        <\/p>\n        <div class=\"timecop-cta-row\">\n          <a href=\"https:\/\/gfi-ernst.com\/index.php\/contact-v-4\/\" class=\"timecop-btn timecop-btn-primary\">\n            Live-Demo anfragen\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n          <a href=\"#funktionen\" class=\"timecop-btn timecop-btn-secondary\">Funktionen ansehen<\/a>\n        <\/div>\n        <div class=\"timecop-trust-row\">\n          <div class=\"timecop-trust-item\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            Offizielle DATEV-Anbindung\n          <\/div>\n          <div class=\"timecop-trust-item\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            Web, Mobile &amp; Terminal\n          <\/div>\n          <div class=\"timecop-trust-item\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            Pers\u00f6nlicher Support aus Deutschland\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Visual: echter Produkt-Screenshot -->\n      <div class=\"timecop-hero-visual\">\n        <div class=\"timecop-shot-frame timecop-hero-frame\">\n          <div class=\"timecop-shot-titlebar\">\n            <div class=\"timecop-tb-left\">\n              <div class=\"timecop-tb-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              <\/div>\n              <span class=\"timecop-tb-title\">TimeCop \u2014 Zeiterfassung<\/span>\n            <\/div>\n            <div class=\"timecop-tb-controls\">\n              <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><line x1=\"2\" y1=\"6\" x2=\"10\" y2=\"6\" stroke=\"currentColor\"\/><\/svg><\/div>\n              <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"2.5\" y=\"2.5\" width=\"7\" height=\"7\" stroke=\"currentColor\"\/><\/svg><\/div>\n              <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2.5 2.5 L9.5 9.5 M9.5 2.5 L2.5 9.5\" stroke=\"currentColor\"\/><\/svg><\/div>\n            <\/div>\n          <\/div>\n          <img fetchpriority=\"high\" decoding=\"async\" class=\"timecop-shot-img\" src=\"https:\/\/gfi-ernst.com\/wp-content\/uploads\/2026\/06\/shot-zeiterfassung.png\" width=\"1440\" height=\"900\" alt=\"TimeCop Zeiterfassung \u2013 Ein- und Ausstempeln mit laufendem Live-Timer\" loading=\"eager\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== PROBLEM \/ WHY ====== -->\n  <section class=\"timecop-section\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n          Das Problem\n        <\/span>\n        <h2>Stundenzettel auf Papier, Excel-Chaos und manuelles Abtippen f\u00fcr die Lohn\u00adabrechnung.<\/h2>\n        <p>\n          Handgeschriebene Stunden\u00adzettel, fehlerhafte Excel-Listen und das m\u00fchsame \u00dcbertragen jeder Stunde in die Lohn\u00adsoftware kosten jeden Monat Tage \u2014 und f\u00fchren zu Fehlern, Streit und rechtlichem Risiko. Seit dem BAG-Urteil zur Arbeits\u00adzeit\u00aderfassung ist eine saubere, nachvollziehbare Dokumentation Pflicht. TimeCop schlie\u00dft diese L\u00fccke vollst\u00e4ndig digital.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== KERN-FEATURES ====== -->\n  <section class=\"timecop-section alt\" id=\"funktionen\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n          Funktionen\n        <\/span>\n        <h2>Eine Plattform f\u00fcr die gesamte Personalzeit.<\/h2>\n        <p>Von der ersten Stempelung bis zur fertigen Lohn\u00fcbergabe \u2014 alles greift nahtlos ineinander.<\/p>\n      <\/div>\n\n      <div class=\"timecop-feature-grid\">\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          <h3>Digitale Zeiterfassung<\/h3>\n          <p>Kommen &amp; Gehen per Klick, am Terminal oder unterwegs. Pausen, T\u00e4tigkeiten und Projekte werden sekunden\u00adgenau und manipulations\u00adsicher protokolliert.<\/p>\n        <\/div>\n\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n          <\/div>\n          <h3>Schicht- &amp; Dienstplanung<\/h3>\n          <p>Schichten per Drag-and-Drop planen, Vorlagen &amp; ganze Wochen kopieren, Besetzung auf einen Blick pr\u00fcfen \u2014 inklusive Warnung bei Unter\u00adbesetzung und Konflikten.<\/p>\n        <\/div>\n\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n          <\/div>\n          <h3>Stundenkonten &amp; \u00dcberstunden<\/h3>\n          <p>Soll-\/Ist-Vergleich vollautomatisch. \u00dcber- und Minus\u00adstunden, Gleitzeit\u00adsalden und Auszahlungen werden laufend berechnet und st\u00fcndlich als Snapshot gesichert.<\/p>\n        <\/div>\n\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z\"\/><\/svg>\n          <\/div>\n          <h3>Urlaub &amp; Abwesenheiten<\/h3>\n          <p>Urlaubs\u00adantr\u00e4ge, Krank\u00admeldungen und Sonder\u00adabwesenheiten digital beantragen und genehmigen. Resturlaub und Kontingente werden automatisch gef\u00fchrt.<\/p>\n        <\/div>\n\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          <\/div>\n          <h3>Geofencing &amp; Standort<\/h3>\n          <p>Stempeln nur am erlaubten Einsatz\u00adort \u2014 per GPS-Geofence definiert. Ideal f\u00fcr Baustellen, Au\u00dfen\u00addienst und mehrere Standorte, inklusive Karten\u00adansicht.<\/p>\n        <\/div>\n\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n          <\/div>\n          <h3>Auswertungen &amp; DATEV-Export<\/h3>\n          <p>Saubere Monats\u00adauswertungen, PDF- und Excel-Berichte und die direkte \u00dcbergabe an DATEV Lohn und Gehalt \u2014 ohne Abtippen, ohne Medien\u00adbruch.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== MODULE ====== -->\n  <section class=\"timecop-section\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n          Die drei S\u00e4ulen\n        <\/span>\n        <h2>Erfassen. Planen. Abrechnen.<\/h2>\n      <\/div>\n\n      <div class=\"timecop-modules\">\n        <div class=\"timecop-module\">\n          <div class=\"timecop-module-header\">\n            <span class=\"timecop-module-badge\">S\u00e4ule 1<\/span>\n            <h3>Erfassen<\/h3>\n          <\/div>\n          <div class=\"timecop-module-body\">\n            <p>Arbeitszeit erfassen \u2014 wo und wie Ihre Mitarbeiter arbeiten.<\/p>\n            <ul class=\"timecop-module-list\">\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Kommen \/ Gehen \/ Pause per Klick<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Terminal-Stempeluhr mit Chip \/ Token<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Mobile Erfassung mit Geofencing<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>T\u00e4tigkeiten &amp; Projekte zuordnen<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Automatische Pausen- &amp; Rundungsregeln<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Nachtr\u00e4gliche Korrektur mit Audit-Spur<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"timecop-module\">\n          <div class=\"timecop-module-header\">\n            <span class=\"timecop-module-badge\">S\u00e4ule 2<\/span>\n            <h3>Planen<\/h3>\n          <\/div>\n          <div class=\"timecop-module-body\">\n            <p>Dienst- und Schichtpl\u00e4ne, die zu Ihrem Betrieb passen.<\/p>\n            <ul class=\"timecop-module-list\">\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Drag-and-Drop Schichtplaner<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Arbeitszeitmodelle &amp; Vorlagen<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Wochen &amp; Muster kopieren<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Urlaub &amp; Abwesenheit direkt im Plan<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Warnung bei Unterbesetzung &amp; Konflikten<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Plan teilen \u2014 jeder sieht seine Schicht<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"timecop-module\">\n          <div class=\"timecop-module-header\">\n            <span class=\"timecop-module-badge\">S\u00e4ule 3<\/span>\n            <h3>Abrechnen<\/h3>\n          <\/div>\n          <div class=\"timecop-module-body\">\n            <p>Vom Stundenkonto direkt in die Lohnabrechnung.<\/p>\n            <ul class=\"timecop-module-list\">\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Automatische Stundenkonten &amp; Salden<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Zuschl\u00e4ge, \u00dcberstunden, Auszahlungen<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><strong>Offizielle DATEV-Schnittstelle<\/strong><\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Lohnarten frei zuordenbar<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>PDF- &amp; Excel-Auswertungen<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Monats\u00adabschluss &amp; Sperre<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== SCREENSHOTS \/ EINBLICKE ====== -->\n  <section class=\"timecop-section alt\" id=\"einblicke\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n          Einblicke\n        <\/span>\n        <h2>So sieht TimeCop in der Praxis aus.<\/h2>\n        <p>Aufger\u00e4umt, schnell und gemacht f\u00fcr den t\u00e4glichen Einsatz \u2014 am Schreibtisch, am Terminal und unterwegs.<\/p>\n      <\/div>\n\n      <div class=\"timecop-shots\">\n\n        <!-- SHOT: SCHICHTPLAN (echter Screenshot) -->\n        <div class=\"timecop-shot-row\">\n          <div class=\"timecop-shot-text\">\n            <h3>Schichtplanung per Drag-and-Drop<\/h3>\n            <p>Den ganzen Betrieb auf einem Blick: Mitarbeiter in den Zeilen, Tage in den Spalten. Schichten mit Zeiten und T\u00e4tigkeiten anlegen, Abwesenheiten direkt eintragen und ganze Wochen mit einem Klick kopieren.<\/p>\n            <ul>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Schichtzeiten &amp; T\u00e4tigkeiten pro Tag<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Abwesenheiten direkt im Plan<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Woche kopieren &amp; als PDF exportieren<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"timecop-shot-frame\">\n            <div class=\"timecop-shot-titlebar\">\n              <div class=\"timecop-tb-left\">\n                <div class=\"timecop-tb-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                <\/div>\n                <span class=\"timecop-tb-title\">TimeCop \u2014 Schichtplan<\/span>\n              <\/div>\n              <div class=\"timecop-tb-controls\">\n                <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><line x1=\"2\" y1=\"6\" x2=\"10\" y2=\"6\" stroke=\"currentColor\"\/><\/svg><\/div>\n                <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"2.5\" y=\"2.5\" width=\"7\" height=\"7\" stroke=\"currentColor\"\/><\/svg><\/div>\n                <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2.5 2.5 L9.5 9.5 M9.5 2.5 L2.5 9.5\" stroke=\"currentColor\"\/><\/svg><\/div>\n              <\/div>\n            <\/div>\n            <img loading=\"lazy\" decoding=\"async\" class=\"timecop-shot-img\" src=\"https:\/\/gfi-ernst.com\/wp-content\/uploads\/2026\/06\/shot-schichtplan.png\" width=\"1440\" height=\"900\" alt=\"TimeCop Schichtplan \u2013 Wochenplanung mit Schichtzeiten und T\u00e4tigkeiten\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n\n        <!-- SHOT: AUSWERTUNGEN (echter Screenshot) -->\n        <div class=\"timecop-shot-row reverse\">\n          <div class=\"timecop-shot-text\">\n            <h3>Auswertungen &amp; Stundenkonten<\/h3>\n            <p>Soll, Ist und Saldo f\u00fcr jeden Mitarbeiter \u2014 automatisch berechnet und immer aktuell. Inklusive Kranktage, Resturlaub und Arbeitstagen. Mit einem Klick als PDF, Excel oder DATEV-LuG-Datei exportierbar.<\/p>\n            <ul>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Soll-\/Ist-Saldo &amp; Stundenkonto pro Person<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Krank- &amp; Urlaubstage auf einen Blick<\/li>\n              <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Export als DATEV-LuG-Datei, PDF &amp; Excel<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"timecop-shot-frame\">\n            <div class=\"timecop-shot-titlebar\">\n              <div class=\"timecop-tb-left\">\n                <div class=\"timecop-tb-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                <\/div>\n                <span class=\"timecop-tb-title\">TimeCop \u2014 Auswertungen<\/span>\n              <\/div>\n              <div class=\"timecop-tb-controls\">\n                <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><line x1=\"2\" y1=\"6\" x2=\"10\" y2=\"6\" stroke=\"currentColor\"\/><\/svg><\/div>\n                <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"2.5\" y=\"2.5\" width=\"7\" height=\"7\" stroke=\"currentColor\"\/><\/svg><\/div>\n                <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2.5 2.5 L9.5 9.5 M9.5 2.5 L2.5 9.5\" stroke=\"currentColor\"\/><\/svg><\/div>\n              <\/div>\n            <\/div>\n            <img loading=\"lazy\" decoding=\"async\" class=\"timecop-shot-img\" src=\"https:\/\/gfi-ernst.com\/wp-content\/uploads\/2026\/06\/shot-auswertungen.png\" width=\"1440\" height=\"900\" alt=\"TimeCop Auswertungen \u2013 Stundenkonten, Soll\/Ist, Urlaub und Kranktage je Mitarbeiter\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== DATEV-SCHNITTSTELLE ====== -->\n  <section class=\"timecop-section\" id=\"datev\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-datev\">\n        <div class=\"timecop-datev-points\">\n          <span class=\"timecop-eyebrow\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n            Offizielle DATEV-Schnittstelle\n          <\/span>\n          <h2>Direkt an DATEV \u2014 ohne Umweg, ohne Abtippen.<\/h2>\n          <p>TimeCop verf\u00fcgt \u00fcber eine echte, offizielle DATEV-Anbindung. Die erfassten Zeiten, Zuschl\u00e4ge und Abwesenheiten flie\u00dfen per gesicherter Schnittstelle direkt in <strong>DATEV Lohn und Gehalt<\/strong> bzw. <strong>LODAS<\/strong> \u2014 sauber den richtigen Lohnarten zugeordnet.<\/p>\n          <ul>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Sichere OAuth-Anbindung<\/strong>\n                <span>Verbindung \u00fcber das offizielle, gesch\u00fctzte DATEV-Authentifizierungs\u00adverfahren \u2014 kein Umweg \u00fcber unsichere Dateiablagen.<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Lohnarten frei zuordenbar<\/strong>\n                <span>\u00dcber-, Nacht- und Sonn-\/Feiertags\u00adstunden, Urlaub und Krankheit lassen sich exakt auf Ihre DATEV-Lohnarten mappen.<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Monatsabschluss auf Knopfdruck<\/strong>\n                <span>Ein Klick erzeugt die gepr\u00fcfte Lohn\u00ad\u00fcbergabe f\u00fcr den ganzen Betrieb \u2014 die Steuer\u00adkanzlei erh\u00e4lt saubere, fertige Daten.<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Auch klassischer ASCII\/LODAS-Export<\/strong>\n                <span>Arbeitet Ihre Kanzlei lieber mit Importdateien? TimeCop erzeugt ebenso das passende ASCII-\/LODAS-Format.<\/span>\n              <\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"timecop-shot-frame\">\n          <div class=\"timecop-shot-titlebar\">\n            <div class=\"timecop-tb-left\">\n              <div class=\"timecop-tb-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              <\/div>\n              <span class=\"timecop-tb-title\">TimeCop \u2014 Einstellungen \u00b7 DATEV<\/span>\n            <\/div>\n            <div class=\"timecop-tb-controls\">\n              <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><line x1=\"2\" y1=\"6\" x2=\"10\" y2=\"6\" stroke=\"currentColor\"\/><\/svg><\/div>\n              <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"2.5\" y=\"2.5\" width=\"7\" height=\"7\" stroke=\"currentColor\"\/><\/svg><\/div>\n              <div class=\"timecop-tb-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2.5 2.5 L9.5 9.5 M9.5 2.5 L2.5 9.5\" stroke=\"currentColor\"\/><\/svg><\/div>\n            <\/div>\n          <\/div>\n          <img loading=\"lazy\" decoding=\"async\" class=\"timecop-shot-img\" src=\"https:\/\/gfi-ernst.com\/wp-content\/uploads\/2026\/06\/shot-datev.png\" width=\"1440\" height=\"900\" alt=\"TimeCop DATEV Integration \u2013 Sichere OAuth-2.0-Verbindung, Mandantendaten und Lohnarten-Zuordnung\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== SICHERHEIT \/ TECHNIK ====== -->\n  <section class=\"timecop-section alt\" id=\"sicherheit\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-security\">\n        <div class=\"timecop-security-points\">\n          <span class=\"timecop-eyebrow\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            Sicherheit &amp; Datenschutz\n          <\/span>\n          <h2>DSGVO-konform. Revisionssicher. Aus Deutschland.<\/h2>\n          <p>Arbeitszeit\u00addaten geh\u00f6ren zu den sensibelsten Personal\u00addaten \u00fcberhaupt. TimeCop sch\u00fctzt sie auf jeder Ebene \u2014 technisch und organisatorisch.<\/p>\n          <ul>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Hosting in der EU<\/strong>\n                <span>Betrieb in deutscher bzw. europ\u00e4ischer Infrastruktur \u2014 keine Datenweitergabe in Drittl\u00e4nder.<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Verschl\u00fcsselte \u00dcbertragung<\/strong>\n                <span>Jede Verbindung ist mit TLS 1.3 abgesichert. Daten werden verschl\u00fcsselt \u00fcbertragen und gespeichert.<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Rollen &amp; Rechte<\/strong>\n                <span>Owner, Administrator, Team\u00adleiter und Mitarbeiter \u2014 jede Rolle sieht genau das, was sie sehen darf.<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>Revisionssichere Protokolle<\/strong>\n                <span>Jede Stempelung und jede Korrektur wird mit Zeit\u00adstempel und Urheber l\u00fcckenlos protokolliert.<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <div>\n                <strong>St\u00fcndliche Snapshots &amp; Backups<\/strong>\n                <span>Stundenkonten werden st\u00fcndlich gesichert, die Datenbank georedundant gesichert \u2014 kein Datenverlust.<\/span>\n              <\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"timecop-security-stack\">\n          <h4>Technik-Stack<\/h4>\n          <div class=\"timecop-crypto-row\"><span class=\"label\">Transport\u00adverschl\u00fcsselung<\/span><span class=\"value\">TLS 1.3<\/span><\/div>\n          <div class=\"timecop-crypto-row\"><span class=\"label\">DATEV-Anbindung<\/span><span class=\"value\">OAuth 2.0<\/span><\/div>\n          <div class=\"timecop-crypto-row\"><span class=\"label\">Berechtigungen<\/span><span class=\"value\">Rollenbasiert<\/span><\/div>\n          <div class=\"timecop-crypto-row\"><span class=\"label\">Protokollierung<\/span><span class=\"value\">Append-only<\/span><\/div>\n          <div class=\"timecop-crypto-row\"><span class=\"label\">Stundenkonto-Sicherung<\/span><span class=\"value\">St\u00fcndlich<\/span><\/div>\n          <div class=\"timecop-crypto-row\"><span class=\"label\">Datenhaltung<\/span><span class=\"value\">EU \/ DSGVO<\/span><\/div>\n          <div class=\"timecop-crypto-row\"><span class=\"label\">Verf\u00fcgbarkeit<\/span><span class=\"value\">Georedundant<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== PLATTFORMEN ====== -->\n  <section class=\"timecop-section\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n          Plattformen\n        <\/span>\n        <h2>Stempeln, wo Ihre Mitarbeiter arbeiten.<\/h2>\n      <\/div>\n\n      <div class=\"timecop-platforms\">\n        <div class=\"timecop-platform\">\n          <div class=\"timecop-platform-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n          <\/div>\n          <h3>Web-App im Browser<\/h3>\n          <p>Die volle Verwaltung \u2014 Schicht\u00adplanung, Auswertungen, Stamm\u00addaten und DATEV-Export \u2014 bequem am PC, ganz ohne Installation.<\/p>\n        <\/div>\n\n        <div class=\"timecop-platform\">\n          <div class=\"timecop-platform-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <h3>Mobile App f\u00fcrs Handy<\/h3>\n          <p>Als installierbare App (PWA) f\u00fcr iPhone &amp; Android. Stempeln per GPS-Geofence, Urlaub beantragen, Schichten ansehen \u2014 direkt unterwegs.<\/p>\n        <\/div>\n\n        <div class=\"timecop-platform\">\n          <div class=\"timecop-platform-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\"\/><\/svg>\n          <\/div>\n          <h3>Terminal-Stempeluhr<\/h3>\n          <p>Festes Terminal am Eingang \u2014 Ein- und Ausstempeln per Chip oder Token. Ideal f\u00fcr Produktion, Lager und Mitarbeiter ohne eigenes Smartphone.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Terminal-Ger\u00e4t: echter Kiosk-Screen im Ger\u00e4te-Mockup -->\n      <div class=\"timecop-terminal-row\">\n        <div class=\"timecop-device\">\n          <div class=\"timecop-device-screen\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gfi-ernst.com\/wp-content\/uploads\/2026\/06\/shot-terminal.png\" width=\"1905\" height=\"905\" alt=\"TimeCop Terminal-Stempeluhr \u2013 Token an das Leseger\u00e4t halten zum Ein- und Ausstempeln\" loading=\"lazy\">\n          <\/div>\n          <span class=\"timecop-device-led\"><i><\/i> ONLINE \u00b7 GFI SERVER<\/span>\n        <\/div>\n        <div class=\"timecop-terminal-text\">\n          <h3>Die Stempeluhr f\u00fcr den Eingang<\/h3>\n          <p>Ein robustes Touch-Terminal am Eingang: Mitarbeiter halten einfach ihren Chip oder Token an das Leseger\u00e4t \u2014 fertig. Kein Login, kein Passwort, kein Smartphone n\u00f6tig.<\/p>\n          <ul>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Ein- &amp; Ausstempeln per Chip \/ RFID-Token<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Gro\u00dfer Touch-Screen mit Live-Uhr<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Sichere Verbindung zum TimeCop-Server mit Statusanzeige<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>L\u00e4uft auf kompakter Mini-PC-Hardware \u2014 schnell installiert<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== VERGLEICH ====== -->\n  <section class=\"timecop-section alt\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n          Im Vergleich\n        <\/span>\n        <h2>Warum TimeCop statt Stempelkarte, Excel oder Insell\u00f6sung?<\/h2>\n      <\/div>\n\n      <div class=\"timecop-table-wrap\">\n        <table class=\"timecop-table\">\n          <thead>\n            <tr>\n              <th>Funktion<\/th>\n              <th class=\"col-highlight\">TimeCop<\/th>\n              <th>Excel \/ Papier<\/th>\n              <th>Einfache Stempeluhr<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>Offizielle DATEV-Schnittstelle<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n            <\/tr>\n            <tr>\n              <td>Schicht- &amp; Dienstplanung integriert<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n            <\/tr>\n            <tr>\n              <td>Automatische Stundenkonten &amp; \u00dcberstunden<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n            <\/tr>\n            <tr>\n              <td>Mobil &amp; mit Geofencing<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n            <\/tr>\n            <tr>\n              <td>Urlaubs- &amp; Abwesenheitsverwaltung<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n            <\/tr>\n            <tr>\n              <td>Revisionssichere Protokollierung<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n            <\/tr>\n            <tr>\n              <td>Terminal, Web &amp; Handy kombiniert<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n            <\/tr>\n            <tr>\n              <td>Pers\u00f6nlicher deutscher Support<\/td>\n              <td class=\"col-highlight\"><svg class=\"check\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n              <td><svg class=\"cross\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== ZIELGRUPPEN ====== -->\n  <section class=\"timecop-section\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>\n          F\u00fcr wen?\n        <\/span>\n        <h2>Gemacht f\u00fcr Betriebe mit Schichten, Teams und Verantwortung.<\/h2>\n      <\/div>\n\n      <div class=\"timecop-feature-grid\">\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n          <\/div>\n          <h3>Handwerk &amp; Bau<\/h3>\n          <p>Stempeln auf der Baustelle per Geofence, Stunden pro Projekt, mobil vom Smartphone \u2014 und am Monatsende direkt in die Lohnabrechnung.<\/p>\n        <\/div>\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n          <\/div>\n          <h3>Pflege &amp; Gesundheit<\/h3>\n          <p>Komplexe Fr\u00fch-, Sp\u00e4t- und Nacht\u00adschichten sauber planen, Zuschl\u00e4ge automatisch berechnen und l\u00fcckenlos dokumentieren.<\/p>\n        <\/div>\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\n          <\/div>\n          <h3>Gastronomie &amp; Hotel<\/h3>\n          <p>Wechselnde Dienste, Aushilfen und Teilzeit\u00adkr\u00e4fte \u2014 flexibel geplant, korrekt erfasst und ohne Stress abgerechnet.<\/p>\n        <\/div>\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v15z\"\/><\/svg>\n          <\/div>\n          <h3>Produktion &amp; Lager<\/h3>\n          <p>Terminal-Stempeluhr am Eingang, Schicht\u00adbetrieb rund um die Uhr und volle \u00dcbersicht \u00fcber Anwesenheit und Besetzung.<\/p>\n        <\/div>\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><rect x=\"7\" y=\"9\" width=\"3\" height=\"8\"\/><rect x=\"14\" y=\"5\" width=\"3\" height=\"12\"\/><\/svg>\n          <\/div>\n          <h3>Einzelhandel &amp; Filialen<\/h3>\n          <p>Mehrere Standorte, Aushilfen und feste Kr\u00e4fte \u2014 pro Filiale planen, zentral auswerten, einheitlich abrechnen.<\/p>\n        <\/div>\n        <div class=\"timecop-feature\">\n          <div class=\"timecop-feature-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6v6H9z\"\/><path d=\"M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3\"\/><\/svg>\n          <\/div>\n          <h3>Dienstleister &amp; B\u00fcro<\/h3>\n          <p>Gleitzeit, Homeoffice und mobiles Arbeiten sauber erfassen \u2014 mit Stundenkonten, die jederzeit stimmen.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== FAQ ====== -->\n  <section class=\"timecop-section alt\" id=\"faq\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-section-head\">\n        <span class=\"timecop-eyebrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n          H\u00e4ufige Fragen\n        <\/span>\n        <h2>Antworten auf die wichtigsten Fragen.<\/h2>\n      <\/div>\n\n      <div class=\"timecop-faq\">\n        <details class=\"timecop-faq-item\">\n          <summary>Wie funktioniert die DATEV-Schnittstelle genau?<\/summary>\n          <div>TimeCop verbindet sich \u00fcber das offizielle, gesicherte DATEV-Verfahren mit Ihrer Lohnabrechnung. Die erfassten Stunden, Zuschl\u00e4ge und Abwesenheiten werden den von Ihnen festgelegten Lohnarten zugeordnet und mit einem Klick \u00fcbergeben \u2014 Ihre Kanzlei oder Lohnbuchhaltung erh\u00e4lt fertige, gepr\u00fcfte Daten. Alternativ steht der klassische ASCII-\/LODAS-Export bereit.<\/div>\n        <\/details>\n        <details class=\"timecop-faq-item\">\n          <summary>Brauchen meine Mitarbeiter ein Smartphone?<\/summary>\n          <div>Nein. TimeCop l\u00e4uft am PC im Browser, als mobile App auf dem Handy <em>und<\/em> als feste Terminal-Stempeluhr mit Chip oder Token. Sie k\u00f6nnen die Varianten beliebig kombinieren \u2014 etwa Terminal in der Produktion und mobiles Stempeln im Au\u00dfendienst.<\/div>\n        <\/details>\n        <details class=\"timecop-faq-item\">\n          <summary>Ist TimeCop DSGVO-konform?<\/summary>\n          <div>Ja. Die Daten werden in deutscher bzw. europ\u00e4ischer Infrastruktur verarbeitet, verschl\u00fcsselt \u00fcbertragen und gespeichert. \u00dcber das Rollen- und Rechte\u00adsystem sieht jeder nur, was er sehen darf, und jede \u00c4nderung wird revisionssicher protokolliert. Einen Auftrags\u00adverarbeitungs\u00advertrag (AVV) stellen wir bereit.<\/div>\n        <\/details>\n        <details class=\"timecop-faq-item\">\n          <summary>Wie aufw\u00e4ndig ist die Einf\u00fchrung?<\/summary>\n          <div>Gering. Wir richten Ihren Mandanten ein, legen gemeinsam Arbeitszeit\u00admodelle, Lohnarten und Standorte an und schulen Ihr Team. Auf Wunsch \u00fcbernehmen wir die Einrichtung der DATEV-Anbindung und der Terminals komplett per Fernwartung.<\/div>\n        <\/details>\n        <details class=\"timecop-faq-item\">\n          <summary>Funktioniert TimeCop auch f\u00fcr gro\u00dfe Teams?<\/summary>\n          <div>Ja. TimeCop ist auf Betriebe mit mehreren Hundert Mitarbeitern ausgelegt und bleibt auch bei gro\u00dfen Stunden\u00admengen schnell. Mehrere Standorte, Abteilungen und Arbeitszeit\u00admodelle lassen sich parallel f\u00fchren.<\/div>\n        <\/details>\n        <details class=\"timecop-faq-item\">\n          <summary>Was kostet TimeCop?<\/summary>\n          <div>Der Preis richtet sich nach Mitarbeiter\u00adanzahl und gew\u00fcnschtem Funktions\u00adumfang (z. B. Terminals, Geofencing). Deshalb erstellen wir Ihnen ein individuelles Angebot \u2014 sprechen Sie uns einfach \u00fcber das Kontakt\u00adformular an.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== CTA \/ KONTAKT ====== -->\n  <section class=\"timecop-section\" id=\"kontakt\">\n    <div class=\"timecop-container\">\n      <div class=\"timecop-cta-banner\">\n        <h2>Schluss mit Stundenzetteln. Bereit f\u00fcr digitale Zeiterfassung?<\/h2>\n        <p>Lassen Sie sich TimeCop unverbindlich zeigen \u2014 mit Ihren Schichten, Ihren Arbeitszeit\u00admodellen und Ihrer DATEV-Anbindung. Pers\u00f6nlich, auf Augenh\u00f6he und mit Support aus Deutschland.<\/p>\n        <div class=\"timecop-cta-row\">\n          <a href=\"https:\/\/gfi-ernst.com\/index.php\/contact-v-4\/\" class=\"timecop-btn timecop-btn-primary\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n            Zum Kontaktformular\n          <\/a>\n        <\/div>\n      <\/div>\n      <p class=\"timecop-footnote\">TimeCop \u00b7 Zeiterfassung &amp; Schichtplanung \u00b7 Ein Produkt der GFI Ernst \u00b7 Made in Germany<\/p>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TimeCop \u2013 Zeiterfassung &#038; Schichtplanung mit offizieller DATEV-Schnittstelle Made in Germany \u00b7 DSGVO-konform \u00b7 Offizielle DATEV-Schnittstelle Arbeitszeit erfassen, Schichten planen, Lohn direkt an DATEV \u00fcbergeben. TimeCop ist die digitale Komplett\u00adl\u00f6sung f\u00fcr Zeit\u00aderfassung, Dienst\u00adplanung und Personal\u00adverwaltung \u2014 von der mobilen Stempel\u00aduhr bis zur fertigen Lohn\u00adabrechnung. Mit offizieller DATEV-Anbindung, automatischen Stunden\u00adkonten und voller \u00dcbersicht \u00fcber Ihr gesamtes [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5305","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/pages\/5305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/comments?post=5305"}],"version-history":[{"count":56,"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/pages\/5305\/revisions"}],"predecessor-version":[{"id":6312,"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/pages\/5305\/revisions\/6312"}],"wp:attachment":[{"href":"https:\/\/gfi-ernst.com\/index.php\/wp-json\/wp\/v2\/media?parent=5305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}