:root{--zscc-gold:#c9a85c;--zscc-dark:#111214;--zscc-panel:#191a1d;--zscc-cream:#f4efe4}
.zscc-event-date{display:flex;align-items:center;gap:12px;margin:10px 0 14px;color:var(--zscc-cream)}
.zscc-event-date__day{display:grid;place-items:center;flex:0 0 52px;min-height:52px;border:1px solid rgba(201,168,92,.7);border-radius:10px;background:rgba(201,168,92,.1);color:var(--zscc-gold);font-size:1.65rem;font-weight:800;line-height:1}
.zscc-event-date__main{display:flex;flex-direction:column;gap:2px;line-height:1.25}.zscc-event-date__main strong{color:var(--zscc-gold);font-size:1rem}.zscc-event-date__main span{font-size:.9rem}
.zscc-event-date--single{padding:16px 18px;border:1px solid rgba(201,168,92,.28);border-radius:14px;background:linear-gradient(135deg,rgba(201,168,92,.1),rgba(0,0,0,.12));margin:10px 0 18px}.zscc-event-date--single .zscc-event-date__day{flex-basis:70px;min-height:70px;font-size:2.1rem}.zscc-event-date--single .zscc-event-date__main strong{font-size:1.25rem}
.zscc-private-event-gate{min-height:70vh;display:grid;place-items:center;padding:clamp(40px,8vw,110px) 20px;background:radial-gradient(circle at 50% 10%,#2b261b 0,#141416 45%,#0d0e10 100%);color:#f7f1df}
.zscc-private-event-card{width:min(620px,100%);padding:clamp(28px,6vw,58px);text-align:center;background:rgba(21,22,24,.96);border:1px solid rgba(201,168,92,.45);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.45)}.zscc-private-event-card h1{color:#ead9a0;margin:.3em 0;font-size:clamp(2rem,5vw,3.7rem)}.zscc-private-event-lock{font-size:2rem}.zscc-event-eyebrow{letter-spacing:.18em;color:var(--zscc-gold);font-weight:700;font-size:.78rem}.zscc-private-event-date{font-size:1.1rem;color:#ead9a0}.zscc-private-event-form{display:grid;gap:12px;margin:26px auto 0;max-width:360px;text-align:left}.zscc-private-event-form label{font-weight:700;color:#ead9a0}.zscc-private-event-form input{width:100%;font-size:1.3rem;letter-spacing:.18em;text-align:center;padding:13px;border-radius:10px;border:1px solid rgba(201,168,92,.5);background:#0f1012;color:#fff}.zscc-private-event-form button{border:0;border-radius:999px;padding:14px 20px;background:var(--zscc-gold);color:#111;font-weight:800;cursor:pointer}.zscc-private-event-error,.zscc-private-event-message{padding:14px;border-radius:10px;background:rgba(180,45,45,.18);border:1px solid rgba(225,80,80,.45)}
.zscc-ticket-calendar,.zscc-ticket-timeline{--cal-border:rgba(201,168,92,.22);max-width:1280px;margin:0 auto;padding:clamp(18px,4vw,48px);color:#eee;background:#111214;border-radius:22px}.zscc-ticket-calendar__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.zscc-ticket-calendar__header a{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--cal-border);border-radius:50%;color:var(--zscc-gold);text-decoration:none;font-size:1.5rem}.zscc-ticket-calendar__header div{text-align:center}.zscc-ticket-calendar__header p,.zscc-ticket-timeline>header p{margin:0;color:var(--zscc-gold);font-size:.75rem;letter-spacing:.2em;font-weight:800}.zscc-ticket-calendar__header h2,.zscc-ticket-timeline>header h2{margin:.2em 0;color:#ead9a0;font-size:clamp(2rem,5vw,3.5rem)}.zscc-ticket-calendar__weekdays,.zscc-ticket-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.zscc-ticket-calendar__weekdays span{text-align:center;padding:10px;color:var(--zscc-gold);font-weight:700}.zscc-ticket-calendar__cell{min-height:130px;padding:10px;border-right:1px solid var(--cal-border);border-bottom:1px solid var(--cal-border);background:#17181b}.zscc-ticket-calendar__cell:nth-child(7n+1){border-left:1px solid var(--cal-border)}.zscc-ticket-calendar__cell.is-empty{background:#121315}.zscc-ticket-calendar__cell.is-today{box-shadow:inset 0 0 0 2px var(--zscc-gold)}.zscc-ticket-calendar__number{display:inline-grid;place-items:center;width:28px;height:28px;color:#aaa}.zscc-calendar-event{display:block;margin-top:7px;padding:8px;border-radius:8px;background:rgba(201,168,92,.12);border-left:3px solid var(--zscc-gold);color:#fff;text-decoration:none}.zscc-calendar-event strong,.zscc-calendar-event span{display:block}.zscc-calendar-event strong{font-size:.82rem;line-height:1.25}.zscc-calendar-event span{margin-top:3px;color:#d8c38d;font-size:.75rem}.zscc-ticket-empty{text-align:center;padding:26px;color:#c8c8c8}
.zscc-ticket-timeline>header{text-align:center;margin-bottom:30px}.zscc-timeline-month{margin:38px 0 16px;color:var(--zscc-gold);font-size:1.35rem;border-bottom:1px solid var(--cal-border);padding-bottom:9px}.zscc-timeline-group{display:grid;gap:16px}.zscc-timeline-event{display:grid;grid-template-columns:150px 74px 1fr;gap:18px;align-items:stretch;background:#191a1d;border:1px solid var(--cal-border);border-radius:16px;overflow:hidden}.zscc-timeline-event__image{display:grid;place-items:center;min-height:140px;background:#0f1012;color:var(--zscc-gold);font-size:2rem}.zscc-timeline-event__image img{width:100%;height:100%;object-fit:cover}.zscc-timeline-event__date{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--cal-border);color:var(--zscc-gold)}.zscc-timeline-event__date strong{font-size:2rem}.zscc-timeline-event__content{padding:20px 22px 20px 0;display:flex;flex-direction:column;justify-content:center}.zscc-timeline-event__content>p{margin:0;color:#cdbb8c;font-size:.85rem}.zscc-timeline-event__content h3{margin:4px 0;font-size:1.45rem}.zscc-timeline-event__content h3 a{color:#f3ead2;text-decoration:none}.zscc-timeline-event__content>span{color:#aaa}.zscc-timeline-event__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.zscc-timeline-event__bottom .price{color:var(--zscc-gold);font-weight:800}.zscc-timeline-event__bottom .button{display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--zscc-gold);color:#111;text-decoration:none;font-weight:800}
@media(max-width:760px){.zscc-ticket-calendar{padding:16px;border-radius:14px}.zscc-ticket-calendar__weekdays{display:none}.zscc-ticket-calendar__grid{display:block}.zscc-ticket-calendar__cell.is-empty{display:none}.zscc-ticket-calendar__cell{min-height:0;border:1px solid var(--cal-border)!important;margin-bottom:8px;border-radius:10px}.zscc-ticket-calendar__cell:not(:has(.zscc-calendar-event)){display:none}.zscc-ticket-calendar__number{font-weight:800;color:var(--zscc-gold)}.zscc-timeline-event{grid-template-columns:82px 1fr}.zscc-timeline-event__image{display:none}.zscc-timeline-event__date{grid-row:1;border-right:1px solid var(--cal-border)}.zscc-timeline-event__content{padding:17px}.zscc-timeline-event__bottom{align-items:flex-start;flex-direction:column}.zscc-event-date--single{padding:13px}.zscc-event-date--single .zscc-event-date__day{flex-basis:58px;min-height:58px;font-size:1.7rem}}

/* v2.3.1: lange Veranstaltungstitel im Kalender sauber begrenzen */
.zscc-ticket-calendar__cell{min-width:0;position:relative}
.zscc-calendar-event{position:relative;box-sizing:border-box;width:100%;min-width:0;overflow:visible;z-index:1}
.zscc-calendar-event strong{
  display:-webkit-box;
  min-width:0;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  text-overflow:ellipsis;
  overflow-wrap:anywhere;
}
.zscc-calendar-event:hover,.zscc-calendar-event:focus-visible,.zscc-calendar-event.is-title-open{z-index:50}
.zscc-calendar-event::after{
  content:attr(data-full-title);
  position:absolute;
  left:50%;
  top:calc(100% + 8px);
  width:max-content;
  max-width:min(320px,80vw);
  padding:10px 12px;
  border:1px solid rgba(201,168,92,.65);
  border-radius:10px;
  background:#0d0e10;
  color:#f4efe4;
  box-shadow:0 14px 38px rgba(0,0,0,.55);
  font-size:.82rem;
  font-weight:700;
  line-height:1.35;
  white-space:normal;
  text-align:left;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-4px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.zscc-calendar-event:hover::after,.zscc-calendar-event:focus-visible::after,.zscc-calendar-event.is-title-open::after{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
@media(max-width:760px){
  .zscc-calendar-event strong{-webkit-line-clamp:1;line-clamp:1;white-space:normal}
  .zscc-calendar-event::after{position:fixed;left:16px;right:16px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;max-width:none;transform:translateY(8px);font-size:1rem;padding:16px;z-index:99999}
  .zscc-calendar-event.is-title-open::after{transform:translateY(0)}
}

/* v2.5: optionale Produktpersonalisierung */
.zscc-personalization{
  margin:20px 0 22px;
  padding:18px;
  border:1px solid rgba(201,168,92,.35);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(201,168,92,.09),rgba(0,0,0,.12));
  color:var(--zscc-cream);
}
.zscc-personalization legend{
  padding:0 8px;
  color:var(--zscc-gold);
  font-size:1.05rem;
  font-weight:800;
}
.zscc-personalization__intro{margin:0 0 14px;color:#d8d2c6;font-size:.92rem}
.zscc-personalization__field{margin:0 0 14px!important}
.zscc-personalization__field:last-child{margin-bottom:0!important}
.zscc-personalization__field label{display:block;margin-bottom:6px;color:#ead9a0;font-weight:700}
.zscc-personalization__field .optional{color:#aaa;font-size:.82em;font-weight:400}
.zscc-personalization__field input.input-text{
  width:100%;
  min-height:46px;
  padding:11px 13px;
  border:1px solid rgba(201,168,92,.38);
  border-radius:9px;
  background:#0f1012;
  color:#fff;
  box-shadow:none;
}
.zscc-personalization__field input.input-text:focus{
  border-color:var(--zscc-gold);
  outline:2px solid rgba(201,168,92,.18);
  outline-offset:1px;
}
.zscc-personalization__field small{display:block;margin-top:5px;color:#aaa;font-size:.78rem}

/* v2.5.2: verfügbare Ticketmenge */
.zscc-ticket-availability{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:7px 0 10px;
  padding:6px 10px;
  border:1px solid rgba(201,168,92,.42);
  border-radius:999px;
  background:rgba(201,168,92,.1);
  color:#ead9a0;
  font-size:.82rem;
  font-weight:800;
  line-height:1.2;
}
.zscc-ticket-availability::before{content:'●';margin-right:7px;font-size:.62em;color:#79b779}
.zscc-ticket-availability.is-low{border-color:rgba(225,151,50,.58);background:rgba(225,151,50,.12);color:#f1c978}
.zscc-ticket-availability.is-low::before{color:#e19732}
.zscc-ticket-availability.is-sold-out{border-color:rgba(211,75,75,.55);background:rgba(211,75,75,.12);color:#f1a2a2}
.zscc-ticket-availability.is-sold-out::before{color:#d34b4b}
.zscc-ticket-availability--single{margin:0 0 18px;padding:9px 14px;font-size:.95rem}
.zscc-ticket-availability--calendar{margin:5px 0 0;padding:3px 7px;font-size:.68rem;border-radius:7px}
.zscc-ticket-availability--calendar::before{margin-right:5px}
.zscc-ticket-availability--timeline{margin:9px 0 0}
.zscc-calendar-event .zscc-ticket-availability{display:inline-flex}
@media(max-width:760px){
  .zscc-ticket-availability--single{font-size:.86rem;padding:8px 12px}
  .zscc-ticket-availability--calendar{font-size:.65rem}
}


/* v2.5.5: Kategorienfilter für die Veranstaltungs-Timeline */
.zscc-timeline-filters{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
  margin:-8px 0 30px;
}
.zscc-timeline-filter{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 15px;
  border:1px solid rgba(201,168,92,.42);
  border-radius:999px;
  background:#17181b;
  color:#ead9a0;
  font:inherit;
  font-size:.88rem;
  font-weight:800;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.zscc-timeline-filter span{
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(201,168,92,.14);
  font-size:.72rem;
}
.zscc-timeline-filter:hover,.zscc-timeline-filter:focus-visible{
  border-color:var(--zscc-gold);
  transform:translateY(-1px);
  outline:none;
}
.zscc-timeline-filter.is-active{
  background:var(--zscc-gold);
  border-color:var(--zscc-gold);
  color:#111;
}
.zscc-timeline-filter.is-active span{background:rgba(17,17,17,.14)}
.zscc-timeline-event[hidden],.zscc-timeline-month-group[hidden]{display:none!important}
.zscc-timeline-filter-empty{margin:18px 0 6px}
@media(max-width:760px){
  .zscc-timeline-filters{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    margin:-4px -4px 22px;
    padding:4px 4px 9px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .zscc-timeline-filter{flex:0 0 auto;min-height:40px;padding:8px 13px}
}