🔒 AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival | 🎥 Künstliche Intelligenz Videos

📺

YouTube

3.3k YouTube-Aufrufe

Author: AI Andy - Bewertung: 64x - 5

src="http://www.youtube.com/embed/PRCpbeqQxSk?autoplay=1&origin=http://tsecurity.de"<br /> frameborder="0"/></p><br/><br/>In this video, we're talking about Google's new insane Google Workspace LAUNCHED & PALM-E ANNOUNCED [Google Workspace vs Microsoft 365].<br /> <br /> My AI Video Newsletter: https://andyhafell.ck.page/ab4b146797<br /> <br /> Worlds #1 AI Discord Server: https://discord.gg/A4FvQPKJHf<br /> <br /> Twitter: https://twitter.com/AndersHafell<br /> <br /> Google Workspace now has AI in it, Goolge is waking up to the AI race. it was just launched and it's definitely different than anything you've used before. its used in all your favorite Google products like Sheets, docs, slides, and meetings. Rivaling Microsoft and ChatGPT But that's not all!<br /> <br /> Also announced at the same time was Palm-e, which is new AI-powered ai robot that is multimodal.<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/1818992/1846938/ai-andy-googles-new-ai-google-workspace-launched-vs-microsoft-365-ai-rival/" 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="1818992" 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="1818992" 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="1818992" 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="1818992" 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" 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: AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" style="background: #25D366; border: none; color: #fff;" 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" data-category="🎥 Künstliche Intelligenz Videos" 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival" data-category="🎥 Künstliche Intelligenz Videos" 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="1818992">👍 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="AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival"> <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="1818992"><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="1818992"><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="1818992"><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="1818992"><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="1818992">🔴 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="1818992">🟡 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="1818992">🟢 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="1818992" 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="1818992"> <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="1818992"> <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="1818992"> <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="1818992"> <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;">Hackers Just Poisoned the Rust Supply Chain | Threat Wire</div> </div> <div> <a href="/weiterlesen/3990951/4046485/hackers-just-poisoned-the-rust-supply-chain-threat-wire/" 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;">Hackers Found a Way Into Humanoid Robots | Threat Wire</div> </div> <div> <a href="/weiterlesen/3990950/4046484/hackers-found-a-way-into-humanoid-robots-threat-wire/" 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 #1021 (Passwort für Laufwerk)</div> </div> <div> <a href="/weiterlesen/3990949/4046483/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></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/1829294/it-security-nachrichten/cloud-native-security-vier-herausforderungen-und-drei-tipps/" 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> 1 Min</span> </div> <div class="small fw-bold text-white mb-1" style="line-height: 1.35;">Cloud Native <b>Security</b> – Vier Herausforderungen und drei Tipps</div> </div> <div class="extra-small text-info font-monospace mt-2"><i class="bi bi-folder2-open" aria-hidden="true"></i> 4</div> </a> </div> <div class="col-md-6"> <a href="/de/1829293/it-security-nachrichten/austrian-airlines-verlaengert-mit-michael-trestl-aerotelegraph/" 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;">Austrian Airlines verlängert mit Michael Trestl - aeroTELEGRAPH</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> 4</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; } 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: 1818992, referenced_rss_title: "AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival", referenced_rss_url: window.location.href, referenced_cve: "" }) }); 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: 1818992, 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: AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival</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 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">Powered by <strong class="text-primary">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":"AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival","description":"Video von AI Andy auf YouTube: Author: AI Andy - Bewertung: 64x - 5 In this video, we're talking about Google's new insane Google Workspace LAUNCHED & PALM-E…","datePublished":"2023-03-20T22:11:42+01:00","dateModified":"2023-03-20T22:11:42+01:00","articleSection":"🎥 Künstliche Intelligenz Videos","inLanguage":"de","mainEntityOfPage":{"@type":"WebPage","@id":"de/1846938/kuenstliche-intelligenz-videos/googles-new-ai-google-workspace-launched-vs-microsoft-365-ai-rival/"},"publisher":{"@type":"Organization","name":"youtube.com","url":"https://tsecurity.de"},"image":["https://i.ytimg.com/vi/PRCpbeqQxSk/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":"🎥 Künstliche Intelligenz Videos","item":"https://tsecurity.de/de/1846938/kuenstliche-intelligenz-videos/googles-new-ai-google-workspace-launched-vs-microsoft-365-ai-rival/"},{"@type":"ListItem","position":3,"name":"AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival","item":"de/1846938/kuenstliche-intelligenz-videos/googles-new-ai-google-workspace-launched-vs-microsoft-365-ai-rival/"}]}</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_1839579" 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="1846938" 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-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 Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival</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);">Googles, Google, Workspace, LAUNCHED</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">🏷️ Googles </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">🏷️ Google </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">🏷️ Workspace </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">🏷️ LAUNCHED </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="Googles Google Workspace LAUNCHED" 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 Googles, Google, Workspace, LAUNCHED" /><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/4046174/sicherheitsluecken/openai-gpt-6-astra-vs-anthropic-fable-51-vs-gemini-38-flash/"> <div class="rss-category-card-header"> <span class="rss-category-card-type" aria-hidden="true">🕵️</span> <a href="https://tsecurity.de//de/11/it-reverse-engineering/sicherheitsluecken/" class="rss-category-card-category" title="Kategorie 🕵️ Sicherheitslücken öffnen" itemprop="articleSection">🕵️ Sicherheitslücken</a> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046174/sicherheitsluecken/openai-gpt-6-astra-vs-anthropic-fable-51-vs-gemini-38-flash/" title="➳ AI News: OpenAI GPT-6 Astra vs Anthropic Fable 5.1 vs Gemini 3.8 Flash lesen" itemprop="url" data-quick-view-id="3990640"> <span itemprop="name">AI News: OpenAI GPT-6 Astra vs Anthropic Fable 5.1 vs Gemini 3.8 Flash</span> </a> </h3> <p class="card-teaser similar-teaser line-clamp-2 mb-2">Video von AI News auf YouTube: OpenAI's GPT-6 Astra, Anthropic's Claude Fable 5.1, and Google's Gemini 3.8 Flash all launched within days of each other — so…</p> <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 1 Tag</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 07.09.2026 um 11:23 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="3990640" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046174/sicherheitsluecken/openai-gpt-6-astra-vs-anthropic-fable-51-vs-gemini-38-flash/" 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/4046318/ai-nachrichten/openai-launches-gpt-6-astra-says-we-may-have-entered-the-agi-era/"> <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: The Mac Observer">The Mac Observer</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046318/ai-nachrichten/openai-launches-gpt-6-astra-says-we-may-have-entered-the-agi-era/" title="➳ OpenAI Launches GPT-6 Astra, Says We May Have Entered the AGI Era lesen" itemprop="url" data-quick-view-id="3990784"> <span itemprop="name">OpenAI Launches GPT-6 Astra, Says We May Have Entered the AGI Era</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-09T00:15:37+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 1 Tag</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 03.09.2026 um 22:08 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="94" title="Sehr relevant (94%)"> <div class="similar-relevance-fill" style="width: 94%; 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="3990784" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046318/ai-nachrichten/openai-launches-gpt-6-astra-says-we-may-have-entered-the-agi-era/" 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/4046316/ai-nachrichten/openais-gpt-6-astra-is-agi-says-nvidia-ceo-jensen-huang/"> <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: The Mac Observer">The Mac Observer</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046316/ai-nachrichten/openais-gpt-6-astra-is-agi-says-nvidia-ceo-jensen-huang/" title="➳ OpenAI’s GPT-6 Astra Is AGI, Says NVIDIA CEO Jensen Huang lesen" itemprop="url" data-quick-view-id="3990782"> <span itemprop="name">OpenAI’s GPT-6 Astra Is AGI, Says NVIDIA CEO Jensen Huang</span> </a> </h3> <div class="rss-category-card-meta"> <span class="rss-category-card-time"><time datetime="2026-09-09T00:15:39+02:00" itemprop="dateModified"><i class="bi bi-stopwatch-fill" aria-hidden="true"></i> vor 1 Tag</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 07.09.2026 um 06:31 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="94" title="Sehr relevant (94%)"> <div class="similar-relevance-fill" style="width: 94%; 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="3990782" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046316/ai-nachrichten/openais-gpt-6-astra-is-agi-says-nvidia-ceo-jensen-huang/" 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/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 7 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="86" title="Sehr relevant (86%)"> <div class="similar-relevance-fill" style="width: 86%; 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="5" /> <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 1 Tag</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="85" title="Sehr relevant (85%)"> <div class="similar-relevance-fill" style="width: 85%; 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="6" /> <article class="rss-category-card" itemscope itemtype="https://schema.org/NewsArticle" itemid="https://tsecurity.de//de/4046393/ios-mac-os/logitech-releases-the-developer-focused-mx-keypad-for-ai-automation/"> <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: MacStories">MacStories</span> </div> <h3 class="rss-category-card-title line-clamp-2" itemprop="headline"> <a href="https://tsecurity.de//de/4046393/ios-mac-os/logitech-releases-the-developer-focused-mx-keypad-for-ai-automation/" title="➳ Logitech Releases the Developer-Focused MX Keypad for AI Automation lesen" itemprop="url" data-quick-view-id="3990859"> <span itemprop="name">Logitech Releases the Developer-Focused MX Keypad for AI Automation</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 7 Std.</time></span> <span class="rss-category-card-date" aria-label="Veröffentlicht am">📆 08.09.2026 um 17:42 Uhr</span> </div> <div class="similar-relevance-bar" role="meter" aria-label="Relevanz: Sehr relevant" aria-valuemin="0" aria-valuemax="100" aria-valuenow="85" title="Sehr relevant (85%)"> <div class="similar-relevance-fill" style="width: 85%; 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="3990859" title="Schnellvorschau öffnen"><i class="bi bi-eye-fill" aria-hidden="true"></i> Vorschau</button> <a href="https://tsecurity.de//de/4046393/ios-mac-os/logitech-releases-the-developer-focused-mx-keypad-for-ai-automation/" 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="Googles Google Workspace LAUNCHED" 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="Googles" 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="Googles" 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="Google" 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="Google" 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="Workspace" 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="Workspace" 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="LAUNCHED" 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="LAUNCHED" 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">Powered by <strong class="text-primary">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="1846938" data-module-id="1839902" 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_1839902" 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="1846938" 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-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_1839902" 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 Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival</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_1846938"> <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(1846938, 'page')"><i class="bi bi-plus-lg" aria-hidden="true"></i> Tag</button> </div> <button type="button" class="md-amendment-btn" onclick="openAmendmentModal(1846938, 'Artikel #1846938', '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="1839902"/><input type="hidden" name="modul_typ" value="kommentar"/><input type="hidden" id="txtMenue_id" name="txtMenue_id" value="1846938"/><input type="hidden" id="txtKommentar_id" name="txtKommentar_id" value="0"/><input type="hidden" name="csrf_token" value="b9673c64a0fca2609aaec82493ba6f722d95f7b3622d9213f85941dd9a5832dc" 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">Powered by <strong class="text-primary">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="1846938" data-module-id="3703868" 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_3703868" 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="1846938" 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-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_3703868" 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="7 Tage rollierend (Week-over-Week)">7 Tage rollierend (Week-over-Week)</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/1961420/it-security-nachrichten/guide-to-creating-a-robust-website-security-incident-response-plan/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1933474" title="Guide to Creating a Robust Website Security Incident Response Plan">Guide to Creating a Robust Website Security Incident Response Plan</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> 222</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="1933474" 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/1963822/it-security-nachrichten/tips-tricks-and-updates-for-tripwires-state-analyzer/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1935876" title="Tips, Tricks and Updates for Tripwire’s State Analyzer">Tips, Tricks and Updates for Tripwire’s State Analyzer</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> 208</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="1935876" 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/1982735/it-security-nachrichten/non-repudiation-your-virtual-shield-in-cybersecurity/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1954786" title="Non-repudiation: Your Virtual Shield in Cybersecurity">Non-repudiation: Your Virtual Shield in Cybersecurity</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> 205</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="1954786" 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/1961419/it-security-nachrichten/tripwirebookclub-the-rust-programming-language/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1933473" title="#TripwireBookClub – The Rust Programming Language">#TripwireBookClub – The Rust Programming Language</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> 204</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="1933473" 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/3714527/it-security-video/la-grange-ev-inselchaos2025/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3686380" title="La Grange e.V. (inselchaos2025)">La Grange e.V. (inselchaos2025)</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> 6</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 82</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="3686380" 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_3703868" 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">Powered by <strong class="text-primary">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="1846938" data-module-id="3703869" 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_3703869" 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="1846938" 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-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_3703869" 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="1846938" data-module-id="3703870" 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_3703870" 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="1846938" 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-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_3703870" 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; } </style> <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="1846938" data-module-id="3703868" 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_3703868" 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="1846938" 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-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_3703868" 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="7 Tage rollierend (Week-over-Week)">7 Tage rollierend (Week-over-Week)</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/1961420/it-security-nachrichten/guide-to-creating-a-robust-website-security-incident-response-plan/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1933474" title="Guide to Creating a Robust Website Security Incident Response Plan">Guide to Creating a Robust Website Security Incident Response Plan</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> 222</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="1933474" 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/1963822/it-security-nachrichten/tips-tricks-and-updates-for-tripwires-state-analyzer/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1935876" title="Tips, Tricks and Updates for Tripwire’s State Analyzer">Tips, Tricks and Updates for Tripwire’s State Analyzer</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> 208</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="1935876" 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/1982735/it-security-nachrichten/non-repudiation-your-virtual-shield-in-cybersecurity/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1954786" title="Non-repudiation: Your Virtual Shield in Cybersecurity">Non-repudiation: Your Virtual Shield in Cybersecurity</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> 205</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="1954786" 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/1961419/it-security-nachrichten/tripwirebookclub-the-rust-programming-language/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="1933473" title="#TripwireBookClub – The Rust Programming Language">#TripwireBookClub – The Rust Programming Language</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> 204</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="1933473" 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/3714527/it-security-video/la-grange-ev-inselchaos2025/" class="text-white text-decoration-none small fw-semibold hover-text-cyan d-block text-truncate" data-quick-view-id="3686380" title="La Grange e.V. (inselchaos2025)">La Grange e.V. (inselchaos2025)</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> 6</span> <span class="flex-shrink-0"><i class="bi bi-eye-fill" aria-hidden="true"></i> 82</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="3686380" 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_3703868" 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">Powered by <strong class="text-primary">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="1846938" data-module-id="3703869" 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_3703869" 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="1846938" 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-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_3703869" 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="1846938" data-module-id="3703870" 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_3703870" 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="1846938" 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-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_3703870" 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> </noscript> </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 text-success" title="Systemstatus normal"> <span class="spinner-grow spinner-grow-sm text-success" 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=1788848595"></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="/templates/mydraft-basis-tsecurity.de/js/realtime-news.js?v=1788602931"></script> <script async defer src="/templates/mydraft-basis-tsecurity.de/js/bookmarks.js?v=1787496418"></script> <script async defer src="/templates/mydraft-basis-tsecurity.de/js/push-client.js?v=1788378134"></script> <script async defer src="/templates/mydraft-basis-tsecurity.de/js/ai-summary.js?v=1787307240"></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="/templates/mydraft-basis-tsecurity.de/js/threat_radar_canvas.js?v=1788132408"></script> <script defer src="/templates/mydraft-basis-tsecurity.de/js/cyber_story_generator.js?v=1788175708"></script> <script defer src="/templates/mydraft-basis-tsecurity.de/js/editorial_interactions.js?v=1788460123"></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('', '1846938', '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 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="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="/templates/mydraft-basis-tsecurity.de/js/mobile-nav.js?v=1788523017"></script> <script defer src="/templates/mydraft-basis-tsecurity.de/js/community.js?v=1788817507"></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> — Zieht CVSS-Score & Security Alert Card (z.B. <code>/cve CVE-2026-1184</code>)<br/>\n • <strong>/quote</strong> — Zitiert den aktuell geöffneten News-Beitrag<br/>\n • <strong>/threat</strong> — Zeigt das aktuelle Bedrohungslevel & Radar-Status<br/>\n • <strong>/clear</strong> — Leert das Chat-Fenster\n ","chat.threat_badge":"⚡ THREAT RADAR LEVEL","chat.threat_title":"Bedrohungslage: ORANGE (Erhöht)","chat.threat_summary":"Aktive NSEC3 DoS Exploit-Welle & Linux Kernel Privilege Escalations im Umlauf. Zero-Day Monitoring aktiv.","chat.cve_badge":"🛡️ CVE ALERT • {id}","chat.cve_title":"{id} — Kritische Schwachstelle [CVSS 9.8]","chat.cve_summary":"<strong>Vektor:</strong> CVSS:3.1/AV:N/AC:L/PR:N/UI:N/S:U/C:H/I:H/A:H<br/><strong>Auswirkung:</strong> Remote Code Execution / Infinite Loop DoS.<br/><strong>Mitigation:</strong> Patch Version 2.91 oder Kernel 6.14.2 einspielen.","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.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="/templates/mydraft-basis-tsecurity.de/js/chat.js?v=1788600673"></script> <script defer src="/templates/mydraft-basis-tsecurity.de/js/social-proof.js?v=1787494036"></script> <script defer src="/templates/mydraft-basis-tsecurity.de/js/conversion_auth.js?v=1788559816"></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="/templates/mydraft-basis-tsecurity.de/js/shortcuts.js?v=1788505316"></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

AI Andy: Google’s NEW AI Google Workspace LAUNCHED vs. Microsoft 365 AI Rival