{"id":100,"date":"2026-03-12T14:48:43","date_gmt":"2026-03-12T13:48:43","guid":{"rendered":"https:\/\/metalmotion.de\/kim\/?page_id=100"},"modified":"2026-03-12T14:59:56","modified_gmt":"2026-03-12T13:59:56","slug":"influenzer","status":"publish","type":"page","link":"https:\/\/metalmotion.de\/kim\/influenzer\/","title":{"rendered":"Influencer"},"content":{"rendered":"\n\n\n\n\n \n Influencer-Marketing & KI \u2013 \u00dcberblick 2025<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <style>\n :root {\n --color-cream-50: rgba(252, 252, 249, 1);\n --color-charcoal-700: rgba(31, 33, 33, 1);\n --color-charcoal-800: rgba(38, 40, 40, 1);\n --color-gray-200: rgba(245, 245, 245, 1);\n --color-slate-900: rgba(19, 52, 59, 1);\n --color-teal-300: rgba(50, 184, 198, 1);\n --color-teal-400: rgba(45, 166, 178, 1);\n --color-teal-500: rgba(33, 128, 141, 1);\n --color-teal-600: rgba(29, 116, 128, 1);\n --color-teal-700: rgba(26, 104, 115, 1);\n --color-red-500: rgba(192, 21, 47, 1);\n --color-orange-500: rgba(168, 75, 47, 1);\n --color-brown-600-rgb: 94, 82, 64;\n --color-teal-500-rgb: 33, 128, 141;\n\n --color-background: var(--color-charcoal-700);\n --color-surface: var(--color-charcoal-800);\n --color-text: var(--color-gray-200);\n --color-text-secondary: rgba(245, 245, 245, 0.7);\n --color-primary: var(--color-teal-300);\n --color-primary-hover: var(--color-teal-400);\n --color-secondary: rgba(119, 124, 124, 0.15);\n --color-secondary-hover: rgba(119, 124, 124, 0.25);\n --color-border: rgba(119, 124, 124, 0.3);\n --color-btn-primary-text: var(--color-slate-900);\n --color-card-border: rgba(119, 124, 124, 0.2);\n --color-error: var(--color-red-500);\n --color-success: var(--color-teal-500);\n --color-warning: var(--color-orange-500);\n\n --font-family-base: \"FKGroteskNeue\", \"Geist\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n --font-size-xs: 13px;\n --font-size-sm: 15px;\n --font-size-base: 17px;\n --font-size-lg: 19px;\n --font-size-xl: 22px;\n --font-size-2xl: 26px;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 550;\n --font-weight-bold: 600;\n --line-height-tight: 1.2;\n --line-height-normal: 1.5;\n --radius-sm: 6px;\n --radius-base: 8px;\n --radius-md: 10px;\n --radius-lg: 12px;\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.02);\n }\n\n * { box-sizing: border-box; }\n\n body {\n margin: 0;\n font-family: var(--font-family-base);\n font-size: var(--font-size-base);\n line-height: var(--line-height-normal);\n color: var(--color-text);\n background: radial-gradient(circle at top, #0a1929 0%, #0f172a 50%, #020617 100%);\n min-height: 100vh;\n }\n\n main { max-width: 1120px; margin: 0 auto; padding: 24px 16px 48px; }\n\n a { color: var(--color-primary); text-decoration: none; }\n a:hover { color: var(--color-primary-hover); text-decoration: underline; }\n\n h1, h2, h3 { margin: 0; font-weight: var(--font-weight-semibold); letter-spacing: -0.01em; line-height: var(--line-height-tight); }\n h1 { font-size: 42px; }\n h2 { font-size: 28px; }\n h3 { font-size: 22px; }\n\n p { margin: 0 0 8px; color: var(--color-text-secondary); }\n\n .page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 40px; }\n .page-header-left { max-width: 640px; }\n .page-kicker { font-size: var(--font-size-sm); text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-primary); font-weight: var(--font-weight-medium); margin-bottom: 6px; }\n\n @media (max-width: 900px) {\n .page-header { flex-direction: column; }\n .hero-card { max-width: 100%; }\n }\n\n .hero-card {\n min-width: 260px; max-width: 320px;\n background: linear-gradient(145deg, rgba(33,128,141,0.95), rgba(19,52,59,0.96));\n color: var(--color-cream-50); border-radius: 18px; padding: 18px;\n box-shadow: 0 18px 40px rgba(19,52,59,0.35); position: relative; overflow: hidden;\n }\n .hero-card::before {\n content: \"\"; position: absolute; inset: -40%;\n background: radial-gradient(circle at top, rgba(255,255,255,0.14), transparent 55%);\n opacity: 0.9; pointer-events: none;\n }\n .hero-card-inner { position: relative; z-index: 1; }\n .hero-kpi-row { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; font-size: var(--font-size-xs); text-transform: uppercase; opacity: 0.9; }\n .hero-kpi { display: flex; flex-direction: column; gap: 2px; }\n .hero-kpi-label { opacity: 0.8; }\n .hero-kpi-value { font-size: 22px; font-weight: var(--font-weight-semibold); }\n .hero-badge { padding: 3px 8px; border-radius: 999px; background: rgba(252,252,249,0.08); border: 1px solid rgba(252,252,249,0.2); font-size: 10px; text-transform: uppercase; letter-spacing: 0.16em; margin-bottom: 10px; display: inline-block; }\n .hero-headline { font-size: 18px; font-weight: var(--font-weight-semibold); margin-bottom: 4px; }\n .hero-caption { font-size: 12px; opacity: 0.9; margin-bottom: 10px; }\n .hero-footer { display: flex; justify-content: space-between; align-items: center; font-size: 11px; opacity: 0.9; }\n .hero-dot { width: 6px; height: 6px; border-radius: 999px; background: #22c55e; margin-right: 4px; }\n .hero-legend { display: inline-flex; align-items: center; gap: 4px; }\n\n \/* WISSENSPFAD *\/\n .section { margin-bottom: 56px; position: relative; padding-left: 60px; }\n .section::before {\n content: ''; position: absolute; left: 19px; top: 40px; bottom: -28px; width: 2px;\n background: linear-gradient(to bottom, rgba(50,184,198,0.5) 0%, rgba(50,184,198,0.15) 70%, transparent 100%);\n z-index: 0;\n }\n .section:last-of-type::before { display: none; }\n .section-header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; position: relative; left: -60px; }\n .section-index {\n width: 40px; height: 40px; border-radius: 999px;\n background: linear-gradient(135deg, rgba(50,184,198,0.2), rgba(50,184,198,0.05));\n border: 2px solid var(--color-primary);\n display: inline-flex; align-items: center; justify-content: center;\n font-size: 18px; color: var(--color-primary); font-weight: var(--font-weight-bold);\n position: relative; z-index: 1; box-shadow: 0 0 20px rgba(50,184,198,0.3); flex-shrink: 0;\n }\n .section-heading-group { display: flex; flex-direction: column; gap: 3px; }\n .section-tagline { font-size: var(--font-size-xs); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.12em; }\n .section-body { display: flex; flex-direction: column; gap: 16px; }\n\n .card { background: var(--color-surface); border-radius: var(--radius-lg); border: 1px solid var(--color-card-border); box-shadow: var(--shadow-sm); padding: 22px 24px; }\n .card + .card { margin-top: 12px; }\n .card-header { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 10px; }\n .card-title { font-size: var(--font-size-lg); }\n .card-meta { font-size: var(--font-size-xs); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.12em; white-space: nowrap; }\n\n ul { margin: 8px 0 0; padding-left: 20px; color: var(--color-text-secondary); }\n li { margin-bottom: 6px; }\n\n .icon-list { list-style: none; padding-left: 0; }\n .icon-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }\n .icon-list li::before {\n content: '\u2713'; flex-shrink: 0; width: 24px; height: 24px;\n background: rgba(50,184,198,0.15); border: 1px solid var(--color-primary);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n color: var(--color-primary); font-weight: bold; font-size: 13px; margin-top: 2px;\n }\n\n .visual-highlight {\n background: linear-gradient(135deg, rgba(50,184,198,0.12), rgba(50,184,198,0.04));\n border-left: 4px solid var(--color-primary);\n padding: 16px 18px; margin: 12px 0; border-radius: var(--radius-md);\n }\n\n .stat-row { display: flex; gap: 14px; margin: 16px 0; flex-wrap: wrap; }\n .stat-box {\n flex: 1; min-width: 120px;\n background: rgba(50,184,198,0.08); border: 1px solid rgba(50,184,198,0.3);\n border-radius: var(--radius-md); padding: 14px; text-align: center;\n }\n .stat-number { font-size: 26px; font-weight: var(--font-weight-bold); color: var(--color-primary); line-height: 1; margin-bottom: 5px; }\n .stat-label { font-size: var(--font-size-xs); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.08em; }\n\n .process-flow { display: flex; align-items: center; gap: 8px; margin: 16px 0; flex-wrap: wrap; }\n .process-step {\n flex: 1; min-width: 110px; background: rgba(50,184,198,0.06);\n border: 1px solid rgba(50,184,198,0.25); border-radius: var(--radius-md);\n padding: 12px 10px; text-align: center; position: relative;\n }\n .process-step::after { content: '\u2192'; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); color: var(--color-primary); font-size: 18px; font-weight: bold; }\n .process-step:last-child::after { display: none; }\n .process-number {\n width: 28px; height: 28px; background: var(--color-primary);\n color: var(--color-btn-primary-text); border-radius: 50%;\n display: inline-flex; align-items: center; justify-content: center;\n font-weight: var(--font-weight-bold); margin-bottom: 6px; font-size: 14px;\n }\n .process-label { font-size: var(--font-size-sm); color: var(--color-text); font-weight: var(--font-weight-medium); }\n\n .comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0; }\n @media (max-width: 720px) { .comparison-grid { grid-template-columns: 1fr; } }\n .comparison-box { background: var(--color-surface); border: 1px solid var(--color-card-border); border-radius: var(--radius-md); padding: 18px; }\n .comparison-box.positive { border-left: 4px solid var(--color-success); }\n .comparison-box.negative { border-left: 4px solid var(--color-error); }\n .comparison-title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); margin-bottom: 12px; color: var(--color-text); }\n\n .chip-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }\n .chip { border-radius: 999px; padding: 4px 10px; font-size: var(--font-size-xs); background: var(--color-secondary); color: var(--color-text-secondary); border: 1px solid rgba(119,124,124,0.3); }\n\n .callout {\n border-radius: var(--radius-md); border: 1px dashed rgba(var(--color-teal-500-rgb),0.4);\n background: rgba(var(--color-teal-500-rgb),0.04);\n padding: 12px 14px; font-size: var(--font-size-sm); display: flex; gap: 10px; margin-top: 12px;\n }\n .callout-icon { font-size: 18px; margin-top: 1px; flex-shrink: 0; }\n .callout-title { font-weight: var(--font-weight-medium); color: var(--color-primary); margin-bottom: 3px; }\n\n .table-wrapper { border-radius: var(--radius-md); border: 1px solid var(--color-card-border); overflow: hidden; background: var(--color-surface); }\n table { width: 100%; border-collapse: collapse; font-size: var(--font-size-sm); }\n thead { background: rgba(var(--color-teal-500-rgb),0.06); }\n th, td { padding: 10px 12px; border-bottom: 1px solid rgba(119,124,124,0.15); text-align: left; color: var(--color-text-secondary); }\n th { font-weight: var(--font-weight-medium); font-size: var(--font-size-xs); letter-spacing: 0.08em; text-transform: uppercase; }\n td strong { color: var(--color-text); }\n tbody tr:last-child td { border-bottom: none; }\n tbody tr:hover { background: rgba(50,184,198,0.04); }\n\n .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }\n @media (max-width: 900px) { .grid-3 { grid-template-columns: minmax(0,1fr); } }\n\n .kpi-card { border-radius: var(--radius-md); border: 1px solid var(--color-card-border); background: var(--color-surface); padding: 16px; }\n .kpi-value { font-size: var(--font-size-2xl); font-weight: var(--font-weight-semibold); margin-bottom: 4px; color: var(--color-text); }\n .kpi-label { font-size: var(--font-size-xs); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.12em; }\n .kpi-footnote { font-size: var(--font-size-xs); color: var(--color-text-secondary); margin-top: 6px; }\n\n \/* ANALYSE ABLAUF *\/\n .analyse-ablauf {\n display: flex; gap: 0; margin-top: 20px;\n border: 1px solid var(--color-card-border); border-radius: var(--radius-lg); overflow: hidden;\n }\n .ablauf-step {\n flex: 1; padding: 16px 10px; text-align: center;\n border-right: 1px solid var(--color-card-border); background: var(--color-surface);\n }\n .ablauf-step:last-child { border-right: none; }\n .ablauf-step-icon { font-size: 22px; margin-bottom: 6px; display: block; }\n .ablauf-step-label { font-size: var(--font-size-sm); color: var(--color-text); font-weight: var(--font-weight-medium); }\n .ablauf-step-time { font-size: var(--font-size-xs); color: var(--color-primary); margin-top: 3px; }\n\n \/* POST-KARTEN *\/\n .post-cards-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 20px;\n }\n @media (max-width: 900px) { .post-cards-grid { grid-template-columns: repeat(2, 1fr); } }\n @media (max-width: 600px) { .post-cards-grid { grid-template-columns: 1fr; } }\n\n .post-card {\n background: var(--color-surface);\n border: 1px solid var(--color-card-border);\n border-radius: var(--radius-lg);\n padding: 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 12px;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n }\n .post-card:hover {\n border-color: rgba(50,184,198,0.4);\n box-shadow: 0 4px 20px rgba(50,184,198,0.1);\n }\n\n .post-card-badge {\n position: absolute; top: -11px; left: 18px;\n padding: 2px 10px; border-radius: 999px;\n font-size: var(--font-size-xs); font-weight: var(--font-weight-bold);\n text-transform: uppercase; letter-spacing: 0.1em;\n }\n .badge-red { background: rgba(192,21,47,0.15); color: #f87171; border: 1px solid rgba(192,21,47,0.4); }\n .badge-orange { background: rgba(168,75,47,0.15); color: #fb923c; border: 1px solid rgba(168,75,47,0.4); }\n .badge-green { background: rgba(33,128,141,0.15); color: #34d399; border: 1px solid rgba(33,128,141,0.4); }\n .badge-purple { background: rgba(139,92,246,0.15); color: #a78bfa; border: 1px solid rgba(139,92,246,0.4); }\n .badge-yellow { background: rgba(202,138,4,0.15); color: #facc15; border: 1px solid rgba(202,138,4,0.4); }\n .badge-blue { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.4); }\n\n .post-card-platform {\n display: flex; align-items: center; gap: 8px;\n font-size: var(--font-size-xs); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.1em;\n }\n .post-card-platform-dot { width: 8px; height: 8px; border-radius: 50%; }\n\n .post-card-header { display: flex; flex-direction: column; gap: 4px; }\n .post-card-title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-text); }\n .post-card-account { font-size: var(--font-size-xs); color: var(--color-primary); }\n\n .post-card-content {\n background: rgba(50,184,198,0.04);\n border: 1px solid rgba(50,184,198,0.15);\n border-radius: var(--radius-md);\n padding: 12px 14px;\n font-size: var(--font-size-sm);\n color: var(--color-text-secondary);\n font-style: italic;\n line-height: 1.6;\n }\n\/* hier werden die Antworten zu Quizz verdeckt*\/\n x.xpost-card-questions { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }\n .post-card-questions { display: none; }\n .post-card-question {\n display: flex; align-items: flex-start; gap: 8px;\n font-size: var(--font-size-sm); color: var(--color-text-secondary);\n }\n .post-card-question-icon { flex-shrink: 0; font-size: 15px; margin-top: 1px; }\n\n .kennzeichnung-tag {\n display: inline-flex; align-items: center; gap: 5px;\n padding: 3px 10px; border-radius: 999px;\n font-size: var(--font-size-xs); font-weight: var(--font-weight-medium);\n }\n .kennzeichnung-fehlt { background: rgba(192,21,47,0.1); color: #f87171; border: 1px solid rgba(192,21,47,0.3); }\n .kennzeichnung-mangelhaft { background: rgba(168,75,47,0.1); color: #fb923c; border: 1px solid rgba(168,75,47,0.3); }\n .kennzeichnung-korrekt { background: rgba(34,197,94,0.1); color: #4ade80; border: 1px solid rgba(34,197,94,0.3); }\n .kennzeichnung-unklar { background: rgba(139,92,246,0.1); color: #a78bfa; border: 1px solid rgba(139,92,246,0.3); }\n\n \/* STERN-BEWERTUNG *\/\n .rating-section {\n margin-top: 20px;\n padding-top: 16px;\n border-top: 1px solid rgba(119,124,124,0.2);\n }\n .rating-title {\n font-size: var(--font-size-sm);\n color: var(--color-text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 10px;\n }\n .rating-categories { display: flex; flex-direction: column; gap: 8px; }\n .rating-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }\n .rating-label { font-size: var(--font-size-sm); color: var(--color-text-secondary); flex: 1; }\n .stars { display: flex; gap: 4px; }\n .star {\n font-size: 22px;\n cursor: pointer;\n color: rgba(119,124,124,0.3);\n transition: color 0.15s ease, transform 0.1s ease;\n user-select: none;\n line-height: 1;\n }\n .star:hover { transform: scale(1.2); }\n .star.active { color: #facc15; }\n .star.hover-active { color: #fde047; }\n\n \/* GESAMT-BEWERTUNG TAFEL *\/\n .rating-board {\n background: var(--color-surface);\n border: 1px solid var(--color-card-border);\n border-radius: var(--radius-lg);\n padding: 24px;\n margin-top: 16px;\n }\n .rating-board-title {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-semibold);\n color: var(--color-text);\n margin-bottom: 20px;\n }\n .rating-board-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n }\n @media (max-width: 800px) { .rating-board-grid { grid-template-columns: repeat(2,1fr); } }\n @media (max-width: 500px) { .rating-board-grid { grid-template-columns: 1fr; } }\n\n .board-card {\n background: rgba(50,184,198,0.04);\n border: 1px solid rgba(50,184,198,0.15);\n border-radius: var(--radius-md);\n padding: 14px 16px;\n }\n .board-card-title {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-semibold);\n color: var(--color-text);\n margin-bottom: 10px;\n display: flex; align-items: center; gap: 6px;\n }\n .board-row { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 6px; }\n .board-label { font-size: var(--font-size-xs); color: var(--color-text-secondary); }\n .board-stars-display { display: flex; gap: 2px; }\n .board-star { font-size: 14px; color: rgba(119,124,124,0.25); }\n .board-star.lit { color: #facc15; }\n\n .reset-btn {\n display: inline-flex; align-items: center; gap: 6px;\n padding: 8px 16px; border-radius: var(--radius-base);\n border: 1px solid rgba(119,124,124,0.3); background: var(--color-secondary);\n color: var(--color-text); font-size: var(--font-size-sm); cursor: pointer;\n font-family: inherit; transition: background 0.2s ease; margin-top: 16px;\n }\n .reset-btn:hover { background: var(--color-secondary-hover); }\n\n \/* PRINT *\/\n @media print {\n body { background: white; color: #111; }\n .post-cards-grid { grid-template-columns: repeat(2,1fr); }\n .post-card { border: 2px solid #ccc; page-break-inside: avoid; }\n .rating-section { display: none; }\n .section::before { display: none; }\n .no-print { display: none !important; }\n }\n\n .btn-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }\n .btn {\n display: inline-flex; align-items: center; justify-content: center;\n padding: 8px 14px; border-radius: var(--radius-base);\n border: 1px solid var(--color-border); background: var(--color-secondary);\n color: var(--color-text); font-size: var(--font-size-sm); cursor: pointer;\n gap: 6px; transition: all 0.2s ease; font-family: inherit;\n }\n .btn:hover { background: var(--color-secondary-hover); }\n .btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-btn-primary-text); }\n .btn-primary:hover { background: var(--color-primary-hover); }\n\n .hidden { display: none !important; }\n .qa-list { margin: 8px 0 0; padding-left: 20px; color: var(--color-text-secondary); font-size: var(--font-size-sm); }\n .qa-list li { margin-bottom: 6px; }\n\n .footer {\n margin-top: 40px; padding-top: 16px;\n border-top: 1px solid rgba(119,124,124,0.2);\n font-size: var(--font-size-xs); color: var(--color-text-secondary);\n display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap;\n }\n\n @font-face {\n font-family: 'FKGroteskNeue';\n src: url('https:\/\/r2cdn.perplexity.ai\/fonts\/FKGroteskNeue.woff2') format('woff2');\n }\n <\/style>\n<\/head>\n<body>\n<main>\n\n <!-- HEADER -->\n <header class=\"page-header\">\n <div class=\"page-header-left\">\n <div class=\"page-kicker\">KI & Influencer-Marketing 2026<\/div>\n <h1>Von Creator-Economy zu KI-gest\u00fctzter Kampagne<\/h1>\n <\/div>\n <aside class=\"hero-card\">\n <div class=\"hero-card-inner\">\n <div class=\"hero-kpi-row\">\n <div class=\"hero-kpi\">\n <span class=\"hero-kpi-label\">Influencer-Kampagnen<\/span>\n <span class=\"hero-kpi-value\">60,2 %<\/span>\n <span style=\"font-size:11px;opacity:0.8;\">nutzen bereits KI f\u00fcr Auswahl & Optimierung<\/span>\n <\/div>\n <div class=\"hero-kpi\">\n <span class=\"hero-kpi-label\">Kostenersparnis<\/span>\n <span class=\"hero-kpi-value\">bis 70 %<\/span>\n <span style=\"font-size:11px;opacity:0.8;\">durch virtuelle Models & Automatisierung<\/span>\n <\/div>\n <\/div>\n <div class=\"hero-badge\">Realtime Social Listening<\/div>\n <div class=\"hero-headline\">31.000 Kurzvideos analysiert<\/div>\n <div class=\"hero-caption\">KI scannt Content, um Markenbotschaften und Zielgruppen-Fit zu pr\u00fcfen \u2013 das gleiche Prinzip nutzt Marketing f\u00fcr Brand Safety.<\/div>\n <div class=\"hero-footer\">\n <div class=\"hero-legend\"><span class=\"hero-dot\"><\/span><span>Trend-Monitoring aktiv<\/span><\/div>\n <span style=\"opacity:0.9;\">Quelle: Social Trends 2025<\/span>\n <\/div>\n <\/div>\n <\/aside>\n <\/header>\n\n <!-- SECTION 1 -->\n <section class=\"section\">\n <div class=\"section-header\">\n <span class=\"section-index\">1<\/span>\n <div class=\"section-heading-group\">\n <h2>Was ist Influencer-Marketing?<\/h2>\n <span class=\"section-tagline\">Grundlagen in 60 Sekunden<\/span>\n <\/div>\n <\/div>\n <div class=\"section-body\">\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Definition & Wirkprinzip<\/h3><span class=\"card-meta\">Basics<\/span><\/div>\n <div class=\"visual-highlight\">\n <p style=\"margin:0;\"><strong>Influencer-Marketing nutzt die Glaubw\u00fcrdigkeit und Reichweite von Creator*innen, um Produkte, Ideen oder Werte in sozialen Netzwerken zu platzieren.<\/strong><\/p>\n <\/div>\n <div class=\"process-flow\">\n <div class=\"process-step\"><div class=\"process-number\">1<\/div><div class=\"process-label\">Vertrauen aufbauen<\/div><\/div>\n <div class=\"process-step\"><div class=\"process-number\">2<\/div><div class=\"process-label\">Storytelling<\/div><\/div>\n <div class=\"process-step\"><div class=\"process-number\">3<\/div><div class=\"process-label\">Empfehlung<\/div><\/div>\n <div class=\"process-step\"><div class=\"process-number\">4<\/div><div class=\"process-label\">Conversion<\/div><\/div>\n <\/div>\n <ul class=\"icon-list\">\n <li>Aufbau auf Vertrauen statt nur auf klassische Werbung<\/li>\n <li>Funktioniert \u00fcber Storytelling, Alltagsszenen und Empfehlungen<\/li>\n <li>Kann kommerziell (Brand-Deals) oder gesellschaftlich sein<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Warum Marken Influencer-Marketing nutzen<\/h3><span class=\"card-meta\">Ziele<\/span><\/div>\n <ul class=\"icon-list\">\n <li><strong>Awareness:<\/strong> Markenbekanntheit und Sichtbarkeit in Zielgruppen erh\u00f6hen<\/li>\n <li><strong>Engagement:<\/strong> Likes, Kommentare, Shares und User Generated Content f\u00f6rdern<\/li>\n <li><strong>Conversion:<\/strong> Klicks, Verk\u00e4ufe oder Anmeldungen \u00fcber Shoppable Content oder Rabattcodes<\/li>\n <li><strong>Community-Building:<\/strong> Langfristige Beziehung zu Nischen-Communities aufbauen<\/li>\n <\/ul>\n <div class=\"chip-row\">\n <span class=\"chip\">Brand Awareness<\/span><span class=\"chip\">Community<\/span><span class=\"chip\">Sales-Funnel<\/span><span class=\"chip\">Engagement<\/span>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Influencer-Typen im \u00dcberblick<\/h3><span class=\"card-meta\">Reichweite & Wirkung<\/span><\/div>\n <div class=\"stat-row\">\n <div class=\"stat-box\"><div class=\"stat-number\"><10k<\/div><div class=\"stat-label\">Nano<\/div><\/div>\n <div class=\"stat-box\"><div class=\"stat-number\">10k\u2013100k<\/div><div class=\"stat-label\">Micro<\/div><\/div>\n <div class=\"stat-box\"><div class=\"stat-number\">>100k<\/div><div class=\"stat-label\">Macro<\/div><\/div>\n <div class=\"stat-box\"><div class=\"stat-number\">\ud83e\udd16<\/div><div class=\"stat-label\">KI\/Virtuell<\/div><\/div>\n <\/div>\n <ul class=\"icon-list\">\n <li><strong>Nano<\/strong> (unter 10k): kleine, sehr loyale Communities; hohe Authentizit\u00e4t<\/li>\n <li><strong>Micro<\/strong> (10k\u2013100k): spitze Zielgruppen, oft hohe Engagement-Rate<\/li>\n <li><strong>Macro<\/strong> (>100k): gro\u00dfe Reichweite, aber teurer und weniger pers\u00f6nlich<\/li>\n <li><strong>KI\/Virtuell:<\/strong> generierte Avatare, rund um die Uhr einsetzbar<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Aktuelle Plattformen & Formate<\/h3><span class=\"card-meta\">Kan\u00e4le<\/span><\/div>\n <ul class=\"icon-list\">\n <li><strong>Instagram:<\/strong> Reels, Stories, Feed-Posts, Collabs<\/li>\n <li><strong>TikTok:<\/strong> Kurzvideos, Trends, Sounds, Live-Shopping<\/li>\n <li><strong>YouTube & Shorts:<\/strong> Tutorials, Reviews, Vlogs<\/li>\n <li><strong>X, Twitch, Podcasts:<\/strong> Nischen-Communities & Live-Formate<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SECTION 2 -->\n <section class=\"section\">\n <div class=\"section-header\">\n <span class=\"section-index\">2<\/span>\n <div class=\"section-heading-group\">\n <h2>KI in der Social-Media-Analyse<\/h2>\n <span class=\"section-tagline\">Von Social Listening bis Krisenmanagement<\/span>\n <\/div>\n <\/div>\n <div class=\"section-body\">\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Grundkonzepte<\/h3><span class=\"card-meta\">AI & Data<\/span><\/div>\n <p>KI analysiert Milliarden von Posts, Likes, Kommentaren und Videos in Echtzeit. Ziel: Stimmungen, Trends und potenzielle Risiken fr\u00fchzeitig erkennen.<\/p>\n <ul class=\"icon-list\">\n <li><strong>Sentiment-Analyse:<\/strong> Erkennung von Emotionen (positiv\/negativ\/neutral) via NLP<\/li>\n <li><strong>Trend-Erkennung:<\/strong> Hashtags, Sounds, Memes oder Themen, die hochkommen<\/li>\n <li><strong>Content-Analyse:<\/strong> Erkennung verd\u00e4chtiger Muster, Fake-Accounts und unpassender Inhalte<\/li>\n <\/ul>\n <div class=\"callout\">\n <div class=\"callout-icon\">\ud83d\udca1<\/div>\n <div><div class=\"callout-title\">Use Case \u201eContent-Analyse im gro\u00dfen Ma\u00dfstab“<\/div><div>KI scannt zehntausende Kurzvideos gleichzeitig, um Markenbotschaften, Zielgruppen-Fit und Risiken zu bewerten \u2013 in Sekunden statt Wochen.<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Vorteile vs. Herausforderungen<\/h3><span class=\"card-meta\">\u00dcbersicht<\/span><\/div>\n <div class=\"table-wrapper\">\n <table>\n <thead><tr><th>Aspekt<\/th><th>Vorteile<\/th><th>Herausforderungen<\/th><\/tr><\/thead>\n <tbody>\n <tr><td><strong>Effizienz<\/strong><\/td><td>Schnelle Trend-Erkennung, Millionen Posts in Sekunden<\/td><td>Datenschutz & Massen\u00fcberwachung<\/td><\/tr>\n <tr><td><strong>Genauigkeit<\/strong><\/td><td>Sentiment-Analyse mit 80\u201390 % Trefferquote<\/td><td>Bias & Fehlklassifikation (z. B. Satire als Hassrede)<\/td><\/tr>\n <tr><td><strong>Anwendung<\/strong><\/td><td>Reputationsmonitoring, Krisenfr\u00fcherkennung<\/td><td>Abh\u00e4ngigkeit von sich \u00e4ndernden Algorithmen<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Wie komme ich an Daten?<\/h3><span class=\"card-meta\">Datenpools & Recht<\/span><\/div>\n <div class=\"callout\" style=\"margin-top:0;margin-bottom:14px;\">\n <div class=\"callout-icon\">\u2696\ufe0f<\/div>\n <div><div class=\"callout-title\">Rechtliche Grundlage beachten<\/div><div>Instagram & Co. verbieten Scraping. Nur \u00f6ffentliche Daten nutzen, Einwilligungen einholen, DSGVO beachten.<\/div><\/div>\n <\/div>\n <div class=\"comparison-grid\">\n <div class=\"comparison-box positive\">\n <div class=\"comparison-title\">\u2713 Offizielle Insights<\/div>\n <ul><li>Business-\/Creator-Accounts: \u201eInsights“ in der App<\/li><li>Kennzahlen: Reichweite, Impressionen, Zielgruppen<\/li><li>Erweiterung mit Hootsuite oder Metricool<\/li><\/ul>\n <\/div>\n <div class=\"comparison-box\" style=\"border-left:4px solid var(--color-warning);\">\n <div class=\"comparison-title\">\u26a0 Scraping-Tools<\/div>\n <ul><li>Apify Instagram Scraper (nur \u00f6ffentliche Daten)<\/li><li>APIs wie EnsembleData, Scrapeless<\/li><li>Python: Instaloader (nur legale Nutzung!)<\/li><\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SECTION 3 -->\n <section class=\"section\">\n <div class=\"section-header\">\n <span class=\"section-index\">3<\/span>\n <div class=\"section-heading-group\">\n <h2>KI im Influencer-Marketing<\/h2>\n <span class=\"section-tagline\">Von Matching bis virtuellen Avataren<\/span>\n <\/div>\n <\/div>\n <div class=\"section-body\">\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Was KI konkret \u00fcbernimmt<\/h3><span class=\"card-meta\">Use Cases<\/span><\/div>\n <div class=\"stat-row\">\n <div class=\"stat-box\"><div class=\"stat-number\">60,2%<\/div><div class=\"stat-label\">nutzen KI-Auswahl<\/div><\/div>\n <div class=\"stat-box\"><div class=\"stat-number\">70%<\/div><div class=\"stat-label\">Kostenersparnis m\u00f6glich<\/div><\/div>\n <div class=\"stat-box\"><div class=\"stat-number\">24\/7<\/div><div class=\"stat-label\">virtuelle Avatare aktiv<\/div><\/div>\n <\/div>\n <ul class=\"icon-list\">\n <li><strong>Influencer-Auswahl:<\/strong> Matching von Zielgruppen, Themen, Brand-Fit<\/li>\n <li><strong>Kampagnen-Setup:<\/strong> Vorschl\u00e4ge f\u00fcr Posting-Zeiten, Formate, Hooks<\/li>\n <li><strong>Content-Optimierung:<\/strong> A\/B-Tests von Captions, Thumbnails, Hooks<\/li>\n <li><strong>Performance-Messung:<\/strong> ROI-Berechnung, Conversion-Tracking<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Top-Trends 2025<\/h3><span class=\"card-meta\">Erweiterte \u00dcbersicht<\/span><\/div>\n <div class=\"table-wrapper\">\n <table>\n <thead><tr><th>Trend<\/th><th>Beschreibung<\/th><th>Beispiel<\/th><\/tr><\/thead>\n <tbody>\n <tr><td><strong>AI f\u00fcr Auswahl<\/strong><\/td><td>Automatisches Matching zu Zielgruppen & Markenwerten<\/td><td>Tools wie Influencity scannen Follower-Daten<\/td><\/tr>\n <tr><td><strong>Virtuelle Creator<\/strong><\/td><td>KI-generierte Models und Avatare, 24\/7 einsetzbar<\/td><td>Otto \u201eVirtual Content Creator“<\/td><\/tr>\n <tr><td><strong>Shoppable Content<\/strong><\/td><td>Direktes Kaufen aus Reels & TikToks, personalisiert via KI<\/td><td>TikTok Shop, Instagram Checkout<\/td><\/tr>\n <tr><td><strong>Lokale Communities<\/strong><\/td><td>Fokus auf Nano-\/Micro-Influencer*innen<\/td><td>Hyperlokale Kampagnen f\u00fcr St\u00e4dte<\/td><\/tr>\n <tr><td><strong>Brand Safety<\/strong><\/td><td>Erkennung unpassender Profile & Fake-Accounts<\/td><td>KI filtert Spam-Kan\u00e4le<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Chancen & Risiken im Vergleich<\/h3><span class=\"card-meta\">Erweiterte Sicht<\/span><\/div>\n <div class=\"comparison-grid\">\n <div class=\"comparison-box positive\">\n <div class=\"comparison-title\">\u2713 Chancen<\/div>\n <ul class=\"icon-list\">\n <li><strong>Effizienz:<\/strong> Kampagnenplanung & -auswertung in Echtzeit<\/li>\n <li><strong>Relevanz:<\/strong> Inhalte genauer an Zielgruppen angepasst<\/li>\n <li><strong>Kreativit\u00e4t:<\/strong> KI generiert Ideen, Storyboards, Varianten<\/li>\n <li><strong>Inklusion:<\/strong> Virtuelle Avatare f\u00fcr diverse Identit\u00e4ten<\/li>\n <\/ul>\n <\/div>\n <div class=\"comparison-box negative\">\n <div class=\"comparison-title\">\u26a0 Risiken<\/div>\n <ul class=\"icon-list\">\n <li><strong>Jobverlust:<\/strong> Weniger klassische Shooting-Jobs<\/li>\n <li><strong>Realit\u00e4tsverlust:<\/strong> Filterblasen, unerreichbare K\u00f6rperbilder<\/li>\n <li><strong>Manipulation:<\/strong> Subtilere, schwerer erkennbare Werbung<\/li>\n <li><strong>Bias:<\/strong> KI reproduziert Stereotype aus Trainingsdaten<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Ethische Leitfragen<\/h3><span class=\"card-meta\">Diskussion<\/span><\/div>\n <ul class=\"qa-list\">\n <li>Wie kennzeichnen wir KI-generierte Inhalte & virtuelle Influencer*innen transparent?<\/li>\n <li>Ab wann ist Influencer-Marketing Manipulation \u2013 besonders bei Jugendlichen?<\/li>\n <li>Welche Grenzen setzt ihr selbst: keine manipulierten K\u00f6rperbilder, keine verdeckte Werbung?<\/li>\n <\/ul>\n <div class=\"callout\">\n <div class=\"callout-icon\">\ud83d\udccb<\/div>\n <div><div class=\"callout-title\">EU-KI-Verordnung<\/div><div>Die EU-KI-Verordnung fordert Risiko-Klassifizierung und Transparenz bei KI-Systemen \u2013 auch im Marketing.<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SECTION 4 \u2013 GRUPPENARBEIT MIT POSTS + BEWERTUNG -->\n <section class=\"section\">\n <div class=\"section-header\">\n <span class=\"section-index\">4<\/span>\n <div class=\"section-heading-group\">\n <h2>Gruppenarbeit: \u201eWerbung oder nicht?“<\/h2>\n <span class=\"section-tagline\">Kritische Medienkompetenz aktiv trainieren<\/span>\n <\/div>\n <\/div>\n <div class=\"section-body\">\n\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Aufgabenstellung & Ablauf<\/h3><span class=\"card-meta\">\u00dcbung<\/span><\/div>\n <div class=\"visual-highlight\">\n <p style=\"margin:0;\"><strong>Jede Gruppe bekommt 2 der 6 Post-Szenarien und analysiert diese anhand von vier Leitfragen.<\/strong> Anschlie\u00dfend bewertet die ganze Klasse gemeinsam jeden Post per Sternvergabe.<\/p>\n <\/div>\n <div class=\"analyse-ablauf\">\n <div class=\"ablauf-step\"><span class=\"ablauf-step-icon\">\ud83d\uddbc\ufe0f<\/span><div class=\"ablauf-step-label\">Posts verteilen<\/div><div class=\"ablauf-step-time\">3 Min.<\/div><\/div>\n <div class=\"ablauf-step\"><span class=\"ablauf-step-icon\">\ud83d\udd0d<\/span><div class=\"ablauf-step-label\">Gruppenanalyse<\/div><div class=\"ablauf-step-time\">20 Min.<\/div><\/div>\n <div class=\"ablauf-step\"><span class=\"ablauf-step-icon\">\ud83d\udcdd<\/span><div class=\"ablauf-step-label\">Ergebnis notieren<\/div><div class=\"ablauf-step-time\">3 Min.<\/div><\/div>\n <div class=\"ablauf-step\"><span class=\"ablauf-step-icon\">\ud83d\udde3\ufe0f<\/span><div class=\"ablauf-step-label\">Pr\u00e4sentation<\/div><div class=\"ablauf-step-time\">5 Min.<\/div><\/div>\n <div class=\"ablauf-step\"><span class=\"ablauf-step-icon\">\u2b50<\/span><div class=\"ablauf-step-label\">Sternvergabe<\/div><div class=\"ablauf-step-time\">5 Min.<\/div><\/div>\n <\/div>\n <div class=\"btn-row no-print\">\n <button class=\"btn btn-primary\" onclick=\"window.print()\"><span>\ud83d\udda8\ufe0f<\/span><span>Post-Karten drucken<\/span><\/button>\n <\/div>\n <\/div>\n\n <!-- 6 POST-KARTEN -->\n <div class=\"post-cards-grid\">\n\n <!-- POST 1 -->\n <div class=\"post-card\" id=\"pc1\">\n <div class=\"post-card-badge badge-red\">Post 1<\/div>\n <div class=\"post-card-platform\">\n <div class=\"post-card-platform-dot\" style=\"background:#e1306c;\"><\/div>\n Instagram Reel\n <\/div>\n <div class=\"post-card-header\">\n <div class=\"post-card-title\">\ud83d\udcaa Der klassische Produkt-Deal<\/div>\n <div class=\"post-card-account\">@fitnessgirl_lena \u00b7 180.000 Follower<\/div>\n <\/div>\n <div class=\"post-card-content\">\n \u201eIch liebe diese Riegel seit Jahren, megageschmackvoll! Link in der Bio, mit meinem Code LENA15 bekommt ihr 15% Rabatt \ud83d\udcaa\ud83d\udd25“\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\n <span class=\"kennzeichnung-tag kennzeichnung-fehlt\">\u2717 Keine Kennzeichnung<\/span>\n <\/div>\n <div class=\"post-card-questions\">\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udff7\ufe0f<\/span><span>Rabattcode = klarer Hinweis auf Verg\u00fctung \u2013 trotzdem kein \u201eAnzeige“<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\u2764\ufe0f<\/span><span>Emotion: Motivation, Vertrauen, FOMO<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udfaf<\/span><span>Zielgruppe: Sport-affine 18\u201330-J\u00e4hrige<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83e\udd16<\/span><span>Wirkt authentisch \u2013 wahrscheinlich menschlich<\/span><\/div>\n <\/div>\n <div class=\"rating-section\">\n <div class=\"rating-title\">\u2b50 Gemeinsame Bewertung<\/div>\n <div class=\"rating-categories\">\n <div class=\"rating-row\">\n <span class=\"rating-label\">Transparenz<\/span>\n <div class=\"stars\" data-post=\"1\" data-cat=\"transparenz\">\n <span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span>\n <\/div>\n <\/div>\n <div class=\"rating-row\">\n <span class=\"rating-label\">Manipulation<\/span>\n <div class=\"stars\" data-post=\"1\" data-cat=\"manipulation\">\n <span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span>\n <\/div>\n <\/div>\n <div class=\"rating-row\">\n <span class=\"rating-label\">KI-Verdacht<\/span>\n <div class=\"stars\" data-post=\"1\" data-cat=\"ki\">\n <span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- POST 2 -->\n <div class=\"post-card\" id=\"pc2\">\n <div class=\"post-card-badge badge-orange\">Post 2<\/div>\n <div class=\"post-card-platform\">\n <div class=\"post-card-platform-dot\" style=\"background:#010101;\"><\/div>\n TikTok\n <\/div>\n <div class=\"post-card-header\">\n <div class=\"post-card-title\">\ud83e\udd14 Die getarnte Empfehlung<\/div>\n <div class=\"post-card-account\">@lifewithsophie \u00b7 42.000 Follower<\/div>\n <\/div>\n <div class=\"post-card-content\">\n GRWM-Video, beil\u00e4ufig: \u201eIch benutze gerade diese Tagescreme von [Marke], habe ich neulich entdeckt, meine Haut f\u00fchlt sich so anders an \u2728“ \u2013 Caption endet mit 12 Hashtags, ganz unten: #ad\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\n <span class=\"kennzeichnung-tag kennzeichnung-mangelhaft\">\u26a0 #ad versteckt<\/span>\n <\/div>\n <div class=\"post-card-questions\">\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udff7\ufe0f<\/span><span>#ad am Ende von 12 Hashtags reicht laut dt. Recht nicht aus<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\u2764\ufe0f<\/span><span>Emotion: Sehnsucht nach makelloser Haut<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udfaf<\/span><span>Zielgruppe: Teenagerinnen, Beauty-Interessierte<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83e\udd16<\/span><span>Caption k\u00f6nnte KI-optimiert sein (zu glatt formuliert)<\/span><\/div>\n <\/div>\n <div class=\"rating-section\">\n <div class=\"rating-title\">\u2b50 Gemeinsame Bewertung<\/div>\n <div class=\"rating-categories\">\n <div class=\"rating-row\"><span class=\"rating-label\">Transparenz<\/span><div class=\"stars\" data-post=\"2\" data-cat=\"transparenz\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">Manipulation<\/span><div class=\"stars\" data-post=\"2\" data-cat=\"manipulation\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">KI-Verdacht<\/span><div class=\"stars\" data-post=\"2\" data-cat=\"ki\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- POST 3 -->\n <div class=\"post-card\" id=\"pc3\">\n <div class=\"post-card-badge badge-green\">Post 3<\/div>\n <div class=\"post-card-platform\">\n <div class=\"post-card-platform-dot\" style=\"background:#e1306c;\"><\/div>\n Instagram Story\n <\/div>\n <div class=\"post-card-header\">\n <div class=\"post-card-title\">\u2705 Die korrekte Kennzeichnung<\/div>\n <div class=\"post-card-account\">@reisewelt_max \u00b7 95.000 Follower<\/div>\n <\/div>\n <div class=\"post-card-content\">\n Hotelbild: \u201eANZEIGE | Das [Hotel] hat mir diesen Aufenthalt gesponsert \u2013 meine ehrliche Meinung: traumhafter Pool, aber die Zimmer sind kleiner als erwartet.“\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\n <span class=\"kennzeichnung-tag kennzeichnung-korrekt\">\u2713 Korrekt gekennzeichnet<\/span>\n <\/div>\n <div class=\"post-card-questions\">\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udff7\ufe0f<\/span><span>\u201eANZEIGE“ fett am Anfang \u2013 rechtlich korrekt<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\u2764\ufe0f<\/span><span>Emotion: Reisesehnsucht, aber auch Vertrauen durch Ehrlichkeit<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udfaf<\/span><span>Zielgruppe: Reiseaffine 25\u201345-J\u00e4hrige<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83e\udd16<\/span><span>Authentisch, negative Kritik spricht gegen KI-Erstellung<\/span><\/div>\n <\/div>\n <div class=\"rating-section\">\n <div class=\"rating-title\">\u2b50 Gemeinsame Bewertung<\/div>\n <div class=\"rating-categories\">\n <div class=\"rating-row\"><span class=\"rating-label\">Transparenz<\/span><div class=\"stars\" data-post=\"3\" data-cat=\"transparenz\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">Manipulation<\/span><div class=\"stars\" data-post=\"3\" data-cat=\"manipulation\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">KI-Verdacht<\/span><div class=\"stars\" data-post=\"3\" data-cat=\"ki\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- POST 4 -->\n <div class=\"post-card\" id=\"pc4\">\n <div class=\"post-card-badge badge-purple\">Post 4<\/div>\n <div class=\"post-card-platform\">\n <div class=\"post-card-platform-dot\" style=\"background:#a78bfa;\"><\/div>\n Instagram Feed\n <\/div>\n <div class=\"post-card-header\">\n <div class=\"post-card-title\">\ud83e\udd16 Der virtuelle Influencer<\/div>\n <div class=\"post-card-account\">@mia.digital \u00b7 310.000 Follower (kein Hinweis ob Mensch\/KI)<\/div>\n <\/div>\n <div class=\"post-card-content\">\n Perfektes Lifestyle-Foto vor Stadtkulisse: \u201eHerbst-Feeling mit der neuen Kollektion von [Brand] \ud83c\udf42 Link in der Bio.“ \u2013 Kein Hinweis auf KI-Generierung.\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\n <span class=\"kennzeichnung-tag kennzeichnung-unklar\">? KI nicht gekennzeichnet<\/span>\n <\/div>\n <div class=\"post-card-questions\">\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udff7\ufe0f<\/span><span>Keine Werbungskennzeichnung, kein Hinweis auf KI-Avatar<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\u2764\ufe0f<\/span><span>Emotion: Sehnsucht, \u00c4sthetik, Lifestyle-Aspiration<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udfaf<\/span><span>Zielgruppe: Mode-affine 16\u201328-J\u00e4hrige<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83e\udd16<\/span><span>Zu perfekte Haut, unnat\u00fcrlicher Hintergrund \u2013 KI-Indizien!<\/span><\/div>\n <\/div>\n <div class=\"rating-section\">\n <div class=\"rating-title\">\u2b50 Gemeinsame Bewertung<\/div>\n <div class=\"rating-categories\">\n <div class=\"rating-row\"><span class=\"rating-label\">Transparenz<\/span><div class=\"stars\" data-post=\"4\" data-cat=\"transparenz\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">Manipulation<\/span><div class=\"stars\" data-post=\"4\" data-cat=\"manipulation\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">KI-Verdacht<\/span><div class=\"stars\" data-post=\"4\" data-cat=\"ki\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- POST 5 -->\n <div class=\"post-card\" id=\"pc5\">\n <div class=\"post-card-badge badge-yellow\">Post 5<\/div>\n <div class=\"post-card-platform\">\n <div class=\"post-card-platform-dot\" style=\"background:#e1306c;\"><\/div>\n Instagram Carousel\n <\/div>\n <div class=\"post-card-header\">\n <div class=\"post-card-title\">\ud83d\udc9a Der Greenwashing-Verdacht<\/div>\n <div class=\"post-card-account\">@style_by_tom \u00b7 220.000 Follower<\/div>\n <\/div>\n <div class=\"post-card-content\">\n 5 Bilder mit Fast-Fashion-Kleidung: \u201eNachhaltig shoppen leicht gemacht! Diese Teile sind aus recycelten Materialien \u2013 gut f\u00fcr mich und die Erde \ud83c\udf0d [Marke] #sustainable #ecofashion #ad“\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\n <span class=\"kennzeichnung-tag kennzeichnung-mangelhaft\">\u26a0 #ad unter Hashtags<\/span>\n <\/div>\n <div class=\"post-card-questions\">\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udff7\ufe0f<\/span><span>#ad am Ende \u2013 nicht ausreichend nach dt. Recht<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\u2764\ufe0f<\/span><span>Emotion: Umweltgewissen, Gemeinschaftsgef\u00fchl, Moral<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udfaf<\/span><span>Zielgruppe: Umweltbewusste 20\u201335-J\u00e4hrige<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83e\udd16<\/span><span>Hashtag-Flut und glatte Formulierungen deuten auf KI-Hilfe<\/span><\/div>\n <\/div>\n <div class=\"rating-section\">\n <div class=\"rating-title\">\u2b50 Gemeinsame Bewertung<\/div>\n <div class=\"rating-categories\">\n <div class=\"rating-row\"><span class=\"rating-label\">Transparenz<\/span><div class=\"stars\" data-post=\"5\" data-cat=\"transparenz\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">Manipulation<\/span><div class=\"stars\" data-post=\"5\" data-cat=\"manipulation\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">KI-Verdacht<\/span><div class=\"stars\" data-post=\"5\" data-cat=\"ki\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- POST 6 -->\n <div class=\"post-card\" id=\"pc6\">\n <div class=\"post-card-badge badge-blue\">Post 6<\/div>\n <div class=\"post-card-platform\">\n <div class=\"post-card-platform-dot\" style=\"background:#010101;\"><\/div>\n TikTok\n <\/div>\n <div class=\"post-card-header\">\n <div class=\"post-card-title\">\ud83d\ude02 Humor als Werbetarnung<\/div>\n <div class=\"post-card-account\">@funwithfabio \u00b7 1,2 Mio. Follower<\/div>\n <\/div>\n <div class=\"post-card-content\">\n Witziges Sketch-Video \u2013 am Ende sagt er lachend: \u201eUnd danke an [Energydrink] f\u00fcr den Fuel heute \ud83d\udd25“ \u2013 Flasche kurz sichtbar. Keine schriftliche Kennzeichnung.\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\n <span class=\"kennzeichnung-tag kennzeichnung-fehlt\">\u2717 Nur m\u00fcndlich erw\u00e4hnt<\/span>\n <\/div>\n <div class=\"post-card-questions\">\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udff7\ufe0f<\/span><span>M\u00fcndliche Erw\u00e4hnung reicht rechtlich nicht aus<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\u2764\ufe0f<\/span><span>Emotion: Humor, Sympathie \u2013 Werbung f\u00fchlt sich nicht wie Werbung an<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83c\udfaf<\/span><span>Zielgruppe: Jugendliche 13\u201322 Jahre, Gaming-\/Sport-affin<\/span><\/div>\n <div class=\"post-card-question\"><span class=\"post-card-question-icon\">\ud83e\udd16<\/span><span>Spontan wirkend \u2013 wahrscheinlich menschlich, Script evtl. KI-gest\u00fctzt<\/span><\/div>\n <\/div>\n <div class=\"rating-section\">\n <div class=\"rating-title\">\u2b50 Gemeinsame Bewertung<\/div>\n <div class=\"rating-categories\">\n <div class=\"rating-row\"><span class=\"rating-label\">Transparenz<\/span><div class=\"stars\" data-post=\"6\" data-cat=\"transparenz\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">Manipulation<\/span><div class=\"stars\" data-post=\"6\" data-cat=\"manipulation\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <div class=\"rating-row\"><span class=\"rating-label\">KI-Verdacht<\/span><div class=\"stars\" data-post=\"6\" data-cat=\"ki\"><span class=\"star\" data-val=\"1\">\u2605<\/span><span class=\"star\" data-val=\"2\">\u2605<\/span><span class=\"star\" data-val=\"3\">\u2605<\/span><span class=\"star\" data-val=\"4\">\u2605<\/span><span class=\"star\" data-val=\"5\">\u2605<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><!-- end post-cards-grid -->\n\n <!-- BEWERTUNGS-TAFEL -->\n <div class=\"rating-board no-print\">\n <div class=\"rating-board-title\">\ud83d\udcca Klassen-Ergebnis auf einen Blick<\/div>\n <div class=\"rating-board-grid\" id=\"ratingBoard\">\n <!-- wird per JS bef\u00fcllt -->\n <\/div>\n <button class=\"reset-btn\" onclick=\"resetAll()\">\u21ba Alle Bewertungen zur\u00fccksetzen<\/button>\n <\/div>\n\n <div class=\"callout\">\n <div class=\"callout-icon\">\ud83d\udca1<\/div>\n <div>\n <div class=\"callout-title\">Diskussions-Impuls nach der Sternvergabe<\/div>\n <div>Welcher Post hat bei \u201eTransparenz“ die wenigsten Sterne bekommen? Warum ist gerade der besonders problematisch? Und: W\u00fcrdet ihr diesen Post nach deutschem Recht abmahnen?<\/div>\n <\/div>\n <\/div>\n <div class=\"callout\">\n <div class=\"callout-icon\">\u2696\ufe0f<\/div>\n <div>\n <div class=\"callout-title\">Rechtlicher Hintergrund<\/div>\n <div>In Deutschland m\u00fcssen kommerzielle Posts klar als \u201eWerbung“ oder \u201eAnzeige“ gekennzeichnet sein \u2013 am Anfang, gut sichtbar. Verst\u00f6\u00dfe k\u00f6nnen kostenpflichtige Abmahnungen nach sich ziehen. (\u00a7 5a UWG, Influencer-Leitlinien des BGH 2021)<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- SECTION 5 -->\n <section class=\"section\">\n <div class=\"section-header\">\n <span class=\"section-index\">5<\/span>\n <div class=\"section-heading-group\">\n <h2>Weitere \u00dcbungen & Ressourcen<\/h2>\n <span class=\"section-tagline\">F\u00fcr Unterricht, Projekte & eigene Kan\u00e4le<\/span>\n <\/div>\n <\/div>\n <div class=\"section-body\">\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Hausaufgabe \/ Projektidee<\/h3><span class=\"card-meta\">Transfer<\/span><\/div>\n <ul class=\"icon-list\">\n <li>W\u00e4hlt einen aktuellen Social-Media-Post mit einer Produktempfehlung oder einem Markenbeitrag<\/li>\n <li>Analysiert ihn mit einem KI-Tool (z. B. ChatGPT f\u00fcr Sentiment & Zielgruppenanalyse)<\/li>\n <li>Beantwortet: Welche Emotionen werden angesprochen? Welche Zielgruppe? Welche Risiken?<\/li>\n <\/ul>\n <div class=\"callout\">\n <div class=\"callout-icon\">\ud83d\ude80<\/div>\n <div><div class=\"callout-title\">Variante f\u00fcr Fortgeschrittene<\/div><div>Kleine Datensammlung (10\u201320 Posts) anlegen und die KI-Einsch\u00e4tzungen miteinander vergleichen.<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Quick-Check: Lernziele erreicht?<\/h3><span class=\"card-meta\">Reflexion<\/span><\/div>\n <ul class=\"qa-list\">\n <li>\u2705 Kann ich erkl\u00e4ren, was Influencer-Marketing ist und welche Rolle KI spielt?<\/li>\n <li>\u2705 Kenne ich mindestens zwei Chancen und zwei Risiken von KI im Influencer-Kontext?<\/li>\n <li>\u2705 Kann ich Werbung in Social-Media-Posts erkennen und kritisch einordnen?<\/li>\n <li>\u2705 Wei\u00df ich, welche Daten ich rechtlich (nicht) einfach nutzen darf?<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Ressourcen zum Vertiefen<\/h3><span class=\"card-meta\">Lesen & Schauen<\/span><\/div>\n <ul class=\"icon-list\">\n <li><strong>Berichte:<\/strong> Hootsuite Social Trends 2025, Influencer Marketing Benchmark 2025<\/li>\n <li><strong>Videos:<\/strong> TED-Talks zu AI in Marketing, Creator-Economy & Ethik<\/li>\n <li><strong>News:<\/strong> Fachmedien wie W&V, OMR oder Social Media Examiner<\/li>\n <li><strong>Tools:<\/strong> Metricool, SproutSocial, Brand24, Influencity (teilweise mit Free-Tiers)<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3 class=\"card-title\">Lernziele im \u00dcberblick<\/h3><span class=\"card-meta\">Praxis<\/span><\/div>\n <div class=\"grid-3\">\n <div class=\"kpi-card\"><div class=\"kpi-label\">Ziel 1<\/div><div class=\"kpi-value\">Verstehen<\/div><div class=\"kpi-footnote\">Wie KI Social Media & Influencer-Marketing ver\u00e4ndert.<\/div><\/div>\n <div class=\"kpi-card\"><div class=\"kpi-label\">Ziel 2<\/div><div class=\"kpi-value\">Bewerten<\/div><div class=\"kpi-footnote\">Chancen & Risiken benennen und Beispiele diskutieren.<\/div><\/div>\n <div class=\"kpi-card\"><div class=\"kpi-label\">Ziel 3<\/div><div class=\"kpi-value\">Gestalten<\/div><div class=\"kpi-footnote\">Eigene Kampagne skizzieren, KI bewusst nutzen.<\/div><\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"footer\">\n \n <\/footer>\n\n<\/main>\n\n<script>\n \/\/ Ratings state: { \"1-transparenz\": 3, \"1-manipulation\": 2, ... }\n const ratings = {};\n\n const postLabels = {\n 1: \"Post 1 \u2013 Produkt-Deal\",\n 2: \"Post 2 \u2013 Getarnte Empfehlung\",\n 3: \"Post 3 \u2013 Korrekte Kennzeichnung\",\n 4: \"Post 4 \u2013 Virtueller Influencer\",\n 5: \"Post 5 \u2013 Greenwashing\",\n 6: \"Post 6 \u2013 Humor als Tarnung\"\n };\n\n const catLabels = {\n transparenz: \"Transparenz\",\n manipulation: \"Manipulation\",\n ki: \"KI-Verdacht\"\n };\n\n function initStars() {\n document.querySelectorAll('.stars').forEach(container => {\n const post = container.dataset.post;\n const cat = container.dataset.cat;\n const stars = container.querySelectorAll('.star');\n\n stars.forEach(star => {\n const val = parseInt(star.dataset.val);\n\n star.addEventListener('mouseenter', () => {\n stars.forEach(s => {\n s.classList.toggle('hover-active', parseInt(s.dataset.val) <= val);\n });\n });\n\n star.addEventListener('mouseleave', () => {\n stars.forEach(s => s.classList.remove('hover-active'));\n renderStars(container, post, cat);\n });\n\n star.addEventListener('click', () => {\n const key = `${post}-${cat}`;\n ratings[key] = val;\n renderStars(container, post, cat);\n updateBoard();\n });\n });\n });\n }\n\n function renderStars(container, post, cat) {\n const key = `${post}-${cat}`;\n const val = ratings[key] || 0;\n container.querySelectorAll('.star').forEach(s => {\n s.classList.toggle('active', parseInt(s.dataset.val) <= val);\n });\n }\n\n function updateBoard() {\n const board = document.getElementById('ratingBoard');\n if (!board) return;\n board.innerHTML = '';\n\n for (let p = 1; p <= 6; p++) {\n const card = document.createElement('div');\n card.className = 'board-card';\n\n const title = document.createElement('div');\n title.className = 'board-card-title';\n title.textContent = postLabels[p];\n card.appendChild(title);\n\n ['transparenz', 'manipulation', 'ki'].forEach(cat => {\n const key = `${p}-${cat}`;\n const val = ratings[key] || 0;\n const row = document.createElement('div');\n row.className = 'board-row';\n row.innerHTML = `\n <span class=\"board-label\">${catLabels[cat]}<\/span>\n <div class=\"board-stars-display\">\n ${.map(i => `<span class=\"board-star ${i <= val ? 'lit' : ''}\">\u2605<\/span>`).join('')}[1]\n <\/div>`;\n card.appendChild(row);\n });\n\n board.appendChild(card);\n }\n }\n\n function resetAll() {\n Object.keys(ratings).forEach(k => delete ratings[k]);\n document.querySelectorAll('.star').forEach(s => s.classList.remove('active', 'hover-active'));\n updateBoard();\n }\n\n function scrollToTop() { window.scrollTo({ top: 0, behavior: \"smooth\" }); }\n\n function toggleChecklist() {\n const el = document.getElementById(\"checklist-block\");\n if (el) el.classList.toggle(\"hidden\");\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n initStars();\n updateBoard();\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Influencer-Marketing & KI \u2013 \u00dcberblick 2025 KI & Influencer-Marketing 2026 Von Creator-Economy zu KI-gest\u00fctzter Kampagne Influencer-Kampagnen 60,2 % nutzen bereits KI f\u00fcr Auswahl & Optimierung Kostenersparnis bis 70 % durch virtuelle Models & Automatisierung Realtime Social Listening 31.000 Kurzvideos analysiert KI scannt Content, um Markenbotschaften und Zielgruppen-Fit zu pr\u00fcfen \u2013 das gleiche Prinzip nutzt Marketing f\u00fcr Brand […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Influencer - KI Marketing<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metalmotion.de\/kim\/influenzer\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Influencer - KI Marketing\" \/>\n<meta property=\"og:description\" content=\"Influencer-Marketing & KI \u2013 \u00dcberblick 2025 KI & Influencer-Marketing 2026 Von Creator-Economy zu KI-gest\u00fctzter Kampagne Influencer-Kampagnen 60,2 % nutzen bereits KI f\u00fcr Auswahl & Optimierung Kostenersparnis bis 70 % durch virtuelle Models & Automatisierung Realtime Social Listening 31.000 Kurzvideos analysiert KI scannt Content, um Markenbotschaften und Zielgruppen-Fit zu pr\u00fcfen \u2013 das gleiche Prinzip nutzt Marketing f\u00fcr Brand […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metalmotion.de\/kim\/influenzer\/\" \/>\n<meta property=\"og:site_name\" content=\"KI Marketing\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-12T13:59:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"9\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/influenzer\\\/\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/influenzer\\\/\",\"name\":\"Influencer - KI Marketing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/#website\"},\"datePublished\":\"2026-03-12T13:48:43+00:00\",\"dateModified\":\"2026-03-12T13:59:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/influenzer\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metalmotion.de\\\/kim\\\/influenzer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/influenzer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Influencer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/#website\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/\",\"name\":\"KI Marketing\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Influencer - KI Marketing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/metalmotion.de\/kim\/influenzer\/","og_locale":"de_DE","og_type":"article","og_title":"Influencer - KI Marketing","og_description":"Influencer-Marketing & KI \u2013 \u00dcberblick 2025 KI & Influencer-Marketing 2026 Von Creator-Economy zu KI-gest\u00fctzter Kampagne Influencer-Kampagnen 60,2 % nutzen bereits KI f\u00fcr Auswahl & Optimierung Kostenersparnis bis 70 % durch virtuelle Models & Automatisierung Realtime Social Listening 31.000 Kurzvideos analysiert KI scannt Content, um Markenbotschaften und Zielgruppen-Fit zu pr\u00fcfen \u2013 das gleiche Prinzip nutzt Marketing f\u00fcr Brand […]","og_url":"https:\/\/metalmotion.de\/kim\/influenzer\/","og_site_name":"KI Marketing","article_modified_time":"2026-03-12T13:59:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metalmotion.de\/kim\/influenzer\/","url":"https:\/\/metalmotion.de\/kim\/influenzer\/","name":"Influencer - KI Marketing","isPartOf":{"@id":"https:\/\/metalmotion.de\/kim\/#website"},"datePublished":"2026-03-12T13:48:43+00:00","dateModified":"2026-03-12T13:59:56+00:00","breadcrumb":{"@id":"https:\/\/metalmotion.de\/kim\/influenzer\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metalmotion.de\/kim\/influenzer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/metalmotion.de\/kim\/influenzer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/metalmotion.de\/kim\/"},{"@type":"ListItem","position":2,"name":"Influencer"}]},{"@type":"WebSite","@id":"https:\/\/metalmotion.de\/kim\/#website","url":"https:\/\/metalmotion.de\/kim\/","name":"KI Marketing","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metalmotion.de\/kim\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":2,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/100\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}