/* Einfaches, responsives Layout */
* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, sans-serif; }
body { line-height: 1.5; background: #f7f7f7; color: #222; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; background:#fff; border-bottom:1px solid #e2e2e2; position:sticky; top:0; z-index:100; }
.brand a{ text-decoration:none; color:#111; font-weight:700; font-size:18px; }
.main-nav ul { display:flex; list-style:none; gap:12px; }
.main-nav a { text-decoration:none; color:#333; padding:8px 6px; }
.hamburger{ display:none; background:none; border:0; width:44px; height:44px; cursor:pointer; }
.hamburger span{ display:block; height:3px; margin:6px 0; background:#333; border-radius:2px; }

.mobile-menu{ display:none; background:#fff; border-bottom:1px solid #e2e2e2; }
.mobile-menu ul{ list-style:none; padding:10px; }
.mobile-menu a{ display:block; padding:8px 6px; text-decoration:none; color:#222; border-bottom:1px solid #eee; }

.content{ padding:24px; max-width:900px; margin:20px auto; background:#fff; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.03); }

/* Responsive */
@media (max-width: 800px){
  .main-nav{ display:none; }
  .hamburger{ display:block; }
  .mobile-menu.open{ display:block; }
}