{"product_id":"maradocs","title":"MaraDocs","description":"\u003cstyle\u003e\n  .split-layout {\n    font-family: Arial, sans-serif;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  .section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    margin-bottom: 40px;\n    align-items: center;\n    min-height: 350px;\n  }\n  .content {\n    padding: 20px;\n  }\n  .video-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .video-container iframe {\n    width: 90%;\n    height: 240px;\n    border: none;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n  }\n\n  \/* --- NEU: responsiver Embed-Wrapper (Shopify-kompatibel) --- *\/\n  .video-embed {\n    position: relative;\n    width: 90%;\n    max-width: 720px;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n  }\n  .video-embed::before {\n    content: \"\";\n    display: block;\n    padding-top: 56.25%; \/* 16:9 Verhältnis *\/\n  }\n  .video-embed iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  \/* --- Dynamische iFrame Höhe für Mobile --- *\/\n  .roi-iframe {\n    width: 100%;\n    min-height: 980px;\n    border: none;\n    border-radius: 12px;\n  }\n\n  .heading {\n    font-size: 22px;\n    color: #151c4f;\n    margin-bottom: 15px;\n    font-weight: bold;\n  }\n  .text {\n    font-size: 15px;\n    line-height: 1.6;\n    color: #333;\n  }\n  .section:nth-child(odd) .content {\n    order: 1;\n  }\n  .section:nth-child(odd) .video-container {\n    order: 2;\n  }\n  .section:nth-child(even) .content {\n    order: 2;\n  }\n  .section:nth-child(even) .video-container {\n    order: 1;\n  }\n  .text-only-section {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 30px;\n    border-radius: 12px;\n  }\n\n  \/* --- Zentrierte Floating Buttons --- *\/\n  .floating-action-wrapper {\n    position: fixed;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 99999;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n  }\n\n  .btn-calc {\n    background-color: #10b981;\n    color: #ffffff !important;\n    padding: 16px 26px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: bold;\n    font-family: Arial, sans-serif;\n    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 17px;\n    transition: all 0.2s ease;\n    animation: pulse-glow 2s infinite;\n  }\n\n  .btn-calc:hover {\n    transform: translateY(-3px) scale(1.02);\n    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.5);\n    animation: none;\n  }\n\n  @keyframes pulse-glow {\n    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5); }\n    70% { box-shadow: 0 0 0 15px rgba(16, 185, 129, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }\n  }\n\n  \/* --- Der Back-to-Top Button (jetzt dauerhaft sichtbar) --- *\/\n  .btn-top {\n    background-color: #ffffff;\n    color: #151c4f;\n    width: 54px;\n    height: 54px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.15);\n    transition: all 0.2s ease;\n  }\n\n  .btn-top:hover {\n    transform: translateY(-3px) scale(1.05);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n    color: #10b981;\n  }\n\n  \/* --- Mobile Anpassungen --- *\/\n  @media (max-width: 768px) {\n    .section {\n      grid-template-columns: 1fr;\n      min-height: auto;\n    }\n    .section:nth-child(odd) .content,\n    .section:nth-child(even) .content {\n      order: 2;\n    }\n    .section:nth-child(odd) .video-container,\n    .section:nth-child(even) .video-container {\n      order: 1;\n    }\n    .video-container iframe {\n      width: 100%;\n      height: 220px;\n    }\n    .video-embed {\n      width: 100%;\n      max-width: none;\n    }\n    .heading {\n      font-size: 20px;\n    }\n    .roi-iframe {\n      min-height: 1550px; \n    }\n    \/* Blende die gesamte Button-Reihe auf dem Handy aus *\/\n    .floating-action-wrapper {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"split-layout\"\u003e\n  \n  \u003cdiv style=\"max-width: 1060px; margin: 0 auto 40px auto; padding: 20px 25px; background-color: #f4f6f8; border-left: 6px solid #151c4f; border-radius: 8px; font-family: Arial, sans-serif; display: flex; align-items: center; gap: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);\"\u003e\n    \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"#151c4f\" stroke-width=\"2\" style=\"flex-shrink: 0;\"\u003e\n      \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n    \u003cdiv\u003e\n      \u003cstrong style=\"color: #151c4f; font-size: 18px; display: block; margin-bottom: 6px;\"\u003eWichtiger Hinweis\u003c\/strong\u003e \n      \u003cspan style=\"color: #333; font-size: 15px; line-height: 1.5;\"\u003eFür Bestandskunden und mehr als 8 User, nutzen Sie bitte unsere \u003ca href=\"https:\/\/share-eu1.hsforms.com\/1EvWRrxtnSgqdvjl9SfhlUw2crexq\" rel=\"noopener noreferrer\" style=\"color: #10b981; text-decoration: none; font-weight: bold;\" target=\"_blank\"\u003eindividuelle Beratung\u003c\/a\u003e.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n      \u003cdiv class=\"video-embed\"\u003e\n        \u003ciframe src=\"https:\/\/customer-wdrq1p22tbsv19a3.cloudflarestream.com\/391bf10785f8c431fe397072dc3a8c34\/iframe?muted=true\u0026amp;autoplay=true\u0026amp;loop=true\u0026amp;poster=https%3A%2F%2Fcustomer-wdrq1p22tbsv19a3.cloudflarestream.com%2F391bf10785f8c431fe397072dc3a8c34%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D12s%26height%3D600\" loading=\"lazy\" title=\"WhatsApp Web Image Exporter für Chrome\" allow=\"accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture\" allowfullscreen=\"true\"\u003e\u003c\/iframe\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"content\"\u003e\n      \u003ch2 class=\"heading\"\u003eNeu: WhatsApp Web Image Exporter für Chrome\u003c\/h2\u003e\n      \u003cp class=\"text\"\u003eAuf Nutzerfeedback entwickelt: Mit dem \u003cstrong\u003eWhatsApp Web Image Exporter für Chrome\u003c\/strong\u003e exportieren Sie Bilder aus WhatsApp Web schnell und unkompliziert und integrieren sie direkt in Ihre Dokumentation mit MaraDocs. Das Add-on unterstützt eine strukturierte, effiziente Ablage Ihrer Kommunikationsinhalte.\u003c\/p\u003e\n      \u003cp class=\"text\"\u003e\u003ca href=\"https:\/\/chromewebstore.google.com\/detail\/easy-image-exporter-for-w\/gmheghjklnfdjmjhepddehgalklmhdnh?hl=de\" rel=\"noopener\" target=\"_blank\"\u003e Zum Add-on im Chrome Web Store \u003c\/a\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"content\"\u003e\n      \u003ch2 class=\"heading\"\u003eOptimierte PDFs aus E-Mail-Anhängen in Sekunden\u003c\/h2\u003e\n      \u003cp class=\"text\"\u003eMaraDocs löst ein zeitfressendes Problem im Anwaltssekretariat: Besonders Familien-, Arbeits- und Verkehrsrechtskanzleien erhalten eine Vielzahl von Unterlagen per E-Mail, die vom Mandanten einfach nur abfotografiert wurden.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"video-container\"\u003e\n      \u003ciframe src=\"https:\/\/customer-wdrq1p22tbsv19a3.cloudflarestream.com\/36ce0d48b4fc5b99cb8ba0ee45797beb\/iframe?muted=true\u0026amp;autoplay=true\u0026amp;poster=https%3A%2F%2Fcustomer-wdrq1p22tbsv19a3.cloudflarestream.com%2F36ce0d48b4fc5b99cb8ba0ee45797beb%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600\" title=\"MaraDocs – Optimierte PDFs\"\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"content\"\u003e\n      \u003ch2 class=\"heading\"\u003eTrash in, \u003cem\u003eScan\u003c\/em\u003e out\u003c\/h2\u003e\n      \u003cp class=\"text\"\u003eMaraDocs schneidet Dokumente aus Fotos aus, kombiniert einzelne Seiten zu PDFs, dreht alle Seiten gemäß Textrichtung, verkleinert große PDF-Dateien und spart Ihnen wertvolle Zeit im Sekretariat. Außerdem können Sie selber entscheiden wie viele PDFs Sie aus den Anhängen machen wollen.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"video-container\"\u003e\n      \u003ciframe src=\"https:\/\/customer-wdrq1p22tbsv19a3.cloudflarestream.com\/4cfd34b1be1981379da230293373787e\/iframe?muted=true\u0026amp;loop=true\u0026amp;autoplay=true\u0026amp;poster=https%3A%2F%2Fcustomer-wdrq1p22tbsv19a3.cloudflarestream.com%2F4cfd34b1be1981379da230293373787e%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600\" title=\"MaraDocs – Trash in, Scan out\"\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"content\"\u003e\n      \u003ch2 class=\"heading\"\u003eSeiten drehen und PDFs kombinieren\u003c\/h2\u003e\n      \u003cp class=\"text\"\u003eIhre Mandanten schicken Ihnen 60 Seiten Ermittlungsakte in einzelnen Fotos per E-Mail und jede Seite ist anders orientiert? Kein Problem – MaraDocs dreht die Seiten automatisch und Sie entscheiden frei, wie Sie die Anlagen zu Dokumenten kombinieren.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"video-container\"\u003e\n      \u003ciframe src=\"https:\/\/customer-wdrq1p22tbsv19a3.cloudflarestream.com\/f531300612154730a7de453832113dfe\/iframe?muted=true\u0026amp;loop=true\u0026amp;poster=https%3A%2F%2Fcustomer-wdrq1p22tbsv19a3.cloudflarestream.com%2Ff531300612154730a7de453832113dfe%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600\" title=\"MaraDocs – Drehen \u0026amp; Kombinieren\"\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"text-only-section\"\u003e\n    \u003ch2 class=\"heading\"\u003eDurchsuchbare PDFs erzeugen\u003c\/h2\u003e\n    \u003cp class=\"text\"\u003eIhre Mandanten schreiben am liebsten per Hand, aber das ist für Sie nur duch Abtippen digitalisierbar? Mit MaraDocs gehört auch dieser Digitalisierungsalptraum der Vergangenheit an. Dank fortschrittlichster Texterkennung (OCR Engine) erkennt MaraDocs auch handschriftliche Notizen und wandelt sie in maschinengeschriebenen Text in einer PDF um.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"margin-top: 20px;\"\u003e\n    \u003cstrong style=\"color: #151c4f; font-size: 18px; display: block; margin-bottom: 6px;\"\u003eLizenzhinweis\u003c\/strong\u003e \n    \u003cspan style=\"color: #333; font-size: 15px; line-height: 1.5;\"\u003eDie Stufe der Kanzleilizenz richtet sich nach der Zahl der Vollzeitkräfte der Kanzlei des Kunden, unabhängig von der tatsächlichen Nutzerzahl der Software. Der Kunde ist verpflichtet, die zutreffende Anzahl bei Vertragsschluss wahrheitsgemäß anzugeben und Änderungen, die eine höhere Lizenzstufe begründen, unverzüglich mitzuteilen. Der Anbieter ist berechtigt, die Anzahl jederzeit durch Auskunftsverlangen zu überprüfen. Ergibt sich, dass die tatsächliche Anzahl eine höhere Kanzleilizenz erfordert, wird die Lizenz ab Beginn des laufenden Abrechnungszeitraums entsprechend angepasst.\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv id=\"roi-rechner\" style=\"max-width:1100px;margin:40px auto 60px auto;padding:0 20px;\"\u003e\n  \u003chr style=\"border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(21,28,79,0.12),transparent);margin-bottom:40px;\"\u003e\n  \u003ciframe title=\"MaraDocs ROI-Rechner\" class=\"roi-iframe\" loading=\"lazy\" scrolling=\"no\" srcdoc=\"\u0026lt;!DOCTYPE html\u0026gt;\n\u0026lt;html lang=\u0026quot;de\u0026quot;\u0026gt;\n\u0026lt;head\u0026gt;\n\u0026lt;meta charset=\u0026quot;UTF-8\u0026quot;\u0026gt;\n\u0026lt;meta name=\u0026quot;viewport\u0026quot; content=\u0026quot;width=device-width, initial-scale=1.0\u0026quot;\u0026gt;\n\u0026lt;title\u0026gt;MaraDocs ROI-Rechner\u0026lt;\/title\u0026gt;\n\u0026lt;link href=\u0026quot;https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,600;9..40,700\u0026amp;display=swap\u0026quot; rel=\u0026quot;stylesheet\u0026quot;\u0026gt;\n\u0026lt;style\u0026gt;\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  body { font-family: 'DM Sans', Arial, sans-serif; background: transparent; color: #1a1a2e; padding: 20px; -webkit-font-smoothing: antialiased; }\n  .roi-header { text-align: center; margin-bottom: 40px; }\n  .roi-header h2 { font-size: 28px; font-weight: 700; color: #151c4f; margin-bottom: 10px; letter-spacing: -0.5px; }\n  .roi-header p { font-size: 15px; color: #6b7194; line-height: 1.5; }\n  .roi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }\n  .roi-inputs { background: #fff; border-radius: 14px; padding: 28px; box-shadow: 0 2px 16px rgba(21, 28, 79, 0.07); border: 1px solid rgba(21, 28, 79, 0.06); }\n  .roi-inputs h3 { font-size: 17px; font-weight: 700; color: #151c4f; margin-bottom: 22px; }\n  .input-group { margin-bottom: 22px; }\n  .input-group:last-child { margin-bottom: 0; }\n  .input-group label { display: block; font-size: 13.5px; font-weight: 600; color: #1a1a2e; margin-bottom: 7px; }\n  .hint { font-size: 11.5px; color: #6b7194; font-weight: 400; margin-left: 3px; }\n  .slider-row { display: flex; align-items: center; gap: 14px; }\n  .slider-row input[type=\u0026quot;range\u0026quot;] { flex: 1; -webkit-appearance: none; appearance: none; height: 6px; border-radius: 3px; background: #eef0f6; outline: none; cursor: pointer; }\n  .slider-row input[type=\u0026quot;range\u0026quot;]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #151c4f; cursor: pointer; box-shadow: 0 2px 6px rgba(21, 28, 79, 0.3); transition: transform 0.15s ease; }\n  .slider-row input[type=\u0026quot;range\u0026quot;]::-webkit-slider-thumb:hover { transform: scale(1.12); }\n  .slider-row input[type=\u0026quot;range\u0026quot;]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #151c4f; cursor: pointer; border: none; box-shadow: 0 2px 6px rgba(21, 28, 79, 0.3); }\n  .slider-value { min-width: 44px; text-align: center; font-size: 18px; font-weight: 700; color: #151c4f; background: #eef0f6; border-radius: 7px; padding: 5px 10px; font-variant-numeric: tabular-nums; }\n  .roi-results { background: #151c4f; border-radius: 14px; padding: 28px; box-shadow: 0 6px 24px rgba(21, 28, 79, 0.18); color: #fff; }\n  .roi-results h3 { font-weight: 700; color: rgba(255, 255, 255, 0.8); margin-bottom: 22px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }\n  .result-item { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }\n  .result-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }\n  .result-label { font-size: 12.5px; color: rgba(255, 255, 255, 0.55); margin-bottom: 3px; }\n  .result-value { font-size: 26px; font-weight: 700; letter-spacing: -0.5px; font-variant-numeric: tabular-nums; transition: all 0.25s ease; }\n  .result-value.highlight { color: #6ee7b7; font-size: 32px; }\n  .result-unit { font-size: 13px; font-weight: 400; opacity: 0.65; margin-left: 3px; }\n  .roi-summary { margin-top: 36px; background: #fff; border-radius: 14px; padding: 24px 28px; box-shadow: 0 2px 16px rgba(21, 28, 79, 0.07); border: 2px solid #10b981; display: flex; align-items: center; gap: 18px; }\n  .summary-icon { width: 50px; height: 50px; background: rgba(16, 185, 129, 0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .summary-icon svg { width: 26px; height: 26px; color: #10b981; }\n  .summary-text { flex: 1; }\n  .summary-text strong { display: block; font-size: 16px; color: #151c4f; margin-bottom: 3px; }\n  .summary-text span { font-size: 13px; color: #6b7194; line-height: 1.5; }\n  .roi-note { text-align: center; margin-top: 20px; font-size: 11.5px; color: #6b7194; line-height: 1.5; }\n  @media (max-width: 700px) {\n    body { padding: 12px; }\n    .roi-grid { grid-template-columns: 1fr; gap: 20px; }\n    .roi-header h2 { font-size: 23px; }\n    .result-value { font-size: 22px; }\n    .result-value.highlight { font-size: 27px; }\n    .roi-summary { flex-direction: column; text-align: center; }\n  }\n\u0026lt;\/style\u0026gt;\n\u0026lt;\/head\u0026gt;\n\u0026lt;body\u0026gt;\n\u0026lt;div class=\u0026quot;roi-header\u0026quot;\u0026gt;\n  \u0026lt;h2\u0026gt;Lohnt sich MaraDocs für Ihre Kanzlei?\u0026lt;\/h2\u0026gt;\n  \u0026lt;p\u0026gt;Berechnen Sie Ihre Zeitersparnis in wenigen Sekunden – basierend auf Ihren tatsächlichen Zahlen.\u0026lt;\/p\u0026gt;\n\u0026lt;\/div\u0026gt;\n\u0026lt;div class=\u0026quot;roi-grid\u0026quot;\u0026gt;\n  \u0026lt;div class=\u0026quot;roi-inputs\u0026quot;\u0026gt;\n    \u0026lt;h3\u0026gt;Ihre Kanzlei\u0026lt;\/h3\u0026gt;\n    \u0026lt;div class=\u0026quot;input-group\u0026quot;\u0026gt;\n      \u0026lt;label for=\u0026quot;roi-staff\u0026quot;\u0026gt;Mitarbeiter in der Postbearbeitung \u0026lt;span class=\u0026quot;hint\u0026quot;\u0026gt;(ReFas, Sekretariat)\u0026lt;\/span\u0026gt;\u0026lt;\/label\u0026gt;\n      \u0026lt;div class=\u0026quot;slider-row\u0026quot;\u0026gt;\n        \u0026lt;input type=\u0026quot;range\u0026quot; id=\u0026quot;roi-staff\u0026quot; min=\u0026quot;1\u0026quot; max=\u0026quot;20\u0026quot; value=\u0026quot;4\u0026quot; step=\u0026quot;1\u0026quot;\u0026gt;\n        \u0026lt;div class=\u0026quot;slider-value\u0026quot; id=\u0026quot;roi-staff-val\u0026quot;\u0026gt;4\u0026lt;\/div\u0026gt;\n      \u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;div class=\u0026quot;input-group\u0026quot;\u0026gt;\n      \u0026lt;label for=\u0026quot;roi-docs\u0026quot;\u0026gt;Handyfotos pro Mitarbeiter\/Tag \u0026lt;span class=\u0026quot;hint\u0026quot;\u0026gt;(Ø Mandantenbilder)\u0026lt;\/span\u0026gt;\u0026lt;\/label\u0026gt;\n      \u0026lt;div class=\u0026quot;slider-row\u0026quot;\u0026gt;\n        \u0026lt;input type=\u0026quot;range\u0026quot; id=\u0026quot;roi-docs\u0026quot; min=\u0026quot;1\u0026quot; max=\u0026quot;20\u0026quot; value=\u0026quot;3\u0026quot; step=\u0026quot;1\u0026quot;\u0026gt;\n        \u0026lt;div class=\u0026quot;slider-value\u0026quot; id=\u0026quot;roi-docs-val\u0026quot;\u0026gt;3\u0026lt;\/div\u0026gt;\n      \u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;div class=\u0026quot;input-group\u0026quot;\u0026gt;\n      \u0026lt;label for=\u0026quot;roi-time\u0026quot;\u0026gt;Minuten pro Dokument ohne MaraDocs \u0026lt;span class=\u0026quot;hint\u0026quot;\u0026gt;(manuell)\u0026lt;\/span\u0026gt;\u0026lt;\/label\u0026gt;\n      \u0026lt;div class=\u0026quot;slider-row\u0026quot;\u0026gt;\n        \u0026lt;input type=\u0026quot;range\u0026quot; id=\u0026quot;roi-time\u0026quot; min=\u0026quot;2\u0026quot; max=\u0026quot;15\u0026quot; value=\u0026quot;5\u0026quot; step=\u0026quot;1\u0026quot;\u0026gt;\n        \u0026lt;div class=\u0026quot;slider-value\u0026quot; id=\u0026quot;roi-time-val\u0026quot;\u0026gt;5\u0026lt;\/div\u0026gt;\n      \u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;div class=\u0026quot;input-group\u0026quot;\u0026gt;\n      \u0026lt;label for=\u0026quot;roi-rate\u0026quot;\u0026gt;Stundensatz Mitarbeiter \u0026lt;span class=\u0026quot;hint\u0026quot;\u0026gt;(brutto, €)\u0026lt;\/span\u0026gt;\u0026lt;\/label\u0026gt;\n      \u0026lt;div class=\u0026quot;slider-row\u0026quot;\u0026gt;\n        \u0026lt;input type=\u0026quot;range\u0026quot; id=\u0026quot;roi-rate\u0026quot; min=\u0026quot;15\u0026quot; max=\u0026quot;60\u0026quot; value=\u0026quot;30\u0026quot; step=\u0026quot;1\u0026quot;\u0026gt;\n        \u0026lt;div class=\u0026quot;slider-value\u0026quot; id=\u0026quot;roi-rate-val\u0026quot;\u0026gt;30 €\u0026lt;\/div\u0026gt;\n      \u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n  \u0026lt;\/div\u0026gt;\n  \u0026lt;div class=\u0026quot;roi-results\u0026quot;\u0026gt;\n    \u0026lt;h3\u0026gt;Ihre Ersparnis\u0026lt;\/h3\u0026gt;\n    \u0026lt;div class=\u0026quot;result-item\u0026quot;\u0026gt;\n      \u0026lt;div class=\u0026quot;result-label\u0026quot;\u0026gt;Dokumente pro Tag (gesamt)\u0026lt;\/div\u0026gt;\n      \u0026lt;div class=\u0026quot;result-value\u0026quot; id=\u0026quot;res-docs\u0026quot;\u0026gt;12\u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;div class=\u0026quot;result-item\u0026quot;\u0026gt;\n      \u0026lt;div class=\u0026quot;result-label\u0026quot;\u0026gt;Eingesparte Minuten pro Tag\u0026lt;\/div\u0026gt;\n      \u0026lt;div class=\u0026quot;result-value\u0026quot; id=\u0026quot;res-min-day\u0026quot;\u0026gt;48\u0026lt;span class=\u0026quot;result-unit\u0026quot;\u0026gt;Min.\u0026lt;\/span\u0026gt;\u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;div class=\u0026quot;result-item\u0026quot;\u0026gt;\n      \u0026lt;div class=\u0026quot;result-label\u0026quot;\u0026gt;Eingesparte Stunden pro Monat\u0026lt;\/div\u0026gt;\n      \u0026lt;div class=\u0026quot;result-value\u0026quot; id=\u0026quot;res-hrs-month\u0026quot;\u0026gt;17,6\u0026lt;span class=\u0026quot;result-unit\u0026quot;\u0026gt;Std.\u0026lt;\/span\u0026gt;\u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;div class=\u0026quot;result-item\u0026quot; style=\u0026quot;border-bottom: none;\u0026quot;\u0026gt;\n      \u0026lt;div class=\u0026quot;result-label\u0026quot;\u0026gt;Eingesparte Arbeitstage pro Jahr\u0026lt;\/div\u0026gt;\n      \u0026lt;div class=\u0026quot;result-value highlight\u0026quot; id=\u0026quot;res-days-year\u0026quot;\u0026gt;24,2\u0026lt;span class=\u0026quot;result-unit\u0026quot;\u0026gt;Tage\u0026lt;\/span\u0026gt;\u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;div class=\u0026quot;result-item\u0026quot; style=\u0026quot;border-bottom: none;\u0026quot;\u0026gt;\n      \u0026lt;div class=\u0026quot;result-label\u0026quot;\u0026gt;Geschätzte Kosteneinsparung pro Jahr\u0026lt;\/div\u0026gt;\n      \u0026lt;div class=\u0026quot;result-value highlight\u0026quot; id=\u0026quot;res-cost-year\u0026quot;\u0026gt;5.808 €\u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n    \u0026lt;!-- Dynamischer Hinweis --\u0026gt;\n    \u0026lt;div id=\u0026quot;enterprise-hint\u0026quot; style=\u0026quot;display: none; margin-top: 15px; padding: 12px; background: rgba(255,255,255,0.1); border-left: 4px solid #6ee7b7; border-radius: 6px; font-size: 13.5px; line-height: 1.5; color: #fff;\u0026quot;\u0026gt;\n      \u0026lt;strong\u0026gt;Tipp für große Teams:\u0026lt;\/strong\u0026gt; Ab 8 Nutzern profitieren Sie von unseren individuellen Konditionen. \u0026lt;br\u0026gt;\n      \u0026lt;a href=\u0026quot;https:\/\/share-eu1.hsforms.com\/1EvWRrxtnSgqdvjl9SfhlUw2crexq\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener noreferrer\u0026quot; style=\u0026quot;color: #6ee7b7; text-decoration: underline; font-weight: 600; display: inline-block; margin-top: 5px;\u0026quot;\u0026gt;Zur individuellen Beratung\u0026lt;\/a\u0026gt;\n    \u0026lt;\/div\u0026gt;\n  \u0026lt;\/div\u0026gt;\n\u0026lt;\/div\u0026gt;\n\u0026lt;div class=\u0026quot;roi-summary\u0026quot;\u0026gt;\n  \u0026lt;div class=\u0026quot;summary-icon\u0026quot;\u0026gt;\n    \u0026lt;svg xmlns=\u0026quot;http:\/\/www.w3.org\/2000\/svg\u0026quot; fill=\u0026quot;none\u0026quot; viewBox=\u0026quot;0 0 24 24\u0026quot; stroke-width=\u0026quot;2\u0026quot; stroke=\u0026quot;currentColor\u0026quot;\u0026gt;\u0026lt;path stroke-linecap=\u0026quot;round\u0026quot; stroke-linejoin=\u0026quot;round\u0026quot; d=\u0026quot;M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\u0026quot; \/\u0026gt;\u0026lt;\/svg\u0026gt;\n  \u0026lt;\/div\u0026gt;\n  \u0026lt;div class=\u0026quot;summary-text\u0026quot;\u0026gt;\n    \u0026lt;strong id=\u0026quot;summary-headline\u0026quot;\u0026gt;Sie sparen rund einen ganzen Arbeitsmonat pro Jahr.\u0026lt;\/strong\u0026gt;\n    \u0026lt;span id=\u0026quot;summary-detail\u0026quot;\u0026gt;Bei 12 Dokumenten pro Tag gewinnen Ihre Mitarbeiter über 194 Stunden jährlich zurück – Zeit für wertschöpfende Arbeit.\u0026lt;\/span\u0026gt;\n  \u0026lt;\/div\u0026gt;\n\u0026lt;\/div\u0026gt;\n\u0026lt;p class=\u0026quot;roi-note\u0026quot;\u0026gt;Berechnung: Ersparnis pro Dokument (MaraDocs: \u0026lt;1 Min. vs. manuell). 22 Arbeitstage\/Monat, 11 Monate\/Jahr.\u0026lt;\/p\u0026gt;\n\n\u0026lt;script\u0026gt;\n(function() {\n  var g = function(id) { return document.getElementById(id); };\n  var els = { staff: g('roi-staff'), docs: g('roi-docs'), time: g('roi-time'), rate: g('roi-rate') };\n  var vals = { staff: g('roi-staff-val'), docs: g('roi-docs-val'), time: g('roi-time-val'), rate: g('roi-rate-val') };\n  var res = { docs: g('res-docs'), minDay: g('res-min-day'), hrsMonth: g('res-hrs-month'), daysYear: g('res-days-year'), costYear: g('res-cost-year') };\n  var entHint = g('enterprise-hint');\n  function fmt(n, d) {\n    d = d === undefined ? 1 : d;\n    return n.toLocaleString('de-DE', { minimumFractionDigits: d, maximumFractionDigits: d });\n  }\n  function calc() {\n    var s = +els.staff.value, d = +els.docs.value, t = +els.time.value, r = +els.rate.value;\n    vals.staff.textContent = s;\n    vals.docs.textContent = d;\n    vals.time.textContent = t;\n    vals.rate.textContent = r + ' \\u20AC';\n    var td = s * d;\n    var sm = Math.max(t - 1, 0);\n    var md = td * sm;\n    var hm = (md * 22) \/ 60;\n    var dy = (hm * 11) \/ 8;\n    var cy = hm * 11 * r;\n    res.docs.textContent = td;\n    res.minDay.innerHTML = fmt(md, 0) + '\u0026lt;span class=\u0026quot;result-unit\u0026quot;\u0026gt;Min.\u0026lt;\/span\u0026gt;';\n    res.hrsMonth.innerHTML = fmt(hm) + '\u0026lt;span class=\u0026quot;result-unit\u0026quot;\u0026gt;Std.\u0026lt;\/span\u0026gt;';\n    res.daysYear.innerHTML = fmt(dy) + '\u0026lt;span class=\u0026quot;result-unit\u0026quot;\u0026gt;Tage\u0026lt;\/span\u0026gt;';\n    res.costYear.textContent = fmt(cy, 0) + ' \\u20AC';\n    \n    var hl = g('summary-headline');\n    if (dy \u0026gt;= 40) hl.textContent = 'Wahnsinn: Sie gewinnen über ' + Math.floor(dy) + ' Arbeitstage pro Jahr zurück.';\n    else if (dy \u0026gt;= 20) hl.textContent = 'Sie sparen rund einen ganzen Arbeitsmonat pro Jahr.';\n    else if (dy \u0026gt;= 10) hl.textContent = 'Sie gewinnen über ' + Math.floor(dy) + ' Arbeitstage pro Jahr zurück.';\n    else if (dy \u0026gt;= 5) hl.textContent = fmt(dy) + ' freie Arbeitstage – ein spürbarer Gewinn.';\n    else hl.textContent = 'Auch ' + fmt(dy) + ' eingesparte Tage entlasten Ihr Team.';\n    \n    g('summary-detail').textContent = 'Bei ' + td + ' Dokumenten pro Tag gewinnen Ihre Mitarbeiter über ' + fmt(hm * 11, 0) + ' Stunden jährlich zurück – Zeit für wertschöpfende Arbeit.';\n    \n    if (s \u0026gt;= 8) {\n      entHint.style.display = 'block';\n    } else {\n      entHint.style.display = 'none';\n    }\n  }\n  var k = Object.keys(els);\n  for (var i = 0; i \u0026lt; k.length; i++) {\n    els[k[i]].addEventListener('input', calc);\n    els[k[i]].addEventListener('change', calc);\n  }\n  calc();\n})();\n\u0026lt;\/script\u0026gt;\n\u0026lt;\/body\u0026gt;\n\u0026lt;\/html\u0026gt;\"\u003e\n  \u003c\/iframe\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"floating-action-wrapper\"\u003e\n  \u003ca href=\"#roi-rechner\" class=\"btn-calc js-scroll-calc\"\u003e\n    \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n      \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n    Direkt Sparpotenzial berechnen\n  \u003c\/a\u003e\n\n  \u003ca href=\"#\" class=\"btn-top js-scroll-top\" aria-label=\"Nach oben scrollen\" title=\"Nach oben scrollen\"\u003e\n    \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\n      \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 15l7-7 7 7\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('click', function(e) {\n    \/\/ 1. Scrollen zum ROI-Rechner\n    var calcLink = e.target.closest('.js-scroll-calc');\n    if (calcLink) {\n      e.preventDefault();\n      var calcSection = document.getElementById('roi-rechner');\n      if (calcSection) {\n        calcSection.scrollIntoView({ behavior: 'smooth' });\n      }\n      return;\n    }\n\n    \/\/ 2. Weiches Scrollen nach ganz oben\n    var topLink = e.target.closest('.js-scroll-top');\n    if (topLink) {\n      e.preventDefault();\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n      return;\n    }\n  });\n\u003c\/script\u003e","brand":"Maramia GmbH","offers":[{"title":"Kanzleilizenz M (Bis zu 7 Mitarbeitern) \/ monatliche Zahlung \/ Ab 8 Usern (Auf Anfrage)","offer_id":54963893895553,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/9511\/9644\/files\/2025-08-18_15_52_46-MaraDocs_-_Die_intelligente_Dokumentenaufbereitung_-_Geschaeftlich_Microsoft_E.png?v=1760537930","url":"https:\/\/stp-marketplace.myshopify.com\/products\/maradocs","provider":"STP Marketplace","version":"1.0","type":"link"}