/* Zusätzliche CSS-Anpassungen */

.reveal .slide-background {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
}

.reveal .slides {
  text-align: left;
}

.reveal .title-slide h1 {
  text-align: center;
}

/* Code-Blöcke mit Syntax-Highlighting */
.reveal pre {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Tabellen schöner machen */
.reveal table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}

.reveal table th {
  background: #667eea;
  color: white;
  padding: 0.5em;
  font-weight: 600;
}

.reveal table td {
  padding: 0.5em;
  border-bottom: 1px solid #e2e8f0;
}

.reveal table tr:hover {
  background: #f7fafc;
}

/* Hervorhebungen */
.highlight {
  background: #fef08a;
  padding: 0.1em 0.3em;
  border-radius: 3px;
}

/* Zwei-Spalten-Layout */
.columns {
  display: flex;
  gap: 2em;
}

.column {
  flex: 1;
}

/* Demo-Boxen */
.demo {
  background: #f7fafc;
  padding: 1.5em;
  border-radius: 8px;
  border: 2px solid #cbd5e0;
  margin: 1em 0;
}

.demo-title {
  font-weight: 600;
  color: #667eea;
  margin-bottom: 0.5em;
}