/* ============================================================ KI-Kennzeichnung ------------------------------------------------------------ Umsetzung der Transparenzpflicht nach Art. 50 Abs. 4 der EU-KI-Verordnung (AI Act), verbindlich seit 02.08.2026: KI-erzeugte oder KI-manipulierte Bilder, die wie echte Aufnahmen wirken koennen, muessen als solche offengelegt werden - klar erkennbar und beim ersten Wahrnehmen. Eine Form ist nicht vorgeschrieben. Gewaehlt wurde die Bildunterschrift: sie steht unmittelbar beim Bild (ein Hinweis nur im Impressum genuegt ausdruecklich NICHT), laesst das Motiv aber unangetastet. Nicht kuerzen oder ausblenden: der Hinweis muss ohne Hover, Klick oder Scrollen lesbar sein und ausreichend Kontrast haben - Art. 50 Abs. 5 verweist auf die Barrierefreiheits- anforderungen. Verwendung:
...
Mit KI erzeugtes Symbolbild
Betroffene Bilder (per C2PA-/IPTC-Metadaten nachgewiesen): lieferservice.html images/Lieferservice Apotheke am Damm.jpeg gesund-de.html images/Medikamente online bestellen.jpeg NICHT gekennzeichnet - bewusste Entscheidung: images/Apo am Damm nano.jpeg (index.html) traegt zwar eine C2PA-Signatur, es wurde aber nur die Farbgebung angepasst. Reine Bearbeitungshilfen ohne inhaltliche Aenderung loesen keine Kennzeichnungspflicht aus, und das Motiv zeigt die echte Offizin - also kein Deepfake i.S.d. Art. 3 Nr. 60. ============================================================ */ .ki-figur { margin: 0; } .ki-hinweis { margin-top: 0.5rem; padding-left: 0.125rem; font-size: 0.75rem; font-weight: 400; line-height: 1.45; /* slate-500 - dieselbe Stufe wie die uebrigen Hilfstexte der Seite, erfuellt auf hellem Grund die 4.5:1-Kontrastschwelle */ color: #64748b; } /* Dark Mode laeuft ueber die Klassen-Strategie (darkMode: 'class'), die .dark am setzt. */ .dark .ki-hinweis { color: #94a3b8; /* slate-400 */ } @media (prefers-contrast: more) { .ki-hinweis { color: #334155; /* slate-700 */ } .dark .ki-hinweis { color: #e2e8f0; /* slate-200 */ } } /* Der Hinweis gehoert zum Bild, nicht zur Bildschirmdarstellung - beim Drucken bleibt er stehen. */ @media print { .ki-hinweis { color: #000; } }