/* Basistypo */
body { font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* Sidebar-Breite */
.w3-sidebar { width: 250px; }
.w3-main { transition: margin-left 0.2s ease; }

/* Codeblöcke */
.code {
  background: #0b1021;
  color: #e5e7eb;
  border-radius: 8px;
  padding: 12px;
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
}

/* Animations-Demo */
.demo-anim-wrap { padding: 20px 0; }
.box {
  width: 120px; height: 80px; line-height: 80px;
  background: #dbeafe; color: #1e3a8a; border-radius: 10px;
  transition: opacity 0.2s ease;
}
.box.is-hidden { opacity: 0; }

/* Slideshow Dots */
.demo { height: 13px; width: 13px; display: inline-block; border-radius: 50%; margin: 0 4px; }
.demo.w3-white { border: 1px solid #333; }

/* Tabellenoptik */
#usersTable td, #usersTable th { vertical-align: middle; }

/* Accordion Abstand */
#faq .accordion { margin-top: 8px; }

/* Kleine Bildschirme */
@media (max-width: 992px) { .w3-main { margin-left: 0; } }