{"product_id":"ki-tiefgang-report","title":"KI-Tiefgang-Report","description":"\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n  :root {\n    --page: #0b0c0f; --card: #13161c; --card-2: #181d26;\n    --ink: #e7e9ee; --ink-weak: #8892a4; --stroke: rgba(255,255,255,.07);\n    --accent: #D46829; --green: #10b981;\n  }\n  .pd-wrap {\n    max-width: 720px; margin: 0 auto;\n    font-family: 'Inter', system-ui, sans-serif;\n    color: var(--ink); padding: 0 0 40px;\n  }\n  .pd-wrap * { box-sizing: border-box; }\n\n  \/* HOOK *\/\n  .pd-hook {\n    font-size: clamp(17px, 2.5vw, 20px);\n    font-weight: 700; color: #f0f3f8;\n    line-height: 1.5; margin: 0 0 24px;\n    padding-bottom: 24px; border-bottom: 1px solid var(--stroke);\n  }\n  .pd-hook em { font-style: normal; color: var(--accent); }\n\n  \/* PROBLEM *\/\n  .pd-problem {\n    background: linear-gradient(180deg, var(--card), var(--card-2));\n    border: 1px solid var(--stroke);\n    border-radius: 14px; padding: 22px 24px; margin-bottom: 28px;\n  }\n  .pd-problem p { font-size: 14px; color: var(--ink-weak); line-height: 1.7; margin: 0; }\n  .pd-problem p strong { color: var(--ink); }\n\n  \/* SECTION *\/\n  .pd-label {\n    font-size: 11px; font-weight: 700; color: var(--accent);\n    letter-spacing: 1px; text-transform: uppercase; margin: 0 0 12px;\n  }\n  .pd-title { font-size: 18px; font-weight: 800; color: #f0f3f8; margin: 0 0 16px; }\n  .pd-block { margin-bottom: 28px; }\n  .pd-block \u003e p { font-size: 14px; color: var(--ink-weak); line-height: 1.7; margin: 0; }\n  .pd-block \u003e p strong { color: var(--ink); }\n\n  \/* DIMENSIONEN GRID *\/\n  .pd-dims {\n    display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;\n    margin: 0 0 14px;\n  }\n  @media (max-width: 480px) { .pd-dims { grid-template-columns: 1fr; } }\n  .pd-dim {\n    display: flex; align-items: center; gap: 10px;\n    background: linear-gradient(180deg, var(--card), var(--card-2));\n    border: 1px solid var(--stroke); border-radius: 10px;\n    padding: 12px 14px; font-size: 13px; color: var(--ink); font-weight: 600;\n  }\n  .pd-dim i { color: var(--accent); font-size: 13px; width: 16px; text-align: center; flex-shrink: 0; }\n  .pd-dims-note { font-size: 12px; color: var(--ink-weak); line-height: 1.6; margin: 0; font-style: italic; }\n\n  \/* LEISTUNGEN *\/\n  .pd-features {\n    list-style: none; padding: 0; margin: 0 0 28px;\n    display: flex; flex-direction: column; gap: 10px;\n  }\n  .pd-features li {\n    display: flex; align-items: flex-start; gap: 12px;\n    background: linear-gradient(180deg, var(--card), var(--card-2));\n    border: 1px solid var(--stroke); border-radius: 10px; padding: 14px 16px;\n  }\n  .pd-features li .icon {\n    width: 32px; height: 32px; border-radius: 8px;\n    background: rgba(212,104,41,.12); color: var(--accent);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 13px; flex-shrink: 0;\n  }\n  .pd-features li .text strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 2px; }\n  .pd-features li .text span { font-size: 12px; color: var(--ink-weak); line-height: 1.5; }\n\n  \/* ABLAUF *\/\n  .pd-steps { display: flex; flex-direction: column; gap: 0; margin-bottom: 28px; position: relative; }\n  .pd-step { display: flex; gap: 16px; align-items: flex-start; padding-bottom: 20px; position: relative; }\n  .pd-step:last-child { padding-bottom: 0; }\n  .pd-step-num {\n    width: 32px; height: 32px; border-radius: 50%;\n    background: rgba(212,104,41,.15); border: 1px solid rgba(212,104,41,.3);\n    color: var(--accent); font-weight: 800; font-size: 13px;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0; position: relative; z-index: 1;\n  }\n  .pd-step-line { position: absolute; left: 15px; top: 32px; width: 1px; height: calc(100% - 32px); background: var(--stroke); }\n  .pd-step-content { padding-top: 4px; }\n  .pd-step-content strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 3px; }\n  .pd-step-content span { font-size: 13px; color: var(--ink-weak); line-height: 1.5; }\n  .pd-step-content a { color: var(--accent); text-decoration: none; font-weight: 600; }\n\n  \/* DEMO \/ BEWEIS *\/\n  .pd-demo {\n    border-radius: 14px; border: 1px solid rgba(212,104,41,.3);\n    background:\n      radial-gradient(130% 120% at 0% 0%, rgba(212,104,41,.1), transparent 55%),\n      linear-gradient(180deg, var(--card), var(--card-2));\n    padding: 22px 24px; margin-bottom: 28px; text-align: center;\n  }\n  .pd-demo h3 { font-size: 16px; font-weight: 800; color: #fff; margin: 0 0 8px; }\n  .pd-demo p { font-size: 13px; color: var(--ink-weak); line-height: 1.6; margin: 0 0 16px; }\n  .pd-demo a {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 11px 22px; border-radius: 999px;\n    border: 1px solid rgba(212,104,41,.4);\n    background: rgba(212,104,41,.12); color: var(--accent) !important;\n    font-weight: 700; font-size: 14px; text-decoration: none !important;\n    transition: background .2s;\n  }\n  .pd-demo a:hover { background: rgba(212,104,41,.2); }\n\n  \/* WERT \/ ANRECHNUNG *\/\n  .pd-value {\n    border-radius: 12px; border: 1px solid rgba(16,185,129,.2);\n    background:\n      radial-gradient(130% 100% at 100% 0%, rgba(16,185,129,.07), transparent 50%),\n      linear-gradient(180deg, var(--card), var(--card-2));\n    padding: 18px 20px; margin-bottom: 28px;\n    display: flex; gap: 14px; align-items: flex-start;\n  }\n  .pd-value i { color: var(--green); font-size: 18px; flex-shrink: 0; margin-top: 2px; }\n  .pd-value p { font-size: 13px; color: var(--ink-weak); margin: 0; line-height: 1.65; }\n  .pd-value p strong { color: var(--ink); }\n\n  \/* GARANTIE *\/\n  .pd-guarantee {\n    border-radius: 12px; border: 1px solid rgba(212,104,41,.2);\n    padding: 18px 20px; background: rgba(212,104,41,.05);\n    margin-bottom: 28px; display: flex; gap: 14px; align-items: flex-start;\n  }\n  .pd-guarantee i { color: var(--accent); font-size: 18px; flex-shrink: 0; margin-top: 2px; }\n  .pd-guarantee p { font-size: 13px; color: var(--ink-weak); margin: 0; line-height: 1.6; }\n  .pd-guarantee p strong { color: var(--ink); }\n\n  \/* EARLY BIRD *\/\n  .pd-early {\n    background: linear-gradient(135deg, rgba(212,104,41,.15), rgba(212,104,41,.05));\n    border: 1px solid rgba(212,104,41,.25);\n    border-radius: 12px; padding: 16px 20px; margin-bottom: 24px;\n    display: flex; align-items: center; justify-content: space-between;\n    flex-wrap: wrap; gap: 10px;\n  }\n  .pd-early-text { font-size: 14px; color: var(--ink-weak); }\n  .pd-early-text strong { color: var(--accent); font-weight: 700; display: block; font-size: 15px; }\n  .pd-early-badge {\n    background: var(--accent); color: #fff; font-size: 11px; font-weight: 700;\n    padding: 4px 10px; border-radius: 999px; letter-spacing: .5px;\n  }\n\n  \/* ABSCHLUSS-CTA *\/\n  .pd-cta {\n    text-align: center; padding: 8px 0 0;\n    font-size: 14px; color: var(--ink-weak); line-height: 1.6;\n  }\n  .pd-cta strong { color: var(--ink); }\n  .pd-cta i { color: var(--accent); }\n\u003c\/style\u003e\n\n\u003cdiv class=\"pd-wrap\"\u003e\n\n  \u003c!-- Hook --\u003e\n  \u003cp class=\"pd-hook\"\u003e\n    Du willst wissen, was auf deiner Website wirklich nicht stimmt — \u003cem\u003enicht was du hören willst, sondern was dich gerade Kunden kostet.\u003c\/em\u003e\n  \u003c\/p\u003e\n\n  \u003c!-- Problem --\u003e\n  \u003cdiv class=\"pd-problem\"\u003e\n    \u003cp\u003eDie meisten Websites verlieren Besucher, bevor der Betreiber überhaupt merkt warum. Zu viel Text, kein Vertrauen, eine Handlungsaufforderung die niemanden abholt, eine mobile Ansicht die hakt. Du siehst deine Seite jeden Tag — und genau deshalb siehst du nicht mehr, was ein fremder Besucher in den ersten Sekunden sieht. \u003cstrong\u003eDeine Kunden schon. Und die sind weg, bevor sie dir sagen warum.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Differenzierung --\u003e\n  \u003cdiv class=\"pd-block\"\u003e\n    \u003cdiv class=\"pd-label\"\u003eWarum kein kostenloses Tool\u003c\/div\u003e\n    \u003cdiv class=\"pd-title\"\u003eZahlen kennst du. Gründe nicht.\u003c\/div\u003e\n    \u003cp\u003eEs gibt genug kostenlose Checker. Die sagen dir, wie schnell deine Seite lädt und ob irgendwo ein Meta-Tag fehlt — technische Werte. Was sie dir nicht sagen: \u003cstrong\u003ewarum ein echter Besucher trotzdem wieder weggeht.\u003c\/strong\u003e Der KI-Tiefgang-Report schaut sich deine Seite aus der Perspektive eines potenziellen Kunden an — nicht nur den Code, sondern das was ankommt. Jeder Kritikpunkt wird an einem konkreten, sichtbaren Element festgemacht, in Klartext erklärt, auch wenn du kein Technik-Mensch bist.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Was du bekommst --\u003e\n  \u003cdiv class=\"pd-label\"\u003eWas du bekommst\u003c\/div\u003e\n  \u003cdiv class=\"pd-title\"\u003eEin Report, der nichts schönredet.\u003c\/div\u003e\n\n  \u003cdiv class=\"pd-dims\"\u003e\n    \u003cdiv class=\"pd-dim\"\u003e\n\u003ci class=\"fa-solid fa-eye\"\u003e\u003c\/i\u003e Design \u0026amp; erster Eindruck\u003c\/div\u003e\n    \u003cdiv class=\"pd-dim\"\u003e\n\u003ci class=\"fa-solid fa-shield-halved\"\u003e\u003c\/i\u003e Vertrauen \u0026amp; Glaubwürdigkeit\u003c\/div\u003e\n    \u003cdiv class=\"pd-dim\"\u003e\n\u003ci class=\"fa-solid fa-bullseye\"\u003e\u003c\/i\u003e Kaufanreize \u0026amp; CTAs\u003c\/div\u003e\n    \u003cdiv class=\"pd-dim\"\u003e\n\u003ci class=\"fa-solid fa-compass\"\u003e\u003c\/i\u003e Navigation \u0026amp; Führung\u003c\/div\u003e\n    \u003cdiv class=\"pd-dim\"\u003e\n\u003ci class=\"fa-solid fa-pen-nib\"\u003e\u003c\/i\u003e Texte \u0026amp; Kommunikation\u003c\/div\u003e\n    \u003cdiv class=\"pd-dim\"\u003e\n\u003ci class=\"fa-solid fa-mobile-screen\"\u003e\u003c\/i\u003e Mobile Ansicht\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp class=\"pd-dims-note\"\u003eSechs Dimensionen, jede mit einem Score von 1–10 plus konkreten Stärken und Schwächen.\u003c\/p\u003e\n\n  \u003cul class=\"pd-features\" style=\"margin-top:14px;\"\u003e\n    \u003cli\u003e\n      \u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-gauge-high\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"text\"\u003e\n        \u003cstrong\u003eTechnische Performance — mobil gemessen\u003c\/strong\u003e\n        \u003cspan\u003eVier Werte mit konkreten Zahlen für deine Seite: Ladegeschwindigkeit, Barrierefreiheit, Best Practices und SEO-Grundlagen.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-camera\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"text\"\u003e\n        \u003cstrong\u003eSeite-für-Seite-Analyse mit Screenshots\u003c\/strong\u003e\n        \u003cspan\u003eMehrere relevante Seiten — Startseite, Leistungen, Kontakt, Über-uns. Die KI sieht deine Seite wirklich, nicht nur den Quellcode.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-list-check\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"text\"\u003e\n        \u003cstrong\u003ePriorisierte Handlungsempfehlungen\u003c\/strong\u003e\n        \u003cspan\u003eKonkrete Schritte mit Aufwand-Einschätzung — was zuerst, was bringt am meisten. Bei bekannter Plattform mit genauer Klick-Anleitung.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-comment-dots\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"text\"\u003e\n        \u003cstrong\u003eEhrliches Fazit — auf dein Ziel bezogen\u003c\/strong\u003e\n        \u003cspan\u003eKein Standard-Text. Das Fazit richtet sich direkt nach dem Ziel, das du im Formular angibst.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-file-lines\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"text\"\u003e\n        \u003cstrong\u003eReport im Browser + PDF-Export\u003c\/strong\u003e\n        \u003cspan\u003eKein Warten auf E-Mails. Ergebnis in 3–10 Minuten, direkt abrufbar und als PDF speicherbar.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003c!-- Ablauf --\u003e\n  \u003cdiv class=\"pd-label\"\u003eSo läuft es ab\u003c\/div\u003e\n  \u003cdiv class=\"pd-title\"\u003eDrei Schritte. Fertig.\u003c\/div\u003e\n  \u003cdiv class=\"pd-steps\"\u003e\n    \u003cdiv class=\"pd-step\"\u003e\n      \u003cdiv class=\"pd-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"pd-step-line\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"pd-step-content\"\u003e\n        \u003cstrong\u003eKaufen\u003c\/strong\u003e\n        \u003cspan\u003eDu bekommst sofort eine Bestellbestätigung per E-Mail — deine Bestellnummer steht darin.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-step\"\u003e\n      \u003cdiv class=\"pd-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"pd-step-line\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"pd-step-content\"\u003e\n        \u003cstrong\u003eFormular ausfüllen\u003c\/strong\u003e\n        \u003cspan\u003eAuf der \u003ca href=\"\/pages\/tiefgang-analyse\"\u003eAnalyse-Seite\u003c\/a\u003e gibst du URL und Bestellnummer ein — plus Plattform, größtes Problem und dein Ziel. Genau das macht den Report individuell. Dauert unter 2 Minuten.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-step\"\u003e\n      \u003cdiv class=\"pd-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"pd-step-content\"\u003e\n        \u003cstrong\u003eReport ansehen\u003c\/strong\u003e\n        \u003cspan\u003eIn 3–10 Minuten ist dein Report fertig — direkt im Browser abrufbar, als PDF speicherbar.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Demo \/ Beweis --\u003e\n  \u003cdiv class=\"pd-demo\"\u003e\n    \u003ch3\u003eDu musst mir nicht glauben, wie ein Report aussieht.\u003c\/h3\u003e\n    \u003cp\u003eSchau ihn dir an, bevor du einen Cent ausgibst.\u003c\/p\u003e\n    \u003ca href=\"https:\/\/analyse.tiefgang-ratgeber.de\/demo\" target=\"_blank\" rel=\"noopener\"\u003e\u003ci class=\"fa-solid fa-arrow-up-right-from-square\"\u003e\u003c\/i\u003e Beispiel-Report ansehen\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Wert \/ Anrechnung --\u003e\n  \u003cdiv class=\"pd-value\"\u003e\n    \u003ci class=\"fa-solid fa-rotate-left\"\u003e\u003c\/i\u003e\n    \u003cp\u003e\u003cstrong\u003eDie Analyse zahlt sich doppelt aus.\u003c\/strong\u003e Wenn du dich danach entscheidest, deine Website oder deinen Shop von mir bauen zu lassen, rechne ich \u003cstrong\u003e50% des Report-Preises an — 75€ zurück\u003c\/strong\u003e auf die Umsetzung. Heißt: Sobald du handelst, kostet dich die Analyse effektiv weniger.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Garantie --\u003e\n  \u003cdiv class=\"pd-guarantee\"\u003e\n    \u003ci class=\"fa-solid fa-shield-halved\"\u003e\u003c\/i\u003e\n    \u003cp\u003e\u003cstrong\u003eFaire Geld-zurück-Garantie.\u003c\/strong\u003e Wenn der Report dir keinen brauchbaren Mehrwert liefert, meld dich — dann finden wir eine faire Lösung, bis hin zur Rückerstattung. Kein Callcenter, keine Hürden, du schreibst direkt mir. Läuft technisch etwas schief, schau ich mir das persönlich an.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Early Bird --\u003e\n  \u003cdiv class=\"pd-early\"\u003e\n    \u003cdiv class=\"pd-early-text\"\u003e\n      \u003cstrong\u003eEarly-Bird Preis: 149€ statt 199€\u003c\/strong\u003e\n      Gilt für die ersten Plätze — danach regulärer Preis.\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-early-badge\"\u003eEARLY BIRD\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Abschluss-CTA --\u003e\n  \u003cp class=\"pd-cta\"\u003e\n    \u003ci class=\"fa-solid fa-arrow-up\"\u003e\u003c\/i\u003e \u003cstrong\u003eBereit?\u003c\/strong\u003e Schließ den Kauf oben ab — den Rest erklärt dir die Bestätigungs-E-Mail.\n  \u003c\/p\u003e\n\n\u003c\/div\u003e","brand":"Tiefgang-Ratgeber.de","offers":[{"title":"Default Title","offer_id":59708020687182,"sku":null,"price":149.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/3673\/0702\/files\/analyse-kategorien.png?v=1779997790","url":"https:\/\/tiefgang-ratgeber.de\/products\/ki-tiefgang-report","provider":"Tiefgang-Ratgeber.de","version":"1.0","type":"link"}