{"id":10423,"date":"2026-07-29T13:33:26","date_gmt":"2026-07-29T11:33:26","guid":{"rendered":"https:\/\/snvsolutions.ch\/?page_id=10423"},"modified":"2026-07-29T15:54:08","modified_gmt":"2026-07-29T13:54:08","slug":"funktionen","status":"publish","type":"page","link":"https:\/\/snvsolutions.ch\/funktionen\/","title":{"rendered":"Funktionen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10423\" class=\"elementor elementor-10423\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eab043e e-con e-atomic-element e-flexbox-base e-03ab989 \" data-id=\"eab043e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eab043e\">\n    \t\t<div class=\"elementor-element elementor-element-96a90fe elementor-widget elementor-widget-html\" data-id=\"96a90fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nUTOS \u2013 Funktionen | Elementor HTML Widget | Deutsch\r\nVersion: 1.0 | 2026-07-29\r\n\r\nWORDPRESS \/ YOAST\r\n- Seitentitel: UTOS \u2013 Funktionen\r\n- Slug: funktionen\r\n- URL: \/de\/utos\/funktionen\/\r\n- Focus Keyphrase: UTOS Funktionen\r\n- SEO-Titel: UTOS Funktionen f\u00fcr Aufgaben, Termine & Dokumente | SNV\r\n- Meta-Beschreibung:\r\n  Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden,\r\n  Mitarbeitende, Kommunikation, SOPs und Analysen.\r\n\r\nVOR VER\u00d6FFENTLICHUNG PR\u00dcFEN\r\n1. \/de\/utos\/\r\n2. \/de\/utos\/loesungen\/\r\n3. \/de\/utos\/preise\/\r\n4. \/de\/utos\/demo-buchen\/\r\n5. Dashboard-Bild:\r\n   https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/07\/utos-dashboard-overview-real.webp\r\n6. E-Mail: utos@snvsolutions.ch\r\n7. Sp\u00e4ter echte Screenshots erg\u00e4nzen:\r\n   - utos-aufgaben.webp\r\n   - utos-termine-kalender.webp\r\n   - utos-mitteilungen.webp\r\n   - utos-kundenprofil.webp\r\n   - utos-mitarbeiterprofil.webp\r\n   - utos-dokumente.webp\r\n   - utos-sop-wissensbasis.webp\r\n   - utos-administration.webp\r\n   - utos-statistik.webp\r\n\r\nELEMENTOR\r\n- Den vollst\u00e4ndigen Inhalt in EIN HTML-Widget kopieren.\r\n- Seitenlayout: Elementor Volle Breite.\r\n- \u00dcbergeordnetes Elementor-Element: Padding 0, Gap 0.\r\n- Den automatischen WordPress-Seitentitel ausblenden, da das H1 enthalten ist.\r\n-->\r\n\r\n<style>\r\n  .utos-functions,\r\n  .utos-functions * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .utos-functions {\r\n    --uf-navy: #102844;\r\n    --uf-navy-soft: #1b3b60;\r\n    --uf-bg: #f3f6fb;\r\n    --uf-surface: #ffffff;\r\n    --uf-surface-soft: #f8fafc;\r\n    --uf-border: #e2e8f0;\r\n    --uf-border-strong: #cbd5e1;\r\n    --uf-text: #172033;\r\n    --uf-body: #344054;\r\n    --uf-muted: #64748b;\r\n\r\n    \/* Exakte UTOS Icon-Farben aus icons.css *\/\r\n    --uf-blue: #1d4ed8;\r\n    --uf-blue-soft: #eff6ff;\r\n    --uf-indigo: #4338ca;\r\n    --uf-indigo-soft: #eef2ff;\r\n    --uf-green: #15803d;\r\n    --uf-green-soft: #ecfdf5;\r\n    --uf-orange: #b45309;\r\n    --uf-orange-soft: #fffbeb;\r\n    --uf-red: #b91c1c;\r\n    --uf-red-soft: #fef2f2;\r\n    --uf-purple: #6d28d9;\r\n    --uf-purple-soft: #f5f3ff;\r\n    --uf-teal: #0f766e;\r\n    --uf-teal-soft: #f0fdfa;\r\n    --uf-gray: #475569;\r\n    --uf-gray-soft: #f1f5f9;\r\n\r\n    --uf-gold: #b79b5c;\r\n    --uf-gold-soft: #faf7ef;\r\n\r\n    --uf-radius-sm: 12px;\r\n    --uf-radius: 18px;\r\n    --uf-radius-lg: 26px;\r\n    --uf-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\r\n    --uf-shadow: 0 24px 64px rgba(15, 23, 42, 0.11);\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    overflow-x: clip;\r\n    color: var(--uf-text);\r\n    background: var(--uf-surface);\r\n    font-family: inherit;\r\n    font-size: 18px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .utos-functions a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .utos-functions img {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  .utos-functions button {\r\n    font: inherit;\r\n  }\r\n\r\n  .uf-icon-sprite {\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .uf-section {\r\n    position: relative;\r\n    padding: 92px 24px;\r\n  }\r\n\r\n  .uf-section--soft {\r\n    background: var(--uf-bg);\r\n  }\r\n\r\n  .uf-section--warm {\r\n    background:\r\n      radial-gradient(circle at 12% 8%, rgba(183, 155, 92, 0.07), transparent 30%),\r\n      linear-gradient(180deg, #fffdf9 0%, var(--uf-gold-soft) 100%);\r\n  }\r\n\r\n  .uf-section--dark {\r\n    color: #ffffff;\r\n    background:\r\n      radial-gradient(circle at 14% 12%, rgba(96, 142, 220, 0.18), transparent 31%),\r\n      radial-gradient(circle at 88% 78%, rgba(183, 155, 92, 0.12), transparent 28%),\r\n      linear-gradient(135deg, #0d213b 0%, var(--uf-navy) 58%, #17395e 100%);\r\n  }\r\n\r\n  .uf-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1220px, 100%);\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .uf-container--narrow {\r\n    width: min(900px, 100%);\r\n  }\r\n\r\n  .uf-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0 0 17px;\r\n    color: var(--uf-blue);\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .uf-eyebrow::before {\r\n    content: \"\";\r\n    width: 24px;\r\n    height: 2px;\r\n    flex: 0 0 24px;\r\n    border-radius: 999px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .uf-section--dark .uf-eyebrow {\r\n    color: #b8cff5;\r\n  }\r\n\r\n  .utos-functions h1,\r\n  .utos-functions h2,\r\n  .utos-functions h3,\r\n  .utos-functions h4 {\r\n    margin-top: 0;\r\n    color: var(--uf-navy);\r\n    font-family: \"Cardo\", Georgia, \"Times New Roman\", serif;\r\n    font-weight: 700;\r\n    line-height: 1.14;\r\n    letter-spacing: -0.022em;\r\n  }\r\n\r\n  .utos-functions h1 {\r\n    max-width: 820px;\r\n    margin-bottom: 24px;\r\n    font-size: clamp(42px, 5vw, 66px);\r\n  }\r\n\r\n  .utos-functions h2 {\r\n    margin-bottom: 21px;\r\n    font-size: clamp(34px, 4vw, 49px);\r\n  }\r\n\r\n  .utos-functions h3 {\r\n    margin-bottom: 11px;\r\n    font-size: 25px;\r\n  }\r\n\r\n  .utos-functions h4 {\r\n    margin-bottom: 7px;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .uf-section--dark h1,\r\n  .uf-section--dark h2,\r\n  .uf-section--dark h3,\r\n  .uf-section--dark h4 {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .uf-lead {\r\n    max-width: 790px;\r\n    margin: 0;\r\n    color: var(--uf-muted);\r\n    font-size: clamp(19px, 2vw, 22px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .uf-section--dark .uf-lead {\r\n    color: rgba(255, 255, 255, 0.76);\r\n  }\r\n\r\n  .uf-center {\r\n    text-align: center;\r\n  }\r\n\r\n  .uf-center .uf-eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  .uf-center .uf-lead {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n  }\r\n\r\n  .uf-btn-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .uf-btn {\r\n    display: inline-flex;\r\n    min-height: 52px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 13px 22px;\r\n    border: 1px solid transparent;\r\n    border-radius: 11px;\r\n    font-size: 16px;\r\n    font-weight: 750;\r\n    line-height: 1.25;\r\n    transition:\r\n      transform 180ms ease,\r\n      border-color 180ms ease,\r\n      background 180ms ease,\r\n      box-shadow 180ms ease;\r\n  }\r\n\r\n  .uf-btn:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .uf-btn--primary {\r\n    color: #ffffff !important;\r\n    background: var(--uf-blue);\r\n    box-shadow: 0 12px 26px rgba(29, 78, 216, 0.22);\r\n  }\r\n\r\n  .uf-btn--primary:hover {\r\n    background: #1e40af;\r\n  }\r\n\r\n  .uf-btn--secondary {\r\n    color: var(--uf-navy) !important;\r\n    border-color: var(--uf-border);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-btn--secondary:hover {\r\n    border-color: var(--uf-border-strong);\r\n    box-shadow: var(--uf-shadow-sm);\r\n  }\r\n\r\n  .uf-btn--light {\r\n    color: var(--uf-navy) !important;\r\n    background: #ffffff;\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  .uf-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  \/* Exaktes Icon-Centering *\/\r\n  .uf-icon-box,\r\n  .uf-mini-icon,\r\n  .uf-nav-icon,\r\n  .uf-check-icon,\r\n  .uf-step-number,\r\n  .uf-status-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 auto;\r\n    line-height: 1;\r\n    text-align: center;\r\n  }\r\n\r\n  .uf-icon-box svg,\r\n  .uf-mini-icon svg,\r\n  .uf-nav-icon svg,\r\n  .uf-check-icon svg,\r\n  .uf-status-icon svg {\r\n    display: block;\r\n    margin: 0;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .uf-color-blue { color: var(--uf-blue); background: var(--uf-blue-soft); }\r\n  .uf-color-indigo { color: var(--uf-indigo); background: var(--uf-indigo-soft); }\r\n  .uf-color-green { color: var(--uf-green); background: var(--uf-green-soft); }\r\n  .uf-color-orange { color: var(--uf-orange); background: var(--uf-orange-soft); }\r\n  .uf-color-red { color: var(--uf-red); background: var(--uf-red-soft); }\r\n  .uf-color-purple { color: var(--uf-purple); background: var(--uf-purple-soft); }\r\n  .uf-color-teal { color: var(--uf-teal); background: var(--uf-teal-soft); }\r\n  .uf-color-gray { color: var(--uf-gray); background: var(--uf-gray-soft); }\r\n\r\n  \/* HERO *\/\r\n  .uf-hero {\r\n    min-height: 720px;\r\n    display: flex;\r\n    align-items: center;\r\n    color: var(--uf-text);\r\n    background:\r\n      radial-gradient(circle at 8% 12%, rgba(29, 78, 216, 0.07), transparent 28%),\r\n      radial-gradient(circle at 94% 9%, rgba(183, 155, 92, 0.09), transparent 28%),\r\n      linear-gradient(180deg, #fbfdff 0%, #f3f7fc 100%);\r\n  }\r\n\r\n  .uf-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: 0.09;\r\n    background-image: radial-gradient(rgba(16, 40, 68, 0.35) 0.75px, transparent 0.75px);\r\n    background-size: 25px 25px;\r\n    mask-image: linear-gradient(to bottom, black, transparent 91%);\r\n  }\r\n\r\n  .uf-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.84fr) minmax(530px, 1.16fr);\r\n    gap: 48px;\r\n    align-items: center;\r\n  }\r\n\r\n  .uf-product-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 23px;\r\n    padding: 8px 12px;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: 999px;\r\n    color: var(--uf-navy);\r\n    background: rgba(255, 255, 255, 0.82);\r\n    box-shadow: var(--uf-shadow-sm);\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n    line-height: 1;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .uf-product-badge span {\r\n    display: inline-flex;\r\n    min-height: 20px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 3px 8px;\r\n    border-radius: 999px;\r\n    color: var(--uf-blue);\r\n    background: var(--uf-blue-soft);\r\n    font-size: 10px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .uf-hero-copy {\r\n    max-width: 690px;\r\n    margin: 0;\r\n    color: var(--uf-muted);\r\n    font-size: clamp(19px, 2vw, 22px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .uf-hero-points {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 11px 18px;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .uf-hero-point {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    color: var(--uf-body);\r\n    font-size: 14px;\r\n    font-weight: 650;\r\n  }\r\n\r\n  .uf-hero-point svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    color: var(--uf-green);\r\n  }\r\n\r\n  .uf-dashboard-frame {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid #d7e0eb;\r\n    border-radius: 22px;\r\n    background: #ffffff;\r\n    box-shadow: var(--uf-shadow);\r\n  }\r\n\r\n  .uf-browser-bar {\r\n    display: flex;\r\n    height: 43px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0 15px;\r\n    border-bottom: 1px solid var(--uf-border);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-browser-dots {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  .uf-browser-dots span {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #c7d1de;\r\n  }\r\n\r\n  .uf-browser-label {\r\n    color: var(--uf-muted);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .uf-dashboard-frame img {\r\n    background: var(--uf-bg);\r\n  }\r\n\r\n  .uf-image-note {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 11px 15px;\r\n    border-top: 1px solid var(--uf-border);\r\n    color: var(--uf-muted);\r\n    background: #ffffff;\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .uf-image-note svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex: 0 0 16px;\r\n    color: var(--uf-blue);\r\n  }\r\n\r\n  \/* MODULE NAV *\/\r\n  .uf-module-nav {\r\n    position: relative;\r\n    z-index: 3;\r\n    border-top: 1px solid var(--uf-border);\r\n    border-bottom: 1px solid var(--uf-border);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-module-nav-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(9, minmax(0, 1fr));\r\n  }\r\n\r\n  .uf-module-nav a {\r\n    display: flex;\r\n    min-width: 0;\r\n    min-height: 116px;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 17px 8px;\r\n    border-left: 1px solid var(--uf-border);\r\n    text-align: center;\r\n    transition: background 170ms ease;\r\n  }\r\n\r\n  .uf-module-nav a:last-child {\r\n    border-right: 1px solid var(--uf-border);\r\n  }\r\n\r\n  .uf-module-nav a:hover {\r\n    background: var(--uf-surface-soft);\r\n  }\r\n\r\n  .uf-nav-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .uf-nav-icon svg {\r\n    width: 19px;\r\n    height: 19px;\r\n  }\r\n\r\n  .uf-module-nav strong {\r\n    display: block;\r\n    color: var(--uf-navy);\r\n    font-size: 12px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* MODULE OVERVIEW *\/\r\n  .uf-overview-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n    margin-top: 49px;\r\n  }\r\n\r\n  .uf-overview-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 244px;\r\n    padding: 27px;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: var(--uf-radius);\r\n    background: #ffffff;\r\n    transition:\r\n      transform 180ms ease,\r\n      border-color 180ms ease,\r\n      box-shadow 180ms ease;\r\n  }\r\n\r\n  .uf-overview-card:hover {\r\n    border-color: var(--uf-border-strong);\r\n    box-shadow: var(--uf-shadow-sm);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .uf-overview-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -38px;\r\n    bottom: -53px;\r\n    width: 132px;\r\n    height: 132px;\r\n    border-radius: 50%;\r\n    background: var(--card-soft, var(--uf-blue-soft));\r\n    opacity: 0.78;\r\n  }\r\n\r\n  .uf-overview-card > * {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .uf-icon-box {\r\n    width: 50px;\r\n    height: 50px;\r\n    margin-bottom: 20px;\r\n    border-radius: 14px;\r\n    color: var(--card-color, var(--uf-blue));\r\n    background: var(--card-soft, var(--uf-blue-soft));\r\n  }\r\n\r\n  .uf-icon-box svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .uf-overview-card p {\r\n    margin: 0;\r\n    color: var(--uf-muted);\r\n    font-size: 15px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .uf-overview-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    margin-top: 17px;\r\n    color: var(--card-color, var(--uf-blue)) !important;\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n  }\r\n\r\n  .uf-overview-link svg {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  \/* DETAIL SECTIONS *\/\r\n  .uf-detail {\r\n    scroll-margin-top: 90px;\r\n  }\r\n\r\n  .uf-detail-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.93fr) minmax(500px, 1.07fr);\r\n    gap: 68px;\r\n    align-items: center;\r\n  }\r\n\r\n  .uf-detail-grid--reverse .uf-detail-copy {\r\n    order: 2;\r\n  }\r\n\r\n  .uf-detail-grid--reverse .uf-visual {\r\n    order: 1;\r\n  }\r\n\r\n  .uf-detail-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    color: var(--module-color, var(--uf-blue));\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .uf-mini-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 11px;\r\n    color: var(--module-color, var(--uf-blue));\r\n    background: var(--module-soft, var(--uf-blue-soft));\r\n  }\r\n\r\n  .uf-mini-icon svg {\r\n    width: 19px;\r\n    height: 19px;\r\n  }\r\n\r\n  .uf-detail-copy > p {\r\n    margin: 0;\r\n    color: var(--uf-muted);\r\n    font-size: 18px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .uf-feature-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 13px 18px;\r\n    margin: 28px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .uf-feature-list li {\r\n    display: grid;\r\n    grid-template-columns: 28px minmax(0, 1fr);\r\n    gap: 10px;\r\n    align-items: start;\r\n    min-width: 0;\r\n    color: var(--uf-body);\r\n    font-size: 15px;\r\n    line-height: 1.48;\r\n  }\r\n\r\n  .uf-check-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    margin-top: 1px;\r\n    border-radius: 9px;\r\n    color: var(--module-color, var(--uf-blue));\r\n    background: var(--module-soft, var(--uf-blue-soft));\r\n  }\r\n\r\n  .uf-check-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .uf-detail-note {\r\n    margin-top: 25px;\r\n    padding: 17px 18px;\r\n    border-left: 3px solid var(--module-color, var(--uf-blue));\r\n    border-radius: 0 12px 12px 0;\r\n    color: var(--uf-body);\r\n    background: var(--module-soft, var(--uf-blue-soft));\r\n    font-size: 14px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  \/* CONCEPTUAL VISUALS *\/\r\n  .uf-visual {\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: var(--uf-radius-lg);\r\n    background: #ffffff;\r\n    box-shadow: var(--uf-shadow-sm);\r\n  }\r\n\r\n  .uf-visual-header {\r\n    display: flex;\r\n    min-height: 54px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    padding: 13px 17px;\r\n    border-bottom: 1px solid var(--uf-border);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-visual-title {\r\n    display: flex;\r\n    min-width: 0;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--uf-navy);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .uf-visual-title span:last-child {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .uf-visual-status {\r\n    padding: 5px 9px;\r\n    border-radius: 999px;\r\n    color: var(--module-color, var(--uf-blue));\r\n    background: var(--module-soft, var(--uf-blue-soft));\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n  }\r\n\r\n  .uf-visual-body {\r\n    min-height: 430px;\r\n    padding: 22px;\r\n    background: var(--uf-bg);\r\n  }\r\n\r\n  .uf-panel {\r\n    padding: 17px;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: 14px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-panel + .uf-panel {\r\n    margin-top: 12px;\r\n  }\r\n\r\n  .uf-panel-title {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin-bottom: 13px;\r\n    color: var(--uf-navy);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .uf-panel-title small {\r\n    color: var(--uf-muted);\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .uf-stat-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 10px;\r\n  }\r\n\r\n  .uf-stat {\r\n    padding: 13px;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-stat span {\r\n    display: block;\r\n    color: var(--uf-muted);\r\n    font-size: 9px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .uf-stat strong {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: var(--uf-navy);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 21px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .uf-row {\r\n    display: grid;\r\n    grid-template-columns: 10px minmax(0, 1fr) auto;\r\n    gap: 9px;\r\n    align-items: center;\r\n    min-width: 0;\r\n    padding: 9px 0;\r\n    border-top: 1px solid #edf1f5;\r\n    color: var(--uf-body);\r\n    font-size: 10px;\r\n  }\r\n\r\n  .uf-row:first-of-type {\r\n    border-top: 0;\r\n  }\r\n\r\n  .uf-row-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--module-color, var(--uf-blue));\r\n  }\r\n\r\n  .uf-row span:nth-child(2) {\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .uf-pill {\r\n    padding: 4px 7px;\r\n    border-radius: 999px;\r\n    color: var(--module-color, var(--uf-blue));\r\n    background: var(--module-soft, var(--uf-blue-soft));\r\n    font-size: 8px;\r\n    font-weight: 750;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .uf-chip-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 7px;\r\n  }\r\n\r\n  .uf-chip {\r\n    display: inline-flex;\r\n    min-height: 28px;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 6px 9px;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: 999px;\r\n    color: var(--uf-body);\r\n    background: #ffffff;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n  }\r\n\r\n  .uf-chip svg {\r\n    width: 12px;\r\n    height: 12px;\r\n    color: var(--module-color, var(--uf-blue));\r\n  }\r\n\r\n  .uf-two-panels {\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    gap: 12px;\r\n  }\r\n\r\n  .uf-profile-head {\r\n    display: grid;\r\n    grid-template-columns: 44px minmax(0, 1fr) auto;\r\n    gap: 11px;\r\n    align-items: center;\r\n    padding-bottom: 14px;\r\n    border-bottom: 1px solid var(--uf-border);\r\n  }\r\n\r\n  .uf-avatar {\r\n    display: inline-flex;\r\n    width: 44px;\r\n    height: 44px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    color: var(--module-color, var(--uf-blue));\r\n    background: var(--module-soft, var(--uf-blue-soft));\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n  }\r\n\r\n  .uf-profile-head strong {\r\n    display: block;\r\n    color: var(--uf-navy);\r\n    font-size: 12px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .uf-profile-head small {\r\n    display: block;\r\n    margin-top: 2px;\r\n    color: var(--uf-muted);\r\n    font-size: 9px;\r\n  }\r\n\r\n  .uf-profile-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 9px;\r\n    margin-top: 13px;\r\n  }\r\n\r\n  .uf-profile-field {\r\n    min-width: 0;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n    background: var(--uf-surface-soft);\r\n  }\r\n\r\n  .uf-profile-field small {\r\n    display: block;\r\n    color: var(--uf-muted);\r\n    font-size: 8px;\r\n  }\r\n\r\n  .uf-profile-field strong {\r\n    display: block;\r\n    overflow: hidden;\r\n    margin-top: 3px;\r\n    color: var(--uf-body);\r\n    font-size: 9px;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .uf-lock-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    padding: 5px 7px;\r\n    border-radius: 999px;\r\n    color: var(--uf-gray);\r\n    background: var(--uf-gray-soft);\r\n    font-size: 8px;\r\n    font-weight: 750;\r\n    line-height: 1;\r\n  }\r\n\r\n  .uf-lock-badge svg {\r\n    width: 11px;\r\n    height: 11px;\r\n  }\r\n\r\n  .uf-folder-layout {\r\n    display: grid;\r\n    grid-template-columns: 0.72fr 1.28fr;\r\n    gap: 12px;\r\n  }\r\n\r\n  .uf-folder-tree {\r\n    padding: 14px;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-folder-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    padding: 8px;\r\n    border-radius: 8px;\r\n    color: var(--uf-body);\r\n    font-size: 9px;\r\n  }\r\n\r\n  .uf-folder-item.is-active {\r\n    color: var(--module-color, var(--uf-indigo));\r\n    background: var(--module-soft, var(--uf-indigo-soft));\r\n    font-weight: 750;\r\n  }\r\n\r\n  .uf-folder-item svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    flex: 0 0 13px;\r\n  }\r\n\r\n  .uf-version-line {\r\n    display: grid;\r\n    grid-template-columns: 28px minmax(0, 1fr) auto;\r\n    gap: 9px;\r\n    align-items: center;\r\n    padding: 10px 0;\r\n    border-top: 1px solid #edf1f5;\r\n  }\r\n\r\n  .uf-version-line:first-child {\r\n    border-top: 0;\r\n  }\r\n\r\n  .uf-version-number {\r\n    display: inline-flex;\r\n    width: 28px;\r\n    height: 28px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 8px;\r\n    color: var(--module-color, var(--uf-indigo));\r\n    background: var(--module-soft, var(--uf-indigo-soft));\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n  }\r\n\r\n  .uf-version-line strong {\r\n    display: block;\r\n    color: var(--uf-body);\r\n    font-size: 9px;\r\n  }\r\n\r\n  .uf-version-line small {\r\n    display: block;\r\n    margin-top: 2px;\r\n    color: var(--uf-muted);\r\n    font-size: 8px;\r\n  }\r\n\r\n  .uf-sop-flow {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 8px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .uf-sop-step {\r\n    position: relative;\r\n    padding: 12px 7px;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: 10px;\r\n    color: var(--uf-body);\r\n    background: #ffffff;\r\n    text-align: center;\r\n    font-size: 8px;\r\n    font-weight: 750;\r\n  }\r\n\r\n  .uf-sop-step.is-active {\r\n    color: var(--module-color, var(--uf-purple));\r\n    border-color: #cfc4f4;\r\n    background: var(--module-soft, var(--uf-purple-soft));\r\n  }\r\n\r\n  .uf-permission-table {\r\n    overflow: hidden;\r\n    border: 1px solid var(--uf-border);\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .uf-permission-row {\r\n    display: grid;\r\n    grid-template-columns: 1.25fr repeat(3, 0.75fr);\r\n    align-items: center;\r\n    border-top: 1px solid var(--uf-border);\r\n  }\r\n\r\n  .uf-permission-row:first-child {\r\n    border-top: 0;\r\n    color: var(--uf-muted);\r\n    background: var(--uf-surface-soft);\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .uf-permission-row span {\r\n    padding: 9px 8px;\r\n    border-left: 1px solid var(--uf-border);\r\n    text-align: center;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .uf-permission-row span:first-child {\r\n    border-left: 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .uf-permission-yes {\r\n    color: var(--uf-green);\r\n    font-weight: 900;\r\n  }\r\n\r\n  .uf-permission-limited {\r\n    color: var(--uf-orange);\r\n    font-weight: 900;\r\n  }\r\n\r\n  .uf-permission-no {\r\n    color: var(--uf-muted);\r\n  }\r\n\r\n  \/* CONNECTED WORKFLOW *\/\r\n  .uf-connected-flow {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 18px;\r\n    margin-top: 51px;\r\n  }\r\n\r\n  .uf-connected-flow::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 31px;\r\n    right: 9%;\r\n    left: 9%;\r\n    height: 2px;\r\n    background: linear-gradient(to right, #d2dce8, var(--uf-blue), #d2dce8);\r\n  }\r\n\r\n  .uf-flow-step {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n  }\r\n\r\n  .uf-step-number {\r\n    width: 64px;\r\n    height: 64px;\r\n    margin: 0 auto 18px;\r\n    border: 7px solid var(--uf-bg);\r\n    border-radius: 50%;\r\n    color: var(--step-color, var(--uf-blue));\r\n    background: var(--step-soft, var(--uf-blue-soft));\r\n    box-shadow: 0 0 0 1px var(--uf-border);\r\n    font-size: 16px;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .uf-flow-step h3 {\r\n    margin-bottom: 7px;\r\n    font-size: 21px;\r\n  }\r\n\r\n  .uf-flow-step p {\r\n    margin: 0;\r\n    color: var(--uf-muted);\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* PACKAGES \/ CTA *\/\r\n  .uf-cta-card {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 40px;\r\n    align-items: center;\r\n    padding: 48px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: var(--uf-radius-lg);\r\n    background: rgba(255, 255, 255, 0.07);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .uf-cta-card p {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.72);\r\n  }\r\n\r\n  .uf-cta-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  \/* REVEAL *\/\r\n  .uf-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    .uf-js .uf-reveal {\r\n      opacity: 0;\r\n      transform: translateY(17px);\r\n      transition: opacity 580ms ease, transform 580ms ease;\r\n    }\r\n\r\n    .uf-js .uf-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .uf-hero-grid {\r\n      grid-template-columns: minmax(0, 0.78fr) minmax(480px, 1.22fr);\r\n      gap: 34px;\r\n    }\r\n\r\n    .uf-module-nav-grid {\r\n      grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(n+6) {\r\n      border-top: 1px solid var(--uf-border);\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(5) {\r\n      border-right: 1px solid var(--uf-border);\r\n    }\r\n\r\n    .uf-detail-grid {\r\n      gap: 42px;\r\n    }\r\n\r\n    .uf-connected-flow {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      row-gap: 36px;\r\n    }\r\n\r\n    .uf-connected-flow::before {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .uf-section {\r\n      padding: 74px 21px;\r\n    }\r\n\r\n    .uf-hero {\r\n      min-height: auto;\r\n      padding-top: 82px;\r\n      padding-bottom: 76px;\r\n    }\r\n\r\n    .uf-hero-grid,\r\n    .uf-detail-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .uf-hero-grid {\r\n      gap: 49px;\r\n    }\r\n\r\n    .uf-detail-grid--reverse .uf-detail-copy,\r\n    .uf-detail-grid--reverse .uf-visual {\r\n      order: initial;\r\n    }\r\n\r\n    .uf-overview-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .uf-detail-grid {\r\n      gap: 38px;\r\n    }\r\n\r\n    .uf-visual {\r\n      width: min(720px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .uf-cta-card {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .uf-cta-actions {\r\n      justify-content: flex-start;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .utos-functions {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .uf-section {\r\n      padding: 60px 17px;\r\n    }\r\n\r\n    .utos-functions h1 {\r\n      font-size: clamp(38px, 11vw, 50px);\r\n    }\r\n\r\n    .utos-functions h2 {\r\n      font-size: clamp(30px, 9vw, 39px);\r\n    }\r\n\r\n    .utos-functions h3 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .uf-btn-row,\r\n    .uf-cta-actions {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .uf-btn {\r\n      width: 100%;\r\n    }\r\n\r\n    .uf-hero-points {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .uf-module-nav-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n\r\n    .uf-module-nav a {\r\n      min-height: 104px;\r\n      border-top: 1px solid var(--uf-border);\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(-n+3) {\r\n      border-top: 0;\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(3n) {\r\n      border-right: 1px solid var(--uf-border);\r\n    }\r\n\r\n    .uf-overview-grid,\r\n    .uf-feature-list,\r\n    .uf-connected-flow {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .uf-feature-list {\r\n      gap: 11px;\r\n    }\r\n\r\n    .uf-visual-body {\r\n      min-height: 0;\r\n      padding: 14px;\r\n    }\r\n\r\n    .uf-stat-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .uf-two-panels,\r\n    .uf-folder-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .uf-profile-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .uf-sop-flow {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .uf-permission-row {\r\n      grid-template-columns: 1.3fr repeat(3, 0.65fr);\r\n    }\r\n\r\n    .uf-permission-row span {\r\n      padding: 8px 5px;\r\n      font-size: 7px;\r\n    }\r\n\r\n    .uf-flow-step {\r\n      display: grid;\r\n      grid-template-columns: 58px minmax(0, 1fr);\r\n      gap: 13px;\r\n      align-items: start;\r\n      text-align: left;\r\n    }\r\n\r\n    .uf-step-number {\r\n      width: 54px;\r\n      height: 54px;\r\n      margin: 0;\r\n      border-width: 6px;\r\n    }\r\n\r\n    .uf-cta-card {\r\n      padding: 34px 23px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 430px) {\r\n    .uf-module-nav-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(-n+3) {\r\n      border-top: 1px solid var(--uf-border);\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(-n+2) {\r\n      border-top: 0;\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(3n) {\r\n      border-right: 0;\r\n    }\r\n\r\n    .uf-module-nav a:nth-child(2n) {\r\n      border-right: 1px solid var(--uf-border);\r\n    }\r\n\r\n    .uf-row {\r\n      grid-template-columns: 8px minmax(0, 1fr);\r\n    }\r\n\r\n    .uf-row .uf-pill {\r\n      grid-column: 2;\r\n      justify-self: start;\r\n    }\r\n\r\n    .uf-profile-head {\r\n      grid-template-columns: 40px minmax(0, 1fr);\r\n    }\r\n\r\n    .uf-profile-head .uf-lock-badge {\r\n      grid-column: 1 \/ -1;\r\n      justify-self: start;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<main class=\"utos-functions\" id=\"utos-funktionen\">\r\n  <!-- SVG ICONS -->\r\n  <svg class=\"uf-icon-sprite\" aria-hidden=\"true\">\r\n    <symbol id=\"uf-i-dashboard\" viewBox=\"0 0 24 24\">\r\n      <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n      <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n      <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n      <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-task\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M9 11l3 3L22 4\"\/>\r\n      <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-calendar\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M8 2v4M16 2v4M3 10h18\"\/>\r\n      <path d=\"M5 4h14a2 2 0 0 1 2 2v14H3V6a2 2 0 0 1 2-2Z\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-message\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-customer\" viewBox=\"0 0 24 24\">\r\n      <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n      <path d=\"M4 21a8 8 0 0 1 16 0\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-employee\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n      <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n      <path d=\"M17 11h5M19.5 8.5v5\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-document\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M6 2h9l5 5v15H6z\"\/>\r\n      <path d=\"M14 2v6h6M9 13h8M9 17h6\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-folder\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M3 6h6l2 2h10v11H3z\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-book\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n      <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z\"\/>\r\n      <path d=\"M9 7h7M9 11h7\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-shield\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M12 3 4 7v5c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7l-8-4Z\"\/>\r\n      <path d=\"M9 12l2 2 4-4\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-check\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M20 6 9 17l-5-5\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-arrow\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-info\" viewBox=\"0 0 24 24\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n      <path d=\"M12 11v5M12 8h.01\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-lock\" viewBox=\"0 0 24 24\">\r\n      <rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\"\/>\r\n      <path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-user\" viewBox=\"0 0 24 24\">\r\n      <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n      <path d=\"M5 21a7 7 0 0 1 14 0\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-users\" viewBox=\"0 0 24 24\">\r\n      <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\r\n      <circle cx=\"17\" cy=\"9\" r=\"2.5\"\/>\r\n      <path d=\"M3 20a6 6 0 0 1 12 0M14 18a5 5 0 0 1 7 2\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-department\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M4 21V7l8-4 8 4v14\"\/>\r\n      <path d=\"M8 10h1M15 10h1M8 14h1M15 14h1M10 21v-4h4v4\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-paperclip\" viewBox=\"0 0 24 24\">\r\n      <path d=\"m21 11-8.5 8.5a6 6 0 0 1-8.5-8.5L13 2a4 4 0 0 1 5.7 5.7L9.5 17a2 2 0 0 1-2.8-2.8L15 6\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-clock\" viewBox=\"0 0 24 24\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n      <path d=\"M12 7v5l3 2\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-bell\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9\"\/>\r\n      <path d=\"M10 21h4\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-chart\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M4 19V9M10 19V5M16 19v-7M22 19H2\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"uf-i-history\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M3 12a9 9 0 1 0 3-6.7L3 8\"\/>\r\n      <path d=\"M3 3v5h5M12 7v5l3 2\"\/>\r\n    <\/symbol>\r\n  <\/svg>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"uf-section uf-hero\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-hero-grid\">\r\n        <div class=\"uf-reveal\">\r\n          <div class=\"uf-product-badge\">\r\n            <span>UTOS<\/span>\r\n            Funktionen\r\n          <\/div>\r\n\r\n          <h1>Alle UTOS Funktionen f\u00fcr strukturierte Unternehmensprozesse<\/h1>\r\n\r\n          <p class=\"uf-hero-copy\">\r\n            Entdecken Sie die <strong>UTOS Funktionen<\/strong> f\u00fcr Aufgaben,\r\n            Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs,\r\n            Administration und operative Analysen. Die Module greifen ineinander\r\n            und schaffen eine gemeinsame Arbeitsgrundlage f\u00fcr den\r\n            Unternehmensalltag.\r\n          <\/p>\r\n\r\n          <div class=\"uf-btn-row\">\r\n            <a class=\"uf-btn uf-btn--primary\" href=\"\/de\/utos\/demo-buchen\/\">\r\n              Funktionen live ansehen\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <use href=\"#uf-i-arrow\"><\/use>\r\n              <\/svg>\r\n            <\/a>\r\n            <a class=\"uf-btn uf-btn--secondary\" href=\"\/de\/utos\/preise\/\">\r\n              Pakete vergleichen\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"uf-hero-points\">\r\n            <span class=\"uf-hero-point\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <use href=\"#uf-i-check\"><\/use>\r\n              <\/svg>\r\n              Modular aufgebaut\r\n            <\/span>\r\n            <span class=\"uf-hero-point\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <use href=\"#uf-i-check\"><\/use>\r\n              <\/svg>\r\n              Gemeinsame Datenbasis\r\n            <\/span>\r\n            <span class=\"uf-hero-point\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <use href=\"#uf-i-check\"><\/use>\r\n              <\/svg>\r\n              Rollenbasiert steuerbar\r\n            <\/span>\r\n            <span class=\"uf-hero-point\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <use href=\"#uf-i-check\"><\/use>\r\n              <\/svg>\r\n              Pers\u00f6nlich eingef\u00fchrt\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-dashboard-frame uf-reveal\">\r\n          <div class=\"uf-browser-bar\">\r\n            <div class=\"uf-browser-dots\"><span><\/span><span><\/span><span><\/span><\/div>\r\n            <span class=\"uf-browser-label\">UTOS \u00b7 Operations Dashboard<\/span>\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/07\/utos-dashboard-overview-real.webp\"\r\n            alt=\"Reale UTOS Dashboard-Ansicht mit Navigation, Kennzahlen, Aufgaben und operativer \u00dcbersicht\"\r\n            loading=\"eager\"\r\n          >\r\n\r\n          <div class=\"uf-image-note\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <use href=\"#uf-i-info\"><\/use>\r\n            <\/svg>\r\n            Reale Plattformansicht. F\u00fcr die \u00f6ffentliche Version sensible Beispieldaten durch Demo-Daten ersetzen.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- QUICK MODULE NAV -->\r\n  <nav class=\"uf-module-nav\" aria-label=\"UTOS Funktionsbereiche\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-module-nav-grid\">\r\n        <a href=\"#dashboard\">\r\n          <span class=\"uf-nav-icon uf-color-blue\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-dashboard\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Dashboard & Analysen<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#aufgaben\">\r\n          <span class=\"uf-nav-icon uf-color-orange\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-task\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Aufgaben<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#termine\">\r\n          <span class=\"uf-nav-icon uf-color-blue\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-calendar\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Termine & Booking<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#kommunikation\">\r\n          <span class=\"uf-nav-icon uf-color-teal\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-message\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Kommunikation<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#kunden\">\r\n          <span class=\"uf-nav-icon uf-color-blue\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-customer\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Kunden<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#mitarbeitende\">\r\n          <span class=\"uf-nav-icon uf-color-teal\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-employee\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Mitarbeitende<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#dokumente\">\r\n          <span class=\"uf-nav-icon uf-color-indigo\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-document\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Dokumente<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#wissen\">\r\n          <span class=\"uf-nav-icon uf-color-purple\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-book\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>SOPs & Wissen<\/strong>\r\n        <\/a>\r\n\r\n        <a href=\"#administration\">\r\n          <span class=\"uf-nav-icon uf-color-gray\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-shield\"><\/use><\/svg>\r\n          <\/span>\r\n          <strong>Administration<\/strong>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- OVERVIEW GRID -->\r\n  <section class=\"uf-section uf-section--soft\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-center uf-reveal\">\r\n        <p class=\"uf-eyebrow\">Funktions\u00fcbersicht<\/p>\r\n        <h2>Eine Plattform f\u00fcr zusammenh\u00e4ngende operative Arbeit<\/h2>\r\n        <p class=\"uf-lead\">\r\n          Jeder Bereich erf\u00fcllt eine klare Aufgabe. Der entscheidende Mehrwert\r\n          entsteht, wenn Informationen zwischen den Modulen verbunden bleiben:\r\n          vom Kundenprofil \u00fcber Aufgaben und Termine bis zu Dokumenten,\r\n          Kommunikation und Historie.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"uf-overview-grid\">\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-blue);--card-soft:var(--uf-blue-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-dashboard\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Dashboard & Analysen<\/h3>\r\n          <p>Heute-\u00dcbersicht, Schnellzugriffe, Kennzahlen, pers\u00f6nliche Priorit\u00e4ten und operative Auswertungen.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#dashboard\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-orange);--card-soft:var(--uf-orange-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-task\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Aufgaben & Workflows<\/h3>\r\n          <p>Zust\u00e4ndigkeit, Priorit\u00e4t, Frist, Anh\u00e4nge, Kommunikation, Status und \u00c4nderungshistorie.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#aufgaben\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-blue);--card-soft:var(--uf-blue-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-calendar\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Termine & Booking<\/h3>\r\n          <p>Kalender, Teilnehmer, externe Einladungen, Kundenbuchungen, Verf\u00fcgbarkeit und Meeting-Informationen.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#termine\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-teal);--card-soft:var(--uf-teal-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-message\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Mitteilungen & Kommunikation<\/h3>\r\n          <p>Interne und externe Empf\u00e4nger, Teams, Abteilungen, Anh\u00e4nge, Antworten und gemeinsame Konversationen.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#kommunikation\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-blue);--card-soft:var(--uf-blue-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-customer\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Kunden & Kontakte<\/h3>\r\n          <p>Stammdaten, Ansprechpartner, Aufgaben, Termine, Dokumente, Notizen und Kunden-Timeline.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#kunden\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-teal);--card-soft:var(--uf-teal-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-employee\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Mitarbeitende & Personen<\/h3>\r\n          <p>Profile, Kundenbeziehungen, Position, Arbeitsverh\u00e4ltnis, Kommunikationseinstellungen und gesch\u00fctzte HR-Daten.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#mitarbeitende\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-indigo);--card-soft:var(--uf-indigo-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-document\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Dokumente & Ordner<\/h3>\r\n          <p>Strukturierte Ablage, Ordnerb\u00e4ume, Metadaten, Zuordnung, Suche und nachvollziehbare Versionen.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#dokumente\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-purple);--card-soft:var(--uf-purple-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-book\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>SOPs & Wissensbasis<\/h3>\r\n          <p>Arbeitsanweisungen, Verfahren, Versionen, Freigaben, Revisionen und kontrollierte Wissenspflege.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#wissen\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"uf-overview-card uf-reveal\" style=\"--card-color:var(--uf-gray);--card-soft:var(--uf-gray-soft)\">\r\n          <span class=\"uf-icon-box\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-shield\"><\/use><\/svg>\r\n          <\/span>\r\n          <h3>Administration & Zugriff<\/h3>\r\n          <p>Benutzer, Rollen, Berechtigungen, Teams, Abteilungen, Branding, Sprachen, Audit und Sitzungsschutz.<\/p>\r\n          <a class=\"uf-overview-link\" href=\"#administration\">\r\n            Details \u00f6ffnen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- DASHBOARD -->\r\n  <section class=\"uf-section uf-detail\" id=\"dashboard\" style=\"--module-color:var(--uf-blue);--module-soft:var(--uf-blue-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-dashboard\"><\/use><\/svg>\r\n            <\/span>\r\n            Dashboard & Analysen\r\n          <\/div>\r\n\r\n          <h2>Das Wesentliche des Arbeitstags sofort erkennen<\/h2>\r\n          <p>\r\n            Das Dashboard verbindet pers\u00f6nliche Priorit\u00e4ten mit der\r\n            Unternehmens\u00fcbersicht. Mitarbeitende sehen ihre heutigen Aufgaben und\r\n            Termine; verantwortliche Rollen erhalten zus\u00e4tzlich operative\r\n            Kennzahlen, Entwicklungen und offene Bereiche.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Heute-Leiste mit Aufgaben, Terminen, Notizen und Benachrichtigungen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Schnellzugriffe auf h\u00e4ufig ben\u00f6tigte Arbeitsbereiche<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Kennzahlen zu Kunden, Mitarbeitenden, Dokumenten und Notizen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Pers\u00f6nlicher Aufgabenstatus mit offenen, f\u00e4lligen und erledigten Aufgaben<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Operative Widgets f\u00fcr Aufgaben, Nachrichten und \u00fcberf\u00e4llige Vorg\u00e4nge<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Statistikansichten mit Filtern, Zeitr\u00e4umen und Detailzugriff<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Welche Kennzahlen sichtbar sind, h\u00e4ngt von Rolle, Berechtigung und\r\n            aktiviertem Funktionsumfang ab.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-chart\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Dashboard & Analytics<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">LIVE OVERVIEW<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-stat-grid\">\r\n              <div class=\"uf-stat\"><span>Offene Aufgaben<\/span><strong>12<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>Termine heute<\/span><strong>4<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>Dokumente<\/span><strong>248<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>\u00dcberf\u00e4llig<\/span><strong>2<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\" style=\"margin-top:12px\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Pers\u00f6nlicher Status <small>HEUTE<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Meine offenen Aufgaben<\/span><span class=\"uf-pill\">12<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Heute f\u00e4llig<\/span><span class=\"uf-pill\">5<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Neue Mitteilungen<\/span><span class=\"uf-pill\">3<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Termine heute<\/span><span class=\"uf-pill\">4<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Operative \u00dcbersicht <small>AKTUELL<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Kundenunterlagen pr\u00fcfen<\/span><span class=\"uf-pill\">Offen<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Termin vorbereiten<\/span><span class=\"uf-pill\">Heute<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Dokument zuordnen<\/span><span class=\"uf-pill\">Aktiv<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>R\u00fcckmeldung erfassen<\/span><span class=\"uf-pill\">Neu<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-panel-title\">Analytics-Kontext <small>FILTERBAR<\/small><\/div>\r\n              <div class=\"uf-chip-row\">\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-calendar\"><\/use><\/svg>Zeitraum<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-user\"><\/use><\/svg>Verantwortlich<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-task\"><\/use><\/svg>Status<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-customer\"><\/use><\/svg>Kunde<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TASKS -->\r\n  <section class=\"uf-section uf-section--soft uf-detail\" id=\"aufgaben\" style=\"--module-color:var(--uf-orange);--module-soft:var(--uf-orange-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid uf-detail-grid--reverse\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-task\"><\/use><\/svg>\r\n            <\/span>\r\n            Aufgaben & Workflows\r\n          <\/div>\r\n\r\n          <h2>Verantwortung, Fristen und Kommunikation in einem Vorgang<\/h2>\r\n          <p>\r\n            Aufgaben erhalten einen klaren fachlichen Kontext. Verantwortliche,\r\n            Priorit\u00e4t, F\u00e4lligkeit, Anh\u00e4nge, Kommentare und Status\u00e4nderungen bleiben\r\n            zusammen und k\u00f6nnen bei Bedarf einem Kunden oder einer Notiz\r\n            zugeordnet werden.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Titel, Beschreibung, Priorit\u00e4t und F\u00e4lligkeitsdatum<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Verantwortlicher Benutzer und Ausf\u00fchrungsverantwortung<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Kundenbezug und Verkn\u00fcpfung mit Notizen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Private Anh\u00e4nge und aufgabenbezogene Kommunikation<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Status: offen, erledigt, erneut ge\u00f6ffnet oder archiviert<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>\u00c4nderungshistorie und Benachrichtigungen an Beteiligte<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Aufgaben werden nicht nur als Liste verwaltet. Kommunikation und\r\n            \u00c4nderungen bleiben direkt beim jeweiligen Arbeitsvorgang.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-task\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Aufgabe \u00b7 Kundenunterlagen pr\u00fcfen<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">IN BEARBEITUNG<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-profile-head\">\r\n                <span class=\"uf-avatar\">TK<\/span>\r\n                <span>\r\n                  <strong>Verantwortlich: Thomas K.<\/strong>\r\n                  <small>Kunde Muster AG \u00b7 Dokumentenpr\u00fcfung<\/small>\r\n                <\/span>\r\n                <span class=\"uf-pill\">HOCH<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"uf-profile-grid\">\r\n                <div class=\"uf-profile-field\"><small>F\u00e4llig am<\/small><strong>31.07.2026<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Status<\/small><strong>Offen<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Kunde<\/small><strong>Muster AG<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Benachrichtigung<\/small><strong>Aktiv<\/strong><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Anh\u00e4nge <small>3 DATEIEN<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Unterlagen_Juli.pdf<\/span><span class=\"uf-pill\">PDF<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Checkliste.docx<\/span><span class=\"uf-pill\">DOCX<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Kundenmail.pdf<\/span><span class=\"uf-pill\">PDF<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Kommunikation <small>AKTUELL<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Unterlagen sind vollst\u00e4ndig eingegangen.<\/span><span class=\"uf-pill\">Heute<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Pr\u00fcfung wurde dem Backoffice zugewiesen.<\/span><span class=\"uf-pill\">09:15<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>F\u00e4lligkeit wurde aktualisiert.<\/span><span class=\"uf-pill\">Historie<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-panel-title\">Verf\u00fcgbare Aktionen <small>ROLLENBASIERT<\/small><\/div>\r\n              <div class=\"uf-chip-row\">\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg>Abschliessen<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-paperclip\"><\/use><\/svg>Anhang<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-history\"><\/use><\/svg>Historie<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-bell\"><\/use><\/svg>Benachrichtigung<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- APPOINTMENTS -->\r\n  <section class=\"uf-section uf-detail\" id=\"termine\" style=\"--module-color:var(--uf-blue);--module-soft:var(--uf-blue-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-calendar\"><\/use><\/svg>\r\n            <\/span>\r\n            Termine, Kalender & Booking\r\n          <\/div>\r\n\r\n          <h2>Interne Planung und Kundenbuchungen zusammenf\u00fchren<\/h2>\r\n          <p>\r\n            Termine k\u00f6nnen intern erstellt oder \u00fcber den \u00f6ffentlichen\r\n            Buchungsprozess aufgenommen werden. Teilnehmer, externe G\u00e4ste,\r\n            Kundenbezug, Ort, Meeting-Informationen und Einladungen bleiben in\r\n            einem gemeinsamen Terminobjekt.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Terminliste, Kalenderansicht und Terminarchiv<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Interne Teilnehmer und mehrere externe Teilnehmer<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Kundenbezug, Ort, Beschreibung und Meeting-Informationen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Kalendereinladungen und kompatible ICS-Dateien<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Booking-Services, Kategorien, Anbieter und Verf\u00fcgbarkeiten<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Arbeitszeiten, freie Tage, Sondertage und Service-Zuordnungen<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Online-Meeting-Funktionen k\u00f6nnen je nach Konfiguration und aktiviertem\r\n            Provider bereitgestellt werden.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-calendar\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Termin- und Buchungs\u00fcbersicht<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">KALENDER<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-stat-grid\">\r\n              <div class=\"uf-stat\"><span>Heute<\/span><strong>4<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>Diese Woche<\/span><strong>17<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>Buchungen<\/span><strong>9<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>Externe G\u00e4ste<\/span><strong>6<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-panel\" style=\"margin-top:12px\">\r\n              <div class=\"uf-panel-title\">Heutige Termine <small>29.07.2026<\/small><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>09:00 \u00b7 Erstberatung \u00b7 Thomas K.<\/span><span class=\"uf-pill\">Best\u00e4tigt<\/span><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>11:30 \u00b7 Dokumentenpr\u00fcfung \u00b7 Online<\/span><span class=\"uf-pill\">Meeting<\/span><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>14:00 \u00b7 Kundenr\u00fccksprache \u00b7 Telefon<\/span><span class=\"uf-pill\">Heute<\/span><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>16:15 \u00b7 Teamkoordination \u00b7 Intern<\/span><span class=\"uf-pill\">Team<\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Verf\u00fcgbarkeit <small>ANBIETER<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Mo\u2013Fr \u00b7 08:30\u201317:30<\/span><span class=\"uf-pill\">Aktiv<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Mittagspause \u00b7 12:00\u201313:00<\/span><span class=\"uf-pill\">Block<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Sondertag \u00b7 31.07.<\/span><span class=\"uf-pill\">Ge\u00e4ndert<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Buchungsdaten <small>KONTEXT<\/small><\/div>\r\n                <div class=\"uf-chip-row\">\r\n                  <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-customer\"><\/use><\/svg>Kunde<\/span>\r\n                  <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-users\"><\/use><\/svg>Teilnehmer<\/span>\r\n                  <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-clock\"><\/use><\/svg>Dauer<\/span>\r\n                  <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-message\"><\/use><\/svg>Einladung<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- COMMUNICATION -->\r\n  <section class=\"uf-section uf-section--soft uf-detail\" id=\"kommunikation\" style=\"--module-color:var(--uf-teal);--module-soft:var(--uf-teal-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid uf-detail-grid--reverse\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-message\"><\/use><\/svg>\r\n            <\/span>\r\n            Mitteilungen & Kommunikation\r\n          <\/div>\r\n\r\n          <h2>Informationen gezielt an die richtigen Empf\u00e4nger senden<\/h2>\r\n          <p>\r\n            UTOS unterst\u00fctzt gemeinsame Konversationen mit internen und externen\r\n            Beteiligten. Empf\u00e4nger k\u00f6nnen nach Benutzern, Teams oder Abteilungen\r\n            ausgew\u00e4hlt werden; Antworten und Anh\u00e4nge bleiben im\r\n            Konversationsverlauf erhalten.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Empf\u00e4nger aus Benutzern, Teams und Abteilungen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Externe Empf\u00e4nger und mehrere E-Mail-Adressen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Betreff, formatierter Inhalt und sichere Anh\u00e4nge<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Posteingang, Gesendet-Ansicht und gemeinsame Antworten<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>E-Mail-Zustellung f\u00fcr externe Kommunikation<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Benachrichtigungen und nachvollziehbarer Gespr\u00e4chsverlauf<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Interne Beteiligte arbeiten in UTOS weiter, w\u00e4hrend externe\r\n            Teilnehmende je nach Konfiguration per E-Mail eingebunden werden.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-message\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Neue Mitteilung<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">KONVERSATION<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-panel-title\">Empf\u00e4nger <small>INTERN & EXTERN<\/small><\/div>\r\n              <div class=\"uf-chip-row\">\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-user\"><\/use><\/svg>Thomas K.<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-users\"><\/use><\/svg>Beratungsteam<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-department\"><\/use><\/svg>Administration<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-message\"><\/use><\/svg>kunde@example.ch<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-panel-title\">Betreff <small>MITTEILUNG<\/small><\/div>\r\n              <div style=\"padding:11px;border:1px solid var(--uf-border);border-radius:10px;color:var(--uf-navy);background:var(--uf-surface-soft);font-size:11px;font-weight:750\">\r\n                R\u00fcckmeldung zu den eingereichten Unterlagen\r\n              <\/div>\r\n              <div style=\"min-height:94px;margin-top:10px;padding:12px;border:1px solid var(--uf-border);border-radius:10px;color:var(--uf-body);background:#fff;font-size:10px;line-height:1.55\">\r\n                Guten Tag<br><br>\r\n                wir haben die Unterlagen gepr\u00fcft. Die folgenden Dokumente werden\r\n                noch ben\u00f6tigt \u2026\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Anh\u00e4nge <small>PRIVAT<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Anforderungsliste.pdf<\/span><span class=\"uf-pill\">PDF<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Checkliste.docx<\/span><span class=\"uf-pill\">DOCX<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Zustellung <small>STATUS<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>3 interne Empf\u00e4nger<\/span><span class=\"uf-pill\">UTOS<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>1 externer Empf\u00e4nger<\/span><span class=\"uf-pill\">E-Mail<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CUSTOMERS -->\r\n  <section class=\"uf-section uf-detail\" id=\"kunden\" style=\"--module-color:var(--uf-blue);--module-soft:var(--uf-blue-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-customer\"><\/use><\/svg>\r\n            <\/span>\r\n            Kunden & Kontakte\r\n          <\/div>\r\n\r\n          <h2>Ein vollst\u00e4ndiger Arbeitskontext pro Kunde<\/h2>\r\n          <p>\r\n            Das Kundenprofil verbindet Stammdaten mit operativer Arbeit.\r\n            Ansprechpartner, Mitarbeitende, Aufgaben, Termine, Dokumente, Ordner,\r\n            Notizen und Timeline-Eintr\u00e4ge bleiben zentral zug\u00e4nglich.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Organisationen und Einzelpersonen als Kundentypen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Stammdaten, Status, Priorit\u00e4t, Risiko und Zust\u00e4ndigkeit<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Ansprechpartner und mit dem Kunden verbundene Mitarbeitende<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Offene, \u00fcberf\u00e4llige und abgeschlossene Aufgaben<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Dokumente, Ordner, Notizen und anstehende Termine<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Chronologische Kunden-Timeline f\u00fcr relevante Aktivit\u00e4ten<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Beziehungen zu Personen k\u00f6nnen archiviert oder wiederhergestellt\r\n            werden, ohne das zugrunde liegende Personenprofil zu l\u00f6schen.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-customer\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Kundenprofil \u00b7 Muster AG<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">AKTIV<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-profile-head\">\r\n                <span class=\"uf-avatar\">MA<\/span>\r\n                <span>\r\n                  <strong>Muster AG<\/strong>\r\n                  <small>Organisation \u00b7 Z\u00fcrich \u00b7 Beratung<\/small>\r\n                <\/span>\r\n                <span class=\"uf-pill\">PRIORIT\u00c4T: HOCH<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"uf-chip-row\" style=\"margin-top:13px\">\r\n                <span class=\"uf-chip\">\u00dcbersicht<\/span>\r\n                <span class=\"uf-chip\">Aufgaben<\/span>\r\n                <span class=\"uf-chip\">Termine<\/span>\r\n                <span class=\"uf-chip\">Dokumente<\/span>\r\n                <span class=\"uf-chip\">Mitarbeitende<\/span>\r\n                <span class=\"uf-chip\">Timeline<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-stat-grid\">\r\n              <div class=\"uf-stat\"><span>Offene Aufgaben<\/span><strong>6<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>\u00dcberf\u00e4llig<\/span><strong>1<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>Dokumente<\/span><strong>24<\/strong><\/div>\r\n              <div class=\"uf-stat\"><span>Mitarbeitende<\/span><strong>3<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Ansprechpartner <small>PRIM\u00c4R<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Anna Muster \u00b7 Gesch\u00e4ftsleitung<\/span><span class=\"uf-pill\">Kontakt<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Marco Beispiel \u00b7 Administration<\/span><span class=\"uf-pill\">Mitarbeiter<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Aktuelle Timeline <small>NEUSTE ZUERST<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Dokument wurde hochgeladen<\/span><span class=\"uf-pill\">Heute<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Aufgabe wurde aktualisiert<\/span><span class=\"uf-pill\">Gestern<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Termin wurde best\u00e4tigt<\/span><span class=\"uf-pill\">28.07.<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- EMPLOYEES -->\r\n  <section class=\"uf-section uf-section--soft uf-detail\" id=\"mitarbeitende\" style=\"--module-color:var(--uf-teal);--module-soft:var(--uf-teal-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid uf-detail-grid--reverse\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-employee\"><\/use><\/svg>\r\n            <\/span>\r\n            Mitarbeitende & Personen\r\n          <\/div>\r\n\r\n          <h2>Person, Kundenbeziehung und gesch\u00fctzte HR-Daten sauber trennen<\/h2>\r\n          <p>\r\n            UTOS unterscheidet zwischen einer Person, ihrer Beziehung zu einem\r\n            Kundenunternehmen und den gesch\u00fctzten besch\u00e4ftigungsbezogenen Daten.\r\n            Dadurch k\u00f6nnen Profile zentral gepflegt und Berechtigungen pr\u00e4ziser\r\n            gesteuert werden.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Globale Personen- und Mitarbeiter\u00fcbersicht<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Kundenbezogene Rolle, Position, Abteilung und Status<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Gesch\u00e4ftliche Kontakt- und Kommunikationsdaten<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Besch\u00e4ftigungsart, Pensum, Beginn und betriebliche Angaben<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Bewilligung, Quellensteuer und weitere gesch\u00fctzte HR-Felder<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Sprache, Locale, Zeitzone und Kommunikationspr\u00e4ferenzen<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Sensible HR-Informationen werden nur f\u00fcr entsprechend autorisierte\r\n            Rollen angezeigt. Das Modul ersetzt keine Lohnbuchhaltung.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-employee\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Mitarbeiterprofil<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">PERSONENPROFIL<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-profile-head\">\r\n                <span class=\"uf-avatar\">AM<\/span>\r\n                <span>\r\n                  <strong>Anna Muster<\/strong>\r\n                  <small>Administration \u00b7 Muster AG<\/small>\r\n                <\/span>\r\n                <span class=\"uf-lock-badge\">\r\n                  <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-lock\"><\/use><\/svg>\r\n                  Gesch\u00fctzt\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"uf-profile-grid\">\r\n                <div class=\"uf-profile-field\"><small>Position<\/small><strong>Office Managerin<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Status<\/small><strong>Aktiv<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Besch\u00e4ftigungsart<\/small><strong>Unbefristet<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Pensum<\/small><strong>80 %<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Sprache<\/small><strong>Deutsch<\/strong><\/div>\r\n                <div class=\"uf-profile-field\"><small>Zeitzone<\/small><strong>Europe\/Zurich<\/strong><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Kundenbeziehung <small>OPERATIV<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Muster AG<\/span><span class=\"uf-pill\">Prim\u00e4r<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Abteilung Administration<\/span><span class=\"uf-pill\">Aktiv<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Ansprechpartnerin<\/span><span class=\"uf-pill\">Ja<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Gesch\u00fctzte Angaben <small>HR-ROLLEN<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Bewilligung & G\u00fcltigkeit<\/span><span class=\"uf-pill\">Gesch\u00fctzt<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>AHV-Nummer<\/span><span class=\"uf-pill\">Verschl\u00fcsselt<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Quellensteuer<\/span><span class=\"uf-pill\">Gesch\u00fctzt<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- DOCUMENTS -->\r\n  <section class=\"uf-section uf-detail\" id=\"dokumente\" style=\"--module-color:var(--uf-indigo);--module-soft:var(--uf-indigo-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-document\"><\/use><\/svg>\r\n            <\/span>\r\n            Dokumente & Ordner\r\n          <\/div>\r\n\r\n          <h2>Dokumente nicht nur speichern, sondern richtig einordnen<\/h2>\r\n          <p>\r\n            Dokumente werden mit Metadaten und betrieblichen Zusammenh\u00e4ngen\r\n            verbunden. Ordner schaffen eine verst\u00e4ndliche Struktur; Versionen\r\n            dokumentieren \u00c4nderungen und erleichtern die kontrollierte\r\n            Weiterbearbeitung.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Dateiupload und kontrollierte private Speicherung<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Titel, Kategorie, Stichw\u00f6rter und interne Beschreibung<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Zuordnung zu Kunden, Abteilungen und weiteren Vorg\u00e4ngen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Ordnerbaum, Unterordner und strukturierte Navigation<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Dokumentversionen und nachvollziehbare Bearbeitungsst\u00e4nde<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Suche, Filter und kundenbezogene Dokument\u00fcbersichten<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Die konkrete Berechtigungsstruktur f\u00fcr Dokumente wird im Rahmen der\r\n            Rollen- und Zugriffskonfiguration festgelegt.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-folder\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Dokumente & Ordnerstruktur<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">VERSIONIERT<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-folder-layout\">\r\n              <div class=\"uf-folder-tree\">\r\n                <div class=\"uf-panel-title\">Ordner <small>STRUKTUR<\/small><\/div>\r\n                <div class=\"uf-folder-item\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-folder\"><\/use><\/svg>Kunden<\/div>\r\n                <div class=\"uf-folder-item is-active\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-folder\"><\/use><\/svg>Muster AG<\/div>\r\n                <div class=\"uf-folder-item\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-folder\"><\/use><\/svg>Vertr\u00e4ge<\/div>\r\n                <div class=\"uf-folder-item\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-folder\"><\/use><\/svg>Korrespondenz<\/div>\r\n                <div class=\"uf-folder-item\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-folder\"><\/use><\/svg>Abschl\u00fcsse<\/div>\r\n                <div class=\"uf-folder-item\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-folder\"><\/use><\/svg>Personal<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\" style=\"margin-top:0\">\r\n                <div class=\"uf-panel-title\">Dokumentdetails <small>AKTUELL<\/small><\/div>\r\n                <div class=\"uf-profile-grid\">\r\n                  <div class=\"uf-profile-field\"><small>Titel<\/small><strong>Mandatsvertrag<\/strong><\/div>\r\n                  <div class=\"uf-profile-field\"><small>Kategorie<\/small><strong>Vertrag<\/strong><\/div>\r\n                  <div class=\"uf-profile-field\"><small>Kunde<\/small><strong>Muster AG<\/strong><\/div>\r\n                  <div class=\"uf-profile-field\"><small>Status<\/small><strong>Aktuell<\/strong><\/div>\r\n                <\/div>\r\n\r\n                <div style=\"margin-top:13px\">\r\n                  <div class=\"uf-panel-title\">Versionen <small>HISTORIE<\/small><\/div>\r\n                  <div class=\"uf-version-line\">\r\n                    <span class=\"uf-version-number\">V3<\/span>\r\n                    <span><strong>Aktuelle Fassung<\/strong><small>29.07.2026 \u00b7 Thomas K.<\/small><\/span>\r\n                    <span class=\"uf-pill\">Aktuell<\/span>\r\n                  <\/div>\r\n                  <div class=\"uf-version-line\">\r\n                    <span class=\"uf-version-number\">V2<\/span>\r\n                    <span><strong>Korrektur Kontaktdaten<\/strong><small>25.07.2026 \u00b7 Administration<\/small><\/span>\r\n                    <span class=\"uf-pill\">Archiv<\/span>\r\n                  <\/div>\r\n                  <div class=\"uf-version-line\">\r\n                    <span class=\"uf-version-number\">V1<\/span>\r\n                    <span><strong>Erste Fassung<\/strong><small>20.07.2026 \u00b7 Thomas K.<\/small><\/span>\r\n                    <span class=\"uf-pill\">Archiv<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-panel-title\">Verkn\u00fcpfter Kontext <small>ZUORDNUNG<\/small><\/div>\r\n              <div class=\"uf-chip-row\">\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-customer\"><\/use><\/svg>Muster AG<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-department\"><\/use><\/svg>Administration<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-task\"><\/use><\/svg>Vertragspr\u00fcfung<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-history\"><\/use><\/svg>Timeline<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SOP \/ KNOWLEDGE -->\r\n  <section class=\"uf-section uf-section--soft uf-detail\" id=\"wissen\" style=\"--module-color:var(--uf-purple);--module-soft:var(--uf-purple-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid uf-detail-grid--reverse\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-book\"><\/use><\/svg>\r\n            <\/span>\r\n            SOPs & Wissensbasis\r\n          <\/div>\r\n\r\n          <h2>Arbeitswissen dokumentieren, pr\u00fcfen und kontrolliert aktualisieren<\/h2>\r\n          <p>\r\n            Standard Operating Procedures bilden wiederkehrende Abl\u00e4ufe\r\n            strukturiert ab. Verfahren, erforderliche Dokumente, Risiken und\r\n            Qualit\u00e4tskontrollen k\u00f6nnen beschrieben und \u00fcber Versionen,\r\n            Freigabestatus und Audit-Eintr\u00e4ge weiterentwickelt werden.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>SOP-Bibliothek mit Suche und strukturierten Eintr\u00e4gen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Verfahren, Dokumentation, Risiken und Qualit\u00e4tskontrolle<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Erforderliche Unterlagen und fachliche Hinweise<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Status: Entwurf, Pr\u00fcfung, freigegeben, abgelehnt oder archiviert<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Versionen, Revisionshistorie und Vergleich von \u00c4nderungen<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Freigabe- und Auditfunktionen f\u00fcr kontrollierte Wissenspflege<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            SOPs unterst\u00fctzen Standardisierung und Wissenstransfer. Die fachliche\r\n            Pr\u00fcfung und Freigabe bleibt Aufgabe der zust\u00e4ndigen Rollen.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-book\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>SOP \u00b7 Dokumentenpr\u00fcfung<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">UNTER PR\u00dcFUNG<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-sop-flow\">\r\n              <div class=\"uf-sop-step\">Entwurf<\/div>\r\n              <div class=\"uf-sop-step is-active\">Pr\u00fcfung<\/div>\r\n              <div class=\"uf-sop-step\">Freigabe<\/div>\r\n              <div class=\"uf-sop-step\">Ver\u00f6ffentlicht<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-panel-title\">Verfahren <small>VERSION 4<\/small><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Eingegangene Dokumente auf Vollst\u00e4ndigkeit pr\u00fcfen<\/span><span class=\"uf-pill\">01<\/span><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Dokumenttyp und Kundenbezug kontrollieren<\/span><span class=\"uf-pill\">02<\/span><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Fehlende Unterlagen dokumentieren und anfordern<\/span><span class=\"uf-pill\">03<\/span><\/div>\r\n              <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Qualit\u00e4tskontrolle abschliessen<\/span><span class=\"uf-pill\">04<\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Qualit\u00e4tskontrolle <small>CHECKLISTE<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Kunde korrekt<\/span><span class=\"uf-pill\">Pflicht<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Dokument lesbar<\/span><span class=\"uf-pill\">Pflicht<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Version gepr\u00fcft<\/span><span class=\"uf-pill\">Pflicht<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Revisionen <small>\u00c4NDERUNGEN<\/small><\/div>\r\n                <div class=\"uf-version-line\">\r\n                  <span class=\"uf-version-number\">V4<\/span>\r\n                  <span><strong>Pr\u00fcfschritt erg\u00e4nzt<\/strong><small>29.07.2026<\/small><\/span>\r\n                  <span class=\"uf-pill\">Aktuell<\/span>\r\n                <\/div>\r\n                <div class=\"uf-version-line\">\r\n                  <span class=\"uf-version-number\">V3<\/span>\r\n                  <span><strong>Dokumentenliste angepasst<\/strong><small>15.07.2026<\/small><\/span>\r\n                  <span class=\"uf-pill\">Vergleich<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ADMIN -->\r\n  <section class=\"uf-section uf-detail\" id=\"administration\" style=\"--module-color:var(--uf-gray);--module-soft:var(--uf-gray-soft)\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-detail-grid\">\r\n        <div class=\"uf-detail-copy uf-reveal\">\r\n          <div class=\"uf-detail-label\">\r\n            <span class=\"uf-mini-icon\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-shield\"><\/use><\/svg>\r\n            <\/span>\r\n            Administration, Rollen & Sicherheit\r\n          <\/div>\r\n\r\n          <h2>Unternehmensstruktur und Zugriffe zentral verwalten<\/h2>\r\n          <p>\r\n            Die Administration bildet Benutzerkonten, Rollen, Berechtigungen,\r\n            Teams und Abteilungen ab. Erg\u00e4nzend stehen Branding,\r\n            Internationalisierung, Audit-Protokolle und Einstellungen zur\r\n            Sitzungssicherheit zur Verf\u00fcgung.\r\n          <\/p>\r\n\r\n          <ul class=\"uf-feature-list\">\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Benutzerkonten, Status, Profildaten und administrativer Zugriff<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Unternehmensrollen und technische Berechtigungszuordnung<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Teams, Abteilungen, Mitglieder und verantwortliche Benutzer<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Unternehmensbranding, Logos und zentrale E-Mail-Absender<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Sprachen, Fallback, Locale, Zeitzone und W\u00e4hrung<\/span><\/li>\r\n            <li><span class=\"uf-check-icon\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-check\"><\/use><\/svg><\/span><span>Audit-Protokoll, Sitzungssperre, PIN und Sicherheitsoptionen<\/span><\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"uf-detail-note\">\r\n            Rollen und Berechtigungen m\u00fcssen vor dem produktiven Einsatz anhand\r\n            der tats\u00e4chlichen Organisations- und Datenschutzanforderungen gepr\u00fcft\r\n            werden.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-visual uf-reveal\">\r\n          <div class=\"uf-visual-header\">\r\n            <div class=\"uf-visual-title\">\r\n              <span class=\"uf-mini-icon\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-shield\"><\/use><\/svg>\r\n              <\/span>\r\n              <span>Rollen- und Berechtigungsmatrix<\/span>\r\n            <\/div>\r\n            <span class=\"uf-visual-status\">ZUGRIFFSKONTROLLE<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"uf-visual-body\">\r\n            <div class=\"uf-permission-table\">\r\n              <div class=\"uf-permission-row\">\r\n                <span>Funktionsbereich<\/span><span>Admin<\/span><span>Leitung<\/span><span>Mitarbeiter<\/span>\r\n              <\/div>\r\n              <div class=\"uf-permission-row\">\r\n                <span>Kunden anzeigen<\/span><span class=\"uf-permission-yes\">\u2713<\/span><span class=\"uf-permission-yes\">\u2713<\/span><span class=\"uf-permission-yes\">\u2713<\/span>\r\n              <\/div>\r\n              <div class=\"uf-permission-row\">\r\n                <span>Kunden bearbeiten<\/span><span class=\"uf-permission-yes\">\u2713<\/span><span class=\"uf-permission-yes\">\u2713<\/span><span class=\"uf-permission-limited\">\u25d0<\/span>\r\n              <\/div>\r\n              <div class=\"uf-permission-row\">\r\n                <span>HR-Daten \u00f6ffnen<\/span><span class=\"uf-permission-yes\">\u2713<\/span><span class=\"uf-permission-limited\">\u25d0<\/span><span class=\"uf-permission-no\">\u2014<\/span>\r\n              <\/div>\r\n              <div class=\"uf-permission-row\">\r\n                <span>Rollen verwalten<\/span><span class=\"uf-permission-yes\">\u2713<\/span><span class=\"uf-permission-no\">\u2014<\/span><span class=\"uf-permission-no\">\u2014<\/span>\r\n              <\/div>\r\n              <div class=\"uf-permission-row\">\r\n                <span>Audit \u00f6ffnen<\/span><span class=\"uf-permission-yes\">\u2713<\/span><span class=\"uf-permission-limited\">\u25d0<\/span><span class=\"uf-permission-no\">\u2014<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-two-panels\" style=\"margin-top:12px\">\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Organisation <small>STRUKTUR<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Abteilungen<\/span><span class=\"uf-pill\">5<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Teams<\/span><span class=\"uf-pill\">8<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Aktive Benutzer<\/span><span class=\"uf-pill\">24<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"uf-panel\">\r\n                <div class=\"uf-panel-title\">Sicherheit <small>AKTIV<\/small><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Sitzungssperre<\/span><span class=\"uf-pill\">Aktiv<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>PIN-Schutz<\/span><span class=\"uf-pill\">Konfiguriert<\/span><\/div>\r\n                <div class=\"uf-row\"><span class=\"uf-row-dot\"><\/span><span>Audit-Protokoll<\/span><span class=\"uf-pill\">Aktiv<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uf-panel\">\r\n              <div class=\"uf-panel-title\">Zentrale Einstellungen <small>UNTERNEHMEN<\/small><\/div>\r\n              <div class=\"uf-chip-row\">\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-users\"><\/use><\/svg>Benutzer<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-shield\"><\/use><\/svg>Rollen<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-department\"><\/use><\/svg>Abteilungen<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-history\"><\/use><\/svg>Audit<\/span>\r\n                <span class=\"uf-chip\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-message\"><\/use><\/svg>Branding<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONNECTED WORK -->\r\n  <section class=\"uf-section uf-section--soft\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-center uf-reveal\">\r\n        <p class=\"uf-eyebrow\">Der gemeinsame Kontext<\/p>\r\n        <h2>Die St\u00e4rke liegt in der Verbindung der Module<\/h2>\r\n        <p class=\"uf-lead\">\r\n          UTOS reduziert Informationsbr\u00fcche, indem zusammengeh\u00f6rende Daten durch\r\n          den operativen Ablauf verbunden bleiben. Ein Kundenkontakt kann zu\r\n          einem Termin, einer Aufgabe, Dokumenten und einem nachvollziehbaren\r\n          Timeline-Eintrag f\u00fchren.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"uf-connected-flow\">\r\n        <div class=\"uf-flow-step uf-reveal\" style=\"--step-color:var(--uf-blue);--step-soft:var(--uf-blue-soft)\">\r\n          <span class=\"uf-step-number\">01<\/span>\r\n          <div>\r\n            <h3>Kunde<\/h3>\r\n            <p>Stammdaten, Ansprechpartner und fachlicher Kontext.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-flow-step uf-reveal\" style=\"--step-color:var(--uf-blue);--step-soft:var(--uf-blue-soft)\">\r\n          <span class=\"uf-step-number\">02<\/span>\r\n          <div>\r\n            <h3>Termin<\/h3>\r\n            <p>Teilnehmende, Buchung, Einladung und Gespr\u00e4chsanlass.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-flow-step uf-reveal\" style=\"--step-color:var(--uf-orange);--step-soft:var(--uf-orange-soft)\">\r\n          <span class=\"uf-step-number\">03<\/span>\r\n          <div>\r\n            <h3>Aufgabe<\/h3>\r\n            <p>Verantwortung, Frist, Kommunikation und n\u00e4chster Schritt.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-flow-step uf-reveal\" style=\"--step-color:var(--uf-indigo);--step-soft:var(--uf-indigo-soft)\">\r\n          <span class=\"uf-step-number\">04<\/span>\r\n          <div>\r\n            <h3>Dokument<\/h3>\r\n            <p>Dateien, Metadaten, Ordner und Versionen.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"uf-flow-step uf-reveal\" style=\"--step-color:var(--uf-purple);--step-soft:var(--uf-purple-soft)\">\r\n          <span class=\"uf-step-number\">05<\/span>\r\n          <div>\r\n            <h3>Historie & Wissen<\/h3>\r\n            <p>Nachvollziehbare Aktivit\u00e4t und wiederverwendbarer Prozess.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA -->\r\n  <section class=\"uf-section uf-section--dark\">\r\n    <div class=\"uf-container\">\r\n      <div class=\"uf-cta-card uf-reveal\">\r\n        <div>\r\n          <p class=\"uf-eyebrow\">UTOS pers\u00f6nlich kennenlernen<\/p>\r\n          <h2 style=\"font-size:clamp(32px,4vw,46px)\">Sehen Sie die relevanten Funktionen in einer Live-Demo<\/h2>\r\n          <p>\r\n            In der pers\u00f6nlichen Demo konzentrieren wir uns auf die Module und\r\n            Abl\u00e4ufe, die f\u00fcr Ihr Unternehmen tats\u00e4chlich relevant sind. Danach\r\n            k\u00f6nnen Funktionsumfang, Einf\u00fchrung und passendes Paket beurteilt\r\n            werden.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"uf-cta-actions\">\r\n          <a class=\"uf-btn uf-btn--light\" href=\"\/de\/utos\/demo-buchen\/\">\r\n            Live-Demo buchen\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><use href=\"#uf-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n          <a class=\"uf-btn\" style=\"color:#fff!important;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05)\" href=\"\/de\/utos\/preise\/\">\r\n            Preise ansehen\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n\r\n<script>\r\n  (function () {\r\n    var page = document.querySelector('.utos-functions');\r\n    if (!page) return;\r\n\r\n    page.classList.add('uf-js');\r\n\r\n    \/* Weiches Scrollen nur f\u00fcr interne Modul-Links *\/\r\n    var internalLinks = page.querySelectorAll('a[href^=\"#\"]');\r\n    internalLinks.forEach(function (link) {\r\n      link.addEventListener('click', function (event) {\r\n        var id = link.getAttribute('href');\r\n        var target = page.querySelector(id);\r\n        if (!target) return;\r\n\r\n        event.preventDefault();\r\n        target.scrollIntoView({\r\n          behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',\r\n          block: 'start'\r\n        });\r\n      });\r\n    });\r\n\r\n    \/* Dezente Einblendung *\/\r\n    var revealItems = page.querySelectorAll('.uf-reveal');\r\n\r\n    if ('IntersectionObserver' in window &&\r\n        !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('is-visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.09,\r\n        rootMargin: '0px 0px -36px 0px'\r\n      });\r\n\r\n      revealItems.forEach(function (item) {\r\n        observer.observe(item);\r\n      });\r\n    } else {\r\n      revealItems.forEach(function (item) {\r\n        item.classList.add('is-visible');\r\n      });\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UTOS Funktionen Alle UTOS Funktionen f\u00fcr strukturierte Unternehmensprozesse Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10423","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UTOS Funktionen f\u00fcr Aufgaben, Termine &amp; Dokumente | SNV<\/title>\n<meta name=\"description\" content=\"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/snvsolutions.ch\/funktionen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UTOS Funktionen f\u00fcr Aufgaben, Termine &amp; Dokumente | SNV\" \/>\n<meta property=\"og:description\" content=\"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/snvsolutions.ch\/funktionen\/\" \/>\n<meta property=\"og:site_name\" content=\"SNV Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T13:54:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"9\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/funktionen\\\/\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/funktionen\\\/\",\"name\":\"UTOS Funktionen f\u00fcr Aufgaben, Termine & Dokumente | SNV\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#website\"},\"datePublished\":\"2026-07-29T11:33:26+00:00\",\"dateModified\":\"2026-07-29T13:54:08+00:00\",\"description\":\"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/funktionen\\\/#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/snvsolutions.ch\\\/funktionen\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/funktionen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Funktionen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/\",\"name\":\"SNV Solutions | Treuhand\",\"description\":\"Alles ordentlich, alles im Griff!\",\"publisher\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-CH\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#organization\",\"name\":\"SNV Solutions | Treuhand\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png\",\"contentUrl\":\"https:\\\/\\\/snvsolutions.ch\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png\",\"width\":1254,\"height\":501,\"caption\":\"SNV Solutions | Treuhand\"},\"image\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UTOS Funktionen f\u00fcr Aufgaben, Termine & Dokumente | SNV","description":"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/snvsolutions.ch\/funktionen\/","og_locale":"de_DE","og_type":"article","og_title":"UTOS Funktionen f\u00fcr Aufgaben, Termine & Dokumente | SNV","og_description":"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.","og_url":"https:\/\/snvsolutions.ch\/funktionen\/","og_site_name":"SNV Solutions","article_modified_time":"2026-07-29T13:54:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/snvsolutions.ch\/funktionen\/","url":"https:\/\/snvsolutions.ch\/funktionen\/","name":"UTOS Funktionen f\u00fcr Aufgaben, Termine & Dokumente | SNV","isPartOf":{"@id":"https:\/\/snvsolutions.ch\/de\/#website"},"datePublished":"2026-07-29T11:33:26+00:00","dateModified":"2026-07-29T13:54:08+00:00","description":"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.","breadcrumb":{"@id":"https:\/\/snvsolutions.ch\/funktionen\/#breadcrumb"},"inLanguage":"de-CH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/snvsolutions.ch\/funktionen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/snvsolutions.ch\/funktionen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/snvsolutions.ch\/de\/"},{"@type":"ListItem","position":2,"name":"Funktionen"}]},{"@type":"WebSite","@id":"https:\/\/snvsolutions.ch\/de\/#website","url":"https:\/\/snvsolutions.ch\/de\/","name":"SNV Solutions | Treuhand","description":"Alles ordentlich, alles im Griff!","publisher":{"@id":"https:\/\/snvsolutions.ch\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/snvsolutions.ch\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-CH"},{"@type":"Organization","@id":"https:\/\/snvsolutions.ch\/de\/#organization","name":"SNV Solutions | Treuhand","url":"https:\/\/snvsolutions.ch\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-CH","@id":"https:\/\/snvsolutions.ch\/de\/#\/schema\/logo\/image\/","url":"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png","contentUrl":"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png","width":1254,"height":501,"caption":"SNV Solutions | Treuhand"},"image":{"@id":"https:\/\/snvsolutions.ch\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages\/10423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/comments?post=10423"}],"version-history":[{"count":5,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages\/10423\/revisions"}],"predecessor-version":[{"id":10462,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages\/10423\/revisions\/10462"}],"wp:attachment":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/media?parent=10423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}