10 Beste KI-Notizengeneratoren 2025

<style>
/* AI Note Generator Specific Styling */
.note-generator-intro {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-radius: 16px;
  padding: 2rem;
  color: white;
  margin: 2rem 0;
  text-align: center;
}

.note-generator-intro h2 {
  color: white;
  margin-bottom: 1rem;
}

.comparison-table-wrapper {
  overflow-x: auto;
  margin: 2rem 0;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  border: 1px solid #e2e8f0;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 16px;
  overflow: hidden;
  font-size: 0.95rem;
}

.comparison-table th {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  padding: 1.25rem 1.5rem;
  font-weight: 700;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0.025em;
  border-bottom: 2px solid #1d4ed8;
}

.comparison-table td {
  padding: 1.5rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
  line-height: 1.6;
}

.comparison-table tr:hover {
  background-color: #f8fafc;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.comparison-table tr:last-child td {
  border-bottom: none;
}

.comparison-table td:first-child {
  font-weight: 600;
  color: #1e293b;
}

.comparison-table td:nth-child(2) {
  font-weight: 600;
  color: #2563eb;
}

.comparison-table td:nth-child(3) {
  color: #64748b;
  font-style: italic;
}

.comparison-table td:nth-child(4) {
  color: #475569;
  font-weight: 500;
}

.best-for-badge {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
  transition: all 0.3s ease;
  text-align: center;
  min-width: 140px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

.best-for-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 16px;
  pointer-events: none;
}

.best-for-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4);
  border-color: rgba(255, 255, 255, 0.2);
}

.best-for-badge:hover::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.tool-name-badge {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  color: #1e293b;
  padding: 0.75rem 1.25rem;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  border: 2px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.2s ease;
  min-width: 140px;
  justify-content: center;
}

.tool-name-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  border-color: #2563eb;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
}

.tool-name-badge::before {
  content: "⭐";
  font-size: 1.1rem;
}

.status-badge {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}

.status-badge.free {
  background-color: #dcfce7;
  color: #166534;
}

.status-badge.freemium {
  background-color: #fef3c7;
  color: #92400e;
}

.status-badge.paid {
  background-color: #fee2e2;
  color: #991b1b;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin: 2rem 0;
}

.tool-card {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.tool-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

.tool-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.tool-rank {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.875rem;
}

.tool-logo {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #475569;
}

.tool-badge {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}

.feature-tag {
  background-color: #f1f5f9;
  color: #475569;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.tool-pricing {
  margin: 1rem 0;
  font-weight: 600;
  color: #1e293b;
}

.tool-actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}

.tool-actions button {
  flex: 1;
  padding: 0.75rem;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.primary-btn {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  border: none;
}

.primary-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}

.secondary-btn {
  background: white;
  color: #475569;
  border: 1px solid #e2e8f0;
}

.secondary-btn:hover {
  background-color: #f8fafc;
}

/* Modal Styles */
.tool-details-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 1rem;
}

.tool-details-content {
  background: white;
  border-radius: 16px;
  padding: 2rem;
  max-width: 600px;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
}

.close-details {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #64748b;
}

.close-details:hover {
  color: #334155;
}

.pros-cons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin: 1.5rem 0;
}

.pros, .cons {
  background: #f8fafc;
  padding: 1rem;
  border-radius: 8px;
}

.pros h4 {
  color: #059669;
  margin-bottom: 0.5rem;
}

.cons h4 {
  color: #dc2626;
  margin-bottom: 0.5rem;
}

.pros ul, .cons ul {
  margin: 0;
  padding-left: 1.25rem;
}

.pros li, .cons li {
  margin-bottom: 0.5rem;
}

/* Testing Methodology */
.testing-methodology {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 16px;
  padding: 2rem;
  margin: 2rem 0;
}

.methodology-intro {
  text-align: center;
  margin-bottom: 2rem;
}

.testing-criteria-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.criteria-card {
  background: white;
  padding: 1.5rem;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.criteria-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  color: white;
  font-size: 1.5rem;
}

