:root { --brand: #FFC107; }
body { font-family: system-ui, Arial, sans-serif; margin:0; background:#fafafa; }
.header { background: var(--brand); color:#000; padding: 12px 16px; font-weight:700; }
.container { max-width: 900px; margin: 16px auto; padding: 0 12px; }
.card { background:#fff; border-radius:14px; box-shadow:0 2px 8px rgba(0,0,0,.06); padding:16px; margin-bottom:12px; }
.btn { display:inline-block; padding:10px 14px; border-radius:12px; border:1px solid #ddd; background:#fff; cursor:pointer; font-weight:600; }
.btn-primary { background: var(--brand); border-color:#e0a800; }
.btn[disabled]{ opacity:.6; cursor:not-allowed; }
.badge { display:inline-block; padding:4px 8px; border-radius:999px; background:#eee; }
.list{ list-style:none; padding:0; margin:0; }
.list li{ padding:10px 0; border-bottom:1px solid #eee; }
.meta{ color:#666; font-size:.9em; }
@media (max-width:640px){ .btn{ width:100%; text-align:center; } }
/* --- Firmenlogo + Header Layout --- */
.header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; /* sorgt für schönes Umbruchverhalten auf Handy */
}
.header img.logo {
  height: 40px;
  border-radius: 4px;
}
@media (max-width: 600px) {
  .header img.logo {
    height: 32px;
  }
  .header {
    justify-content: center;
    text-align: center;
  }
}