/* ===== Tibolin Header (WP-like) ===== */
.siteHeader{
  position:sticky;
  top:0;
  z-index:50;
  background:#fff;
  border-bottom:1px solid #e5e7eb;
}

.siteHeader__inner{
  max-width:1200px;
  margin:0 auto;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:22px;
}

.brand img{
  height:46px;
  width:auto;
  display:block;
}

.nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* normale Links */
.nav a{
  color:#0f172a;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  padding:10px 12px;
  border-radius:999px;
  transition:background .15s ease, transform .15s ease;
}
.nav a:hover{
  background:#f3f4f6;
}

/* Geburtstag Pill wie auf WP */
.nav a.pill{
  border:2px solid #c22636;
  color:#c22636;
  font-weight:700;
  padding:8px 16px;
  background:transparent;
}
.nav a.pill:hover{
  background:rgba(194,38,54,.06);
}

/* Tickets Button wie CTA */
.nav a.cta{
  background:#c22636;
  color:#fff;
  font-weight:800;
  padding:10px 18px;
}
.nav a.cta:hover{
  background:#a31f2c;
}

/* Warenkorb Icon Button (optional) */
.nav a.cart{
  padding:9px 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
}
.nav a.cart svg{width:18px;height:18px;display:block}

/* Mobile */
@media(max-width:880px){
  .siteHeader__inner{gap:12px; padding:12px 12px}
  .brand img{height:40px}
  .nav{gap:6px}
  .nav a{font-size:14px; padding:9px 10px}
  .nav a.pill{padding:7px 12px}
  .nav a.cta{padding:9px 14px}
}