.input-types-section {
  background: #f8fafc;
  border-radius: 12px;
  padding: 2rem;
  margin: 2rem 0;
}

.input-types-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.input-type {
  background: white;
  padding: 1rem;
  border-radius: 8px;
  text-align: center;
  border: 2px solid #e2e8f0;
  transition: all 0.3s ease;
}

.input-type:hover {
  border-color: #2563eb;
  transform: translateY(-2px);
}

.input-type-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* FAQ Styles */
.faq-container {
  margin: 2rem 0;
}

.faq-item {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
}

.faq-question {
  padding: 1.5rem;
  background: #f8fafc;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: #1e293b;
}

.faq-question:hover {
  background: #f1f5f9;
}

.faq-icon {
  transition: transform 0.3s ease;
  color: #2563eb;
}

.faq-answer {
  padding: 0 1.5rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-answer.active {
  padding: 1.5rem;
  max-height: 500px;
}

.workflow-section {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 16px;
  padding: 2rem;
  margin: 2rem 0;
}

.workflow-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.workflow-step {
  background: white;
  padding: 1.5rem;
  border-radius: 12px;
  text-align: center;
  position: relative;
}

.workflow-step::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
}

.workflow-steps {
  counter-reset: step-counter;
}

@media (max-width: 768px) {
  .tools-grid {
    grid-template-columns: 1fr;
  }
  
  .pros-cons {
    grid-template-columns: 1fr;
  }
  
  .testing-criteria-grid {
    grid-template-columns: 1fr;
  }
  
  .input-types-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  
  .workflow-steps {
    grid-template-columns: 1fr;
  }
  
  .comparison-table-wrapper {
    margin: 1rem 0;
    border-radius: 12px;
  }
  
  .comparison-table th,
  .comparison-table td {
    padding: 1rem 0.75rem;
    font-size: 0.9rem;
  }
  
  .comparison-table th {
    font-size: 0.9rem;
    padding: 1rem 0.75rem;
  }
  
  .best-for-badge {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
  }
}
</style>

Ertrinken Sie in stundenlangen Vorlesungsaufzeichnungen? Haben Sie Schwierigkeiten, wichtige Erkenntnisse aus dichten wissenschaftlichen Arbeiten zu gewinnen? Kritzeln Sie während wichtiger Besprechungen hektisch Notizen, während Sie wichtige Details verpassen? Der traditionelle Ansatz zur Notizenerstellung – das manuelle Transkribieren, Zusammenfassen und Organisieren von Informationen aus verschiedenen Quellen – fühlt sich in unserer KI-gestützten Welt zunehmend veraltet an.

Betreten Sie die revolutionäre Welt der **KI-Notizengeneratoren**, die jedes Inhaltsformat in Sekundenschnelle in strukturierte, umsetzbare Notizen verwandeln. Diese intelligenten Tools können Videovorlesungen verarbeiten, Audioaufnahmen transkribieren, PDF-Lehrbücher analysieren und sogar Erkenntnisse aus Präsentationen extrahieren, um automatisch umfassende Lernmaterialien und Besprechungszusammenfassungen zu erstellen.

<div class="note-generator-intro">
  <h2>🎯 Unsere abschließenden Empfehlungen</h2>
  <p>Nachdem wir Dutzende von KI-Notizengeneratoren mit echten Unterrichtsvorlesungen, Geschäftstreffen und wissenschaftlichen Arbeiten getestet haben, sind hier unsere Top-Picks für 2025:</p>
</div>

