🔒 androiddevelopers: Accessibility services and how users interact with them | 🎥 Video

📺

YouTube

9.6k YouTube-Aufrufe

Author: Android Developers - Bewertung: 6x - 5

</p><p>Apps and Games may have custom actions which are not always visible on screen - <br /> In this episode, learn how users with different disabilities navigate and interact with custom actions in an app using accessibility features of Android. <br /> <br /> Android Accessibility Overview → https://goo.gle/3GiX64v <br /> <br /> Google Play playlist → https://goo.gle/google-play <br /> Subscribe to Android Developers → https://goo.gle/AndroidDevs <br /> <br /> #Featured #GooglePlay #AndroidDevelopers<br/></p><div class="p-3.5 my-4 rounded-4 bg-dark bg-opacity-80 border border-info border-opacity-30 d-flex flex-wrap justify-content-between align-items-center gap-3 shadow-sm"> <div> <div class="small fw-bold text-white mb-0.5"><i class="bi bi-newspaper" aria-hidden="true"></i> Vollständiger Original-Bericht</div> <div class="extra-small text-muted">Ausführliche Details, Code-Beispiele & Hersteller-Stellungnahme auf <strong>youtube.com</strong>.</div> </div> <a href="/weiterlesen/1824757/1852703/androiddevelopers-accessibility-services-and-how-users-interact-with-them/" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-primary rounded-pill px-4 py-2 fw-bold text-decoration-none shadow-sm d-inline-flex align-items-center gap-1.5 text-center" style="background: var(--color-btn-gradient, linear-gradient(135deg, #22d3ee, #3b82f6)); border: none; color: #0b0f19; white-space: normal; max-width: 100%;"> <span>↗ Original-Artikel auf youtube.com lesen</span> </a></div></div><div class="my-4 p-3.5 p-md-4 rounded-4 bg-dark bg-opacity-70 border border-secondary border-opacity-30 shadow-sm d-none d-md-block"> <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3 pb-2 border-bottom border-secondary border-opacity-25"> <div class="d-flex align-items-center gap-2"> <span class="fs-5"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i></span> <span class="small font-weight-bold text-uppercase font-monospace text-white tracking-wider">Wie bewertest du diesen Beitrag?</span> </div> <span class="extra-small text-muted font-monospace" id="reactionFeedbackMsg">1 Klick Feedback</span> </div> <div class="d-flex flex-wrap align-items-center gap-2 mb-3.5"> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-40 rounded-pill px-3 py-1.5 emoji-reaction-btn text-light" data-reaction="fire" data-article-id="1824757" title="Hot / Wichtiger Durchbruch"><i class="bi bi-fire" aria-hidden="true"></i> Hot <span class="badge bg-secondary-subtle text-light rounded-pill extra-small count-fire">0</span></button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-40 rounded-pill px-3 py-1.5 emoji-reaction-btn text-light" data-reaction="shield" data-article-id="1824757" title="Kritisch / Sofort Patchen"><i class="bi bi-broadcast" aria-hidden="true"></i>️ Patch Now <span class="badge bg-secondary-subtle text-light rounded-pill extra-small count-shield">0</span></button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-40 rounded-pill px-3 py-1.5 emoji-reaction-btn text-light" data-reaction="bulb" data-article-id="1824757" title="Informativ & Hilfreich"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Hilfreich <span class="badge bg-secondary-subtle text-light rounded-pill extra-small count-bulb">0</span></button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-40 rounded-pill px-3 py-1.5 emoji-reaction-btn text-light" data-reaction="think" data-article-id="1824757" title="Diskussionswürdig">🤔 Diskutieren <span class="badge bg-secondary-subtle text-light rounded-pill extra-small count-think">0</span></button> </div> <div class="pt-3 border-top border-secondary border-opacity-20 d-flex flex-wrap align-items-center justify-content-between gap-2"> <span class="extra-small font-monospace text-muted"><i class="bi bi-link-45deg" aria-hidden="true"></i> Teilen mit Netzwerk & Team:</span> <div class="d-flex flex-wrap align-items-center gap-1.5"> <button type="button" class="btn btn-xs rounded-pill px-2.5 py-1 text-light bg-dark border border-secondary border-opacity-40 social-share-btn" data-network="twitter" data-title="androiddevelopers: Accessibility services and how users interact with them" title="Auf 𝕏 teilen">𝕏 Twitter</button> <button type="button" class="btn btn-xs rounded-pill px-2.5 py-1 text-light bg-dark border border-secondary border-opacity-40 social-share-btn" data-network="linkedin" data-title="androiddevelopers: Accessibility services and how users interact with them" title="Auf LinkedIn teilen">💼 LinkedIn</button> <button type="button" class="btn btn-xs rounded-pill px-2.5 py-1 text-light bg-dark border border-secondary border-opacity-40 social-share-btn" data-network="bluesky" data-title="androiddevelopers: Accessibility services and how users interact with them" title="Auf Bluesky teilen">🦋 Bluesky</button> <button type="button" class="btn btn-xs rounded-pill px-3 py-1 fw-bold social-share-btn shadow-sm" data-network="whatsapp" data-title="🚨 Sicherheits-Warnung: androiddevelopers: Accessibility services and how users interact with them" style="background: #25D366; border: none; color: #052e16;" title="Auf WhatsApp teilen"><i class="bi bi-chat-dots-fill" aria-hidden="true"></i> WhatsApp</button> <button type="button" class="btn btn-xs rounded-pill px-3 py-1 text-light bg-dark border border-secondary border-opacity-50 social-share-btn" data-network="slack" data-title="androiddevelopers: Accessibility services and how users interact with them" data-category="🎥 Video | Youtube" data-reading-min="1" title="Formatiertes Markdown-Briefing für Slack & MS Teams kopieren"><i class="bi bi-chat-dots-fill" aria-hidden="true"></i> Slack / Teams</button> <button type="button" class="btn btn-xs rounded-pill px-3 py-1 text-info bg-dark border border-info border-opacity-40 social-share-btn" data-network="team" data-title="androiddevelopers: Accessibility services and how users interact with them" title="Mit IT-/SecOps-Team teilen (inkl. Team Pro-Pass)">👥 Team-Invite</button> <button type="button" class="btn btn-xs rounded-pill px-2.5 py-1 text-info bg-dark border border-info border-opacity-40 social-share-btn" data-network="copy" data-title="androiddevelopers: Accessibility services and how users interact with them" title="Link mit Tracking kopieren"><i class="bi bi-clipboard-data" aria-hidden="true"></i> Link kopieren</button> <button type="button" class="btn btn-xs rounded-pill px-2.5 py-1 text-warning bg-dark border border-warning border-opacity-40 social-card-trigger-btn" data-title="androiddevelopers: Accessibility services and how users interact with them" data-category="🎥 Video | Youtube" data-reading-min="1" title="Social Share Card für LinkedIn/X generieren">📸 Social Card</button> </div> </div></div><div class="tutorial-feedback-card my-3 p-3 rounded-4 border border-secondary border-opacity-30 shadow-sm" style="background: rgba(var(--color-surface-rgb), 0.7); backdrop-filter: blur(12px);"> <div class="d-flex flex-wrap align-items-center justify-content-between gap-2"> <div class="d-flex align-items-center gap-2"> <span class="fs-5"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i></span> <span class="small fw-bold text-white">Hat Ihnen dieser Tipp / Anleitung geholfen?</span> </div> <div class="d-flex align-items-center gap-1.5"> <button type="button" class="btn btn-xs rounded-pill px-3 py-1 btn-success fw-bold d-inline-flex align-items-center gap-1 emoji-reaction-btn" data-reaction="bulb" data-article-id="1824757">👍 Ja, hilfreich!</button> <button type="button" class="btn btn-xs rounded-pill px-3 py-1 btn-outline-light text-light d-inline-flex align-items-center gap-1" onclick="document.getElementById('mod_kommentar')?.scrollIntoView({behavior:'smooth'})"><i class="bi bi-chat-dots-fill" aria-hidden="true"></i> Feedback geben</button> </div> </div></div><div class="community-blog-analyses-suite my-4 p-3.5 p-md-4 rounded-4 border border-info border-opacity-30 shadow-sm" style="background: rgba(var(--color-surface-rgb), 0.85); backdrop-filter: blur(16px);"> <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-3 pb-3 border-bottom border-secondary border-opacity-25"> <div class="d-flex align-items-center gap-2.5"> <div class="rounded-circle p-2 bg-info bg-opacity-20 border border-info border-opacity-40 fs-5"><i class="bi bi-pencil-square" aria-hidden="true"></i></div> <div> <h4 class="fw-bold fs-6 text-white m-0 d-flex align-items-center gap-2"> <span>Community-Analysen & Experten-Meinungen</span> <span class="badge bg-info bg-opacity-20 text-info border border-info border-opacity-40 rounded-pill extra-small font-monospace" id="communityBlogCountBadge">0</span> </h4> <div class="extra-small text-muted">Verfasse deine eigene Analyse, teile Workarounds oder diskutiere diesen Vorfall im Blog.</div> </div> </div> <button type="button" class="btn btn-sm btn-primary rounded-pill px-3.5 py-1.5 fw-bold d-inline-flex align-items-center gap-1.5 shadow-sm rss-brand-gradient-btn" onclick="openQuoteBlogComposer()"> <span><i class="bi bi-pencil-square" aria-hidden="true"></i> Eigene Analyse verfassen</span> </button> </div> <div id="communityBlogItemsList" class="row g-3"> <div class="col-12 text-center py-3 text-muted" id="communityBlogEmptyPlaceholder"> <div class="small text-secondary">Noch keine Community-Analyse verfasst. Markiere einen Textabschnitt oder klicke oben auf <strong>„<i class="bi bi-pencil-square" aria-hidden="true"></i> Eigene Analyse verfassen“</strong>!</div> </div> </div></div><div class="my-3 p-3 rounded-4 bg-dark bg-opacity-75 border border-secondary border-opacity-30 d-md-none"> <div class="d-flex align-items-center gap-2"> <button type="button" class="btn btn-sm btn-primary rss-brand-gradient-btn rounded-pill px-3 py-2 fw-bold flex-grow-1 d-inline-flex align-items-center justify-content-center gap-2" data-share-action="native" data-share-title="androiddevelopers: Accessibility services and how users interact with them"> <span><i class="bi bi-link-45deg" aria-hidden="true"></i> Beitrag teilen</span> </button> <button type="button" class="btn btn-sm btn-outline-light rounded-pill px-3 py-2 fw-semibold" data-share-action="copy"> <span><i class="bi bi-clipboard-data" aria-hidden="true"></i> Kopieren</span> </button> </div></div><div class="mobile-interaction-hub d-md-none my-3"> <div class="interaction-nav-tabs"> <button type="button" class="interaction-tab-btn active" onclick="switchMobileTab(this, 'mobTabReactions')"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Feedback</button> <button type="button" class="interaction-tab-btn" onclick="switchMobileTab(this, 'mobTabPulse')"><i class="bi bi-bar-chart-fill" aria-hidden="true"></i> Experten-Votum</button> </div> <div class="interaction-tab-content"> <div id="mobTabReactions" class="mob-tab-pane"> <div class="d-flex flex-wrap gap-1.5"> <button type="button" class="btn btn-xs btn-dark border border-secondary border-opacity-40 rounded-pill px-2.5 py-1.5 emoji-reaction-btn text-light" data-reaction="fire" data-article-id="1824757"><i class="bi bi-fire" aria-hidden="true"></i> Hot <span class="badge bg-secondary-subtle extra-small count-fire">0</span></button> <button type="button" class="btn btn-xs btn-dark border border-secondary border-opacity-40 rounded-pill px-2.5 py-1.5 emoji-reaction-btn text-light" data-reaction="shield" data-article-id="1824757"><i class="bi bi-broadcast" aria-hidden="true"></i>️ Patch <span class="badge bg-secondary-subtle extra-small count-shield">0</span></button> <button type="button" class="btn btn-xs btn-dark border border-secondary border-opacity-40 rounded-pill px-2.5 py-1.5 emoji-reaction-btn text-light" data-reaction="bulb" data-article-id="1824757"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Hilfreich <span class="badge bg-secondary-subtle extra-small count-bulb">0</span></button> <button type="button" class="btn btn-xs btn-dark border border-secondary border-opacity-40 rounded-pill px-2.5 py-1.5 emoji-reaction-btn text-light" data-reaction="rocket" data-article-id="1824757"><i class="bi bi-rocket-takeoff-fill" aria-hidden="true"></i> Top <span class="badge bg-secondary-subtle extra-small count-rocket">0</span></button> </div> </div> <div id="mobTabPulse" class="mob-tab-pane d-none"> <div class="d-flex flex-column gap-1.5"> <button type="button" class="btn btn-xs btn-dark border border-danger border-opacity-40 rounded-pill py-1.5 px-3 text-start text-danger fw-bold pulse-vote-btn" data-option="high" data-article-id="1824757">🔴 Akute Relevanz</button> <button type="button" class="btn btn-xs btn-dark border border-warning border-opacity-40 rounded-pill py-1.5 px-3 text-start text-warning fw-bold pulse-vote-btn" data-option="medium" data-article-id="1824757">🟡 In Evaluierung</button> <button type="button" class="btn btn-xs btn-dark border border-success border-opacity-40 rounded-pill py-1.5 px-3 text-start text-success fw-bold pulse-vote-btn" data-option="low" data-article-id="1824757">🟢 Keine Auswirkung</button> </div> </div> </div></div><div class="my-4 p-3.5 p-md-4 rounded-4 bg-dark bg-opacity-70 border border-secondary border-opacity-30 shadow-sm community-pulse-card d-none d-md-block" data-article-id="1824757" data-pct-high="0" data-pct-medium="0" data-pct-low="0" data-pct-tech="0" data-total-votes="0"> <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3 pb-2 border-bottom border-secondary border-opacity-25"> <div class="d-flex align-items-center gap-2"> <span class="fs-5"><i class="bi bi-bar-chart-fill" aria-hidden="true"></i></span> <span class="small font-weight-bold text-uppercase font-monospace text-white tracking-wider">Community Pulse: Relevanz-Einschätzung</span> </div> <span class="extra-small text-muted font-monospace pulse-status-text">1 Klick Experten-Votum</span> </div> <div class="pulse-options-grid row g-2"> <div class="col-sm-6 col-lg-3"> <button type="button" class="btn btn-sm btn-dark border border-danger border-opacity-40 rounded-pill w-100 py-2 pulse-vote-btn text-light text-start px-2 text-nowrap" data-option="high" data-article-id="1824757"> <span class="text-danger fw-bold">🔴 Akute Relevanz</span> </button> </div> <div class="col-sm-6 col-lg-3"> <button type="button" class="btn btn-sm btn-dark border border-warning border-opacity-40 rounded-pill w-100 py-2 pulse-vote-btn text-light text-start px-2 text-nowrap" data-option="medium" data-article-id="1824757"> <span class="text-warning fw-bold">🟡 In Evaluierung</span> </button> </div> <div class="col-sm-6 col-lg-3"> <button type="button" class="btn btn-sm btn-dark border border-success border-opacity-40 rounded-pill w-100 py-2 pulse-vote-btn text-light text-start px-2 text-nowrap" data-option="low" data-article-id="1824757"> <span class="text-success fw-bold">🟢 Keine Auswirkung</span> </button> </div> <div class="col-sm-6 col-lg-3"> <button type="button" class="btn btn-sm btn-dark border border-info border-opacity-40 rounded-pill w-100 py-2 pulse-vote-btn text-light text-start px-2 text-nowrap" data-option="tech" data-article-id="1824757"> <span class="text-info fw-bold"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Spannende Innovation</span> </button> </div> </div> <div class="pulse-results-container d-none pt-1"> <div class="mb-2.5"> <div class="d-flex justify-content-between extra-small font-monospace mb-1"> <span class="text-danger fw-semibold">🔴 Akute Relevanz</span> <span class="text-white fw-bold pulse-pct-high">0%</span> </div> <div class="progress bg-dark" style="height: 7px;"> <div class="progress-bar bg-danger pulse-bar-high" role="progressbar" style="width: 0%; transition: width 0.6s ease;"></div> </div> </div> <div class="mb-2.5"> <div class="d-flex justify-content-between extra-small font-monospace mb-1"> <span class="text-warning fw-semibold">🟡 In Evaluierung</span> <span class="text-white fw-bold pulse-pct-medium">0%</span> </div> <div class="progress bg-dark" style="height: 7px;"> <div class="progress-bar bg-warning pulse-bar-medium" role="progressbar" style="width: 0%; transition: width 0.6s ease;"></div> </div> </div> <div class="mb-2.5"> <div class="d-flex justify-content-between extra-small font-monospace mb-1"> <span class="text-success fw-semibold">🟢 Keine Auswirkung</span> <span class="text-white fw-bold pulse-pct-low">0%</span> </div> <div class="progress bg-dark" style="height: 7px;"> <div class="progress-bar bg-success pulse-bar-low" role="progressbar" style="width: 0%; transition: width 0.6s ease;"></div> </div> </div> <div> <div class="d-flex justify-content-between extra-small font-monospace mb-1"> <span class="text-info fw-semibold text-nowrap"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Spannende Innovation</span> <span class="text-white fw-bold pulse-pct-tech">0%</span> </div> <div class="progress bg-dark" style="height: 7px;"> <div class="progress-bar bg-info pulse-bar-tech" role="progressbar" style="width: 0%; transition: width 0.6s ease;"></div> </div> </div> </div></div><div class="mt-4 p-3.5 rounded-4 bg-dark bg-opacity-60 border border-secondary border-opacity-30 shadow-sm"> <div class="d-flex align-items-center justify-content-between mb-2 pb-2 border-bottom border-secondary border-opacity-25"> <div class="d-flex align-items-center gap-2"> <span class="live-pulse-dot" style="width: 8px; height: 8px;"></span> <h6 class="m-0 fw-bold small text-uppercase tracking-wider font-monospace text-white"><i class="bi bi-lightning-charge-fill" aria-hidden="true"></i> Verwandte Story-Cluster & Quellen (Vektor-KI)</h6> </div> <span class="badge bg-info-subtle text-info rounded-pill extra-small font-monospace">Port 8095 Engine</span> </div> <div class="row g-2 pt-1 article-related-row"> <div class="col-md-4"> <div class="p-2.5 rounded-3 bg-dark bg-opacity-50 border border-secondary border-opacity-20 h-100 d-flex flex-column justify-content-between"> <div> <span class="badge bg-secondary-subtle text-light rounded-pill extra-small font-monospace mb-1">1 Quelle</span> <div class="extra-small fw-bold text-white mb-1.5" style="line-height: 1.35;">Bits und so #1021 (Passwort für Laufwerk)</div> </div> <div> <a href="/weiterlesen/4140676757/0/bits-und-so-1021-passwort-fuer-laufwerk/" class="btn btn-xs btn-outline-info rounded-pill px-2.5 py-0.5 text-decoration-none extra-small w-100 text-center">↗ Analyse öffnen</a> </div> </div> </div> <div class="col-md-4"> <div class="p-2.5 rounded-3 bg-dark bg-opacity-50 border border-secondary border-opacity-20 h-100 d-flex flex-column justify-content-between"> <div> <span class="badge bg-secondary-subtle text-light rounded-pill extra-small font-monospace mb-1">1 Quelle</span> <div class="extra-small fw-bold text-white mb-1.5" style="line-height: 1.35;">Bits und so #1022 (Wie Weißbier)</div> </div> <div> <a href="/weiterlesen/3149616167/0/bits-und-so-1022-wie-weissbier/" class="btn btn-xs btn-outline-info rounded-pill px-2.5 py-0.5 text-decoration-none extra-small w-100 text-center">↗ Analyse öffnen</a> </div> </div> </div> <div class="col-md-4"> <div class="p-2.5 rounded-3 bg-dark bg-opacity-50 border border-secondary border-opacity-20 h-100 d-flex flex-column justify-content-between"> <div> <span class="badge bg-secondary-subtle text-light rounded-pill extra-small font-monospace mb-1">1 Quelle</span> <div class="extra-small fw-bold text-white mb-1.5" style="line-height: 1.35;">KI-Agenten entdecken deutsches Wiki als Kommunikationskanal</div> </div> <div> <a href="/weiterlesen/1333320484/0/ki-agenten-entdecken-deutsches-wiki-als-kommunikationskanal/" class="btn btn-xs btn-outline-info rounded-pill px-2.5 py-0.5 text-decoration-none extra-small w-100 text-center">↗ Analyse öffnen</a> </div> </div> </div> </div></div><div class="mt-4 pt-3 border-top border-secondary border-opacity-25"> <div class="row g-3"> <div class="col-md-6"> <a href="/de/1852723/ai-nachrichten/pre-trained-gaussian-processes-for-bayesian-optimization/" id="prevArticleLink" class="p-3 rounded-4 bg-dark bg-opacity-70 border border-secondary border-opacity-30 d-flex flex-column justify-content-between h-100 text-decoration-none text-light transition-transform hover-translate-y shadow-sm"> <div> <div class="d-flex justify-content-between align-items-center mb-1.5"> <span class="badge bg-secondary-subtle text-muted extra-small font-monospace">◀ VORHERIGER BEITRAG</span> <span class="extra-small text-muted font-monospace"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> 8 Min</span> </div> <div class="small fw-bold text-white mb-1" style="line-height: 1.35;">Pre-trained Gaussian processes for Bayesian optimization</div> </div> <div class="extra-small text-info font-monospace mt-2"><i class="bi bi-folder2-open" aria-hidden="true"></i> 29</div> </a> </div> <div class="col-md-6"> <a href="/de/1852722/it-security-video/live-at-3pm-et-financial-institutions-under-siege-in-cyberspace/" id="nextArticleLink" class="p-3 rounded-4 bg-dark bg-opacity-70 border border-primary border-opacity-40 d-flex flex-column justify-content-between h-100 text-decoration-none text-light transition-transform hover-translate-y shadow-sm"> <div> <div class="d-flex justify-content-between align-items-center mb-1.5"> <span class="badge bg-primary-subtle text-info border border-primary-subtle extra-small font-monospace"><i class="bi bi-arrow-right-circle" aria-hidden="true"></i> NÄCHSTER BEITRAG</span> <span class="extra-small text-muted font-monospace"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> 1 Min</span> </div> <div class="small fw-bold text-white mb-1" style="line-height: 1.35;">Security Weekly: LIVE at 3pm ET: Financial Institutions Under Siege in Cyberspace</div> </div> <div class="d-flex justify-content-between align-items-center mt-2"> <span class="extra-small text-info font-monospace"><i class="bi bi-folder2-open" aria-hidden="true"></i> 6</span> <span class="extra-small text-info fw-bold">Weiterlesen ▶</span> </div> </a> </div> </div> <div class="text-center mt-2.5 extra-small text-muted font-monospace opacity-75"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Tipp: Mit Pfeiltasten [ ← ] und [ → ] blättern</div></div></article><style> .image-lightbox-modal { display: none; position: fixed; inset: 0; z-index: 1080; background: rgba(2, 6, 23, 0.88); backdrop-filter: blur(6px); align-items: center; justify-content: center; } .image-lightbox-modal.is-active { display: flex; } .lightbox-close-btn { position: absolute; top: 1rem; right: 1.25rem; width: 44px; height: 44px; min-height: 44px; font-size: 1.25rem; line-height: 1; color: #f8fafc; background: rgba(15, 23, 42, 0.7); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 9999px; cursor: pointer; } .lightbox-close-btn:hover { background: rgba(15, 23, 42, 0.9); } .lightbox-img-wrapper { max-width: min(1100px, 92vw); max-height: 86vh; } .lightbox-img-wrapper img { display: block; max-width: 100%; max-height: 86vh; object-fit: contain; border-radius: 0.75rem; background: #0b0f19; } .lightbox-caption { margin-top: 0.75rem; text-align: center; color: #e2e8f0; font-size: 0.875rem; } </style><div id="imageLightboxModal" class="image-lightbox-modal" onclick="closeImageLightbox()"> <button type="button" class="lightbox-close-btn" onclick="closeImageLightbox()" aria-label="Schließen">✕</button> <div class="lightbox-img-wrapper" onclick="event.stopPropagation()"> <img id="lightboxModalImg" src="" alt="Vollbild-Vorschau"> <div id="lightboxModalCaption" class="lightbox-caption d-none"></div> </div></div><script> // 1. Lightbox Controller window.openImageLightbox = function(src, caption) { const m = document.getElementById("imageLightboxModal"); const img = document.getElementById("lightboxModalImg"); const cap = document.getElementById("lightboxModalCaption"); if (m && img) { img.src = src; img.alt = caption || "Bildvorschau"; if (cap) { if (caption && caption.trim().length > 0) { cap.textContent = caption; cap.classList.remove("d-none"); } else { cap.classList.add("d-none"); } } m.classList.add("is-active"); document.body.style.overflow = "hidden"; } }; window.closeImageLightbox = function() { const m = document.getElementById("imageLightboxModal"); if (m) { m.classList.remove("is-active"); document.body.style.removeProperty("overflow"); } }; document.addEventListener("keydown", function(e) { if (e.key === "Escape") { window.closeImageLightbox(); } }); // 1b. SWOT GX28 (04.09.2026): Share-Bar-Handler — delegiert, ersetzt die // Inline-onclick-Attribute (Verhalten identisch: navigator.share-Fallback // Clipboard + Toast; Copy-Button mit 2s-Label-Reset). document.addEventListener("click", function(e) { var btn = e.target && e.target.closest ? e.target.closest("[data-share-action]") : null; if (!btn) return; var action = btn.getAttribute("data-share-action"); var url = window.location.href; var shareToast = function(iconClass) { if (window.showToastNotification) { window.showToastNotification("Link in Zwischenablage kopiert! <i class=\"bi " + iconClass + "\" aria-hidden=\"true\"></i>"); } else if (typeof alert === "function") { alert("Link kopiert!"); } }; if (action === "native") { if (navigator.share) { navigator.share({ title: btn.getAttribute("data-share-title") || document.title, url: url }); } else { navigator.clipboard.writeText(url); shareToast("bi-link-45deg"); } } else if (action === "copy") { navigator.clipboard.writeText(url); btn.innerHTML = "✓ Kopiert!"; shareToast("bi-clipboard-data"); setTimeout(function() { btn.innerHTML = "📋 Kopieren"; }, 2000); } }); // 2. AI Audio-Briefing & Voice Synthesis Controller (function() { const bar = document.getElementById("articleAudioPlayerBar"); const playBtn = document.getElementById("audioPlayPauseBtn"); const playIcon = document.getElementById("audioPlayIcon"); const playText = document.getElementById("audioPlayText"); const stopBtn = document.getElementById("audioStopBtn"); const equalizer = document.getElementById("audioEqualizer"); const voiceSelect = document.getElementById("speechVoiceSelect"); const speedBtns = document.querySelectorAll(".audio-speed-btn"); let synth = window.speechSynthesis; let utterance = null; let currentSpeed = 1.0; let availableVoices = []; const langTarget = (bar && bar.getAttribute("data-lang")) ? bar.getAttribute("data-lang").toLowerCase() : "de"; window.toggleAudioBriefingBar = function() { if (!bar) return; bar.classList.toggle("d-none"); if (!bar.classList.contains("d-none") && synth && !utterance) { initVoices(); } }; function initVoices() { if (!synth || !voiceSelect) return; availableVoices = synth.getVoices(); if (availableVoices.length === 0) return; // Filter voices by current page language or browser language let matchingVoices = availableVoices.filter(v => v.lang && v.lang.toLowerCase().startsWith(langTarget)); if (matchingVoices.length === 0) { // Fallback to browser language const browserLang = (navigator.language || "de").substring(0, 2).toLowerCase(); matchingVoices = availableVoices.filter(v => v.lang && v.lang.toLowerCase().startsWith(browserLang)); } if (matchingVoices.length === 0) { matchingVoices = availableVoices; } voiceSelect.innerHTML = matchingVoices.map((v, i) => ` <option value="${v.name}">${v.name} (${v.lang})</option> `).join(""); } if (synth) { if (synth.onvoiceschanged !== undefined) { synth.onvoiceschanged = initVoices; } initVoices(); } function stopPlayback() { if (synth) synth.cancel(); utterance = null; if (playIcon) playIcon.textContent = "▶"; if (playText) playText.textContent = "Anhören"; if (equalizer) equalizer.classList.remove("is-playing"); } function startPlayback() { if (!synth) { alert("Web Speech API wird von diesem Browser leider nicht unterstützt."); return; } synth.cancel(); // Extract clean text from Title and Body const titleEl = document.querySelector("h1"); const bodyEl = document.querySelector(".article-reading-body"); let textToRead = ""; if (titleEl) textToRead += titleEl.innerText + ". "; if (bodyEl) { // Clone to strip non-speech elements (like code copy buttons) const clone = bodyEl.cloneNode(true); clone.querySelectorAll(".code-copy-btn, script, style, .badge").forEach(el => el.remove()); textToRead += clone.innerText; } if (!textToRead || textToRead.trim().length === 0) { alert("Kein lesbarer Text gefunden."); return; } utterance = new SpeechSynthesisUtterance(textToRead.trim()); utterance.rate = currentSpeed; // Set selected voice const selectedVoiceName = voiceSelect ? voiceSelect.value : ""; if (selectedVoiceName) { const matchedVoice = availableVoices.find(v => v.name === selectedVoiceName); if (matchedVoice) utterance.voice = matchedVoice; } utterance.onstart = function() { if (playIcon) playIcon.textContent = "⏸"; if (playText) playText.textContent = "Pause"; if (equalizer) equalizer.classList.add("is-playing"); }; utterance.onpause = function() { if (playIcon) playIcon.textContent = "▶"; if (playText) playText.textContent = "Fortsetzen"; if (equalizer) equalizer.classList.remove("is-playing"); }; utterance.onresume = function() { if (playIcon) playIcon.textContent = "⏸"; if (playText) playText.textContent = "Pause"; if (equalizer) equalizer.classList.add("is-playing"); }; utterance.onend = function() { stopPlayback(); }; utterance.onerror = function() { stopPlayback(); }; synth.speak(utterance); } if (playBtn) { playBtn.addEventListener("click", function() { if (!synth) return; if (synth.speaking && !synth.paused) { synth.pause(); } else if (synth.paused) { synth.resume(); } else { startPlayback(); } }); } if (stopBtn) { stopBtn.addEventListener("click", stopPlayback); } speedBtns.forEach(btn => { btn.addEventListener("click", function() { speedBtns.forEach(b => b.classList.remove("is-active")); this.classList.add("is-active"); currentSpeed = parseFloat(this.getAttribute("data-speed") || "1.0"); if (synth && synth.speaking) { startPlayback(); } }); }); })(); // 3. TOC Scroll-Spy & Reading Progress Controller (function() { const progressBar = document.getElementById("readingProgressBar"); const globalBar = document.getElementById("globalReadingProgressBar"); const tocLinks = document.querySelectorAll(".toc-link"); const headings = document.querySelectorAll(".article-section-heading"); function updateReadingMetrics() { const body = document.querySelector(".article-reading-body"); if (!body) return; const bodyRect = body.getBoundingClientRect(); const totalHeight = body.scrollHeight; const windowHeight = window.innerHeight; const scrolledPast = Math.max(0, -bodyRect.top); const scrollable = totalHeight - windowHeight; let pct = 0; if (scrollable > 0) { pct = Math.min(100, Math.max(0, Math.round((scrolledPast / scrollable) * 100))); } else if (bodyRect.top < 0) { pct = 100; } // Update Top Bar & Global Header Progress Bar if (progressBar) progressBar.style.width = pct + "%"; if (globalBar) globalBar.style.width = pct + "%"; // Scroll-Spy for TOC if (headings.length > 0 && tocLinks.length > 0) { let currentSecId = ""; headings.forEach(h => { const r = h.getBoundingClientRect(); if (r.top <= 140) { currentSecId = h.getAttribute("id"); } }); tocLinks.forEach(link => { if (currentSecId && link.getAttribute("data-toc-target") === currentSecId) { link.classList.add("is-active"); } else { link.classList.remove("is-active"); } }); } } window.addEventListener("scroll", updateReadingMetrics, { passive: true }); updateReadingMetrics(); })(); // 4. Mobile Tab Switcher window.switchMobileTab = function(btn, tabId) { const hub = btn.closest(".mobile-interaction-hub"); if (!hub) return; hub.querySelectorAll(".interaction-tab-btn").forEach(b => b.classList.remove("active")); btn.classList.add("active"); hub.querySelectorAll(".mob-tab-pane").forEach(p => p.classList.add("d-none")); const target = document.getElementById(tabId); if (target) target.classList.remove("d-none"); }; // 5. Quote & Write / Community Blog Composer Handlers window.openQuoteBlogComposer = function(quotedText = "") { const modalEl = document.getElementById("quoteBlogComposerModal"); if (!modalEl) return; const quotePreview = document.getElementById("quoteComposerSnippetPreview"); const quoteInput = document.getElementById("quoteComposerSnippetInput"); const quoteBadge = document.getElementById("quoteComposerSnippetBadge"); const textToQuote = (typeof quotedText === "string" && quotedText.trim().length > 0) ? quotedText.trim() : (window.getSelection ? window.getSelection().toString().trim() : ""); if (textToQuote && textToQuote.length > 5) { if (quotePreview) quotePreview.textContent = textToQuote; if (quoteInput) quoteInput.value = textToQuote; if (quoteBadge) quoteBadge.classList.remove("d-none"); } else { if (quotePreview) quotePreview.textContent = ""; if (quoteInput) quoteInput.value = ""; if (quoteBadge) quoteBadge.classList.add("d-none"); } // Open Bootstrap Modal if (window.bootstrap && bootstrap.Modal) { const modal = bootstrap.Modal.getOrCreateInstance(modalEl); modal.show(); } else { modalEl.classList.add("show"); modalEl.style.display = "block"; } }; window.submitQuoteBlogAnalysis = async function() { const form = document.getElementById("quoteBlogComposerForm"); if (!form) return; const title = document.getElementById("quoteBlogTitle")?.value.trim() || ""; const content = document.getElementById("quoteBlogContent")?.value.trim() || ""; const authorName = document.getElementById("quoteBlogAuthor")?.value.trim() || "Cyber Analyst"; const category = document.getElementById("quoteBlogCategory")?.value || "Security Analysis"; const quotedSnippet = document.getElementById("quoteComposerSnippetInput")?.value.trim() || ""; const statusMsg = document.getElementById("quoteBlogStatusMsg"); const submitBtn = document.getElementById("quoteBlogSubmitBtn"); if (title.length < 5) { alert("Bitte gib einen aussagekräftigen Titel (mind. 5 Zeichen) ein."); return; } if (content.length < 20) { alert("Bitte verfasse deine Analyse (mind. 20 Zeichen)."); return; } // DSGVO: Einwilligung vorm Veröffentlichen (Server erzwingt 422 // DSGVO_REQUIRED für Gäste). const dsgvoConsent = document.getElementById("quoteBlogDsgvoConsent"); if (dsgvoConsent && !dsgvoConsent.checked) { alert("Bitte bestätige die Datenschutzerklärung, um deine Analyse zu veröffentlichen."); dsgvoConsent.focus(); return; } if (submitBtn) { submitBtn.disabled = true; submitBtn.innerHTML = "⏳ Veröffentliche..."; } try { const response = await fetch("/api/community_blog.php?action=create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ title: title, content: content, author_name: authorName, category: category, quoted_snippet: quotedSnippet, referenced_rss_id: 1824757, referenced_rss_title: "androiddevelopers: Accessibility services and how users interact with them", referenced_rss_url: window.location.href, referenced_cve: "", dsgvo_consent: "1" }) }); const res = await response.json(); if (res.success) { if (statusMsg) { statusMsg.className = "alert alert-success mt-3 extra-small"; statusMsg.textContent = "✓ Deine Analyse wurde erfolgreich veröffentlicht! Lade neu..."; statusMsg.classList.remove("d-none"); } setTimeout(() => { window.location.reload(); }, 1200); } else { alert("Fehler beim Veröffentlichen: " + (res.error || "Unbekannter Fehler")); if (submitBtn) { submitBtn.disabled = false; submitBtn.innerHTML = "🚀 Veröffentlichen"; } } } catch (err) { alert("Netzwerkfehler: " + err.message); if (submitBtn) { submitBtn.disabled = false; submitBtn.innerHTML = "🚀 Veröffentlichen"; } } }; // 6. Text Selection Floating Tooltip (function initSelectionQuoteTooltip() { const tooltipBtn = document.getElementById("quoteFloatingSelectionBtn"); const readingBody = document.querySelector(".article-reading-body"); if (!tooltipBtn || !readingBody) return; document.addEventListener("selectionchange", function() { const sel = window.getSelection(); if (!sel || sel.isCollapsed || !sel.toString().trim()) { tooltipBtn.classList.add("d-none"); return; } const text = sel.toString().trim(); if (text.length < 15) { tooltipBtn.classList.add("d-none"); return; } const range = sel.getRangeAt(0); if (!readingBody.contains(range.commonAncestorContainer)) { tooltipBtn.classList.add("d-none"); return; } const rect = range.getBoundingClientRect(); tooltipBtn.style.top = (rect.top + window.scrollY - 45) + "px"; // Welle 8 (06.09.): Rechte Klemme ergänzt — vorher nur min 10px links; // Markierungen nahe der rechten Kante rutschten ins Off (body clippt // overflow-x) und die Zitat-Aktion war mobil unbedienbar. 240px = // gemessene Maximalbreite des Pills inkl. Label. const quoteBtnMaxLeft = Math.max(10, document.documentElement.clientWidth - 240 - 10); tooltipBtn.style.left = Math.min( Math.max(10, (rect.left + window.scrollX + (rect.width / 2) - 100)), quoteBtnMaxLeft ) + "px"; tooltipBtn.style.maxWidth = "calc(100vw - 20px)"; tooltipBtn.classList.remove("d-none"); }); tooltipBtn.addEventListener("click", function(e) { e.preventDefault(); const sel = window.getSelection(); const text = sel ? sel.toString().trim() : ""; tooltipBtn.classList.add("d-none"); window.openQuoteBlogComposer(text); }); // Threat Pulse Barometer Voting Handler document.querySelectorAll(".threat-poll-btn").forEach(btn => { btn.addEventListener("click", async function() { const opt = this.getAttribute("data-threat"); const card = this.closest(".threat-level-barometer-card"); const actions = this.closest(".threat-poll-actions"); const results = card ? card.querySelector(".threat-poll-results") : null; let pulseOption = "evaluating"; if (opt === "critical") pulseOption = "critical"; else if (opt === "low") pulseOption = "safe"; try { const res = await fetch("/api/community_blog.php?action=threat_pulse", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ rss_id: 1824757, option: pulseOption }) }); const data = await res.json(); if (data.success && results) { if (actions) actions.classList.add("d-none"); results.classList.remove("d-none"); const lowBar = results.querySelector(".threat-bar-low"); const medBar = results.querySelector(".threat-bar-med"); const critBar = results.querySelector(".threat-bar-crit"); const totalVotes = results.querySelector(".threat-poll-total-votes"); if (lowBar) { lowBar.style.width = data.safe_pct + "%"; lowBar.title = data.safe_pct + "% Entwarnung"; } if (medBar) { medBar.style.width = data.evaluating_pct + "%"; medBar.title = data.evaluating_pct + "% In Prüfung"; } if (critBar) { critBar.style.width = data.critical_pct + "%"; critBar.title = data.critical_pct + "% Akut"; } if (totalVotes) totalVotes.textContent = data.total_votes + " Stimmen (Live)"; } } catch(e) { console.error(e); } }); }); })(); // MF13 (03.09.): TOC-Startzustand gerätesensitiv — Desktop offen, Phone // eingeklappt (Markup startet eingeklappt). Label/aria an den echten // Zustand angleichen; Fallback ohne bootstrap.Collapse setzt show direkt. (function () { var tocCollapse = document.getElementById("collapseArticleToc"); var tocToggleBtn = document.querySelector("[data-bs-target='#collapseArticleToc']"); if (!tocCollapse) return; var isDesktop = window.matchMedia("(min-width: 768px)").matches; if (isDesktop) { if (window.bootstrap && window.bootstrap.Collapse) { window.bootstrap.Collapse.getOrCreateInstance(tocCollapse, { toggle: false }).show(); } else { tocCollapse.classList.add("show"); } } if (tocToggleBtn) { tocToggleBtn.textContent = isDesktop ? "Einklappen" : "Aufklappen"; tocToggleBtn.setAttribute("aria-expanded", isDesktop ? "true" : "false"); } })(); </script><button type="button" id="quoteFloatingSelectionBtn" class="btn btn-xs btn-primary rounded-pill px-3 py-1.5 fw-bold shadow position-absolute d-none z-3 d-flex align-items-center gap-1.5 rss-brand-gradient-btn" style="font-size: 0.78rem;"> <span><i class="bi bi-pencil-square" aria-hidden="true"></i> Zitat in Blog übernehmen</span></button><div class="modal fade" id="quoteBlogComposerModal" tabindex="-1" aria-labelledby="quoteBlogModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content border border-info border-opacity-40 shadow-lg rounded-4" style="backdrop-filter: blur(20px);"> <div class="modal-header border-bottom border-secondary border-opacity-25 pb-3"> <div class="d-flex align-items-center gap-2"> <span class="fs-4"><i class="bi bi-pencil-square" aria-hidden="true"></i></span> <div> <h5 class="modal-title fw-bold fs-6 mb-0" id="quoteBlogModalLabel">Community-Analyse & Blog-Beitrag verfassen</h5> <span class="extra-small text-muted font-monospace">Referenziert: androiddevelopers: Accessibility services and how users interact with them</span> </div> </div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button> </div> <div class="modal-body p-3.5"> <form id="quoteBlogComposerForm" onsubmit="event.preventDefault(); submitQuoteBlogAnalysis();"> <input type="hidden" id="quoteComposerSnippetInput" value="" /> <div id="quoteComposerSnippetBadge" class="p-2.5 mb-3 rounded-3 border-start border-info border-3 extra-small text-body d-none" style="background: rgba(var(--color-surface-rgb), 0.7);"> <div class="d-flex justify-content-between align-items-center mb-1 text-info-emphasis font-monospace fw-bold"> <span><i class="bi bi-chat-dots-fill" aria-hidden="true"></i> ZITIERTER TEXTABSCHNITT:</span> <button type="button" class="btn btn-link text-muted p-0 text-decoration-none" onclick="document.getElementById('quoteComposerSnippetInput').value=''; document.getElementById('quoteComposerSnippetBadge').classList.add('d-none');">✕ Entfernen</button> </div> <blockquote id="quoteComposerSnippetPreview" class="m-0 font-italic text-secondary"></blockquote> </div> <div class="row g-2 mb-3"> <div class="col-12 col-md-8"> <label for="quoteBlogTitle" class="form-label extra-small text-muted font-monospace">TITEL DER ANALYSE *</label> <input type="text" class="form-control form-control-sm border-secondary border-opacity-40 rounded-3 extra-small" id="quoteBlogTitle" placeholder="z. B. Deep Dive & Sofort-Workaround für..." required> </div> <div class="col-12 col-md-4"> <label for="quoteBlogCategory" class="form-label extra-small text-muted font-monospace">KATEGORIE</label> <select class="form-select form-select-sm border-secondary border-opacity-40 rounded-3 extra-small" id="quoteBlogCategory"> <option value="Security Analysis"><i class="bi bi-broadcast" aria-hidden="true"></i>️ Sicherheits-Einschätzung</option> <option value="Workaround / Mitigation"><i class="bi bi-wrench" aria-hidden="true"></i> Workaround & Fix</option> <option value="PoC & Deep Dive"><i class="bi bi-binoculars-fill" aria-hidden="true"></i> PoC & Deep Dive</option> <option value="Meinung / Kommentar"><i class="bi bi-chat-dots-fill" aria-hidden="true"></i> Meinung & Kommentar</option> </select> </div> </div> <div class="mb-3"> <label for="quoteBlogContent" class="form-label extra-small text-muted font-monospace">DEINE ANALYSE / WORKAROUND (MARKDOWN UNTERSTÜTZT) *</label> <textarea class="form-control border-secondary border-opacity-40 rounded-3 extra-small font-monospace" id="quoteBlogContent" rows="6" placeholder="Beschreibe deine Erkenntnisse, teile CLI-Befehle, Log-Auszüge oder deine technische Beurteilung..." required></textarea> </div> <div class="row g-2 mb-3"> <div class="col-12 col-md-6"> <label for="quoteBlogAuthor" class="form-label extra-small text-muted font-monospace">AUTOR / ALIAS</label> <input type="text" class="form-control form-control-sm border-secondary border-opacity-40 rounded-3 extra-small" id="quoteBlogAuthor" value="Cyber Analyst"> </div> </div> <div class="form-check mb-3"> <input class="form-check-input mt-0 me-1.5" type="checkbox" id="quoteBlogDsgvoConsent" value="1" required/> <label class="form-check-label extra-small text-muted" for="quoteBlogDsgvoConsent" style="cursor: pointer;">Ich stimme der Veröffentlichung und Speicherung meines Beitrags gemäß <a href="/datenschutz/" target="_blank" rel="noopener" class="text-info text-decoration-none">Datenschutzerklärung</a> zu.</label> </div> <div id="quoteBlogStatusMsg" class="d-none"></div> </form> </div> <div class="modal-footer border-top border-secondary border-opacity-25 pt-2 d-flex justify-content-between"> <span class="extra-small text-muted font-monospace"><i class="bi bi-lightning-charge-fill" aria-hidden="true"></i> Wird direkt mit diesem Artikel & im Live-Feed verknüpft</span> <div class="d-flex gap-2"> <button type="button" class="btn btn-xs btn-outline-secondary rounded-pill px-3 py-1" data-bs-dismiss="modal">Abbrechen</button> <button type="button" class="btn btn-xs btn-primary rounded-pill px-3.5 py-1.5 fw-bold rss-brand-gradient-btn" id="quoteBlogSubmitBtn" onclick="submitQuoteBlogAnalysis()"><i class="bi bi-rocket-takeoff-fill" aria-hidden="true"></i> Veröffentlichen</button> </div> </div> </div> </div></div> <div class="cms-brand-footer mt-4 pt-3 border-top border-secondary border-opacity-10 d-flex flex-wrap align-items-center justify-content-between gap-3" style="color: var(--brand-text-muted, #64748b);"> <div class="d-flex align-items-center gap-2"> <span class="small fw-semibold me-1" style="color: var(--brand-text-muted, #64748b);">Powered by <strong class="brand-footer-name">tsecurity.de</strong></span> <span class="badge rounded-pill bg-body-secondary text-secondary small px-2 py-1">tsecurity.de Hub</span> </div> <div class="d-flex align-items-center flex-wrap gap-2"> <a href="/" class="btn btn-sm btn-primary rounded-pill px-3 fw-semibold shadow-sm" style="background: var(--brand-primary, #2563eb); border-color: var(--brand-primary, #2563eb);"> 🚀 Auf tsecurity.de entdecken </a> </div> </div><script type="application/ld+json">{"@context":"https://schema.org","@type":"NewsArticle","headline":"androiddevelopers: Accessibility services and how users interact with them","description":"Video von androiddevelopers auf YouTube: Author: Android Developers - Bewertung: 6x - 5 Apps and Games may have custom actions which are not always visible on…","datePublished":"2023-04-06T19:02:39+02:00","dateModified":"2023-04-06T19:02:39+02:00","articleSection":"🎥 Video | Youtube","inLanguage":"de","mainEntityOfPage":{"@type":"WebPage","@id":"de/1852703/video-youtube/accessibility-services-and-how-users-interact-with-them/"},"publisher":{"@type":"Organization","name":"youtube.com","url":"https://tsecurity.de"},"image":["https://i.ytimg.com/vi/TJsIVB5Y35U/maxresdefault.jpg"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https://tsecurity.de/de/2/"},{"@type":"ListItem","position":2,"name":"🎥 Video | Youtube","item":"https://tsecurity.de/de/1852703/video-youtube/accessibility-services-and-how-users-interact-with-them/"},{"@type":"ListItem","position":3,"name":"androiddevelopers: Accessibility services and how users interact with them","item":"de/1852703/video-youtube/accessibility-services-and-how-users-interact-with-them/"}]}</script><script> (function () { if (window.__tsIntervalHydrator) { window.__tsIntervalHydrator(); return; } function relTime(iso) { var t = Date.parse(iso); if (isNaN(t)) return null; var diff = Date.now() - t; if (diff <= 0) return 'gerade eben'; var m = Math.floor(diff / 60000); if (m < 1) return 'gerade eben'; if (m < 60) return 'vor ' + m + ' Min.'; var h = Math.floor(m / 60); if (h < 24) return 'vor ' + h + ' Std.'; var d = Math.floor(h / 24); if (d < 31) return 'vor ' + d + (d === 1 ? ' Tag' : ' Tagen'); var mo = Math.floor(d / 30.44); if (mo < 12) return 'vor ' + mo + (mo === 1 ? ' Monat' : ' Monaten'); var y = Math.floor(d / 365.25); return 'vor ' + y + (y === 1 ? ' Jahr' : ' Jahren'); } function hydrate() { var els = document.querySelectorAll('[data-interval-ts]'); for (var i = 0; i < els.length; i++) { var label = relTime(els[i].getAttribute('data-interval-ts')); if (label !== null && els[i].textContent !== label) els[i].textContent = label; } } window.__tsIntervalHydrator = hydrate; if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', hydrate); else hydrate(); setInterval(hydrate, 60000); })(); </script> </article> </section><section class="cms-module-box cms-module-box--gap col-12 mod-pos-center cms-module-box--main cms-module-box--density-full" data-cms-module="similar" data-zone="main" data-position="center"><article class="block cms-module-box similar mod-pos-center mod-pos-main cms-module-box--density-full" id="box_similar_1845344" role="region" aria-label="similar Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="similar" data-zone="main" data-position="center" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <div class="cms-brand-header d-flex flex-wrap align-items-center justify-content-between gap-2 pb-3 mb-3 border-bottom border-secondary border-opacity-10" style="color: var(--brand-text, inherit);"> <div class="d-flex align-items-center me-auto"> <img src="https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png" alt="tsecurity.de" class="cms-brand-logo me-2" style="height: 28px; width: auto; max-width: 140px; object-fit: contain;"> <span class="fw-semibold ms-2 pe-2 border-start ps-2 cms-brand-title fs-6" style="color: var(--color-text-heading, currentColor); opacity: 0.9;">Ähnliche Beiträge</span> </div> <div class="cms-brand-badge-wrap"> <span class="badge rounded-pill px-3 py-1 fw-medium" style="background: rgba(var(--brand-primary-rgb, 0, 240, 255), 0.12); color: var(--brand-primary, #00f0ff); border: 1px solid rgba(var(--brand-primary-rgb, 0, 240, 255), 0.3); font-size: 0.78rem;"> 🔍 Verwandte News </span> </div> </div><style> .similar-content-section { --similar-bg-surface: var(--brand-surface, var(--bs-body-bg, #0f172a)); --similar-bg-card: var(--brand-surface, rgba(var(--color-surface-rgb), 0.95)); --similar-border: var(--brand-border); --similar-primary: var(--brand-primary); --similar-primary-rgb: var(--brand-primary-rgb, 0, 240, 255); --similar-text: var(--brand-text, #f8fafc); --similar-text-muted: var(--brand-text-muted, var(--color-text-muted)); --similar-accent-orange: var(--brand-accent, #f59e0b); --similar-accent-mid: var(--brand-accent-mid, #3b82f6); --similar-on-primary: var(--brand-on-primary, #000); --similar-radius: var(--brand-radius, 0.75rem); color: var(--similar-text); } [data-theme="light"] .similar-content-section, [data-bs-theme="light"] .similar-content-section, body.light .similar-content-section { --similar-bg-surface: rgba(241, 245, 249, 0.9); --similar-bg-card: rgba(255, 255, 255, 0.95); --similar-border: rgba(0, 0, 0, 0.1); --similar-primary: #0284c7; --similar-primary-rgb: 2, 132, 199; --similar-text: #0f172a; --similar-text-muted: #64748b; --similar-accent-orange: #d97706; } [data-theme="light"] .similar-content-section .rss-category-card, [data-theme="light"] .similar-content-section .similar-video-card, [data-bs-theme="light"] .similar-content-section .rss-category-card, [data-bs-theme="light"] .similar-content-section .similar-video-card, body.light .similar-content-section .rss-category-card, body.light .similar-content-section .similar-video-card { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important; color: #0f172a !important; } [data-theme="light"] .similar-content-section .rss-category-card-title a, [data-bs-theme="light"] .similar-content-section .rss-category-card-title a, body.light .similar-content-section .rss-category-card-title a { color: #0f172a !important; } .similar-content-section .rss-category-header { background: var(--similar-bg-surface); border: 1px solid var(--similar-border); border-radius: var(--similar-radius); } .similar-content-section .rss-category-card { background: var(--similar-bg-card); border: 1px solid var(--similar-border); border-radius: var(--similar-radius); padding: 1.25rem; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; color: var(--similar-text); height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .similar-content-section .rss-category-card:hover { transform: translateY(-3px); border-color: var(--similar-primary); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); } .similar-content-section .rss-category-card-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; font-size: 0.85rem; } .similar-content-section .rss-category-card-category { color: var(--similar-primary); text-decoration: none; font-weight: 600; } .similar-content-section .rss-category-card-title { font-size: 1.05rem; font-weight: 700; line-height: 1.35; margin-bottom: 0.75rem; } /* Teaser im Similar-Kontext theme-adaptiv (System-.card-teaser hat feste Dunkel-Farbe — dieses Modul hellt im Light-Theme die Karten auf). */ .similar-content-section .card-teaser { color: var(--similar-text-muted); font-size: 0.8rem; } .similar-content-section .rss-category-card-title a { color: var(--similar-text); text-decoration: none; } .similar-content-section .rss-category-card-title a:hover { color: var(--similar-primary); } .similar-content-section .rss-category-card-meta { display: flex; justify-content: space-between; font-size: 0.8rem; color: var(--similar-text-muted); margin-bottom: 0.75rem; } .similar-content-section .similar-relevance-bar { height: 4px; background: rgba(255, 255, 255, 0.1); border-radius: 2px; overflow: hidden; margin-bottom: 0.75rem; } .similar-content-section .similar-relevance-fill { height: 100%; transition: width 0.3s ease; } .similar-content-section .rss-category-card-readmore { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.85rem; font-weight: 600; color: var(--similar-primary); text-decoration: none; } .similar-term-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; border-bottom: 1px solid var(--similar-border); padding-bottom: 0.75rem; margin-bottom: 1rem; } .similar-term-tabs .nav-link { color: var(--similar-text-muted); border: 1px solid var(--similar-border); background: rgba(255, 255, 255, 0.03); border-radius: 50rem; padding: 0.4rem 1.1rem; font-size: 0.88rem; font-weight: 600; transition: all 0.2s ease; cursor: pointer; } .similar-term-tabs .nav-link:hover { color: var(--similar-text); border-color: var(--similar-primary); } .similar-term-tabs .nav-link.active { background: var(--similar-primary); color: var(--similar-on-primary); border-color: var(--similar-primary); box-shadow: 0 0 12px rgba(var(--similar-primary-rgb), 0.35); } .similar-sub-tabs { display: flex; gap: 1rem; border-bottom: 1px dashed var(--similar-border); padding-bottom: 0.4rem; margin-bottom: 1.25rem; } .similar-sub-tabs .nav-link { color: var(--similar-text-muted); border: none; background: transparent; border-bottom: 2px solid transparent; padding: 0.35rem 0.5rem; font-size: 0.85rem; font-weight: 600; border-radius: 0; cursor: pointer; } .similar-sub-tabs .nav-link.active { color: var(--similar-primary); border-bottom-color: var(--similar-primary); background: transparent; } .btn-similar-load-more { background: rgba(var(--color-fastpass-rgb), 0.08); color: var(--similar-primary); border: 1px solid var(--similar-primary); border-radius: 50rem; padding: 0.5rem 1.5rem; font-weight: 600; font-size: 0.9rem; transition: all 0.2s ease; } .btn-similar-load-more:hover { background: var(--similar-primary); color: var(--similar-on-primary); box-shadow: 0 0 15px rgba(var(--similar-primary-rgb), 0.4); } </style><section class="similar-content-section my-4" aria-label="Ähnliche Beiträge und verwandte Nachrichten" style="--brand-primary: #00f0ff; --brand-primary-rgb: 0, 240, 255; --brand-secondary: #0b0f19; --brand-surface: #0f172a; --brand-accent: #3b82f6; --brand-accent-rgb: 59, 130, 246; --brand-bg: #0b0f19; --brand-text: #f8fafc; --brand-text-muted: #94a3b8; --brand-border: rgba(255, 255, 255, 0.1); --brand-radius: 0.75rem; --brand-logo: url("https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png");"><div class="rss-category-header mb-3 p-3 rounded-3"> <div class="d-flex align-items-center gap-2 flex-wrap"> <span style="font-size: 1.6em; line-height: 1;"><i class="bi bi-link-45deg" aria-hidden="true"></i></span> <div class="flex-grow-1"> <h2 class="h5 mb-0" style="color: var(--similar-primary); font-weight: 700;">Auch interessante Nachrichten Accessibility services and how users interact with them</h2> <p class="mb-0 mt-1" style="font-size: 0.85em; color: var(--similar-text-muted);"> Thematisch verwandte Begriffe: <strong style="color: var(--similar-primary);">Accessibility, services, users, interact</strong> · <span style="color: var(--similar-primary);">6 Treffer</span> </p> </div> </div></div><ul class="nav nav-pills similar-term-tabs" id="similarTermTabs" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="tab-btn-all" data-bs-toggle="pill" data-bs-target="#pane-all" type="button" role="tab" aria-controls="pane-all" aria-selected="true">📌 Alle Themen </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="tab-btn-term-0" data-bs-toggle="pill" data-bs-target="#pane-term-0" type="button" role="tab" aria-controls="pane-term-0" aria-selected="false">🏷️ Accessibility </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="tab-btn-term-1" data-bs-toggle="pill" data-bs-target="#pane-term-1" type="button" role="tab" aria-controls="pane-term-1" aria-selected="false">🏷️ services </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="tab-btn-term-2" data-bs-toggle="pill" data-bs-target="#pane-term-2" type="button" role="tab" aria-controls="pane-term-2" aria-selected="false">🏷️ users </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="tab-btn-term-3" data-bs-toggle="pill" data-bs-target="#pane-term-3" type="button" role="tab" aria-controls="pane-term-3" aria-selected="false">🏷️ interact </button> </li></ul><div class="tab-content" id="similarTermTabContent"><div class="tab-pane fade show active" id="pane-all" role="tabpanel" aria-labelledby="tab-btn-all"> <ul class="nav similar-sub-tabs mb-3" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="subtab-rss-all" data-bs-toggle="pill" data-bs-target="#subpane-rss-all" type="button" role="tab" aria-selected="true"><i class="bi bi-newspaper" aria-hidden="true"></i> Beiträge</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="subtab-vid-all" data-bs-toggle="pill" data-bs-target="#subpane-vid-all" type="button" role="tab" aria-selected="false"><i class="bi bi-camera-video-fill" aria-hidden="true"></i> Videos</button> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="subpane-rss-all" role="tabpanel"> <div class="similar-async-container" data-term="Accessibility services users interact" data-type="posts" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="true"><div class="row g-3" itemscope itemtype="https://schema.org/ItemList"><meta itemprop="name" content="Ähnliche Beiträge zu Accessibility, services, users, interact" /><div class="col-12 col-md-6 col-lg-4" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <meta itemprop="position" content="1" /> <article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="https://tsecurity.de//de/4046135/malware-trojaner-viren/detect-credential-access-with-elastic-security/"> <div class="rss-category-card-header"> <span class="rss-category-card-type" aria-hidden="true">⚠️</span> <a href="https://tsecurity.de//de/9/it-sicherheit/malware-trojaner-viren/" class="rss-category-card-category" title="Kategorie ⚠️ Malware / Trojaner / Viren öffnen" itemprop="articleSection">⚠️ Malware / Trojaner / Viren</a> <span class="intel-chip intel-chip--src" title="Quelle: Elastic Security Labs">Elastic Security Labs</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046135/malware-trojaner-viren/detect-credential-access-with-elastic-security/" title="➳ Detect Credential Access with Elastic Security lesen" itemprop="url" data-quick-view-id="3990601"> <span itemprop="name">Detect Credential Access with Elastic Security</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-09T00:26:33+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 2 Tagen</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 01.03.2023 um 01:00 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" title="Sehr relevant (100%)"> <div class="similar-relevance-fill" style="width: 100%; background: var(--similar-primary);"></div> </div> <div class="rss-category-card-actions d-flex align-items-center gap-1.5 flex-wrap"> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 fw-semibold d-inline-flex align-items-center gap-1" data-quick-view-id="3990601" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046135/malware-trojaner-viren/detect-credential-access-with-elastic-security/" class="btn btn-xs btn-primary rounded-pill px-3 fw-bold text-decoration-none flex-grow-1 text-center d-inline-flex align-items-center justify-content-center rss-brand-gradient-btn" itemprop="url">Weiterlesen ↗</a> </div> </article></div><div class="col-12 col-md-6 col-lg-4" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <meta itemprop="position" content="2" /> <article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="https://tsecurity.de//de/4046191/programmierung/ios-app-intermittently-fails-with-an-ssl-error-has-occurred-for-some-users-aws-backend-with-only-an-a-record/"> <div class="rss-category-card-header"> <span class="rss-category-card-type" aria-hidden="true">🔧</span> <a href="https://tsecurity.de//de/245520/it-programmierung/" class="rss-category-card-category" title="Kategorie 🔧 Programmierung öffnen" itemprop="articleSection">🔧 Programmierung</a> <span class="intel-chip intel-chip--src" title="Quelle: DEV Community">DEV Community</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046191/programmierung/ios-app-intermittently-fails-with-an-ssl-error-has-occurred-for-some-users-aws-backend-with-only-an-a-record/" title="➳ iOS app intermittently fails with “An SSL error has occurred” for some users — AWS backend with only an A record lesen" itemprop="url" data-quick-view-id="3990657"> <span itemprop="name">iOS app intermittently fails with “An SSL error has occurred” for some users — AWS backend with only an A record</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-09T00:26:31+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 2 Tagen</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 07.09.2026 um 14:02 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="91" title="Sehr relevant (91%)"> <div class="similar-relevance-fill" style="width: 91%; background: var(--similar-primary);"></div> </div> <div class="rss-category-card-actions d-flex align-items-center gap-1.5 flex-wrap"> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 fw-semibold d-inline-flex align-items-center gap-1" data-quick-view-id="3990657" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046191/programmierung/ios-app-intermittently-fails-with-an-ssl-error-has-occurred-for-some-users-aws-backend-with-only-an-a-record/" class="btn btn-xs btn-primary rounded-pill px-3 fw-bold text-decoration-none flex-grow-1 text-center d-inline-flex align-items-center justify-content-center rss-brand-gradient-btn" itemprop="url">Weiterlesen ↗</a> </div> </article></div><div class="col-12 col-md-6 col-lg-4" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <meta itemprop="position" content="3" /> <article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="https://tsecurity.de//de/4046220/ai-nachrichten/why-ai-agent-sandboxes-are-failing-security-tests/"> <div class="rss-category-card-header"> <span class="rss-category-card-type" aria-hidden="true">📰</span> <a href="https://tsecurity.de//de/155807/kuenstliche-intelligenz-videos-ai/" class="rss-category-card-category" title="Kategorie 🔧 AI Nachrichten öffnen" itemprop="articleSection">🔧 AI Nachrichten </a> <span class="intel-chip intel-chip--src" title="Quelle: Security Affairs">Security Affairs</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046220/ai-nachrichten/why-ai-agent-sandboxes-are-failing-security-tests/" title="➳ Why AI Agent Sandboxes Are Failing Security Tests lesen" itemprop="url" data-quick-view-id="3990686"> <span itemprop="name">Why AI Agent Sandboxes Are Failing Security Tests</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-09T00:26:29+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 2 Tagen</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 07.09.2026 um 10:35 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="90" title="Sehr relevant (90%)"> <div class="similar-relevance-fill" style="width: 90%; background: var(--similar-primary);"></div> </div> <div class="rss-category-card-actions d-flex align-items-center gap-1.5 flex-wrap"> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 fw-semibold d-inline-flex align-items-center gap-1" data-quick-view-id="3990686" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046220/ai-nachrichten/why-ai-agent-sandboxes-are-failing-security-tests/" class="btn btn-xs btn-primary rounded-pill px-3 fw-bold text-decoration-none flex-grow-1 text-center d-inline-flex align-items-center justify-content-center rss-brand-gradient-btn" itemprop="url">Weiterlesen ↗</a> </div> </article></div><div class="col-12 col-md-6 col-lg-4" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <meta itemprop="position" content="4" /> <article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="https://tsecurity.de//de/4046137/malware-trojaner-viren/stopping-vulnerable-driver-attacks/"> <div class="rss-category-card-header"> <span class="rss-category-card-type" aria-hidden="true">⚠️</span> <a href="https://tsecurity.de//de/9/it-sicherheit/malware-trojaner-viren/" class="rss-category-card-category" title="Kategorie ⚠️ Malware / Trojaner / Viren öffnen" itemprop="articleSection">⚠️ Malware / Trojaner / Viren</a> <span class="intel-chip intel-chip--src" title="Quelle: Elastic Security Labs">Elastic Security Labs</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046137/malware-trojaner-viren/stopping-vulnerable-driver-attacks/" title="➳ Stopping Vulnerable Driver Attacks lesen" itemprop="url" data-quick-view-id="3990603"> <span itemprop="name">Stopping Vulnerable Driver Attacks</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-09T00:26:33+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 2 Tagen</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 01.03.2023 um 01:00 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="90" title="Sehr relevant (90%)"> <div class="similar-relevance-fill" style="width: 90%; background: var(--similar-primary);"></div> </div> <div class="rss-category-card-actions d-flex align-items-center gap-1.5 flex-wrap"> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 fw-semibold d-inline-flex align-items-center gap-1" data-quick-view-id="3990603" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046137/malware-trojaner-viren/stopping-vulnerable-driver-attacks/" class="btn btn-xs btn-primary rounded-pill px-3 fw-bold text-decoration-none flex-grow-1 text-center d-inline-flex align-items-center justify-content-center rss-brand-gradient-btn" itemprop="url">Weiterlesen ↗</a> </div> </article></div><div class="col-12 col-md-6 col-lg-4" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <meta itemprop="position" content="5" /> <article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="https://tsecurity.de//de/4046399/ai-nachrichten/hands-on-with-chatgpt-works-new-cloud-browser-feature/"> <div class="rss-category-card-header"> <span class="rss-category-card-type" aria-hidden="true">📰</span> <a href="https://tsecurity.de//de/155807/kuenstliche-intelligenz-videos-ai/" class="rss-category-card-category" title="Kategorie 🔧 AI Nachrichten öffnen" itemprop="articleSection">🔧 AI Nachrichten </a> <span class="intel-chip intel-chip--src" title="Quelle: MacStories">MacStories</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046399/ai-nachrichten/hands-on-with-chatgpt-works-new-cloud-browser-feature/" title="➳ Hands-On with ChatGPT Work’s New Cloud Browser Feature lesen" itemprop="url" data-quick-view-id="3990865"> <span itemprop="name">Hands-On with ChatGPT Work’s New Cloud Browser Feature</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-10T01:03:12+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 23 Std.</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 26.08.2026 um 17:06 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="89" title="Sehr relevant (89%)"> <div class="similar-relevance-fill" style="width: 89%; background: var(--similar-primary);"></div> </div> <div class="rss-category-card-actions d-flex align-items-center gap-1.5 flex-wrap"> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 fw-semibold d-inline-flex align-items-center gap-1" data-quick-view-id="3990865" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046399/ai-nachrichten/hands-on-with-chatgpt-works-new-cloud-browser-feature/" class="btn btn-xs btn-primary rounded-pill px-3 fw-bold text-decoration-none flex-grow-1 text-center d-inline-flex align-items-center justify-content-center rss-brand-gradient-btn" itemprop="url">Weiterlesen ↗</a> </div> </article></div><div class="col-12 col-md-6 col-lg-4" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <meta itemprop="position" content="6" /> <article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="https://tsecurity.de//de/4046472/ios-mac-os/whatsapp-testet-integration-von-externen-ki-agenten/"> <div class="rss-category-card-header"> <span class="rss-category-card-type" aria-hidden="true">🍏</span> <a href="https://tsecurity.de//de/155879/it-betriebssysteme/ios-macos-tipps/" class="rss-category-card-category" title="Kategorie 🍏 iOS / Mac OS öffnen" itemprop="articleSection">🍏 iOS / Mac OS</a> <span class="intel-chip intel-chip--src" title="Quelle: Macerkopf.de - Apple News aus Cupertino - Mac, iPhone, iPod, iPad und mehr">Macerkopf.de - Apple News au</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046472/ios-mac-os/whatsapp-testet-integration-von-externen-ki-agenten/" title="➳ WhatsApp testet Integration von externen KI-Agenten lesen" itemprop="url" data-quick-view-id="3990938"> <span itemprop="name">WhatsApp testet Integration von externen KI-Agenten</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-10T01:03:11+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 23 Std.</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 08.09.2026 um 12:07 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="89" title="Sehr relevant (89%)"> <div class="similar-relevance-fill" style="width: 89%; background: var(--similar-primary);"></div> </div> <div class="rss-category-card-actions d-flex align-items-center gap-1.5 flex-wrap"> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 fw-semibold d-inline-flex align-items-center gap-1" data-quick-view-id="3990938" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046472/ios-mac-os/whatsapp-testet-integration-von-externen-ki-agenten/" class="btn btn-xs btn-primary rounded-pill px-3 fw-bold text-decoration-none flex-grow-1 text-center d-inline-flex align-items-center justify-content-center rss-brand-gradient-btn" itemprop="url">Weiterlesen ↗</a> </div> </article></div></div> <div class="text-center mt-3 similar-load-more-wrapper"><button class="btn btn-similar-load-more" onclick="similarLoadMore(this)">➕ Mehr Beiträge laden</button></div> </div> </div> <div class="tab-pane fade" id="subpane-vid-all" role="tabpanel"> <div class="similar-async-container" data-term="Accessibility services users interact" data-type="videos" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Videos werden geladen ...</p> </div> </div> </div> </div></div><div class="tab-pane fade" id="pane-term-0" role="tabpanel" aria-labelledby="tab-btn-term-0"> <ul class="nav similar-sub-tabs mb-3" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="subtab-rss-term-0" data-bs-toggle="pill" data-bs-target="#subpane-rss-term-0" type="button" role="tab" aria-selected="true"><i class="bi bi-newspaper" aria-hidden="true"></i> Beiträge</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="subtab-vid-term-0" data-bs-toggle="pill" data-bs-target="#subpane-vid-term-0" type="button" role="tab" aria-selected="false"><i class="bi bi-camera-video-fill" aria-hidden="true"></i> Videos</button> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="subpane-rss-term-0" role="tabpanel"> <div class="similar-async-container" data-term="Accessibility" data-type="posts" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Beiträge werden geladen ...</p> </div> </div> </div> <div class="tab-pane fade" id="subpane-vid-term-0" role="tabpanel"> <div class="similar-async-container" data-term="Accessibility" data-type="videos" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Videos werden geladen ...</p> </div> </div> </div> </div></div><div class="tab-pane fade" id="pane-term-1" role="tabpanel" aria-labelledby="tab-btn-term-1"> <ul class="nav similar-sub-tabs mb-3" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="subtab-rss-term-1" data-bs-toggle="pill" data-bs-target="#subpane-rss-term-1" type="button" role="tab" aria-selected="true"><i class="bi bi-newspaper" aria-hidden="true"></i> Beiträge</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="subtab-vid-term-1" data-bs-toggle="pill" data-bs-target="#subpane-vid-term-1" type="button" role="tab" aria-selected="false"><i class="bi bi-camera-video-fill" aria-hidden="true"></i> Videos</button> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="subpane-rss-term-1" role="tabpanel"> <div class="similar-async-container" data-term="services" data-type="posts" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Beiträge werden geladen ...</p> </div> </div> </div> <div class="tab-pane fade" id="subpane-vid-term-1" role="tabpanel"> <div class="similar-async-container" data-term="services" data-type="videos" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Videos werden geladen ...</p> </div> </div> </div> </div></div><div class="tab-pane fade" id="pane-term-2" role="tabpanel" aria-labelledby="tab-btn-term-2"> <ul class="nav similar-sub-tabs mb-3" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="subtab-rss-term-2" data-bs-toggle="pill" data-bs-target="#subpane-rss-term-2" type="button" role="tab" aria-selected="true"><i class="bi bi-newspaper" aria-hidden="true"></i> Beiträge</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="subtab-vid-term-2" data-bs-toggle="pill" data-bs-target="#subpane-vid-term-2" type="button" role="tab" aria-selected="false"><i class="bi bi-camera-video-fill" aria-hidden="true"></i> Videos</button> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="subpane-rss-term-2" role="tabpanel"> <div class="similar-async-container" data-term="users" data-type="posts" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Beiträge werden geladen ...</p> </div> </div> </div> <div class="tab-pane fade" id="subpane-vid-term-2" role="tabpanel"> <div class="similar-async-container" data-term="users" data-type="videos" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Videos werden geladen ...</p> </div> </div> </div> </div></div><div class="tab-pane fade" id="pane-term-3" role="tabpanel" aria-labelledby="tab-btn-term-3"> <ul class="nav similar-sub-tabs mb-3" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="subtab-rss-term-3" data-bs-toggle="pill" data-bs-target="#subpane-rss-term-3" type="button" role="tab" aria-selected="true"><i class="bi bi-newspaper" aria-hidden="true"></i> Beiträge</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="subtab-vid-term-3" data-bs-toggle="pill" data-bs-target="#subpane-vid-term-3" type="button" role="tab" aria-selected="false"><i class="bi bi-camera-video-fill" aria-hidden="true"></i> Videos</button> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="subpane-rss-term-3" role="tabpanel"> <div class="similar-async-container" data-term="interact" data-type="posts" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Beiträge werden geladen ...</p> </div> </div> </div> <div class="tab-pane fade" id="subpane-vid-term-3" role="tabpanel"> <div class="similar-async-container" data-term="interact" data-type="videos" data-limit="6" data-time-range="1_year" data-exclude="0" data-loaded="false"> <div class="text-center py-4"> <div class="spinner-border text-info" role="status" style="width: 2.5rem; height: 2.5rem;"> <span class="visually-hidden">Laden...</span> </div> <p class="mt-2 mb-0" style="font-size: 0.85rem; color: var(--similar-text-muted);">Videos werden geladen ...</p> </div> </div> </div> </div></div></div></section><script> // XSS-Schutz (02.09.2026): Item-Daten stammen aus Feed-Titeln Dritter — // vorher wurden sie UNGEESCCT in innerHTML eingesetzt (item.title etc.). function similarEscHtml(s) { return String(s == null ? "" : s) .replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">") .replace(/"/g, """).replace(/'/g, "'"); } // Baustein für eine Similar-Karte (Server-Grid und AJAX teilen dieselbe // Struktur: Chips, Composite-Titel clamp-2, Teaser, Relevanz, 44px-Aktionen). function similarCardHtml(item, position) { const relPct = item.relevance || 50; const relColor = relPct >= 85 ? "var(--similar-primary)" : (relPct >= 60 ? "var(--similar-accent-mid)" : "var(--similar-accent-orange)"); const title = similarEscHtml(item.title); const link = similarEscHtml(item.link); let html = '<div class="col-12 col-md-6 col-lg-4" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">'; html += '<meta itemprop="position" content="' + (position) + '" />'; html += '<article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="' + link + '">'; html += '<div class="rss-category-card-header">'; html += '<span class="rss-category-card-type">' + similarEscHtml(item.symbol || "📰") + '</span>'; html += '<a href="' + similarEscHtml(item.category_link) + '" class="rss-category-card-category" itemprop="articleSection">' + similarEscHtml(item.category) + '</a>'; if (item.is_security && item.cve_id) { html += '<a class="intel-chip intel-chip--cve" href="/cve?cve=' + encodeURIComponent(item.cve_id) + '" title="CVE-Dossier öffnen">🛡️ ' + similarEscHtml(item.cve_id) + '</a>'; } else if (item.is_security) { html += '<span class="intel-chip intel-chip--sec" title="Security-relevanter Beitrag">🛡️ Security Fix</span>'; } if (item.channel && String(item.title).indexOf(item.channel) !== 0) { html += '<span class="intel-chip intel-chip--src" title="Quelle: ' + similarEscHtml(item.channel) + '">' + similarEscHtml(String(item.channel).substring(0, 28)) + '</span>'; } html += '</div>'; html += '<h3 class="rss-category-card-title line-clamp-2" itemprop="headline">'; html += '<a href="' + link + '" itemprop="url" data-quick-view-id="' + (item.id || 0) + '" title="' + title + '"><span itemprop="name">' + title + '</span></a>'; html += '</h3>'; if (item.teaser) { html += '<p class="card-teaser similar-teaser line-clamp-2 mb-2">' + similarEscHtml(String(item.teaser).substring(0, 160)) + '</p>'; } html += '<div class="rss-category-card-meta">'; html += '<span><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> ' + similarEscHtml(item.interval) + '</span>'; html += '<span>📆 ' + similarEscHtml(item.date) + '</span>'; html += '</div>'; html += '<div class="similar-relevance-bar" role="meter" aria-label="Relevanz: ' + relPct + '%" aria-valuemin="0" aria-valuemax="100" aria-valuenow="' + relPct + '" title="Relevanz: ' + relPct + '%">'; html += '<div class="similar-relevance-fill" style="width:' + relPct + '%; background:' + relColor + ';"></div>'; html += '</div>'; html += '<div class="rss-category-card-actions d-flex align-items-center gap-1.5 flex-wrap">'; html += '<button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 fw-semibold d-inline-flex align-items-center gap-1" data-quick-view-id="' + (item.id || 0) + '" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button>'; html += '<a href="' + link + '" class="btn btn-xs btn-primary rounded-pill px-3 fw-bold text-decoration-none flex-grow-1 text-center d-inline-flex align-items-center justify-content-center rss-brand-gradient-btn">Weiterlesen ↗</a>'; html += '</div>'; html += '</article></div>'; return html; } function similarLoadMore(btn) { if (!btn) return; const container = btn.closest(".similar-async-container"); if (!container) return; const term = container.getAttribute("data-term"); const type = container.getAttribute("data-type") || "posts"; const limit = container.getAttribute("data-limit") || "6"; const timeRange = container.getAttribute("data-time-range") || "1_year"; const exclude = container.getAttribute("data-exclude") || "0"; let currentCount = 0; if (type === "posts") { currentCount = container.querySelectorAll(".rss-category-card").length; } else { currentCount = container.querySelectorAll("article").length; } btn.disabled = true; btn.innerHTML = "⏳ Lade weitere..."; const apiUrl = "/module/similar/ajax_similar_content.php?q=" + encodeURIComponent(term) + "&type=" + encodeURIComponent(type) + "&limit=" + limit + "&offset=" + currentCount + "&time_range=" + encodeURIComponent(timeRange) + "&exclude=" + exclude; fetch(apiUrl, { credentials: "same-origin" }) .then(function(r) { return r.json(); }) .then(function(data) { btn.disabled = false; btn.innerHTML = "➕ Mehr Beiträge laden"; if (type === "posts" && data && data.posts && data.posts.length > 0) { const row = container.querySelector(".row.g-3"); if (row) { data.posts.forEach(function(item, i) { row.insertAdjacentHTML("beforeend", similarCardHtml(item, currentCount + i + 1)); }); } if (!data.has_more) { const wrapper = btn.closest(".similar-load-more-wrapper"); if (wrapper) wrapper.remove(); } } else { const wrapper = btn.closest(".similar-load-more-wrapper"); if (wrapper) wrapper.remove(); } }) .catch(function() { btn.disabled = false; btn.innerHTML = "❌ Fehler beim Nachladen"; }); } (function() { function loadSimilarAsync(container) { if (!container || container.getAttribute("data-loaded") === "true") return; const term = container.getAttribute("data-term"); const type = container.getAttribute("data-type") || "posts"; const limit = container.getAttribute("data-limit") || "6"; const timeRange = container.getAttribute("data-time-range") || "1_year"; const exclude = container.getAttribute("data-exclude") || "0"; if (!term) return; const apiUrl = "/module/similar/ajax_similar_content.php?q=" + encodeURIComponent(term) + "&type=" + encodeURIComponent(type) + "&limit=" + limit + "&offset=0&time_range=" + encodeURIComponent(timeRange) + "&exclude=" + exclude; fetch(apiUrl, { credentials: "same-origin" }) .then(function(r) { return r.json(); }) .then(function(data) { container.setAttribute("data-loaded", "true"); if (type === "posts") { if (!data || !data.posts || data.posts.length === 0) { container.innerHTML = '<div class="rss-category-card text-center p-4" style="border-style: dashed;"><div style="font-size: 2em; opacity: 0.6;"><i class="bi bi-search" aria-hidden="true"></i></div><p class="mb-0 mt-2" style="color: var(--similar-text-muted);">Keine weiteren Beiträge zu diesem Begriff gefunden.</p></div>'; return; } let html = '<div class="row g-3" itemscope itemtype="https://schema.org/ItemList">'; data.posts.forEach(function(item, i) { html += similarCardHtml(item, i + 1); }); html += '</div>'; if (data.has_more) { html += '<div class="text-center mt-3 similar-load-more-wrapper"><button class="btn btn-similar-load-more" onclick="similarLoadMore(this)">➕ Mehr Beiträge laden</button></div>'; } container.innerHTML = html; } else if (type === "videos") { if (!data || !data.videos || data.videos.length === 0) { container.innerHTML = '<div class="rss-category-card text-center p-4" style="border-style: dashed;"><div style="font-size: 2em; opacity: 0.6;">📡</div><p class="mb-0 mt-2" style="color: var(--similar-text-muted);">Keine passenden Videos zu diesem Thema gefunden.</p></div>'; return; } let html = '<div class="d-flex gap-3 overflow-auto pb-3" style="scroll-snap-type: x mandatory; scrollbar-width: thin;">'; data.videos.forEach(function(v) { const safeTitle = similarEscHtml(v.title); const safeLink = similarEscHtml(v.link); const safeThumb = similarEscHtml(v.thumbnail); html += '<article class="flex-shrink-0 rounded-3 overflow-hidden shadow" style="width: 260px; scroll-snap-align: start; background: var(--similar-bg-card); border: 1px solid var(--similar-border);">'; html += '<a href="' + safeLink + '" class="text-decoration-none d-block position-relative" style="aspect-ratio:16/9; background:#000;">'; html += '<img src="' + safeThumb + '" alt="' + safeTitle + '" loading="lazy" class="w-100 h-100" style="object-fit:cover; opacity:0.9;" />'; html += '<span class="position-absolute top-0 end-0 m-1 badge rounded-pill px-2 py-1 bg-danger text-white" style="font-size:0.7rem;"><i class="fab fa-youtube"></i></span>'; html += '<div class="position-absolute top-0 start-0 m-1 badge rounded-pill px-2 py-1" style="background:rgba(0,0,0,0.7); color:#8ecffb; font-size:0.65rem;"><i class="bi bi-bullseye" aria-hidden="true"></i> ' + (v.match_pct || 0) + '% Match</div>'; html += '<div class="position-absolute bottom-0 start-0 end-0 p-2" style="background:linear-gradient(transparent, rgba(0,0,0,0.9));">'; /* W13 (07.09.): Overlay sitzt auf konstantem Schwarz-Gradient — .text-white wurde sitewide ins Dunkle geflippt (CA6S, Light) → dunkel-auf-schwarz. Festes Weiß wie beim WhatsApp-Share (W12). */ html += '<span class="fw-semibold lh-sm d-block" style="color:#fff; font-size:0.85rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;">' + safeTitle + '</span>'; html += '</div></a>'; html += '<div class="p-2 d-flex align-items-center justify-content-between">'; html += '<span class="fs-8" style="color:var(--similar-text-muted);">📆 ' + similarEscHtml(v.date) + '</span>'; html += '<a href="' + safeLink + '" class="btn btn-xs rounded-pill px-2 py-1 text-danger border-danger fw-semibold" style="font-size:0.7rem;">▶ Ansehen</a>'; html += '</div></article>'; }); html += '</div>'; container.innerHTML = html; } }) .catch(function() { container.innerHTML = '<div class="alert alert-warning my-2" role="alert">Inhalte konnten nicht geladen werden.</div>'; }); } document.querySelectorAll(".similar-content-section [data-bs-toggle='pill']").forEach(function(btn) { btn.addEventListener("shown.bs.tab", function(e) { const targetId = e.target.getAttribute("data-bs-target"); if (!targetId) return; const pane = document.querySelector(targetId); if (!pane) return; const container = pane.querySelector(".similar-async-container"); if (container) { loadSimilarAsync(container); } }); }); })(); </script> <div class="cms-brand-footer mt-4 pt-3 border-top border-secondary border-opacity-10 d-flex flex-wrap align-items-center justify-content-between gap-3" style="color: var(--brand-text-muted, #64748b);"> <div class="d-flex align-items-center gap-2"> <span class="small fw-semibold me-1" style="color: var(--brand-text-muted, #64748b);">Powered by <strong class="brand-footer-name">tsecurity.de</strong></span> <span class="badge rounded-pill bg-body-secondary text-secondary small px-2 py-1">tsecurity.de Hub</span> </div> <div class="d-flex align-items-center flex-wrap gap-2"> <a href="/de/1137/Ueber-FW/RSS-Feed-eintragen/#rss_adding" class="btn btn-sm btn-primary rounded-pill px-3 fw-semibold shadow-sm" style="background: var(--brand-primary, #2563eb); border-color: var(--brand-primary, #2563eb);"> 🚀 Auf tsecurity.de entdecken </a> </div> </div> </article> </section> <section class="cms-module-box cms-module-box--gap col-12 mod-pos-center cms-module-box--main cms-module-box--density-full" data-cms-module="kommentar" data-zone="main" data-position="center"> <div data-module-ajax="kommentar" data-page-id="1852703" data-module-id="1845667" data-zone="main" data-position="center" data-lang="de" style="min-height:480px;"> <div class="sidebar-placeholder" aria-hidden="true"><span>💬 Kommentare werden geladen…</span></div> </div> <noscript><article class="block cms-module-box kommentar mod-pos-center mod-pos-main cms-module-box--density-full" id="box_kommentar_1845667" role="region" aria-label="kommentar Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="kommentar" data-zone="main" data-position="center" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <div class="content md-comment-module-wrapper p-3 p-md-4 mod-pos-center rounded-4 shadow-sm" id="modul_kommentar_1845667" aria-label="Diskussionsbereich" style="--brand-primary: #00f0ff; --brand-primary-rgb: 0, 240, 255; --brand-secondary: #0b0f19; --brand-surface: #0f172a; --brand-accent: #3b82f6; --brand-accent-rgb: 59, 130, 246; --brand-bg: #0b0f19; --brand-text: #f8fafc; --brand-text-muted: #94a3b8; --brand-border: rgba(255, 255, 255, 0.1); --brand-radius: 0.75rem; --brand-logo: url("https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png");"> <div class="cms-brand-header d-flex flex-wrap align-items-center justify-content-between gap-2 pb-3 mb-3 border-bottom border-secondary border-opacity-10" style="color: var(--brand-text, inherit);"> <div class="d-flex align-items-center me-auto"> <img src="https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png" alt="tsecurity.de" class="cms-brand-logo me-2" style="height: 28px; width: auto; max-width: 140px; object-fit: contain;"> <span class="fw-semibold ms-2 pe-2 border-start ps-2 cms-brand-title fs-6" style="color: var(--color-text-heading, currentColor); opacity: 0.9;">Kommentare über Accessibility services and how users interact with them</span> </div> <div class="cms-brand-badge-wrap"> <span class="badge rounded-pill px-3 py-1 fw-medium" style="background: rgba(var(--brand-primary-rgb, 0, 240, 255), 0.12); color: var(--brand-primary, #00f0ff); border: 1px solid rgba(var(--brand-primary-rgb, 0, 240, 255), 0.3); font-size: 0.78rem;"> 💬 Social News Network </span> </div> </div><a name="kommentarbereich" id="kommentarbereich"></a><div class="md-comment-header mb-3 pb-3"> <div class="md-comment-header-main"> <span class="md-comment-header-label">Community Debatte</span> <span class="md-comment-count-badge">0 Beiträge</span> </div> <div class="md-comment-filter-row"> <div class="debate-filter-group" role="group" aria-label="Debatten-Filter"> <button type="button" class="md-filter-pill debate-filter-pill active" data-filter="all">Alle (0)</button> <button type="button" class="md-filter-pill debate-filter-pill" data-filter="poc"><i class="bi bi-lightning-charge-fill" aria-hidden="true"></i> PoCs & Code</button> <button type="button" class="md-filter-pill debate-filter-pill" data-filter="analysis"><i class="bi bi-search" aria-hidden="true"></i> Analysen</button> </div> <select class="md-comment-sort comment-sort-select" aria-label="Kommentare sortieren"> <option value="latest">Neueste zuerst</option> <option value="top">Top bewertet</option> </select> </div></div><div class="md-comment-tags-bar"> <div class="md-comment-tags" id="articleTagBar_1852703"> <span class="md-comment-tags-label"><i class="bi bi-tag-fill" aria-hidden="true"></i> Tags:</span><span class="md-comment-tags-empty">Noch keine Tags.</span> <button type="button" class="md-tag-add-btn" onclick="handleArticleTagAdd(1852703, 'page')"><i class="bi bi-plus-lg" aria-hidden="true"></i> Tag</button> </div> <button type="button" class="md-amendment-btn" onclick="openAmendmentModal(1852703, 'Artikel #1852703', 'page')"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Ergänzung / PoC einreichen</button></div><section class="md-comment-list mb-3" aria-label="Bisherige Kommentare" itemscope itemtype="https://schema.org/UserInteraction"><div class="md-comment-empty-state"> <div class="md-comment-empty-icon"><i class="bi bi-chat-dots-fill" aria-hidden="true"></i></div> <h4 class="md-comment-empty-title">Noch keine Diskussion eröffnet</h4> <p class="md-comment-empty-text">Sei der Erste, der seine Einschätzung oder PoC zu diesem Thema teilt.</p></div></section><div id="defaultFormLocation"></div><form id="setKommentar" name="frmKommentar" action="/ajax/comment_save.php" method="POST" class="md-comment-form my-4" novalidate><input type="hidden" name="modul_id" value="1845667"/><input type="hidden" name="modul_typ" value="kommentar"/><input type="hidden" id="txtMenue_id" name="txtMenue_id" value="1852703"/><input type="hidden" id="txtKommentar_id" name="txtKommentar_id" value="0"/><input type="hidden" name="csrf_token" value="f7de74c5f1b022f139c863d45ea9eeba2df5f958114b69becfc91a630c6797f8" data-csrf="true"><div style="position:absolute; left:-9999px; top:-9999px;" aria-hidden="true"> <label>Website (bitte leer lassen)<input type="text" name="website_url_hp" tabindex="-1" autocomplete="off"/></label></div><div class="md-comment-form-card"><div id="replyIndicatorContainer" class="md-comment-reply-indicator d-none"> <span class="md-comment-reply-indicator-label">↩️ Antworten auf: <strong id="replyAuthorName"></strong></span> <button type="button" class="md-comment-cancel-btn" onclick="cancelReply()">❌ Antwort abbrechen</button></div><h4 class="md-comment-form-heading" id="formHeading"><span><i class="bi bi-pencil-square" aria-hidden="true"></i></span> <span>Diskussionsbeitrag verfassen</span></h4><div class="row g-3"><div class="col-md-6"> <label for="txtEmail" class="form-label small fw-semibold text-muted">Email (wird niemals veröffentlicht) *</label> <div class="input-group"> <span class="input-group-text md-comment-input-addon">📧</span> <input type="email" class="form-control md-comment-input" id="txtEmail" name="txtEmail" placeholder="ihre@email.de" required autocomplete="email"/> </div></div><div class="col-md-6"> <label for="txtTitle" class="form-label small fw-semibold text-muted">Titel / Alias *</label> <input type="text" class="form-control md-comment-input" id="txtTitle" name="txtTitle" placeholder="z. B. SecResearcher / Alex..." required autocomplete="nickname"/></div><div class="col-md-6"> <label for="selCommentType" class="form-label small fw-semibold text-muted">Beitrags-Typ</label> <select class="form-select md-comment-input" id="selCommentType" name="comment_type"> <option value="standard" selected>Standard-Kommentar</option> <option value="poc">Exploit PoC / Code-Snippet</option> <option value="analysis">Security Analyse / Patch</option> </select></div><div class="col-md-6"> <label for="selBadgeLabel" class="form-label small fw-semibold text-muted">Expertise / Rolle (Optional)</label> <select class="form-select md-comment-input" id="selBadgeLabel" name="badge_label"> <option value="" selected>Leser / Community</option> <option value="🛡️ Security Researcher">🛡️ Security Researcher</option> <option value="💻 Software Engineer">💻 Software Engineer</option> <option value="🐧 SysAdmin / DevOps">🐧 SysAdmin / DevOps</option> </select></div><div class="col-12"> <label for="txtKommentar" class="form-label small fw-semibold text-muted">Inhalt (Markdown & ```Code``` unterstützt) *</label> <textarea class="form-control md-comment-input md-comment-textarea" id="txtKommentar" name="txtKommentar" placeholder="Dein Beitrag... Nutze ```bash ... ``` für Code-Blöcke." rows="4" required maxlength="2000"></textarea> <div class="md-comment-form-foot"> <small class="md-comment-format-hint"><i class="bi bi-lightbulb-fill" aria-hidden="true"></i> Code-Formatierung: <code>```bash ... ```</code> oder <code>`inline code`</code></small> <small id="charCounter" class="md-comment-char-counter">0 / 2000</small> </div></div></div><div class="form-check mt-3"> <input class="form-check-input" type="checkbox" id="dsgvo_consent" name="dsgvo_consent" value="1" required/> <label class="form-check-label small text-muted" for="dsgvo_consent"> Ich stimme der Speicherung meiner Eingaben zu (E-Mail wird niemals veröffentlicht). <a href="/datenschutz/" target="_blank" class="md-comment-dsgvo-link">Datenschutz</a> </label></div><button type="submit" class="md-comment-submit-btn md-comment-submit-btn--lg w-100 mt-3" id="btnKommentarSubmit"> <span>Beitrag veröffentlichen</span></button><div id="kommentarFeedback" class="mt-3" role="status" aria-live="assertive"></div></div></form> <div class="cms-brand-footer mt-4 pt-3 border-top border-secondary border-opacity-10 d-flex flex-wrap align-items-center justify-content-between gap-3" style="color: var(--brand-text-muted, #64748b);"> <div class="d-flex align-items-center gap-2"> <span class="small fw-semibold me-1" style="color: var(--brand-text-muted, #64748b);">Powered by <strong class="brand-footer-name">tsecurity.de</strong></span> <span class="badge rounded-pill bg-body-secondary text-secondary small px-2 py-1">tsecurity.de Hub</span> </div> <div class="d-flex align-items-center flex-wrap gap-2"> <a href="/de/1137/Ueber-FW/RSS-Feed-eintragen/#rss_adding" class="btn btn-sm btn-primary rounded-pill px-3 fw-semibold shadow-sm" style="background: var(--brand-primary, #2563eb); border-color: var(--brand-primary, #2563eb);"> 🚀 Auf tsecurity.de entdecken </a> </div> </div></div> </article> </noscript> </section> </div> <div class="col-12 col-lg-4 col-xxl-3 order-2 col-right sidebar-col"> <button type="button" class="sidebar-collapse-toggle btn btn-dark border border-secondary border-opacity-40 text-light w-100 d-lg-none d-flex align-items-center justify-content-between px-3 mt-2 rounded-3" data-bs-toggle="collapse" data-bs-target="#sidebarCollapse-col-right" aria-expanded="false" aria-controls="sidebarCollapse-col-right" aria-label="Seitenleiste ein- oder ausklappen" style="min-height: 44px;"> <span class="fw-semibold small"><i class="bi bi-layout-sidebar-reverse me-1" aria-hidden="true"></i>Seitenleiste</span> <i class="bi bi-chevron-down sidebar-collapse-chevron" aria-hidden="true"></i> </button> <aside class="collapse d-lg-block sidebar" id="sidebarCollapse-col-right" data-lazy-sidebar="col-right"> <div class="sidebar-placeholder" aria-hidden="true"><span>📡 Sidebar wird geladen…</span></div> <template data-sidebar-template="col-right"> <section class="cms-module-box cms-module-box--gap col-12 mod-pos-right cms-module-box--right cms-module-box--density-compact" data-cms-module="stats" data-zone="right" data-position="right"> <div data-module-ajax="stats" data-page-id="1852703" data-module-id="3721163" data-zone="right" data-position="right" data-lang="de" style="min-height:60px;"> <div class="sidebar-placeholder" aria-hidden="true"><span>📊 Statistiken werden geladen…</span></div> </div> <noscript><article class="block cms-module-box stats mod-pos-right cms-module-box--density-compact" id="box_stats_3721163" role="region" aria-label="stats Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="stats" data-zone="right" data-position="right" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <button type="button" class="cms-module-popout-trigger" data-cms-popout="box_stats_3721163" aria-label="Modul vergrößert anzeigen" title="Modul vergrößert anzeigen" data-cms-popout-variant="1"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.5 2.5h4v4M13.5 2.5 9.75 6.25M6.5 13.5h-4v-4M2.5 13.5l3.75-3.75"/></svg> </button> <div class="cms-brand-header d-flex flex-wrap align-items-center justify-content-between gap-2 pb-3 mb-3 border-bottom border-secondary border-opacity-10" style="color: var(--brand-text, inherit);"> <div class="d-flex align-items-center me-auto"> <img src="https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png" alt="tsecurity.de" class="cms-brand-logo me-2" style="height: 28px; width: auto; max-width: 140px; object-fit: contain;"> <span class="fw-semibold ms-2 pe-2 border-start ps-2 cms-brand-title fs-6" style="color: var(--color-text-heading, currentColor); opacity: 0.9;">Trends der letzten 48 Stunden</span> </div> <div class="cms-brand-badge-wrap"> <span class="badge rounded-pill px-3 py-1 fw-medium" style="background: rgba(var(--brand-primary-rgb, 0, 240, 255), 0.12); color: var(--brand-primary, #00f0ff); border: 1px solid rgba(var(--brand-primary-rgb, 0, 240, 255), 0.3); font-size: 0.78rem;"> ⚡ tsecurity.de Intelligence </span> </div> </div><div class="stats-leaderboard-suite my-3 p-2.5 p-sm-3 stats-leaderboard-suite--compact mod-pos-sidebar rounded-4 shadow-sm" style="--brand-primary: #00f0ff; --brand-primary-rgb: 0, 240, 255; --brand-secondary: #0b0f19; --brand-surface: #0f172a; --brand-accent: #3b82f6; --brand-accent-rgb: 59, 130, 246; --brand-bg: #0b0f19; --brand-text: #f8fafc; --brand-text-muted: #94a3b8; --brand-border: rgba(255, 255, 255, 0.1); --brand-radius: 0.75rem; --brand-logo: url(&quot;https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png&quot;); background: rgba(var(--color-surface-rgb), 0.85); border: 1px solid rgba(var(--color-line-rgb), 0.1); backdrop-filter: blur(20px); color: var(--color-text, #f8fafc);"><div class="d-flex align-items-center justify-content-between gap-2 mb-3 pb-2 border-bottom border-secondary border-opacity-25"> <div class="d-flex align-items-center gap-2 min-w-0"> <span class="fs-5">🔥</span> <h4 class="fw-bold text-white m-0 small font-monospace tracking-wide text-truncate">TOP TRENDS</h4> </div> <span class="badge bg-dark border border-secondary border-opacity-40 text-info font-monospace extra-small px-2 py-1 min-w-0" style="flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="Letzte 48 Stunden">Letzte 48 Stunden</span></div><div class="stats-compact-ranking d-flex flex-column gap-2 mb-2"><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#1</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/3846317/it-security-nachrichten/virtual-event-what-every-enterprise-should-know-about-securing-cloud-assets-in-the-age-of-ai/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3790997" title="[Virtual Event] What Every Enterprise Should Know About Securing Cloud Assets in the Age of AI">[Virtual Event] What Every Enterprise Should Know About Securing Cloud Assets in the Age of AI</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 4</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 63</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3790997" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#2</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/3846318/it-security-nachrichten/virtual-event-building-a-secure-ai-strategy-for-the-enterprise/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3790998" title="[Virtual Event] Building a Secure AI Strategy for the Enterprise">[Virtual Event] Building a Secure AI Strategy for the Enterprise</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 4</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 57</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3790998" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#3</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/3963573/programmierung/visual-studio-code-1137-insiders/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3908040" title="Visual Studio Code 1.137 (Insiders)">Visual Studio Code 1.137 (Insiders)</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 26</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 33</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3908040" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#4</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/4046404/ios-mac-os/uk-repeats-demands-for-child-safety-features-that-apple-already-made/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3990870" title="UK repeats demands for child safety features that Apple already made">UK repeats demands for child safety features that Apple already made</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 23</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 12</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3990870" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#5</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/4046403/ios-mac-os/new-product-identifiers-show-up-in-apples-backend-dont-indicate-release-timing/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3990869" title="New product identifiers show up in Apple's backend, don't indicate release timing">New product identifiers show up in Apple's backend, don't indicate release timing</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 23</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 10</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3990869" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div></div><div class="text-center mt-3 pt-2 border-top border-secondary border-opacity-20"> <button type="button" class="btn btn-xs btn-outline-secondary rounded-pill extra-small stats-popout-cta" data-cms-popout="box_stats_3721163" data-cms-popout-variant="1"><i class="bi bi-trophy-fill text-warning-emphasis me-1"></i> Leaderboard (Pop-Out) <i class="bi bi-arrows-fullscreen" aria-hidden="true"></i></button></div></div> <div class="cms-brand-footer mt-4 pt-3 border-top border-secondary border-opacity-10 d-flex flex-wrap align-items-center justify-content-between gap-3" style="color: var(--brand-text-muted, #64748b);"> <div class="d-flex align-items-center gap-2"> <span class="small fw-semibold me-1" style="color: var(--brand-text-muted, #64748b);">Powered by <strong class="brand-footer-name">tsecurity.de</strong></span> <span class="badge rounded-pill bg-body-secondary text-secondary small px-2 py-1">tsecurity.de Hub</span> </div> <div class="d-flex align-items-center flex-wrap gap-2"> <a href="/" class="btn btn-sm btn-primary rounded-pill px-3 fw-semibold shadow-sm" style="background: var(--brand-primary, #2563eb); border-color: var(--brand-primary, #2563eb);"> 🚀 Auf tsecurity.de alle Trends entdecken </a> </div> </div> </article> </noscript> </section> <section class="cms-module-box cms-module-box--gap col-12 mod-pos-right cms-module-box--right cms-module-box--density-compact" data-cms-module="stats" data-zone="right" data-position="right"> <div data-module-ajax="stats" data-page-id="1852703" data-module-id="3721164" data-zone="right" data-position="right" data-lang="de" style="min-height:60px;"> <div class="sidebar-placeholder" aria-hidden="true"><span>📊 Statistiken werden geladen…</span></div> </div> <noscript><article class="block cms-module-box stats mod-pos-right cms-module-box--density-compact" id="box_stats_3721164" role="region" aria-label="stats Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="stats" data-zone="right" data-position="right" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <button type="button" class="cms-module-popout-trigger" data-cms-popout="box_stats_3721164" aria-label="Modul vergrößert anzeigen" title="Modul vergrößert anzeigen"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.5 2.5h4v4M13.5 2.5 9.75 6.25M6.5 13.5h-4v-4M2.5 13.5l3.75-3.75"/></svg> </button> </article> </noscript> </section> <section class="cms-module-box cms-module-box--gap col-12 mod-pos-right cms-module-box--right cms-module-box--density-compact" data-cms-module="stats" data-zone="right" data-position="right"> <div data-module-ajax="stats" data-page-id="1852703" data-module-id="3721165" data-zone="right" data-position="right" data-lang="de" style="min-height:60px;"> <div class="sidebar-placeholder" aria-hidden="true"><span>📊 Statistiken werden geladen…</span></div> </div> <noscript><article class="block cms-module-box stats mod-pos-right cms-module-box--density-compact" id="box_stats_3721165" role="region" aria-label="stats Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="stats" data-zone="right" data-position="right" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <button type="button" class="cms-module-popout-trigger" data-cms-popout="box_stats_3721165" aria-label="Modul vergrößert anzeigen" title="Modul vergrößert anzeigen"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.5 2.5h4v4M13.5 2.5 9.75 6.25M6.5 13.5h-4v-4M2.5 13.5l3.75-3.75"/></svg> </button> </article> </noscript> </section> </template> <noscript> <style> aside#sidebarCollapse-col-right.collapse { display: block !important; } aside#sidebarCollapse-col-right .sidebar-placeholder { display: none; } aside#sidebarCollapse-col-right .sidebar-noscript-fallback { display: block !important; } </style> </noscript> <div class="sidebar-noscript-fallback" style="display:none"> <section class="cms-module-box cms-module-box--gap col-12 mod-pos-right cms-module-box--right cms-module-box--density-compact" data-cms-module="stats" data-zone="right" data-position="right"> <div data-module-ajax="stats" data-page-id="1852703" data-module-id="3721163" data-zone="right" data-position="right" data-lang="de" style="min-height:60px;"> <div class="sidebar-placeholder" aria-hidden="true"><span>📊 Statistiken werden geladen…</span></div> </div> <noscript><article class="block cms-module-box stats mod-pos-right cms-module-box--density-compact" id="box_stats_3721163" role="region" aria-label="stats Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="stats" data-zone="right" data-position="right" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <button type="button" class="cms-module-popout-trigger" data-cms-popout="box_stats_3721163" aria-label="Modul vergrößert anzeigen" title="Modul vergrößert anzeigen" data-cms-popout-variant="1"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.5 2.5h4v4M13.5 2.5 9.75 6.25M6.5 13.5h-4v-4M2.5 13.5l3.75-3.75"/></svg> </button> <div class="cms-brand-header d-flex flex-wrap align-items-center justify-content-between gap-2 pb-3 mb-3 border-bottom border-secondary border-opacity-10" style="color: var(--brand-text, inherit);"> <div class="d-flex align-items-center me-auto"> <img src="https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png" alt="tsecurity.de" class="cms-brand-logo me-2" style="height: 28px; width: auto; max-width: 140px; object-fit: contain;"> <span class="fw-semibold ms-2 pe-2 border-start ps-2 cms-brand-title fs-6" style="color: var(--color-text-heading, currentColor); opacity: 0.9;">Trends der letzten 48 Stunden</span> </div> <div class="cms-brand-badge-wrap"> <span class="badge rounded-pill px-3 py-1 fw-medium" style="background: rgba(var(--brand-primary-rgb, 0, 240, 255), 0.12); color: var(--brand-primary, #00f0ff); border: 1px solid rgba(var(--brand-primary-rgb, 0, 240, 255), 0.3); font-size: 0.78rem;"> ⚡ tsecurity.de Intelligence </span> </div> </div><div class="stats-leaderboard-suite my-3 p-2.5 p-sm-3 stats-leaderboard-suite--compact mod-pos-sidebar rounded-4 shadow-sm" style="--brand-primary: #00f0ff; --brand-primary-rgb: 0, 240, 255; --brand-secondary: #0b0f19; --brand-surface: #0f172a; --brand-accent: #3b82f6; --brand-accent-rgb: 59, 130, 246; --brand-bg: #0b0f19; --brand-text: #f8fafc; --brand-text-muted: #94a3b8; --brand-border: rgba(255, 255, 255, 0.1); --brand-radius: 0.75rem; --brand-logo: url(&quot;https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png&quot;); background: rgba(var(--color-surface-rgb), 0.85); border: 1px solid rgba(var(--color-line-rgb), 0.1); backdrop-filter: blur(20px); color: var(--color-text, #f8fafc);"><div class="d-flex align-items-center justify-content-between gap-2 mb-3 pb-2 border-bottom border-secondary border-opacity-25"> <div class="d-flex align-items-center gap-2 min-w-0"> <span class="fs-5">🔥</span> <h4 class="fw-bold text-white m-0 small font-monospace tracking-wide text-truncate">TOP TRENDS</h4> </div> <span class="badge bg-dark border border-secondary border-opacity-40 text-info font-monospace extra-small px-2 py-1 min-w-0" style="flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="Letzte 48 Stunden">Letzte 48 Stunden</span></div><div class="stats-compact-ranking d-flex flex-column gap-2 mb-2"><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#1</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/3846317/it-security-nachrichten/virtual-event-what-every-enterprise-should-know-about-securing-cloud-assets-in-the-age-of-ai/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3790997" title="[Virtual Event] What Every Enterprise Should Know About Securing Cloud Assets in the Age of AI">[Virtual Event] What Every Enterprise Should Know About Securing Cloud Assets in the Age of AI</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 4</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 63</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3790997" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#2</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/3846318/it-security-nachrichten/virtual-event-building-a-secure-ai-strategy-for-the-enterprise/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3790998" title="[Virtual Event] Building a Secure AI Strategy for the Enterprise">[Virtual Event] Building a Secure AI Strategy for the Enterprise</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 4</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 57</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3790998" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#3</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/3963573/programmierung/visual-studio-code-1137-insiders/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3908040" title="Visual Studio Code 1.137 (Insiders)">Visual Studio Code 1.137 (Insiders)</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 26</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 33</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3908040" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#4</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/4046404/ios-mac-os/uk-repeats-demands-for-child-safety-features-that-apple-already-made/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3990870" title="UK repeats demands for child safety features that Apple already made">UK repeats demands for child safety features that Apple already made</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 23</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 12</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3990870" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div><div class="stats-compact-item p-2 rounded-3 bg-dark bg-opacity-60 border border-secondary border-opacity-20 d-flex align-items-center justify-content-between gap-2"> <span class="badge rounded-pill extra-small font-monospace px-2 py-1 bg-primary-subtle text-primary border border-primary-subtle flex-shrink-0">#5</span> <div class="flex-grow-1 min-w-0" style="overflow: hidden;"> <a href="/de/4046403/ios-mac-os/new-product-identifiers-show-up-in-apples-backend-dont-indicate-release-timing/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3990869" title="New product identifiers show up in Apple's backend, don't indicate release timing">New product identifiers show up in Apple's backend, don't indicate release timing</a> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-2 mt-0.5"> <span class="text-info text-truncate"><i class="bi bi-folder2-open" aria-hidden="true"></i> 23</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 10</span> </div> </div> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2 py-0.5 flex-shrink-0" data-quick-view-id="3990869" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i></button></div></div><div class="text-center mt-3 pt-2 border-top border-secondary border-opacity-20"> <button type="button" class="btn btn-xs btn-outline-secondary rounded-pill extra-small stats-popout-cta" data-cms-popout="box_stats_3721163" data-cms-popout-variant="1"><i class="bi bi-trophy-fill text-warning-emphasis me-1"></i> Leaderboard (Pop-Out) <i class="bi bi-arrows-fullscreen" aria-hidden="true"></i></button></div></div> <div class="cms-brand-footer mt-4 pt-3 border-top border-secondary border-opacity-10 d-flex flex-wrap align-items-center justify-content-between gap-3" style="color: var(--brand-text-muted, #64748b);"> <div class="d-flex align-items-center gap-2"> <span class="small fw-semibold me-1" style="color: var(--brand-text-muted, #64748b);">Powered by <strong class="brand-footer-name">tsecurity.de</strong></span> <span class="badge rounded-pill bg-body-secondary text-secondary small px-2 py-1">tsecurity.de Hub</span> </div> <div class="d-flex align-items-center flex-wrap gap-2"> <a href="/" class="btn btn-sm btn-primary rounded-pill px-3 fw-semibold shadow-sm" style="background: var(--brand-primary, #2563eb); border-color: var(--brand-primary, #2563eb);"> 🚀 Auf tsecurity.de alle Trends entdecken </a> </div> </div> </article> </noscript> </section> <section class="cms-module-box cms-module-box--gap col-12 mod-pos-right cms-module-box--right cms-module-box--density-compact" data-cms-module="stats" data-zone="right" data-position="right"> <div data-module-ajax="stats" data-page-id="1852703" data-module-id="3721164" data-zone="right" data-position="right" data-lang="de" style="min-height:60px;"> <div class="sidebar-placeholder" aria-hidden="true"><span>📊 Statistiken werden geladen…</span></div> </div> <noscript><article class="block cms-module-box stats mod-pos-right cms-module-box--density-compact" id="box_stats_3721164" role="region" aria-label="stats Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="stats" data-zone="right" data-position="right" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <button type="button" class="cms-module-popout-trigger" data-cms-popout="box_stats_3721164" aria-label="Modul vergrößert anzeigen" title="Modul vergrößert anzeigen"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.5 2.5h4v4M13.5 2.5 9.75 6.25M6.5 13.5h-4v-4M2.5 13.5l3.75-3.75"/></svg> </button> </article> </noscript> </section> <section class="cms-module-box cms-module-box--gap col-12 mod-pos-right cms-module-box--right cms-module-box--density-compact" data-cms-module="stats" data-zone="right" data-position="right"> <div data-module-ajax="stats" data-page-id="1852703" data-module-id="3721165" data-zone="right" data-position="right" data-lang="de" style="min-height:60px;"> <div class="sidebar-placeholder" aria-hidden="true"><span>📊 Statistiken werden geladen…</span></div> </div> <noscript><article class="block cms-module-box stats mod-pos-right cms-module-box--density-compact" id="box_stats_3721165" role="region" aria-label="stats Modul" itemscope itemtype="http://schema.org/WebPageElement" data-track-category="Module" data-track-action="stats" data-zone="right" data-position="right" data-page-id="1852703" style="--modul-platform_name: tsecurity.de;--modul-mail_domain: tsecurity.de;--modul-platform_link: https://tsecurity.de;--modul-platform_tagline: Cybersecurity News & Diskussionsportal;--modul-hero_badge: ⚡ Cybersecurity Intelligence;--modul-logo_url: https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png;--modul-tenant_type: NEWS;--modul-shop_id: 1;--modul-mail_from: kontakt@tsecurity.de;--modul-mail_from_name: tsecurity.de Support;--modul-mail_bcc: kontakt@tsecurity.de;--modul-mail_bcc_name: tsecurity.de Support;--modul-shop_url: https://tsecurity.de;--modul-piwik_url: https://matomo.tsecurity.de/;--modul-show_full_footer: 1;--modul-show_live_badge: 1;--modul-enable_ai_copilot: ;--modul-show_fast_pass: ;--modul-meta_subject: Informationsportal,Nachrichtenportal,Bildung,Cybersecurity,IT-Security;--modul-meta_category: Informationsportal;"> <button type="button" class="cms-module-popout-trigger" data-cms-popout="box_stats_3721165" aria-label="Modul vergrößert anzeigen" title="Modul vergrößert anzeigen"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.5 2.5h4v4M13.5 2.5 9.75 6.25M6.5 13.5h-4v-4M2.5 13.5l3.75-3.75"/></svg> </button> </article> </noscript> </section> </div> </aside> </div> </div></div> </main> <footer class="iss-main-footer glass-footer py-5 mt-5" role="contentinfo" aria-label="Fußzeile"> <div class="container-fluid px-4 px-lg-5"> <div class="row g-4 mb-5">  <div class="col-lg-4 col-md-6"> <h3 class="h4 text-white fw-bold mb-3 d-flex align-items-center gap-2"> <i class="bi bi-share text-cyan"></i> tsecurity.de </h3> <p class="text-light-50 small mb-3 text-slate-300"> IT-Sicherheitsportal & Threat Intelligence News-Radar. Aktuelle CVE-Analysen, Zero-Day Exploits und IT-Security News. </p> <div class="d-inline-flex align-items-center gap-2 px-3 py-1.5 rounded-pill bg-dark bg-opacity-75 border border-success border-opacity-25 small status-ok" title="Systemstatus normal"> <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> <span>System Status: Operational</span> </div> </div>  <div class="col-lg-2 col-md-6"> <button type="button" class="footer-col-accordion-toggle h6 text-uppercase tracking-wider text-light fw-bold mb-3 d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapseFooterPlattform" aria-expanded="false" aria-controls="collapseFooterPlattform"> <span>Plattform</span> </button> <div class="collapse d-md-block footer-accordion-collapse" id="collapseFooterPlattform"> <ul class="list-unstyled small d-flex flex-column gap-2 m-0"> <li><a class="footer-link text-decoration-none hover-white" title="Community Blog & Analysen" href="/blog/"><i class="bi bi-pencil-square me-1 text-cyan"></i> Blog & Analysen</a></li> <li><a class="footer-link text-decoration-none hover-white" title="Weekly SOC Threat Briefing" href="/briefing/"><i class="bi bi-file-earmark-bar-graph me-1 text-danger"></i> SOC Briefing</a></li> <li><a class="footer-link text-decoration-none hover-white" title="Cyber Intelligence Themenkatalog" href="/de/2/"><i class="bi bi-folder2-open me-1 text-info"></i> Themenkatalog</a></li> <li><a class="footer-link text-decoration-none hover-white" title="Experten Leaderboard" href="/blog/autoren/"><i class="bi bi-trophy me-1 text-warning"></i> Leaderboard</a></li> <li><a class="footer-link text-decoration-none hover-white" title="Security & CVEs" href="/cve/"><i class="bi bi-shield-check me-1 text-success"></i> Security & CVEs</a></li> <li><a class="footer-link text-decoration-none hover-white" title="Podcasts & Audio" href="/podcasts/"><i class="bi bi-mic me-1 text-info"></i> Podcasts & Audio</a></li> </ul> </div> </div>  <div class="col-lg-3 col-md-6"> <button type="button" class="footer-col-accordion-toggle h6 text-uppercase tracking-wider text-light fw-bold mb-3 d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapseFooterRecht" aria-expanded="false" aria-controls="collapseFooterRecht"> <span>Rechtliches & Support</span> </button> <div class="collapse d-md-block footer-accordion-collapse" id="collapseFooterRecht"> <ul class="list-unstyled small d-flex flex-column gap-2 m-0"> <li><a class="footer-link text-decoration-none hover-white" title="tsecurity.de Impressum" href="/impressum"><i class="bi bi-file-text me-1"></i> Impressum</a></li> <li><a class="footer-link text-decoration-none hover-white" href="/datenschutz"><i class="bi bi-shield-lock me-1"></i> Datenschutzerklärung</a></li> <li><a class="footer-link text-decoration-none hover-white" href="/agb"><i class="bi bi-file-earmark-check me-1"></i> AGB & Nutzungsbedingungen</a></li> <li><a class="footer-link text-decoration-none hover-white ts-open-preferences" href="#" role="button"><i class="bi bi-gear me-1"></i> Cookie-Einstellungen</a></li> </ul> </div> </div>  <div class="col-lg-3 col-md-6"> <button type="button" class="footer-col-accordion-toggle h6 text-uppercase tracking-wider text-light fw-bold mb-3 d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapseFooterCommunity" aria-expanded="false" aria-controls="collapseFooterCommunity"> <span>Community & Kontakt</span> </button> <div class="collapse d-md-block footer-accordion-collapse" id="collapseFooterCommunity"> <ul class="list-unstyled small d-flex flex-column gap-2 m-0"> <li><a title="YouTube Podcast VAZULEs Analysiert" href="https://www.youtube.com/watch?v=3Uk6Fp6ozYs&list=PLR8QkU35CZg7pX__cmVNz9rL91duaoR73" target="_blank" rel="noopener" class="footer-link text-decoration-none hover-white"><i class="bi bi-youtube me-1 text-danger"></i> YouTube Podcast</a></li> <li><a href="mailto:kontakt@tsecurity.de" class="footer-link text-decoration-none hover-white"><i class="bi bi-envelope me-1"></i> kontakt@tsecurity.de</a></li> </ul> </div> </div> </div> <div class="row align-items-center pt-4 border-top border-white border-opacity-10 small text-slate-300"> <div class="col-md-7 mb-3 mb-md-0"> <p class="m-0">© 2015 - 2026 <strong class="text-white">tsecurity.de</strong> — Cybersecurity News & Diskussionsportal. Alle Rechte vorbehalten.</p> </div> <div class="col-md-5 d-flex align-items-center justify-md-content-end gap-3"> <span class="badge bg-dark bg-opacity-75 border border-secondary border-opacity-25 text-light fw-normal"><i class="bi bi-shield-lock me-1"></i> SSL 256-bit</span> <span class="badge bg-dark bg-opacity-75 border border-secondary border-opacity-25 text-light fw-normal"><i class="bi bi-check-circle me-1"></i> DSGVO Konform</span> <button type="button" class="btn btn-outline-secondary btn-sm rounded-circle p-2 ms-auto" onclick="window.scrollTo({top: 0, behavior: 'smooth'});" title="Nach oben scrollen" aria-label="Nach oben scrollen"> <i class="bi bi-chevron-up"></i> </button> </div> </div> </div> </footer> <div id="overlay"></div>    <script type="module" src="/assets/js/user.73735beb.js" defer></script> <script type="module" src="/assets/js/admin.721878df.js" defer></script> <script src="/js/1/track.js?v=1789069491"></script> <script> window.MyDraftCMS_Config = Object.assign(window.MyDraftCMS_Config || {}, { brandName: "tsecurity.de", newsTitle: "Eilmeldungen & Radar", newsTitleBar: "Neue Live Meldungen!", logoUrl: "https:\/\/tsecurity.de\/templates\/mydraft-basis-isharestuff-com\/media\/logo.png", subdomainSuffix: "", templateFolder: "mydraft-basis-tsecurity.de", liveNewsEndpoint: '/api/v1/live-news', cronStatusEndpoint: '/api/v1/cron-status', endpoints: Object.assign((window.MyDraftCMS_Config && window.MyDraftCMS_Config.endpoints) || {}, { trackData: '/ACP/acp_track_data.php' }) }); </script> <script async defer src="/js/realtime-news.70666305.js"></script> <script async defer src="/js/bookmarks.73381cbe.js"></script> <script async defer src="/js/push-client.547dc5d8.js"></script> <script async defer src="/js/ai-summary.b7111796.js"></script>  <div class="offcanvas offcanvas-end glass-offcanvas text-bg-dark border-start border-secondary border-opacity-25" tabindex="-1" id="offcanvasBookmarks" aria-labelledby="offcanvasBookmarksLabel" style="width: 100%; max-width: 420px; background: rgba(15, 23, 42, 0.96) !important; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);"> <div class="offcanvas-header border-bottom border-secondary border-opacity-25 d-flex justify-content-between align-items-center py-3 px-3.5"> <h5 class="offcanvas-title d-flex align-items-center gap-2 text-white mb-0 fs-6 fw-bold" id="offcanvasBookmarksLabel"> <span>🔖</span> <span>Gespeicherte Artikel</span> </h5> <button type="button" class="btn-close btn-close-white shadow-none" data-bs-dismiss="offcanvas" aria-label="Schließen"></button> </div> <div class="offcanvas-body d-flex flex-column justify-content-between p-3.5"> <div class="bookmarks-drawer-body flex-grow-1 overflow-auto">  <div class="text-center py-5 text-muted small font-monospace" id="bookmarksEmptyPlaceholder"> <span class="fs-2 d-block mb-2 opacity-50">📂</span> <span>Keine gespeicherten Artikel vorhanden.</span> </div> </div> <div class="pt-3 border-top border-secondary border-opacity-25 mt-auto"> <a href="/lesezeichen" class="btn btn-outline-info btn-sm w-100 rounded-pill fw-semibold py-2"> Alle Lesezeichen verwalten ➔ </a> </div> </div> </div>  <div class="offcanvas offcanvas-end text-bg-dark border-start border-secondary border-opacity-25 shadow-lg" tabindex="-1" id="articleQuickViewDrawer" aria-labelledby="articleQuickViewLabel" style="width: 100%; max-width: 580px; background: rgba(15, 23, 42, 0.94) !important; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);">  <div class="offcanvas-header border-bottom border-secondary border-opacity-25 py-3 px-3.5 d-flex justify-content-between align-items-center"> <div class="d-flex align-items-center gap-2"> <span class="badge bg-primary-subtle text-info border border-primary-subtle rounded-pill extra-small font-monospace" id="quickDrawerCategory">📂 News</span> <span class="badge bg-dark border border-secondary border-opacity-40 text-muted rounded-pill extra-small font-monospace" id="quickDrawerReadingTime">⏱️ 3 Min</span> <span class="extra-small text-muted font-monospace" id="quickDrawerTimeAgo">vor 10 Min</span> </div> <button type="button" class="btn-close btn-close-white shadow-none" data-bs-dismiss="offcanvas" aria-label="Schließen"></button> </div>  <div class="offcanvas-body d-flex flex-column p-3.5 p-md-4 overflow-y-auto" id="quickDrawerBody">  <div id="quickDrawerSpinner" class="text-center py-5 text-muted"> <div class="spinner-border text-info mb-3" role="status"></div> <div class="small font-monospace">Artikeldaten werden geladen...</div> </div>  <div id="quickDrawerContent" class="d-none">  <h3 class="fw-bold text-white mb-3 fs-5" id="quickDrawerTitle" style="line-height: 1.4;"></h3>  <div class="d-flex flex-wrap align-items-center gap-2 mb-3 pb-3 border-bottom border-secondary border-opacity-20"> <a href="#" id="quickDrawerSourceLink" target="_blank" rel="noopener noreferrer" class="btn btn-xs btn-primary rounded-pill px-3 py-1 fw-bold text-decoration-none d-inline-flex align-items-center gap-1 rss-brand-gradient-btn"> <span>↗ Original-Quelle</span> </a> <button type="button" class="btn btn-xs btn-outline-info rounded-pill px-2.5 py-1" data-bs-toggle="offcanvas" data-bs-target="#liveChatDrawer" title="Im Chat diskutieren"> <span>💬 Chat</span> </button> <button type="button" class="btn btn-xs btn-outline-warning rounded-pill px-2.5 py-1 bookmark-toggle-btn" id="quickDrawerBookmarkBtn" title="Lesezeichen setzen / Merken"> <span>🔖 Merken</span> </button> <button type="button" class="btn btn-xs btn-outline-secondary rounded-pill px-2 py-1 text-light" id="quickDrawerShareBtn" title="Teilen"> <span>🔗 Teilen</span> </button> </div>  <div id="quickDrawerMedia" class="mb-3"></div>  <div id="quickDrawerArticleText" class="small text-light mb-4" style="line-height: 1.7; word-break: break-word;"></div> </div> </div>  <div class="offcanvas-footer border-top border-secondary border-opacity-25 p-3 bg-dark bg-opacity-80 d-flex justify-content-between align-items-center"> <a href="#" id="quickDrawerFullViewLink" class="btn btn-sm btn-outline-info rounded-pill px-3 py-1.5 fw-bold text-decoration-none d-inline-flex align-items-center gap-1.5"> <span>Im Vollbild öffnen ↗</span> </a> <div class="community-vote-widget d-inline-flex align-items-center gap-1.5 bg-dark bg-opacity-80 border border-secondary border-opacity-40 rounded-pill px-3 py-1" id="quickDrawerKarmaWidget" data-item-type="rss_content" data-item-id="0"> <button type="button" class="btn btn-link text-decoration-none p-0 text-muted community-vote-btn" data-direction="up" title="Upvote" aria-label="Upvote" style="font-size: 0.9rem; line-height: 1;">▲</button> <span class="community-vote-score fw-bold font-monospace extra-small px-1 text-white">0</span> <button type="button" class="btn btn-link text-decoration-none p-0 text-muted community-vote-btn" data-direction="down" title="Downvote" aria-label="Downvote" style="font-size: 0.9rem; line-height: 1;">▼</button> </div> </div> </div>  <div class="modal fade" id="readerStreakModal" tabindex="-1" aria-labelledby="readerStreakModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content rounded-4 shadow-lg text-light" style="background: rgba(15, 23, 42, 0.95); border: 1px solid rgba(245, 158, 11, 0.4); backdrop-filter: blur(20px);"> <div class="modal-header border-secondary border-opacity-25 pb-2"> <div class="d-flex align-items-center gap-2"> <span class="fs-4">🔥</span> <h5 class="modal-title h6 fw-bold font-monospace text-white m-0" id="readerStreakModalLabel">LESE-STREAK</h5> </div> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Schließen"></button> </div> <div class="modal-body pt-3"> <div class="text-center mb-3 p-3 rounded-3 bg-dark bg-opacity-75 border border-warning border-opacity-30"> <div class="display-5 fw-bold text-warning font-monospace mb-1" id="streakModalDays">1</div> <div class="extra-small text-muted font-monospace text-uppercase">Tage in Folge aktiv</div> </div> </div> </div> </div> </div>  <div class="modal fade" id="socialCardGeneratorModal" tabindex="-1" aria-labelledby="socialCardModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content rounded-4 shadow-lg text-light" style="background: rgba(15, 23, 42, 0.96); border: 1px solid rgba(6, 182, 212, 0.4); backdrop-filter: blur(20px);"> <div class="modal-header border-secondary border-opacity-25 pb-2"> <div class="d-flex align-items-center gap-2"> <span class="fs-4">📸</span> <h5 class="modal-title h6 fw-bold font-monospace text-white m-0" id="socialCardModalLabel">SOCIAL SHARE CARD GENERATOR</h5> </div> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Schließen"></button> </div> <div class="modal-body text-center pt-3"> <div class="rounded-3 overflow-hidden border border-secondary border-opacity-30 shadow mb-3" style="max-height: 400px; background: #090d16;"> <canvas id="socialCardCanvas" width="1200" height="630" class="img-fluid w-100" style="object-fit: contain; max-height: 400px;"></canvas> </div> <div class="d-flex flex-wrap justify-content-between align-items-center gap-2"> <span class="extra-small text-muted font-monospace">Format: 1200 x 630 px (Optimal für LinkedIn, 𝕏 & Instagram Stories)</span> <div class="d-flex align-items-center gap-2"> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-40 text-light rounded-pill px-3 py-1.5 extra-small" id="copySocialCardBtn">📋 Bild kopieren</button> <button type="button" class="btn btn-sm btn-primary rounded-pill px-3.5 py-1.5 fw-bold extra-small rss-brand-gradient-btn" id="downloadSocialCardBtn">📥 Als PNG herunterladen</button> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="weeklyDigestModal" tabindex="-1" aria-labelledby="weeklyDigestModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content rounded-4 shadow-lg text-light" style="background: rgba(15, 23, 42, 0.96); border: 1px solid rgba(6, 182, 212, 0.4); backdrop-filter: blur(20px);"> <div class="modal-header border-secondary border-opacity-25 pb-2"> <div class="d-flex align-items-center gap-2"> <span class="fs-4"><i class="bi bi-newspaper" aria-hidden="true"></i></span> <h5 class="modal-title h6 fw-bold font-monospace text-white m-0" id="weeklyDigestModalLabel">PERSONALIZED SOCIAL WEEKLY DIGEST</h5> </div> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Schließen"></button> </div> <div class="modal-body pt-3"> <div class="mb-3"> <label class="form-label extra-small font-monospace text-muted text-uppercase mb-1">Generierter Markdown-Report (für LinkedIn, 𝕏, Substack & Team-Briefings):</label> <textarea id="weeklyDigestTextarea" class="form-control bg-dark text-white font-monospace extra-small border-secondary border-opacity-40 rounded-3 p-3 shadow-inner" rows="12" style="line-height: 1.6; resize: vertical;"></textarea> </div> <div class="d-flex flex-wrap justify-content-between align-items-center gap-2"> <span class="extra-small text-muted font-monospace" id="digestArticlesCount">Basiert auf deinen gemerkten Beiträgen</span> <div class="d-flex align-items-center gap-2"> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-40 text-light rounded-pill px-3 py-1.5 extra-small" id="copyWeeklyDigestBtn">📋 Text kopieren</button> <button type="button" class="btn btn-sm btn-primary rounded-pill px-3.5 py-1.5 fw-bold extra-small rss-brand-gradient-btn" id="downloadWeeklyDigestBtn">📥 Als .md herunterladen</button> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="creatorProfileModal" tabindex="-1" aria-labelledby="creatorProfileModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-md"> <div class="modal-content rounded-4 shadow-lg text-light" style="background: rgba(15, 23, 42, 0.96); border: 1px solid rgba(6, 182, 212, 0.4); backdrop-filter: blur(20px);"> <div class="modal-header border-secondary border-opacity-25 pb-2"> <div class="d-flex align-items-center gap-2"> <span class="fs-4">👤</span> <h5 class="modal-title h6 fw-bold font-monospace text-white m-0" id="creatorProfileModalLabel">CREATOR PROFIL & SOCIAL REPUTATION</h5> </div> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Schließen"></button> </div> <div class="modal-body pt-3">  <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 p-3 rounded-3 bg-dark bg-opacity-75 border border-secondary border-opacity-30 mb-3"> <div class="d-flex align-items-center gap-3"> <div class="position-relative"> <div class="rounded-circle bg-dark border border-info border-opacity-50 p-2.5 fs-4 text-center" style="width: 54px; height: 54px; line-height: 1;"><i class="bi bi-shield-lock" aria-hidden="true"></i></div> </div> <div> <h5 class="fw-bold text-white mb-0 fs-6" id="creatorCardName">Autor</h5> <div class="extra-small font-monospace text-cyan" id="creatorCardHandle"></div> <div class="extra-small text-muted font-monospace" id="creatorCardBio"></div> </div> </div> <button type="button" class="btn btn-sm btn-outline-info rounded-pill px-3 py-1.5 fw-bold extra-small" id="creatorFollowBtn" data-handle=""> 🔔 Folgen </button> </div>  <div class="row g-2 mb-3 text-center font-monospace extra-small"> <div class="col-4"> <div class="p-2 rounded-2 bg-dark bg-opacity-60 border border-secondary border-opacity-25"> <span class="text-muted d-block">KARMA SCORE</span> <span class="fw-bold text-warning fs-6" id="creatorCardKarma">0</span> </div> </div> <div class="col-4"> <div class="p-2 rounded-2 bg-dark bg-opacity-60 border border-secondary border-opacity-25"> <span class="text-muted d-block">BEITRÄGE</span> <span class="fw-bold text-white fs-6" id="creatorCardPosts">0</span> </div> </div> <div class="col-4"> <div class="p-2 rounded-2 bg-dark bg-opacity-60 border border-secondary border-opacity-25"> <span class="text-muted d-block">FOLLOWER</span> <span class="fw-bold text-info fs-6" id="creatorCardFollowers">0</span> </div> </div> </div> </div> </div> </div> </div> <script defer src="/js/threat_radar_canvas.2ba3a7d4.js"></script> <script defer src="/js/cyber_story_generator.90327142.js"></script> <script defer src="/js/editorial_interactions.da92b65d.js"></script> <script> // Phase 1.3 — Footer-Block ist jetzt reines Vanilla-JS (kein jQuery // mehr), damit er NIEMALS "ReferenceError: $ is not defined" wirft — // unabhaengig davon, ob /templates/{$template_folder}/js/jquery.min.js // geliefert wird oder 404 geht. Service-Worker-Registrierung und // Mobile-Navigation benoetigen ohnehin kein jQuery. (function() { function initFooterScripts() { // Service Worker Registration (tenant-aware sw.php statt statischer sw.js). // Query-String erzwingt Re-Registrierung bei Code-Updates. // 04.09.: Alias /serviceworker.js statt /sw.php — der Live-nginx // routet /sw.php in den Apache-Default-vHost (404, kein JS-Body); // der Alias läuft über den Standard-PHP-Pfad (.htaccess-Rewrite). if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/serviceworker.js?v=4') .then(function(reg) { console.log("[PWA] Service Worker erfolgreich aktiv.", reg.scope); }) .catch(function(err) { console.warn("[PWA] Service Worker Registrierung fehlgeschlagen:", err); }); } // Custom Analytics tracking call (setTrack stammt aus js/track.js // und intern ggfs. jQuery; Guard prueft nur Existenz der Funktion). try { if (typeof setTrack === 'function') { setTrack('', '1852703', '0'); } } catch (e) { console.error("[Tracking] Fehler beim Absenden:", e); } // Mobile Navigation & Overlay Event Manager (Clean Offcanvas & Modal Handler) (function() { var lastScrollTop = 0; // MF21 (04.09.): Selektor korrigiert — das Element heißt // #mobileBottomDock (mobile_bottom_nav.tpl); der alte // #mobileBottomNav-Griff existiert nicht, das Dock blendete // bei geöffnetem Overlay daher nie über diesen Pfad aus. var bottomNav = document.getElementById('mobileBottomDock'); var isOverlayOpen = false; var pendingSwitchTarget = null; // 1. Bottom-Nav Ausblenden beim Öffnen von Offcanvas/Modals document.addEventListener('show.bs.offcanvas', function() { isOverlayOpen = true; if (bottomNav) bottomNav.classList.add('nav-hidden'); }); document.addEventListener('show.bs.modal', function() { isOverlayOpen = true; if (bottomNav) bottomNav.classList.add('nav-hidden'); }); // 2. Bottom-Nav Einblenden nach dem Schließen aller Overlays document.addEventListener('hidden.bs.offcanvas', function(e) { if (pendingSwitchTarget) { var targetEl = document.querySelector(pendingSwitchTarget); pendingSwitchTarget = null; if (targetEl && window.bootstrap && window.bootstrap.Offcanvas) { var bsOffcanvas = window.bootstrap.Offcanvas.getOrCreateInstance(targetEl); setTimeout(function() { bsOffcanvas.show(); }, 50); return; } } var openOffcanvases = document.querySelectorAll('.offcanvas.show'); var openModals = document.querySelectorAll('.modal.show'); if (openOffcanvases.length === 0 && openModals.length === 0) { isOverlayOpen = false; if (bottomNav) bottomNav.classList.remove('nav-hidden'); } }); document.addEventListener('hidden.bs.modal', function() { var openOffcanvases = document.querySelectorAll('.offcanvas.show'); var openModals = document.querySelectorAll('.modal.show'); if (openOffcanvases.length === 0 && openModals.length === 0) { isOverlayOpen = false; if (bottomNav) bottomNav.classList.remove('nav-hidden'); } }); // 3. Nahtloser Wechsel zwischen Hauptmenü und Themen-Radar // (Event-Delegation via Vanilla-JS statt jQuery .on()). document.addEventListener('click', function(e) { var btn = e.target.closest('#btnSwitchToThemenRadar'); if (!btn) return; e.preventDefault(); var navOffcanvasEl = document.getElementById('offcanvasNavbar'); if (navOffcanvasEl && window.bootstrap && window.bootstrap.Offcanvas) { pendingSwitchTarget = '#offcanvasThemenRadar'; var bsNavOffcanvas = window.bootstrap.Offcanvas.getOrCreateInstance(navOffcanvasEl); bsNavOffcanvas.hide(); } else { var radarEl = document.getElementById('offcanvasThemenRadar'); if (radarEl && window.bootstrap && window.bootstrap.Offcanvas) { window.bootstrap.Offcanvas.getOrCreateInstance(radarEl).show(); } } }); // 4. Smart Auto-Hide der untere Leiste beim Runterscrollen (nur wenn kein Overlay aktiv ist) if (bottomNav) { window.addEventListener('scroll', function() { if (isOverlayOpen) return; var scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop && scrollTop > 80) { bottomNav.classList.add('nav-hidden'); } else { bottomNav.classList.remove('nav-hidden'); } lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; }, { passive: true }); } })(); } // DOM-ready: jQuery $(document).ready() ersetzt durch natives // DOMContentLoaded (funktional identisch, ohne jQuery-Abhaengigkeit). if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initFooterScripts); } else { initFooterScripts(); } })(); </script>  <div id="mobile-pull-refresh-indicator" class="mobile-pull-refresh-indicator d-lg-none"> <div class="pull-spinner"> <i class="bi bi-arrow-repeat"></i> </div> <span class="pull-label">Zum Aktualisieren ziehen</span> </div>  <div id="zeroday-alert-bar" class="zeroday-alert-bar position-fixed top-0 start-0 end-0 d-none"> <div class="d-flex align-items-center gap-2"> <span class="badge bg-white text-danger fw-bold rounded-pill"><i class="bi bi-broadcast me-1" aria-hidden="true"></i>ZERO-DAY</span> <span id="zeroday-alert-text" class="text-truncate">Kritische Sicherheitsmeldung</span> </div> <a href="/cve" class="btn btn-sm btn-light px-2.5 fw-bold text-danger rounded-pill zeroday-alert-action">Advisory →</a> </div>  <nav class="mobile-bottom-dock d-lg-none" id="mobileBottomDock" aria-label="Mobile Navigation"> <div class="mobile-bottom-dock-inner d-flex align-items-center justify-content-around">  <a href="/de/2/startseite/" class="mobile-dock-item active" title="Startseite"> <span class="dock-icon"><i class="bi bi-house-door-fill dock-home-icon" aria-hidden="true"></i></span> <span class="dock-label">Home</span> </a>  <button type="button" class="mobile-dock-item realtime-trigger-btn border-0 bg-transparent" data-bs-toggle="offcanvas" data-bs-target="#offcanvasThemenRadar" aria-controls="offcanvasThemenRadar" title="Live-News Radar & Themen öffnen"> <span class="dock-icon position-relative"> <svg class="mydraft-svg-icon dock-svg" width="22" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <defs> <linearGradient id="icon-grad-rss" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="var(--theme-accent, #00F2FE)" /> <stop offset="100%" stop-color="var(--theme-accent-secondary, #0284C7)" /> </linearGradient> </defs> <path d="M 4 11 A 9 9 0 0 1 13 20" stroke="url(#icon-grad-rss)" stroke-width="2.5" /> <path d="M 4 4 A 16 16 0 0 1 20 20" stroke="url(#icon-grad-rss)" stroke-width="2.5" /> <circle cx="5" cy="19" r="2" fill="url(#icon-grad-rss)" stroke="none" /> </svg> <span class="live-pulse-dot position-absolute top-0 start-100 translate-middle"></span> </span> <span class="dock-label">Radar</span> </button>  <a href="/community/mitglieder/" class="mobile-dock-item" title="Community: Analysten, Profile & Nachrichten"> <span class="dock-icon"><i class="bi bi-people-fill text-info" aria-hidden="true"></i></span> <span class="dock-label">Community</span> </a>  <a href="/cve" class="mobile-dock-item " title="Security Advisory & CVE-Radar"> <span class="dock-icon position-relative"> <svg class="mydraft-svg-icon dock-svg" width="22" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <defs> <linearGradient id="icon-grad-sec" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="var(--theme-accent, #00F2FE)" /> <stop offset="100%" stop-color="#10B981" /> </linearGradient> </defs> <path d="M 12 22 S 20 18 20 12 V 5 L 12 2 L 4 5 V 12 C 4 18 12 22 12 22 Z" stroke="url(#icon-grad-sec)" /> <polyline points="9 12 11 14 15 10" stroke="url(#icon-grad-sec)" stroke-width="2.5" /> </svg> <span class="badge bg-danger text-white position-absolute top-0 start-100 translate-middle" style="font-size: 0.55rem; padding: 1px 4px;">8.3</span> </span> <span class="dock-label">CVE-Radar</span> </a>  <a href="/podcasts" class="mobile-dock-item " title="Podcasts & Audio-Beiträge"> <span class="dock-icon"><svg class="mydraft-svg-icon dock-svg" width="22" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <defs> <linearGradient id="icon-grad-audio" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="var(--theme-accent, #00F2FE)" /> <stop offset="100%" stop-color="var(--theme-accent-secondary, #8B5CF6)" /> </linearGradient> </defs> <path d="M 12 1 A 3 3 0 0 0 9 4 V 12 A 3 3 0 0 0 15 12 V 4 A 3 3 0 0 0 12 1 Z" stroke="url(#icon-grad-audio)" fill="rgba(0, 242, 254, 0.1)" /> <path d="M 19 10 V 12 A 7 7 0 0 1 5 12 V 10" stroke="url(#icon-grad-audio)" /> <line x1="12" y1="19" x2="12" y2="23" stroke="url(#icon-grad-audio)" /> <line x1="8" y1="23" x2="16" y2="23" stroke="url(#icon-grad-audio)" /> </svg> </span> <span class="dock-label">Podcasts</span> </a>  <button type="button" class="mobile-dock-item border-0 bg-transparent position-relative" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBookmarks" aria-controls="offcanvasBookmarks" title="Gespeicherte Lesezeichen"> <span class="dock-icon position-relative"> <svg class="mydraft-svg-icon dock-svg" width="22" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <defs> <linearGradient id="icon-grad-bookm" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="var(--theme-accent, #00F2FE)" /> <stop offset="100%" stop-color="var(--theme-accent-secondary, #6366F1)" /> </linearGradient> </defs> <path d="M 19 21 L 12 16 L 5 21 V 5 A 2 2 0 0 1 7 3 H 17 A 2 2 0 0 1 19 5 V 21 Z" stroke="url(#icon-grad-bookm)" /> </svg> <span class="badge bg-warning text-dark position-absolute top-0 start-100 translate-middle rounded-pill extra-small bookmark-count-badge" style="display: none; font-size: 0.6rem; padding: 2px 4px;">0</span> </span> <span class="dock-label">Gemerkt</span> </button> </div> </nav>  <div id="mobile-thumb-dock" class="mobile-thumb-dock d-lg-none"> <button type="button" class="mobile-thumb-btn" data-mobile-action="like" title="Gefällt mir"> <i class="bi bi-hand-thumbs-up-fill"></i> </button> <button type="button" class="mobile-thumb-btn" data-mobile-action="tts" title="Artikel vorlesen"> <i class="bi bi-volume-up-fill text-info"></i> </button> <button type="button" class="mobile-thumb-btn mobile-story-share-btn" title="9:16 Cyber Story Card generieren & teilen"> <i class="bi bi-camera-fill text-primary"></i> </button> <button type="button" class="mobile-thumb-btn" data-mobile-action="bookmark" title="Merken"> <i class="bi bi-bookmark-fill"></i> </button> <button type="button" class="mobile-thumb-btn" data-mobile-action="share" title="Teilen"> <i class="bi bi-share-fill"></i> </button> </div>  <div id="mobile-tts-bar" class="mobile-tts-bar d-lg-none"> <div class="d-flex align-items-center gap-3"> <button type="button" id="mobile-tts-toggle" class="btn btn-sm btn-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 44px; height: 44px; min-width: 44px; min-height: 44px;"> <i class="bi bi-pause-fill"></i> </button> <div class="waveform-bars"> <div class="waveform-bar"></div> <div class="waveform-bar"></div> <div class="waveform-bar"></div> <div class="waveform-bar"></div> </div> <div class="text-truncate small text-white fw-bold" style="max-width: 140px;"> TTS Reader • tsecurity.de Voice </div> </div> <div class="d-flex align-items-center gap-2"> <button type="button" id="mobile-tts-speed" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-0 small text-white fw-bold">1.0x</button> <button type="button" id="mobile-tts-close" class="btn-close btn-close-white btn-sm" aria-label="Schließen"></button> </div> </div>  <div id="mobile-pwa-backdrop" class="mobile-pwa-bottomsheet-backdrop"> <div class="mobile-pwa-bottomsheet"> <div class="d-flex align-items-center gap-3 mb-3"> <img src="https://tsecurity.de/templates/mydraft-basis-isharestuff-com/media/logo.png" alt="tsecurity.de Icon" style="width: 48px; height: 48px; object-fit: contain;" onerror="this.src='/media/favicon.ico'"> <div> <h5 class="fw-bold m-0 text-white">tsecurity.de App</h5> <div class="small text-secondary">Offline-Lesen, Eilmeldungen & 0ms Ladezeit</div> </div> <button type="button" id="mobile-pwa-close-btn" class="btn-close btn-close-white ms-auto" aria-label="Schließen"></button> </div> <p class="text-secondary small mb-4"> Installiere tsecurity.de direkt auf deinen Home-Bildschirm für das ultimative Vollbild-Magazinerlebnis ohne Browser-Leisten. </p> <button type="button" id="mobile-pwa-install-btn" class="btn btn-primary w-100 rounded-pill py-2.5 fw-bold shadow-lg"> <i class="bi bi-download me-2"></i> Jetzt kostenlos installieren </button> </div> </div>   <div id="swipe-peek-indicator" class="swipe-peek-indicator d-lg-none"> <i class="bi bi-arrow-right me-1" aria-hidden="true"></i>Nächster Beitrag </div> <div id="next-article-buffer"></div>  <button type="button" id="terminal-mode-fab" class="terminal-mode-fab d-lg-none" title="Matrix / Terminal Mode umschalten"> >_ </button> <div id="liveChatDock" class="md-chat-dock position-fixed bottom-0 end-0 m-3 z-3 d-flex flex-column align-items-end"> <button type="button" class="md-chat-fab btn btn-primary rounded-pill shadow-lg d-inline-flex align-items-center gap-2 px-3.5 py-2.5 fw-bold transition-transform" id="btnToggleLiveChat" aria-label="Community Live Chat & Sentinel Radar öffnen"> <span class="radar-sweep-icon md-chat-fab-icon" aria-hidden="true"></span> <span class="d-none d-sm-inline">💬 Community Radar</span> <span class="badge bg-dark bg-opacity-75 text-white rounded-pill font-monospace" id="chatUnreadCount" aria-live="polite">LIVE</span> </button> </div>  <div class="offcanvas offcanvas-end theme-offcanvas md-chat-drawer" tabindex="-1" id="liveChatDrawer" aria-labelledby="liveChatDrawerLabel"> <div class="offcanvas-header border-bottom border-secondary border-opacity-25 px-4 py-3 theme-modal-header"> <div class="d-flex align-items-center gap-2"> <div class="rounded-circle p-2 theme-card-subtle border border-secondary border-opacity-30 fs-5">🤖</div> <div> <h5 class="offcanvas-title fw-bold m-0 fs-6 text-light-adaptive" id="liveChatDrawerLabel">Community Radar & Live Chat</h5> <div class="extra-small text-muted font-monospace d-flex align-items-center gap-1"> <span class="live-pulse-dot md-chat-pulse-dot" aria-hidden="true"></span> <span id="chatOnlineIndicator">Sentinel Bot online • Live-Stream</span> </div> </div> </div> <div class="d-flex align-items-center gap-2"> <button type="button" class="md-chat-sound-btn btn btn-xs rounded-circle theme-card-subtle border border-secondary border-opacity-30 p-1" id="btnToggleChatSound" title="Audio-Benachrichtigungen an/aus" aria-label="Audio-Benachrichtigungen an/aus" aria-pressed="false">🔔</button> <button type="button" class="btn-close btn-close-adaptive shadow-none" data-bs-dismiss="offcanvas" aria-label="Schließen"></button> </div> </div>  <div class="px-3 py-1.5 theme-card-subtle border-bottom border-secondary border-opacity-25 d-flex justify-content-between align-items-center"> <div class="d-flex align-items-center gap-1.5"> <span class="extra-small text-muted font-monospace">Dein Cluster:</span> <span id="userPersonaBadge" class="badge bg-primary-subtle text-info border border-primary-subtle rounded-pill extra-small font-monospace"><i class="bi bi-shield-lock me-1" aria-hidden="true"></i>Security Explorer</span> </div> <span id="userPersonaMatch" class="badge bg-success-subtle text-success rounded-pill extra-small font-monospace d-none" aria-hidden="true"></span> </div>  <div class="px-3 py-1 theme-card-subtle border-bottom border-secondary border-opacity-25 d-flex align-items-center justify-content-between overflow-x-auto" id="peerMatchmakingStrip"> <span class="extra-small text-muted font-monospace text-nowrap me-2">👥 Match:</span> <div class="d-flex gap-1.5 align-items-center" id="peerMatchmakingList"> <span class="extra-small text-muted">lädt…</span> </div> </div> <script> /* MOBILE_THEME MT7 (04.09.2026): Matchmaking-Fetch lazy — der Call lief bei JEDEM Pageload (auch Gäste ohne jede Chat-Interesse) in die nginx-429-Zone (SWOT MT7). Erst das Öffnen des Drawers löst ihn aus (once:true). */ (function () { var list = document.getElementById('peerMatchmakingList'); var drawer = document.getElementById('liveChatDrawer'); if (!list || !drawer) return; function loadPeers() { fetch('/api/v1/matchmaking/peers', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (data) { if (!data.success) return; var d = data.data; if (d.guest_teaser) { list.innerHTML = '<a href="/community/mitglieder/#register" class="extra-small text-info text-decoration-none">' + '🎁 ' + (d.message || 'Registriere dich für Peer-Matches') + '</a>'; return; } if (!d.peers || !d.peers.length) { list.innerHTML = '<span class="extra-small text-muted">Wähle im Profil Expertise-Tags für Matches</span>'; return; } list.innerHTML = ''; d.peers.forEach(function (peer) { /* Welle 8 (06.09.): handle/match escapen — kamen roh in innerHTML (Leak-Klasse; a href via Property bleibt). */ var esc = function (s) { var div = document.createElement('div'); div.textContent = String(s == null ? '' : s); return div.innerHTML; }; var a = document.createElement('a'); a.href = peer.profile_url; a.className = 'btn btn-xs rounded-pill theme-card-subtle border border-secondary border-opacity-50 px-2 py-0.5 extra-small text-decoration-none'; a.title = peer.online ? 'Jetzt online — Profil öffnen' : 'Profil öffnen'; a.innerHTML = (peer.online ? '🟢' : '👤') + ' @' + esc(peer.handle) + ' <span class="badge bg-success-subtle text-success p-0 ms-1 font-monospace">' + esc(peer.match) + '%</span>'; list.appendChild(a); }); }) .catch(function () { list.innerHTML = '<span class="extra-small text-muted">Matchmaking offline</span>'; }); } if (drawer.classList.contains('show')) { loadPeers(); return; } drawer.addEventListener('show.bs.offcanvas', loadPeers, { once: true }); })(); </script>  <ul class="nav nav-pills nav-fill border-bottom border-secondary border-opacity-25 p-2 theme-card-subtle" id="chatDrawerTabs" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active rounded-pill py-1.5 extra-small fw-bold text-uppercase tracking-wider" id="tabLiveStreamBtn" data-bs-toggle="pill" data-bs-target="#tabLiveStream" type="button" role="tab" aria-controls="tabLiveStream">💬 Live-Stream</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link rounded-pill py-1.5 extra-small fw-bold text-uppercase tracking-wider text-secondary" id="tabThemenRadarBtn" data-bs-toggle="pill" data-bs-target="#tabThemenRadar" type="button" role="tab" aria-controls="tabThemenRadar">💡 Themen-Radar</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link rounded-pill py-1.5 extra-small fw-bold text-uppercase tracking-wider text-secondary" id="tabMeinRadarBtn" data-bs-toggle="pill" data-bs-target="#tabMeinRadar" type="button" role="tab" aria-controls="tabMeinRadar">📡 Mein Radar</button> </li> </ul>  <div class="chat-channels-bar d-flex gap-1.5 px-3 py-1.5 theme-card-subtle border-bottom border-secondary border-opacity-25 overflow-x-auto" id="chatChannelsBar"> <button type="button" class="btn btn-xs rounded-pill chat-channel-btn active btn-danger px-2.5 py-0.5" data-channel="cve_alerts"><i class="bi bi-shield-lock me-1" aria-hidden="true"></i>#cve-alerts</button> <button type="button" class="btn btn-xs rounded-pill chat-channel-btn btn-outline-warning px-2.5 py-0.5" data-channel="incident_response">🚨 #incident-response</button> <button type="button" class="btn btn-xs rounded-pill chat-channel-btn btn-outline-info px-2.5 py-0.5" data-channel="ki_security">🤖 #ki-security</button> <button type="button" class="btn btn-xs rounded-pill chat-channel-btn btn-outline-secondary px-2.5 py-0.5" data-channel="lounge">☕ #lounge</button> </div> <div class="offcanvas-body d-flex flex-column p-0"> <div class="tab-content flex-grow-1 d-flex flex-column overflow-hidden" id="chatDrawerTabContent">  <div class="tab-pane fade show active flex-grow-1 d-flex flex-column overflow-hidden" id="tabLiveStream" role="tabpanel">  <div class="chat-messages-scroll md-chat-scroll flex-grow-1 p-3 overflow-y-auto" id="chatMessagesContainer"> <div class="text-center py-4 text-muted small"> <div class="spinner-border spinner-border-sm text-info mb-2" role="status"></div> <div>Verbindung zum Community-Stream wird aufgebaut...</div> </div> </div>  <div class="quick-commands-bar d-flex gap-1.5 px-3 py-1.5 theme-card-subtle border-top border-secondary border-opacity-25 overflow-x-auto"> <button type="button" class="btn btn-xs btn-outline-danger rounded-pill text-nowrap quick-cmd-btn fw-bold" data-cmd="/cve CVE-2026-1184"><i class="bi bi-shield-lock me-1" aria-hidden="true"></i>/cve</button> <button type="button" class="btn btn-xs btn-outline-info rounded-pill text-nowrap quick-cmd-btn" data-cmd="/quote">📄 /quote</button> <button type="button" class="btn btn-xs btn-outline-warning rounded-pill text-nowrap quick-cmd-btn" data-cmd="/threat"><i class="bi bi-lightning-charge me-1" aria-hidden="true"></i>/threat</button> <button type="button" class="btn btn-xs btn-outline-info rounded-pill text-nowrap quick-cmd-btn" data-cmd="/discuss">💡 /discuss</button> <button type="button" class="btn btn-xs btn-outline-secondary rounded-pill text-nowrap quick-cmd-btn" data-cmd="/help">❓ /help</button> </div>  <form id="frmLiveChatSend" class="p-3 theme-card-subtle border-top border-secondary border-opacity-25 position-relative"> <div class="md-chat-hp"><input type="text" name="website_hp" tabindex="-1" autocomplete="off"/></div>  <div id="chatMentionDropdown" class="md-chat-mention-drop position-absolute d-none" role="listbox" aria-label="Benutzer-Vorschläge"> <div id="chatMentionList" class="bg-dark border border-secondary border-opacity-40 rounded-3 shadow overflow-hidden"></div> </div> <div class="d-flex gap-2 mb-2">  <input type="text" id="chatSenderName" class="md-chat-alias form-control form-control-sm theme-input" placeholder="Dein Alias..." maxlength="30" required/> <select id="chatSenderBadge" class="md-chat-select form-select form-select-sm theme-select"> <option value="👤 Leser" selected>👤 Leser</option> <option value="🛡️ Researcher">🛡️ Researcher</option> <option value="💻 Developer">💻 Dev</option> </select> </div>  <div class="form-check mb-2 ts-consent-check" data-consent-scope="chat_guest"> <input class="form-check-input mt-0 me-1.5" type="checkbox" id="chatDsgvoConsent" name="dsgvo_consent" value="1"/> <label class="form-check-label extra-small text-muted" for="chatDsgvoConsent" style="cursor: pointer;"> Ich stimme der Speicherung meiner Chat-Eingaben gemäß <a href="/datenschutz/" target="_blank" rel="noopener" class="text-info text-decoration-none">Datenschutzerklärung</a> zu. </label> </div>  <div id="chatEmojiRow" class="d-flex flex-wrap gap-1 mb-2"> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="🔥" aria-label="🔥 einfügen">🔥</button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="🛡️" aria-label="🛡️ einfügen">🛡️</button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="💡" aria-label="💡 einfügen">💡</button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="🚀" aria-label="🚀 einfügen">🚀</button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="👍" aria-label="👍 einfügen">👍</button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="❤️" aria-label="❤️ einfügen">❤️</button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="😂" aria-label="😂 einfügen">😂</button> <button type="button" class="btn btn-sm btn-dark border border-secondary border-opacity-30 rounded-pill px-2 py-1 chat-emoji-btn" data-emoji="🤔" aria-label="🤔 einfügen">🤔</button> </div> <div class="input-group"> <input type="text" id="chatMessageInput" class="md-chat-input form-control theme-input" placeholder="Nachricht oder /befehl schreiben..." maxlength="1000" required autocomplete="off"/> <button class="md-chat-send-btn btn btn-primary fw-bold px-3" type="submit" id="btnSendChatMessage" aria-label="Nachricht senden"> ➤ </button> </div> </form> </div>  <div class="tab-pane fade flex-grow-1 p-3 overflow-y-auto" id="tabMeinRadar" role="tabpanel" aria-labelledby="tabMeinRadarBtn"> <h6 class="fw-bold mb-3 text-light-adaptive d-flex align-items-center gap-1.5"> <span>📡</span> <span>Aktivitäten deiner Analysten</span> </h6> <div class="d-flex flex-column gap-2" id="followingFeedList"> <div class="extra-small text-muted font-monospace">lädt…</div> </div> </div>  <div class="tab-pane fade flex-grow-1 p-3 overflow-y-auto" id="tabThemenRadar" role="tabpanel">  <div class="p-3 rounded-4 theme-card-subtle border border-secondary border-opacity-30 mb-4"> <h6 class="fw-bold mb-2 text-light-adaptive d-flex align-items-center gap-1.5"> <span>💡</span> <span>Neues Thema oder Eilmeldung einreichen</span> </h6> <p class="extra-small text-muted mb-3">Reiche interessante Links, Zero-Days oder Debatten ein. Die Community entscheidet per Upvote über die Veröffentlichung.</p> <form id="frmSuggestTopic"> <div class="mb-2"> <input type="text" id="topicTitle" class="form-control form-control-sm theme-input" placeholder="Schlagzeile / Thema..." required/> </div> <div class="mb-2"> <input type="url" id="topicUrl" class="form-control form-control-sm theme-input" placeholder="Quelle URL (optional)..."/> </div> <div class="mb-2"> <textarea id="topicDesc" class="form-control form-control-sm theme-input" placeholder="Kurze Beschreibung / Relevanz..." rows="2"></textarea> </div>  <div class="md-chat-hp"><input type="text" name="website_hp" tabindex="-1" autocomplete="off"/></div>  <div class="form-check mb-2 ts-consent-check" data-consent-scope="suggest_topic"> <input class="form-check-input mt-0 me-1.5" type="checkbox" id="topicDsgvoConsent" name="dsgvo_consent" value="1"/> <label class="form-check-label extra-small text-muted" for="topicDsgvoConsent" style="cursor: pointer;"> Ich stimme der Speicherung meiner Angaben gemäß <a href="/datenschutz/" target="_blank" rel="noopener" class="text-info text-decoration-none">Datenschutzerklärung</a> zu. </label> </div> <div class="d-flex gap-2"> <input type="text" id="topicAuthor" class="md-chat-alias form-control form-control-sm theme-input" placeholder="Dein Alias..." required/> <button type="submit" class="md-chat-send-btn btn btn-sm btn-primary flex-grow-1 fw-bold rounded-pill"> <i class="bi bi-lightning-charge me-1" aria-hidden="true"></i>Einreichen </button> </div> <div id="topicSubmitFeedback" class="mt-2 extra-small"></div> </form> </div>  <h6 class="fw-bold mb-2 text-uppercase tracking-wider extra-small text-muted d-flex align-items-center justify-content-between"> <span>🔥 Heiß diskutierte Einreichungen</span> <button type="button" class="btn btn-link p-0 text-info extra-small text-decoration-none" id="btnRefreshTopics">🔄 Aktualisieren</button> </h6> <div id="topicsContainer" class="d-flex flex-column gap-2">  </div> </div> </div> </div> </div>  <div id="socialProofToastContainer" class="position-fixed bottom-0 start-0 m-3 z-3 d-none d-sm-block" style="margin-bottom: calc(4.5rem + env(safe-area-inset-bottom)) !important; max-width: 380px; pointer-events: none;"> <div id="socialProofToast" class="toast theme-toast align-items-center border-0 shadow-lg rounded-4 overflow-hidden" role="alert" aria-live="assertive" aria-atomic="true" style="pointer-events: auto; transform: translateY(100px); opacity: 0; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;"> <div class="p-3"> <div class="d-flex justify-content-between align-items-center mb-1.5"> <span id="toastBadge" class="badge bg-danger-subtle text-danger border border-danger-subtle rounded-pill font-monospace extra-small">🔥 TRENDING VOTE</span> <div class="d-flex align-items-center gap-1.5"> <span id="toastTime" class="extra-small text-muted font-monospace">vor 12s</span> <button type="button" class="btn-close btn-close-adaptive p-0 shadow-none extra-small" id="btnCloseSocialToast" aria-label="Schließen" style="font-size: 0.65rem;"></button> </div> </div> <div id="toastHeadline" class="fw-bold text-light-adaptive small mb-1 text-truncate">tsecurity.de Live Threat Radar</div> <div id="toastMeta" class="extra-small text-muted mb-2"><i class="bi bi-lightning-charge me-1" aria-hidden="true"></i>Aktuelle Bedrohungslagen & Sicherheits-Analysen</div> <a href="/de/10/top-news" id="toastLink" class="btn btn-xs btn-outline-info rounded-pill px-3 py-1 fw-bold text-decoration-none d-inline-flex align-items-center gap-1"> <span><i class="bi bi-arrow-right me-1" aria-hidden="true"></i>Jetzt ansehen</span> </a> </div> </div> </div> <script defer src="/js/mobile-nav.72fa3d3c.js"></script> <script defer src="/js/community.5c749de3.js"></script> <script>window.TS_I18N = {"chat":{"chat.feed_login_prompt":"📡 <a href=\"#\" class=\"text-info\" data-auth-modal=\"register\" data-auth-origin=\"feed_tab\">Melde dich an</a>, um die Aktivitäten deiner gefolgten Analysten zu sehen.","chat.feed_empty":"Noch keine Aktivität — folge Analysten im <a href=\"/community/mitglieder/\" class=\"text-info\">Mitgliederverzeichnis</a> oder via Peer-Match oben.","chat.feed_type_chat":"im Radar-Chat","chat.feed_type_comment":"neuer Kommentar","chat.feed_error":"Feed derzeit nicht erreichbar.","chat.persona_focus":"% Focus","chat.copied":"✅ Kopiert","chat.copy":"📋 Kopieren","chat.guest":"Gast","chat.now":"Jetzt","chat.react_title":"Mit {emoji} reagieren","chat.community_member":"Community-Mitglied","chat.open":"Öffnen","chat.help_badge":"💡 CHAT BEFEHLE","chat.help_title":"Verfügbare Slash-Commands","chat.help_summary":"\n • <strong>/cve <ID></strong> — CVE-Karte mit NVD-Nachschlag-Link (kein Live-Abruf, z.B. <code>/cve CVE-2026-1234</code>)<br/>\n • <strong>/quote</strong> — Zitiert den aktuell geöffneten News-Beitrag<br/>\n • <strong>/threat</strong> — Erklärt das Radar-Level-Format (statisches Beispiel)<br/>\n • <strong>/clear</strong> — Leert das Chat-Fenster\n ","chat.threat_badge":"⚡ THREAT RADAR LEVEL","chat.threat_title":"Bedrohungslage: ORANGE — statisches Beispiel","chat.threat_summary":"Dieses Level ist ein fest hinterlegtes Beispiel, keine Live-Messung. Echte Ereignisse und Aufkommen siehst du im Themen-Radar-Tab und im Aktivitäts-Radar.","chat.cve_badge":"🛡️ CVE-NACHSCHLAG • {id}","chat.cve_title":"{id} — Detaildaten beim NVD","chat.cve_title_demo":"CVE-Karten-Format (Beispiel)","chat.cve_summary":"<strong>Hinweis:</strong> Der Chat ruft keine Live-CVE-Daten ab — CVSS-Score, Vektor und Patch-Infos stehen verlässlich im <a href=\"{nvd}\" target=\"_blank\" rel=\"noopener\">NVD-Eintrag ↗</a>. Format: <code>/cve CVE-2026-1234</code>","chat.sender_profile_hint":"Profil von {name} öffnen","chat.dm_no_matches":"Keine Treffer für „{q}“.","chat.dm_empty":"Keine Gespräche yet — starte eines über ein Profil.","chat.dm_unread_title":"{n} ungelesen","chat.dm_blocked_none":"Niemand gesperrt.","chat.dm_unblock":"Entsperren","chat.dm_block_confirm":"@{handle} wirklich blockieren?\n\nBlockierte Mitglieder können dir weder Nachrichten senden noch dir folgen.","chat.dm_blocked_toast":"@{handle} blockiert.","chat.dm_block_failed":"Blockieren fehlgeschlagen","chat.dm_unblocked_toast":"@{handle} entsperrt.","chat.dm_unblock_failed":"Entsperren fehlgeschlagen","chat.dm_report_menu_label":"Grund für die Meldung","chat.dm_reported":"Nachricht gemeldet — das Team prüft sie.","chat.dm_report_failed":"Melden fehlgeschlagen","chat.dm_state_blocked":"🚫 gesperrt","chat.dm_state_private":"Privat · 1:1","chat.dm_unblock_btn":"↩ Entsperren","chat.dm_block_btn":"⛔ Blockieren","chat.dm_block_btn_title":"Nachrichten und Folgen beidseitig unterbinden","chat.dm_blocked_notice":"Du hast @{handle} blockiert — keine neuen Nachrichten möglich.","chat.dm_input_placeholder":"Nachricht…","chat.dm_send_label":"Nachricht senden","chat.dm_send":"Senden","chat.dm_send_failed":"Senden fehlgeschlagen","chat.dm_report_title":"Nachricht melden","chat.discuss_badge":"💡 AI DISKUSSIONS-IMPULS • {topic}","chat.discuss_pick":"1-KLICK STANDPUNKT WÄHLEN:","chat.discuss_topic_dnssec":"DNSSEC vs. DoS","chat.discuss_question_dnssec":"Ist DNSSEC-Validierung in Edge-Routern heute noch zeitgemäß oder ein DoS-Risiko?","chat.discuss_dnssec_1_label":"👍 Unverzichtbar","chat.discuss_dnssec_1_reply":"Ich halte DNSSEC für unverzichtbar für DNS-Integrität, da Spoofing sonst unentdeckt bleibt.","chat.discuss_dnssec_2_label":"⚠️ DoS-Risiko","chat.discuss_dnssec_2_reply":"DNSSEC schafft durch NSEC3-Iterations gravierende DoS-Angriffsvektoren auf rekursive Resolver.","chat.discuss_dnssec_3_label":"💡 Eher DoH nutzen","chat.discuss_dnssec_3_reply":"Besserer Ansatz: Verschlüsseltes DNS-over-HTTPS / TLS direkt zum Resolver nutzen.","chat.discuss_topic_ai":"Agentic AI in SecOps","chat.discuss_question_ai":"Sollten autonome KI-Agenten automatisch Patches in Produktiv-Systemen einspielen dürfen?","chat.discuss_ai_1_label":"🚀 Ja, sofort patchen","chat.discuss_ai_1_reply":"Die Angriffsgeschwindigkeit erfordert autonome KI-Patches innerhalb von Minuten.","chat.discuss_ai_2_label":"🛡️ Nur mit Human-Approval","chat.discuss_ai_2_reply":"Autonome Patches bergen extremes Ausfallrisiko. Strikte menschliche Freigabe bleibt Pflicht.","chat.discuss_ai_3_label":"⚡ Erst im Staging testen","chat.discuss_ai_3_reply":"KI sollte Patches autonom in Staging testen und nach Bestehen der Tests deployen.","chat.topic_submitted":"✅ Vorschlag eingereicht! Bot hat Event gepostet.","chat.topic_error":"Fehler beim Einreichen.","chat.send_failed":"Nachricht konnte nicht gesendet werden.","chat.send_retry_hint":"Bitte prüfe die Eingabe und versuche es erneut.","chat.status_sse":"🟢 Sentinel Bot online • SSE Live","chat.status_polling":"🟡 Sentinel Bot online • Polling","chat.status_paused":"⏸️ pausiert (Hintergrund-Tab)","chat.topics_empty":"Noch keine Themen eingereicht. Reiche das erste Thema ein!","chat.report":"Nachricht melden","chat.report_menu_label":"Grund für die Meldung","chat.report_reason_spam":"Spam","chat.report_reason_insult":"Beleidigung","chat.report_reason_malware":"Schadsoftware/Phishing","chat.report_reason_other":"Sonstiges","chat.report_thanks":"Meldung erhalten — danke.","chat.report_failed":"Melden fehlgeschlagen — bitte später erneut.","chat.dock_open_label":"Community Live Chat & Sentinel Radar öffnen","chat.dock_label":"💬 Community Radar","chat.drawer_title":"Community Radar & Live Chat","chat.status_livestream":"Sentinel Bot online • Live-Stream","chat.sound_toggle":"Audio-Benachrichtigungen an/aus","chat.close":"Schließen","chat.your_cluster":"Dein Cluster:","chat.match_label":"👥 Match:","chat.loading":"lädt…","chat.peers_register":"Registriere dich für Peer-Matches","chat.peers_empty":"Wähle im Profil Expertise-Tags für Matches","chat.peer_online":"Jetzt online — Profil öffnen","chat.peer_open_profile":"Profil öffnen","chat.matchmaking_offline":"Matchmaking offline","chat.tab_livestream":"💬 Live-Stream","chat.tab_themen_radar":"💡 Themen-Radar","chat.tab_mein_radar":"📡 Mein Radar","chat.connecting":"Verbindung zum Community-Stream wird aufgebaut...","chat.mention_suggestions":"Benutzer-Vorschläge","chat.alias_placeholder":"Dein Alias...","chat.emoji_insert":"{emoji} einfügen","chat.input_placeholder":"Nachricht oder /befehl schreiben...","chat.send":"Nachricht senden","chat.following_title":"Aktivitäten deiner Analysten","chat.topic_form_title":"Neues Thema oder Eilmeldung einreichen","chat.topic_form_intro":"Reiche interessante Links, Zero-Days oder Debatten ein. Die Community entscheidet per Upvote über die Veröffentlichung.","chat.topic_title_placeholder":"Schlagzeile / Thema...","chat.topic_url_placeholder":"Quelle URL (optional)...","chat.topic_desc_placeholder":"Kurze Beschreibung / Relevanz...","chat.submit":"Einreichen","chat.topics_hot":"🔥 Heiß diskutierte Einreichungen","chat.refresh":"🔄 Aktualisieren","chat.radar_title":"Themen-Radar & Intelligence Matrix","chat.radar_subtitle":"Echtzeit-Taxonomie nach Angriffsvektoren & Plattformen","chat.feedcenter":"Feed-Center","chat.feedcenter_title":"RSS Feeds Verzeichnis — alle Quellen durchsuchen","chat.radar_filter_placeholder":"Themenfeld, Vektor oder Software filtern...","chat.subscribe_feed":"RSS Feed abonnieren"}};</script><script defer src="/js/chat.196a632f.js"></script> <script defer src="/js/social-proof.633eb465.js"></script> <script defer src="/js/conversion_auth.f9af914d.js"></script>  <div class="modal fade" id="authConversionModal" tabindex="-1" aria-labelledby="authConversionModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-md"> <div class="modal-content theme-modal-content border-0 rounded-4 overflow-hidden">  <div class="modal-header theme-modal-header pb-3 pt-3.5 px-4"> <div class="d-flex align-items-center gap-2"> <div class="rounded-circle d-flex align-items-center justify-content-center" style="width: 38px; height: 38px; background: linear-gradient(135deg, rgba(0,240,255,0.2), rgba(59,130,246,0.3)); border: 1px solid rgba(0,240,255,0.4);"> <span class="fs-5"><i class="bi bi-shield-lock" aria-hidden="true"></i></span> </div> <div> <h5 class="modal-title fw-bold text-light-adaptive fs-6 m-0" id="authConversionModalLabel"> tsecurity.de <span style="color: var(--color-accent-text); font-weight: 800;">Community</span> </h5> <div class="extra-small text-muted font-monospace">Exklusive Security Intelligence & Cloud-Sync</div> </div> </div> <button type="button" class="btn-close btn-close-adaptive shadow-none" data-bs-dismiss="modal" aria-label="Schließen"></button> </div>  <div class="px-4 pt-3 pb-2 theme-card-subtle border-bottom border-secondary border-opacity-20"> <div class="row g-2 text-start extra-small text-secondary"> <div class="col-6 d-flex align-items-center gap-1.5"> <i class="bi bi-shield-check text-info"></i> <span>0-Day CVE Alerting</span> </div> <div class="col-6 d-flex align-items-center gap-1.5"> <i class="bi bi-bookmark-star text-warning"></i> <span>Geräteübergreifende Merkliste</span> </div> <div class="col-6 d-flex align-items-center gap-1.5"> <i class="bi bi-chat-square-quote text-success"></i> <span>Experten-Diskussionen</span> </div> <div class="col-6 d-flex align-items-center gap-1.5"> <i class="bi bi-trophy text-primary"></i> <span>Karma & Leaderboard</span> </div> </div> </div>  <div class="modal-body p-4">  <ul class="nav nav-pills nav-fill mb-3 p-1 rounded-pill theme-card-subtle border border-secondary border-opacity-30" id="authTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active rounded-pill fw-bold extra-small py-2 text-white btn-brand-gradient" id="tab-register-btn" data-bs-toggle="pill" data-bs-target="#tab-register" type="button" role="tab" aria-controls="tab-register" aria-selected="true"> ✨ Kostenlos Beitreten (10s) </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link rounded-pill fw-bold extra-small py-2 text-secondary" id="tab-login-btn" data-bs-toggle="pill" data-bs-target="#tab-login" type="button" role="tab" aria-controls="tab-login" aria-selected="false"> 🔑 Anmelden </button> </li> </ul> <div class="tab-content" id="authTabContent">  <div class="tab-pane fade show active" id="tab-register" role="tabpanel" aria-labelledby="tab-register-btn">  <div id="authContextBanner" class="alert alert-info py-2 px-3 mb-2.5 rounded-3 extra-small d-none align-items-center gap-2"> <span class="fs-6"><i class="bi bi-lightning-charge" aria-hidden="true"></i></span> <span id="authContextText" class="fw-semibold">Registriere dich kostenlos, um dieses Feature zu nutzen.</span> </div>  <form id="formQuickRegister" novalidate> <input type="text" name="website_hp" style="display:none !important;" tabindex="-1" autocomplete="off"> <div class="mb-2.5"> <label class="form-label extra-small text-secondary fw-semibold mb-1" for="authRegUsername">Benutzername / Alias</label> <div class="input-group"> <span class="input-group-text theme-card-subtle text-muted">@</span> <input type="text" name="username" id="authRegUsername" class="form-control theme-input" placeholder="z.B. SecAnalyst" required minlength="3" maxlength="32" autocomplete="username"> </div> </div> <div class="mb-2.5"> <label class="form-label extra-small text-secondary fw-semibold mb-1" for="authRegEmail">E-Mail-Adresse (für Benachrichtigungen)</label> <input type="email" name="email" id="authRegEmail" class="form-control theme-input" placeholder="name@beispiel.de" required autocomplete="email"> </div> <div class="mb-3"> <label class="form-label extra-small text-secondary fw-semibold mb-1" for="authRegPassword">Passwort (mind. 8 Zeichen)</label> <input type="password" name="password" id="authRegPassword" class="form-control theme-input" placeholder="••••••••" required minlength="8" autocomplete="new-password"> </div>  <div class="mb-3"> <label class="form-label extra-small text-secondary fw-semibold mb-1.5">Deine Interessensgebiete (optional):</label> <div class="d-flex flex-wrap gap-1.5"> <label class="btn btn-xs btn-outline-secondary rounded-pill extra-small py-0.5 px-2"> <input type="checkbox" name="topics[]" value="Zero-Day" class="me-1 d-none" onchange="this.parentElement.classList.toggle('btn-info', this.checked); this.parentElement.classList.toggle('btn-outline-secondary', !this.checked);"> <i class="bi bi-lightning-charge me-1" aria-hidden="true"></i>Zero-Days </label> <label class="btn btn-xs btn-outline-secondary rounded-pill extra-small py-0.5 px-2"> <input type="checkbox" name="topics[]" value="Cloud-Security" class="me-1 d-none" onchange="this.parentElement.classList.toggle('btn-info', this.checked); this.parentElement.classList.toggle('btn-outline-secondary', !this.checked);"> ☁️ Cloud Security </label> <label class="btn btn-xs btn-outline-secondary rounded-pill extra-small py-0.5 px-2"> <input type="checkbox" name="topics[]" value="Pentesting" class="me-1 d-none" onchange="this.parentElement.classList.toggle('btn-info', this.checked); this.parentElement.classList.toggle('btn-outline-secondary', !this.checked);"> 🎯 Pentesting </label> <label class="btn btn-xs btn-outline-secondary rounded-pill extra-small py-0.5 px-2"> <input type="checkbox" name="topics[]" value="Linux-Kernel" class="me-1 d-none" onchange="this.parentElement.classList.toggle('btn-info', this.checked); this.parentElement.classList.toggle('btn-outline-secondary', !this.checked);"> 🐧 Linux & Kernel </label> <label class="btn btn-xs btn-outline-secondary rounded-pill extra-small py-0.5 px-2"> <input type="checkbox" name="topics[]" value="AI-Security" class="me-1 d-none" onchange="this.parentElement.classList.toggle('btn-info', this.checked); this.parentElement.classList.toggle('btn-outline-secondary', !this.checked);"> 🤖 AI Security </label> </div> </div>  <div class="form-check mb-2.5 p-2.5 rounded-3 theme-card-subtle border border-secondary border-opacity-25"> <input class="form-check-input ms-0 me-2" type="checkbox" name="cyberbriefing" id="chkCyberbriefing" value="1" checked style="cursor: pointer;"> <label class="form-check-label extra-small text-light-adaptive" for="chkCyberbriefing" style="cursor: pointer;"> <i class="bi bi-shield-lock me-1" aria-hidden="true"></i><strong>Cyberbriefing abonnieren:</strong> Wöchentliche Top-CVEs, 0-Day Intelligence & Incident-Reports kostenlos per E-Mail. </label> </div>  <div class="form-check mb-3"> <input class="form-check-input ms-0 me-2" type="checkbox" name="dsgvo_consent" id="chkDsgvoConsent" value="1" required style="cursor: pointer;"> <label class="form-check-label extra-small text-muted" for="chkDsgvoConsent" style="cursor: pointer;"> Ich stimme der <a href="/datenschutz" target="_blank" rel="noopener" class="text-info text-decoration-none">Datenschutzerklärung</a> und den <a href="/agb" target="_blank" rel="noopener" class="text-info text-decoration-none">AGB</a> zu (DSGVO-konform, Double-Opt-In). </label> </div> <div id="registerFeedback" class="mb-2.5 extra-small"></div> <button type="submit" class="btn btn-primary w-100 rounded-pill py-2 fw-bold shadow-lg d-flex align-items-center justify-content-center gap-2 btn-brand-gradient"> <span>🚀 Jetzt kostenlos registrieren</span> </button>  <div class="d-flex align-items-center gap-2 my-2.5 github-oauth-btn d-none"> <hr class="flex-grow-1 m-0 border-secondary border-opacity-25"> <span class="extra-small text-secondary">oder</span> <hr class="flex-grow-1 m-0 border-secondary border-opacity-25"> </div> <button type="button" class="btn btn-outline-light w-100 rounded-pill py-2 fw-bold github-oauth-btn d-none" title="Registrieren/Anmelden mit GitHub"> <i class="bi bi-github me-1.5" aria-hidden="true"></i> Mit GitHub fortfahren </button> </form> </div>  <div class="tab-pane fade" id="tab-login" role="tabpanel" aria-labelledby="tab-login-btn"> <form id="formQuickLogin" novalidate> <div class="mb-2.5"> <label class="form-label extra-small text-secondary fw-semibold mb-1" for="authLoginIdentifier">Benutzername oder E-Mail</label> <input type="text" name="login" id="authLoginIdentifier" class="form-control theme-input" placeholder="Benutzername / E-Mail" required autocomplete="username"> </div> <div class="mb-3"> <div class="d-flex justify-content-between align-items-center mb-1"> <label class="form-label extra-small text-secondary fw-semibold m-0" for="authLoginPassword">Passwort</label> <button type="button" class="btn btn-link extra-small text-info text-decoration-none p-0 m-0" id="btnPwdForgot">Passwort vergessen?</button> </div> <input type="password" name="password" id="authLoginPassword" class="form-control theme-input" placeholder="••••••••" required autocomplete="current-password"> </div>  <div class="mb-2.5 d-none" id="login2faStep"> <label class="form-label extra-small text-secondary fw-semibold mb-1" for="auth2faCode">2FA-Code (oder Recovery-Code)</label> <input type="text" name="twofa" id="auth2faCode" class="form-control theme-input" placeholder="123 456" inputmode="numeric" autocomplete="one-time-code" maxlength="20"> <button type="button" class="btn btn-primary w-100 rounded-pill py-2 fw-bold btn-brand-gradient mt-2" id="btn2faVerify">🔐 Code prüfen & anmelden</button> </div> <div id="loginFeedback" class="mb-2.5 extra-small"></div> <button type="submit" class="btn btn-primary w-100 rounded-pill py-2 fw-bold shadow-lg d-flex align-items-center justify-content-center gap-2 btn-brand-gradient"> <span>🔑 Jetzt anmelden</span> </button>  <div class="d-flex align-items-center gap-2 my-2.5 github-oauth-btn d-none"> <hr class="flex-grow-1 m-0 border-secondary border-opacity-25"> <span class="extra-small text-secondary">oder</span> <hr class="flex-grow-1 m-0 border-secondary border-opacity-25"> </div> <button type="button" class="btn btn-outline-light w-100 rounded-pill py-2 fw-bold github-oauth-btn d-none" title="Registrieren/Anmelden mit GitHub"> <i class="bi bi-github me-1.5" aria-hidden="true"></i> Mit GitHub fortfahren </button> </form> </div> <div class="tab-pane fade" id="tab-reset" role="tabpanel" aria-label="Passwort zurücksetzen">  <form id="formPwdResetRequest" novalidate> <p class="extra-small text-muted mb-2.5">Gib deine E-Mail-Adresse an — du erhältst einen Link zum Zurücksetzen (1 Stunde gültig, einmalig nutzbar).</p> <div class="mb-2.5"> <label class="form-label extra-small text-secondary fw-semibold mb-1" for="authResetEmail">E-Mail-Adresse</label> <input type="email" name="email" id="authResetEmail" class="form-control theme-input" placeholder="name@beispiel.de" required autocomplete="email"> </div> <div id="resetRequestFeedback" class="mb-2.5 extra-small"></div> <button type="submit" class="btn btn-primary w-100 rounded-pill py-2 fw-bold btn-brand-gradient">🔗 Reset-Link anfordern</button> <button type="button" class="btn btn-link extra-small text-secondary text-decoration-none w-100 mt-1" id="btnResetBackToLogin">← Zurück zur Anmeldung</button> </form>  <form id="formPwdResetConfirm" novalidate class="d-none"> <p class="extra-small text-muted mb-2.5">Setze ein neues Passwort (mind. 8 Zeichen).</p> <input type="hidden" name="token" id="authResetToken" value=""> <div class="mb-2.5"> <label class="form-label extra-small text-secondary fw-semibold mb-1" for="authResetPassword">Neues Passwort</label> <input type="password" name="password" id="authResetPassword" class="form-control theme-input" placeholder="••••••••" required minlength="8" autocomplete="new-password"> </div> <div id="resetConfirmFeedback" class="mb-2.5 extra-small"></div> <button type="submit" class="btn btn-primary w-100 rounded-pill py-2 fw-bold btn-brand-gradient">🔑 Passwort setzen</button> <button type="button" class="btn btn-link extra-small text-secondary text-decoration-none w-100 mt-1" id="btnResetBackToLogin2">← Zurück zur Anmeldung</button> </form> </div> </div> </div>  <div class="modal-footer theme-modal-header py-2.5 px-4 justify-content-center"> <span class="extra-small text-muted"> <i class="bi bi-lock me-1" aria-hidden="true"></i>100% DSGVO-konform • Keine Werbung • Jederzeit löschbar </span> </div> </div> </div> </div>  <div class="modal fade" id="authVerifiedModal" tabindex="-1" aria-labelledby="authVerifiedModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content theme-modal-content border-0 rounded-4 overflow-hidden text-center p-4"> <div class="mb-3"> <div class="rounded-circle d-inline-flex align-items-center justify-content-center" style="width: 60px; height: 60px; background: linear-gradient(135deg, rgba(16,185,129,0.2), rgba(6,182,212,0.3)); border: 2px solid #10b981;"> <span class="fs-2">🎉</span> </div> </div> <h5 class="fw-bold text-light-adaptive mb-1" id="authVerifiedModalLabel">E-Mail bestätigt!</h5> <p class="extra-small text-muted mb-3"> Willkommen im <strong>TSecurity Cyberbriefing Netzwerk</strong>. Dein Account und dein <strong>+50 Karma-Startbonus</strong> wurden erfolgreich aktiviert. </p> <div class="p-2.5 rounded-3 theme-card-subtle border border-secondary border-opacity-25 mb-3 text-start extra-small"> <div class="d-flex align-items-center gap-1.5 text-success mb-1"> <i class="bi bi-check-circle-fill"></i> <span>Cyberbriefing aktiviert</span> </div> <div class="d-flex align-items-center gap-1.5 text-info"> <i class="bi bi-shield-check"></i> <span>0-Day CVE-Alerts freigeschaltet</span> </div> </div> <button type="button" class="btn btn-primary rounded-pill w-100 fw-bold py-2 btn-brand-gradient" id="btnVerifiedOpenLogin"> 🔑 Jetzt anmelden </button> </div> </div> </div>  <div class="modal fade" id="onboardingWizardModal" tabindex="-1" aria-labelledby="onboardingWizardLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable"> <div class="modal-content theme-modal-content border-0 rounded-4 overflow-hidden"> <div class="modal-header border-secondary border-opacity-25 pb-2"> <div class="d-flex align-items-center gap-2"> <span class="fs-4">🧭</span> <h5 class="modal-title h6 fw-bold font-monospace text-uppercase tracking-wider m-0" id="onboardingWizardLabel">Willkommen — 3 Schritte zu deinem Radar</h5> </div> <span class="badge bg-primary-subtle text-info rounded-pill extra-small font-monospace" id="onboardingStepBadge">Schritt 1/3</span> </div> <div class="modal-body p-4">  <div class="onboarding-step" id="onboardingStep1"> <p class="small text-muted mb-3">Bestätige deine Fachgebiete — daraus entstehen Peer-Matches und dein persönlicher Radar-Feed.</p> <div class="d-flex flex-wrap gap-1.5 mb-2" id="onboardingTagCloud"> <span class="extra-small text-muted font-monospace">Tags laden…</span> </div> <div class="input-group mt-3" style="max-width: 340px;"> <input type="text" class="form-control theme-input" id="onboardingTagInput" placeholder="Eigener Tag (z.B. siem)" maxlength="24"> <button class="btn btn-outline-info" type="button" id="onboardingTagAdd">+ Hinzufügen</button> </div> <div class="extra-small text-muted mt-1">Bis zu 8 Tags — kleinbuchstig, Bindestrich ok.</div> </div>  <div class="onboarding-step d-none" id="onboardingStep2"> <p class="small text-muted mb-1">Folge Analysten — ihre Kommentare und Radar-Beiträge landen in „Mein Radar“.</p> <p class="extra-small text-muted font-monospace mb-3"><span id="onboardingFollowCount">0</span> gefolgt (empfohlen: 3)</p> <div class="d-flex flex-column gap-2" id="onboardingPeerList"> <span class="extra-small text-muted">Vorschläge laden…</span> </div> </div>  <div class="onboarding-step d-none" id="onboardingStep3"> <p class="small text-muted mb-3">Fast fertig — richte dir deine Kanäle ein:</p> <div class="d-flex flex-column gap-2"> <div class="p-2.5 rounded-3 theme-card-subtle border border-secondary border-opacity-25 d-flex align-items-center justify-content-between gap-2"> <span class="extra-small"><span class="fs-6 me-1">🔔</span> Push für CVE-Alerts & DMs aktivieren</span> <button type="button" class="btn btn-xs btn-outline-info rounded-pill" id="onboardingPushBtn">Aktivieren</button> </div> <div class="p-2.5 rounded-3 theme-card-subtle border border-secondary border-opacity-25 d-flex align-items-center justify-content-between gap-2"> <span class="extra-small"><span class="fs-6 me-1">💬</span> Live-Radar-Chat & Themen testen</span> <button type="button" class="btn btn-xs btn-outline-info rounded-pill" id="onboardingChatBtn">Öffnen</button> </div> <div class="p-2.5 rounded-3 theme-card-subtle border border-secondary border-opacity-25 d-flex align-items-center justify-content-between gap-2"> <span class="extra-small"><span class="fs-6 me-1">📡</span> Dein persönlicher Feed</span> <span class="extra-small text-muted font-monospace">Chat-Drawer → Tab „Mein Radar“</span> </div> </div> </div> </div> <div class="modal-footer border-secondary border-opacity-25 d-flex flex-column flex-sm-row justify-content-between gap-2"> <button type="button" class="btn btn-link text-muted text-decoration-none extra-small" id="onboardingSkipBtn">Überspringen</button> <div class="d-flex flex-column flex-sm-row gap-2"> <button type="button" class="btn btn-outline-secondary rounded-pill px-3 d-none" id="onboardingBackBtn">Zurück</button> <button type="button" class="btn btn-primary rounded-pill px-4 fw-bold btn-brand-gradient" id="onboardingNextBtn">Weiter</button> </div> </div> </div> </div> </div> <div id="isharestuff-toast"></div> <div class="modal fade" id="shortcutHelpModal" tabindex="-1" aria-labelledby="shortcutHelpModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg"> <div class="modal-content theme-modal-content border-0 rounded-4 overflow-hidden"> <div class="modal-header theme-modal-header px-4 py-3"> <h5 class="modal-title fw-bold text-light-adaptive fs-6 m-0 d-flex align-items-center gap-2" id="shortcutHelpModalLabel"> ⌨️ Tastaturkürzel </h5> <button type="button" class="btn-close btn-close-adaptive shadow-none" data-bs-dismiss="modal" aria-label="Schließen"></button> </div> <div class="modal-body p-2 p-md-3" id="shortcutHelpBody"></div> <div class="modal-footer border-top border-secondary border-opacity-25 px-4 py-3 d-flex justify-content-between align-items-center"> <small class="text-secondary" id="shortcutHelpPlatform"></small> <span class="kbd-shortcut">ESC schließt</span> </div> </div> </div> </div> <script defer src="/js/shortcuts.451b4d47.js"></script>  </body> </html> </div> </div> <script id="fpc-micro-hydrator"> (function(){ function hydrateAuth(){ const dynamicNodes = document.querySelectorAll('[data-fpc-dynamic]'); if(!dynamicNodes.length && !document.querySelector('.user-auth-slot, .fpc-dynamic-slot')) return; const endpoint = '/api/v1/auth/context'; fetch(endpoint, {credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'}}) .then(r => r.ok ? r.json() : null) .then(data => { if(!data || !data.data) return; const auth = data.data; dynamicNodes.forEach(node => { const type = node.getAttribute('data-fpc-dynamic'); if(type === 'user-badge' && auth.user_id > 0){ node.innerHTML = '<span class="badge bg-primary text-white py-1 px-2"><i class="fa-solid fa-user me-1"></i>' + (auth.username || 'Konto') + '</span>'; } else if(type === 'unread-chat' && auth.unread_messages > 0){ node.textContent = auth.unread_messages; node.classList.remove('d-none'); } }); }) .catch(()=>{}); } function fmt(v){ if(typeof v === 'number') { try { return new Intl.NumberFormat('de-DE').format(v); } catch(e) { return String(v); } } return String(v); } function hydrateMetrics(){ const nodes = document.querySelectorAll('[data-metric]'); if(!nodes.length) return; const keys = []; nodes.forEach(n => { const k = n.getAttribute('data-metric'); if(k && keys.indexOf(k) === -1) keys.push(k); }); if(!keys.length) return; fetch('/api/v1/metrics?keys=' + encodeURIComponent(keys.join(',')), {credentials:'same-origin'}) .then(r => r.ok ? r.json() : null) .then(data => { if(!data || !data.data || !data.data.metrics) return; const metrics = data.data.metrics; nodes.forEach(node => { const key = node.getAttribute('data-metric'); const entry = metrics[key]; if(!entry || entry.value === null || entry.value === undefined) return; const field = node.getAttribute('data-metric-field'); const idAttr = node.getAttribute('data-metric-id'); let v; if(field !== null && field !== '' && typeof entry.value === 'object' && entry.value !== null){ v = entry.value[field]; } else if(idAttr !== null && idAttr !== '' && typeof entry.value === 'object' && entry.value !== null){ const rec = entry.value[idAttr]; v = (rec && typeof rec === 'object') ? (rec.count !== undefined ? rec.count : null) : (typeof rec === 'number' ? rec : null); } else { v = entry.value; } if(v === null || v === undefined || (typeof v === 'number' && isNaN(v))) return; node.textContent = fmt(v); }); }) .catch(()=>{}); } function run(){ hydrateAuth(); hydrateMetrics(); } if('requestIdleCallback' in window){ window.requestIdleCallback(run, {timeout: 1500}); } else { setTimeout(run, 200); } })(); </script></body> </html>

tsecurity.de LIVE

Themen-Radar & Intelligence Matrix

tsecurity.de Live Threat Radar

androiddevelopers: Accessibility services and how users interact with them