/* nur für die Beispielseite von smshop – das Widget bringt seine Stile selbst mit */
body { margin: 0; font-family: Georgia, "Times New Roman", serif; color: #222; background: #fbfaf7; }
header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 16px 24px; border-bottom: 1px solid #ddd; background: #fff; }
header a { color: inherit; }
main { max-width: 1100px; margin: 0 auto; padding: 24px 16px 60px; }
.erklaerung { color: #555; }
pre { background: #f0eee8; padding: 12px; border-radius: 6px; overflow-x: auto; font-size: 13px; }
@media (prefers-color-scheme: dark) {
  body { color: #e6e6e6; background: #17191c; }
  header { background: #1e2125; border-color: #333; }
  .erklaerung { color: #aaa; }
  pre { background: #24272b; }
}