{"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-30T13:57:43","modified_gmt":"2026-07-30T11:57:43","slug":"funktionen","status":"publish","type":"page","link":"https:\/\/snvsolutions.ch\/en\/utos\/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":10420,"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=\"http:\/\/UTOS%20Funktionen%20Alle%20UTOS%20Funktionen%20f\u00fcr%20strukturierte%20Unternehmensprozesse%20Entdecken%20Sie%20die%20UTOS%20Funktionen%20f\u00fcr%20Aufgaben,%20Termine,%20Dokumente,%20Kunden,%20Mitarbeitende,%20Kommunikation,%20SOPs,%20Administration%20und%20operative%20Analysen.%20Die%20Module%20greifen%20ineinander%20und%20schaffen%20eine%20gemeinsame%20Arbeitsgrundlage%20f\u00fcr%20den%20Unternehmensalltag.%20Funktionen%20live%20ansehen%20Pakete%20vergleichen%20Modular%20aufgebaut%20Gemeinsame%20Datenbasis%20Rollenbasiert%20steuerbar%20Pers\u00f6nlich%20eingef\u00fchrt%20UTOS%20\u00b7%20Operations%20Dashboard%20Reale&hellip;\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/en\/utos\/funktionen\/\" \/>\n<meta property=\"og:site_name\" content=\"SNV Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T11:57:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/utos\\\/funktionen\\\/\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/utos\\\/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-30T11:57:43+00:00\",\"description\":\"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/utos\\\/funktionen\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/utos\\\/funktionen\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/utos\\\/funktionen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"SNV SOLUTIONS\",\"item\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UTOS\",\"item\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/utos\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Funktionen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/de\\\/\",\"name\":\"SNV Solutions | Treuhand\",\"description\":\"Alles ordentlich, alles im Griff!\",\"publisher\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/de\\\/#organization\",\"name\":\"SNV Solutions | Treuhand\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/en\\\/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\\\/en\\\/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":"UTOS Funktionen Alle UTOS Funktionen f\u00fcr strukturierte Unternehmensprozesse Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs, Administration und operative Analysen. Die Module greifen ineinander und schaffen eine gemeinsame Arbeitsgrundlage f\u00fcr den Unternehmensalltag. Funktionen live ansehen Pakete vergleichen Modular aufgebaut Gemeinsame Datenbasis Rollenbasiert steuerbar Pers\u00f6nlich eingef\u00fchrt UTOS \u00b7 Operations Dashboard Reale&hellip;","og_locale":"en_US","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\/en\/utos\/funktionen\/","og_site_name":"SNV Solutions","article_modified_time":"2026-07-30T11:57:43+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/snvsolutions.ch\/en\/utos\/funktionen\/","url":"https:\/\/snvsolutions.ch\/en\/utos\/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-30T11:57:43+00:00","description":"Entdecken Sie die UTOS Funktionen f\u00fcr Aufgaben, Termine, Dokumente, Kunden, Mitarbeitende, Kommunikation, SOPs und Analysen.","breadcrumb":{"@id":"https:\/\/snvsolutions.ch\/en\/utos\/funktionen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/snvsolutions.ch\/en\/utos\/funktionen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/snvsolutions.ch\/en\/utos\/funktionen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"SNV SOLUTIONS","item":"https:\/\/snvsolutions.ch\/de\/"},{"@type":"ListItem","position":2,"name":"UTOS","item":"https:\/\/snvsolutions.ch\/de\/utos\/"},{"@type":"ListItem","position":3,"name":"Funktionen"}]},{"@type":"WebSite","@id":"https:\/\/snvsolutions.ch\/en\/de\/#website","url":"https:\/\/snvsolutions.ch\/en\/de\/","name":"SNV Solutions | Treuhand","description":"Alles ordentlich, alles im Griff!","publisher":{"@id":"https:\/\/snvsolutions.ch\/en\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/snvsolutions.ch\/en\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/snvsolutions.ch\/en\/de\/#organization","name":"SNV Solutions | Treuhand","url":"https:\/\/snvsolutions.ch\/en\/de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/snvsolutions.ch\/en\/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\/en\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/pages\/10423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/comments?post=10423"}],"version-history":[{"count":5,"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/pages\/10423\/revisions"}],"predecessor-version":[{"id":10462,"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/pages\/10423\/revisions\/10462"}],"up":[{"embeddable":true,"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/pages\/10420"}],"wp:attachment":[{"href":"https:\/\/snvsolutions.ch\/en\/wp-json\/wp\/v2\/media?parent=10423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}