<div class="comparison-table-wrapper">
  <table class="comparison-table">
    <thead>
      <tr>
        <th>Kategorie</th>
        <th>Unsere Wahl</th>
        <th>Warum es gewinnt</th>
        <th>Am besten geeignet für</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><span class="best-for-badge">🏆 Insgesamt am besten</span></td>
        <td><span class="tool-name-badge">ScreenApp</span></td>
        <td>Überlegene Multi-Format-Unterstützung mit intelligenter KI-Analyse</td>
        <td>Studenten & Berufstätige, die eine umfassende Notizenerstellung benötigen</td>
      </tr>
      <tr>
        <td><span class="best-for-badge">🎥 Am besten für Video</span></td>
        <td><span class="tool-name-badge">Recap.dev</span></td>
        <td>Unübertroffene Genauigkeit bei der Transkription und Zusammenfassung von Videovorlesungen</td>
        <td>Online-Lerner und Fernstudenten</td>
      </tr>
      <tr>
        <td><span class="best-for-badge">📚 Am besten für PDFs</span></td>
        <td><span class="tool-name-badge">Scholarcy</span></td>
        <td>Speziell für wissenschaftliche Arbeiten und Forschungsdokumente entwickelt</td>
        <td>Forscher und Doktoranden</td>
      </tr>
    </tbody>
  </table>
</div>

Laut <a href="https://www.statista.com/outlook/tmo/software/productivity-software/worldwide" target="_blank" rel="nofollow">Statistas Produktivitätssoftware-Bericht 2024</a> sparen Fachleute, die KI-gestützte Notizwerkzeuge verwenden, durchschnittlich 6,3 Stunden pro Woche bei Dokumentationsaufgaben – Zeit, die für Analyse, kreatives Denken und strategische Planung verwendet werden kann.

<div class="input-types-section">
  <h2>📋 Welche Eingabeformate unterstützen KI-Notizengeneratoren?</h2>
  <div class="input-types-grid">
    <div class="input-type">
      <div class="input-type-icon">🎥</div>
      <h4>Videodateien</h4>
      <p>MP4-, MOV-, AVI-Vorlesungen und -Besprechungen</p>
    </div>
    <div class="input-type">
      <div class="input-type-icon">🎵</div>
      <h4>Audiodateien</h4>
      <p>MP3-, WAV-, M4A-Aufnahmen</p>
    </div>
    <div class="input-type">
      <div class="input-type-icon">📄</div>
      <h4>PDF-Dokumente</h4>
      <p>Lehrbücher, Forschungsarbeiten, Berichte</p>
    </div>
    <div class="input-type">
      <div class="input-type-icon">🔗</div>
      <h4>Web-Links</h4>
      <p>YouTube-Videos, Online-Artikel</p>
    </div>
    <div class="input-type">
      <div class="input-type-icon">📊</div>
      <h4>Präsentationen</h4>
      <p>PowerPoint, Google Slides</p>
    </div>
    <div class="input-type">
      <div class="input-type-icon">📝</div>
      <h4>Textinhalte</h4>
      <p>Artikel, Dokumente, Webseiten</p>
    </div>
  </div>
</div>

## Wie wir die besten KI-Notizengeneratoren getestet und bewertet haben

<div class="testing-methodology">
  <div class="methodology-intro">
    <h3>🔬 Unser umfassender Testprozess</h3>
    <p>Seit Januar 2025 hat unser Team diese Tools für verschiedene Inhaltstypen getestet, von Universitätsvorlesungen bis hin zu Unternehmenspräsentationen, um die Genauigkeit und Benutzerfreundlichkeit in der realen Welt zu gewährleisten.</p>
  </div>

  <div class="testing-criteria-grid">
    <div class="criteria-card">
      <div class="criteria-icon">🎯</div>
      <h4>Genauigkeit & Qualität</h4>
      <p>Wie gut erfasst die KI Schlüsselkonzepte, behält den Kontext bei und erstellt umsetzbare Notizen?</p>
    </div>
    <div class="criteria-card">
      <div class="criteria-icon">⚡</div>
      <h4>Verarbeitungsgeschwindigkeit</h4>
      <p>Zeit vom Hochladen bis zum vollständigen, strukturierten Notizen über verschiedene Dateigrößen und -formate hinweg.</p>
    </div>
    <div class="criteria-card">
      <div class="criteria-icon">🔧</div>
      <h4>Multi-Format-Unterstützung</h4>
      <p>Unterstützte Eingabetypen: Video, Audio, PDF, Text, Präsentationen und Weblinks.</p>
    </div>
    <div class="criteria-card">
      <div class="criteria-icon">💡</div>
      <h4>KI-Intelligenz</h4>
      <p>Erweiterte Funktionen wie Themenidentifizierung, Schlüsselpunktextraktion und kontextbezogene Zusammenfassung.</p>
    </div>
    <div class="criteria-card">
      <div class="criteria-icon">🎨</div>
      <h4>Benutzerfreundlichkeit</h4>
      <p>Schnittstellendesign, Lernkurve und allgemeine Benutzererfahrung für Anfänger und Power-User.</p>
    </div>
    <div class="criteria-card">
      <div class="criteria-icon">💰</div>
      <h4>Wert & Preisgestaltung</h4>
      <p>Qualität der kostenlosen Pläne, Preisstruktur und allgemeines Wertversprechen für Studenten und Berufstätige.</p>
    </div>
  </div>
</div>

## Die 10 besten KI-Notizengeneratoren von 2025

<div class="tools-grid">
  <div class="tool-card" onclick="selectTool('screenapp')">
    <div class="tool-header">
      <div class="tool-rank">1</div>
      <div class="tool-logo">SA</div>
      <div class="tool-badge">Insgesamt am besten</div>
    </div>
    <h3>ScreenApp</h3>
    <p>Umfassender KI-Notizengenerator, der sich durch die Verarbeitung von Videovorlesungen, Besprechungsaufzeichnungen und PDF-Dokumenten mit überlegener Genauigkeit und intelligenter Zusammenfassung auszeichnet.</p>
    <div class="feature-tag">Videoanalyse</div>
    <div class="feature-tag">PDF-Verarbeitung</div>
    <div class="feature-tag">Mehrsprachig</div>
    <div class="feature-tag">Echtzeitnotizen</div>
    <div class="tool-pricing">Kostenloser Plan verfügbar • Pro ab 9 $/Monat</div>
    <div class="tool-actions">
      <button class="primary-btn" onclick="event.stopPropagation(); window.open('https://screenapp.io', '_blank', 'nofollow')">Webseite besuchen</button>
      <button class="secondary-btn" onclick="event.stopPropagation(); selectTool('screenapp')">Details anzeigen</button>
    </div>
  </div>

  <div class="tool-card" onclick="selectTool('recap')">
    <div class="tool-header">
      <div class="tool-rank">2</div>
      <div class="tool-logo">RC</div>
      <div class="tool-badge">Am besten für Video</div>
    </div>
    <h3>Recap.dev</h3>
    <p>Spezialisiertes Video- und Audio-Transkriptionstool, das sich durch die Umwandlung von Vorlesungen, Besprechungen und Bildungsinhalten in strukturierte Lernnotizen auszeichnet.</p>
    <div class="feature-tag">Videotranskription</div>
    <div class="feature-tag">Kapitelerkennung</div>
    <div class="feature-tag">Schlüsselpunkte</div>
    <div class="feature-tag">YouTube-Unterstützung</div>
    <div class="tool-pricing">Kostenlose Stufe • Premium ab 12 $/Monat</div>
    <div class="tool-actions">
      <button class="primary-btn" onclick="event.stopPropagation(); window.open('https://recap.dev', '_blank', 'nofollow')">Webseite besuchen</button>
      <button class="secondary-btn" onclick="event.stopPropagation(); selectTool('recap')">Details anzeigen</button>
    </div>
  </div>

  <div class="tool-card" onclick="selectTool('scholarcy')">
    <div class="tool-header">
      <div class="tool-rank">3</div>
      <div class="tool-logo">SC</div>
      <div class="tool-badge">Am besten für PDFs</div>
    </div>
    <h3>Scholarcy</h3>
    <p>Akademieorientierte KI, die Forschungsarbeiten, Lehrbücher und Berichte liest, um umfassende Zusammenfassungen und Lernleitfäden für Studenten und Forscher zu erstellen.</p>
    <div class="feature-tag">Wissenschaftliche Arbeiten</div>
    <div class="feature-tag">Zitationsanalyse</div>
    <div class="feature-tag">Schlüsselbegriffe</div>
    <div class="feature-tag">Lernkarten</div>
    <div class="tool-pricing">Kostenlose Artikel • Premium ab 8,99 $/Monat</div>
    <div class="tool-actions">
      <button class="primary-btn" onclick="event.stopPropagation(); window.open('https://www.scholarcy.com', '_blank', 'nofollow')">Webseite besuchen</button>
      <button class="secondary-btn" onclick="event.stopPropagation(); selectTool('scholarcy')">Details anzeigen</button>
    </div>
  </div>

  <div class="tool-card" onclick="selectTool('notion')">
    <div class="tool-header">
      <div class="tool-rank">4</div>
      <div class="tool-logo">NT</div>
      <div class="tool-badge">Beste Integration</div>
    </div>
    <h3>Notion AI</h3>
    <p>Leistungsstarkes Workspace-Tool mit integrierter KI, das jeden Textinhalt zusammenfassen und Notizen in Ihrem bestehenden Produktivitätsworkflow organisieren kann.</p>
    <div class="feature-tag">Workspace-Integration</div>
    <div class="feature-tag">Textzusammenfassung</div>
    <div class="feature-tag">Vorlagen</div>
    <div class="feature-tag">Zusammenarbeit</div>
    <div class="tool-pricing">Kostenloser Plan • KI-Add-on ab 8 $/Monat</div>
    <div class="tool-actions">
      <button class="primary-btn" onclick="event.stopPropagation(); window.open('https://www.notion.so', '_blank', 'nofollow')">Webseite besuchen</button>
      <button class="secondary-btn" onclick="event.stopPropagation(); selectTool('notion')">Details anzeigen</button>
    </div>
  </div>

  <div class="tool-card" onclick="selectTool('otter')">
    <div class="tool-header">
      <div class="tool-rank">5</div>
      <div class="tool-logo">OT</div>
      <div class="tool-badge">Am besten für Besprechungen</div>
    </div>
    <h3>Otter.ai</h3>
    <p>Echtzeit-Transkriptions- und Notizentool, das sich durch die Erfassung von Besprechungsdiskussionen, Interviews und Live-Präsentationen mit Sprecheridentifizierung auszeichnet.</p>
    <div class="feature-tag">Echtzeit-Transkription</div>
    <div class="feature-tag">Sprecher-ID</div>
    <div class="feature-tag">Besprechungsintegration</div>
    <div class="feature-tag">Live-Notizen</div>
    <div class="tool-pricing">Kostenloser Plan • Pro ab 8,33 $/Monat</div>
    <div class="tool-actions">
      <button class="primary-btn" onclick="event.stopPropagation(); window.open('https://otter.ai', '_blank', 'nofollow')">Webseite besuchen</button>
      <button class="secondary-btn" onclick="event.stopPropagation(); selectTool('otter')">Details anzeigen</button>
    </div>
  </div>

  <div class="tool-card" onclick="selectTool('genei')">
    <div class="tool-header">
      <div class="tool-rank">6</div>
      <div class="tool-logo">GN</div>
      <div class="tool-badge">Am besten für Forschung</div>
    </div>
    <h3>Genei</h3>
    <p>Forschungsorientiertes KI-Tool, das PDFs, Webseiten und Dokumente zusammenfasst und gleichzeitig intelligente Keyword-Extraktion und Zitationsverwaltung bietet.</p>
    <div class="feature-tag">Forschungszusammenfassungen</div>
    <div class="feature-tag">Keyword-Extraktion</div>
    <div class="feature-tag">Web-Import</div>
    <div class="feature-tag">Zitationstools</div>
    <div class="tool-pricing">Kostenlose Stufe • Pro ab 9,99 $/Monat</div>
    <div class="tool-actions">
      <button class="primary-btn" onclick="event.stopPropagation(); window.open('https://www.genei.io', '_blank', 'nofollow')">Webseite besuchen</button>
      <button class="secondary-btn" onclick="event.stopPropagation(); selectTool('genei')">Details anzeigen</button>
    </div>
  </div>

  <div class="tool-card" onclick="selectTool('trint')">
    <