/* Events overview: dedicated page styling, no changes to the finished homepage. */
@import url('homepage-v164ae.css?v=164ae');

body.bs-v164ai-events { background: #030303; color: #f6f6f6; }
body.bs-v164ai-events main { overflow: visible; }
body.bs-v164ai-events .bs-v164e-mainnav .bs-v164e-navlink[href$="events.php"] { color: #fff; }
body.bs-v164ai-events .bs-v164e-mainnav .bs-v164e-navlink[href$="events.php"]::after { transform: translateX(-50%) scaleX(1); }
.bs-v164ai-page {
  --ai-orange:#ff7a00; --ai-muted:#a9a7a6;
  padding-top:74px; min-height:70vh; color:#f5f5f5;
  font-family:Montserrat,Arial,Helvetica,sans-serif;
}
.bs-v164ai-page *, .bs-v164ai-page *::before,.bs-v164ai-page *::after { box-sizing:border-box; }
.bs-v164ai-hero {
  position:relative; isolation:isolate; display:flex; align-items:center;
  overflow:hidden; min-height:clamp(245px,27vw,334px);
  border-bottom:1px solid rgba(255,122,0,.40);
  background:linear-gradient(112deg,#08080a 0%,#080707 64%,#281107 100%);
}
.bs-v164ai-hero::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,#060606 0%,rgba(6,6,6,.95) 26%,rgba(6,6,6,.72) 51%,rgba(6,6,6,.25) 100%),
    linear-gradient(0deg,rgba(0,0,0,.45),transparent 54%);
}
.bs-v164ai-hero-art { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 62%; opacity:.80; }
.bs-v164ai-hero-inner { position:relative; width:min(100% - 76px,1396px); margin:0 auto; padding:48px 0 50px; }
.bs-v164ai-kicker,.bs-v164ai-section-kicker,.bs-v164ai-card-kicker,.bs-v164ai-count,.bs-v164ai-date {
  font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif; font-weight:800; text-transform:uppercase;
}
.bs-v164ai-kicker { display:flex; align-items:center; gap:12px; color:var(--ai-orange); font-size:.84rem; letter-spacing:.16em; margin:0 0 18px; }
.bs-v164ai-kicker>span { width:28px;height:2px;background:var(--ai-orange);box-shadow:0 0 12px rgba(255,122,0,.45); }
.bs-v164ai-hero h1 { margin:0; font-family:Anton,Impact,'Arial Narrow',sans-serif; font-size:clamp(2.9rem,5.9vw,5.6rem); font-weight:400; line-height:1.07; letter-spacing:.025em; text-shadow:0 8px 28px #000; }
.bs-v164ai-hero h1 span { color:var(--ai-orange); }
.bs-v164ai-hero-lead { margin:18px 0 0; color:#cac7c5; font-size:clamp(.78rem,.96vw,.94rem); line-height:1.65; }
.bs-v164ai-hero-lead strong { color:#fff;font-weight:800; }
.bs-v164ai-content { width:min(100% - 76px,1396px); margin:0 auto; padding:clamp(40px,5vw,68px) 0 clamp(66px,6vw,100px); }
.bs-v164ai-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; padding-bottom:19px; margin-bottom:27px; border-bottom:1px solid rgba(255,255,255,.13); }
.bs-v164ai-section-kicker { font-size:.74rem;letter-spacing:.16em;color:var(--ai-orange);margin:0 0 7px; }
.bs-v164ai-heading h2 { margin:0; font-family:Anton,Impact,'Arial Narrow',sans-serif; font-size:clamp(1.8rem,3vw,2.55rem);font-weight:400;letter-spacing:.055em;line-height:1.15; }
.bs-v164ai-heading h2 span { color:var(--ai-orange); }
.bs-v164ai-count { color:#aaa;font-size:.75rem;letter-spacing:.16em;white-space:nowrap; }
.bs-v164ai-list { display:grid; gap:17px; }
.bs-v164ai-card {
  display:grid; grid-template-columns:100px 158px minmax(0,1fr); min-width:0;
  overflow:hidden; border:1px solid rgba(255,255,255,.14); border-left:3px solid rgba(255,122,0,.75); border-radius:3px;
  background:linear-gradient(110deg,rgba(23,22,22,.96),rgba(10,10,11,.98) 60%);
  box-shadow:0 14px 32px rgba(0,0,0,.25);scroll-margin-top:110px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.bs-v164ai-card:hover,.bs-v164ai-card:focus-within { border-color:rgba(255,122,0,.63);box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 24px rgba(255,122,0,.07); }
.bs-v164ai-card:target { border-color:var(--ai-orange);box-shadow:0 0 0 1px rgba(255,122,0,.5),0 0 25px rgba(255,122,0,.12); }
.bs-v164ai-date { display:flex; flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:198px;padding:18px 6px;border-right:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,122,0,.12),rgba(255,122,0,.025));font-variant-numeric:tabular-nums; }
.bs-v164ai-date strong { color:#fff;font-size:3.1rem;font-weight:800;line-height:1;letter-spacing:-.025em; }
.bs-v164ai-date span { color:var(--ai-orange);font-size:1.15rem;letter-spacing:.1em; }
.bs-v164ai-date small { color:#c6c3bf;font-size:.82rem;letter-spacing:.1em; }
.bs-v164ai-visual { position:relative;overflow:hidden;min-height:198px;border-right:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 50%,#38200f,#070707 72%); }
.bs-v164ai-flyer { position:absolute;inset:0;display:block;overflow:hidden; }
.bs-v164ai-flyer img { display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .25s ease; }
.bs-v164ai-flyer:hover img,.bs-v164ai-flyer:focus-visible img { transform:scale(1.05); }
.bs-v164ai-flyer span { position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ai-orange);border-radius:3px;background:rgba(0,0,0,.82);color:var(--ai-orange); }
.bs-v164ai-visual-fallback { display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;min-height:198px;color:#fff;font-family:Anton,Impact,sans-serif;letter-spacing:.06em; }
.bs-v164ai-visual-fallback span { font-size:2.3rem;text-shadow:0 0 25px rgba(255,122,0,.35); }
.bs-v164ai-visual-fallback small { font-size:.7rem;color:var(--ai-orange);font-family:Montserrat,Arial,sans-serif;font-weight:800;letter-spacing:.16em; }
.bs-v164ai-card-body { display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:23px clamp(20px,2.2vw,32px); }
.bs-v164ai-card-kicker { margin:0 0 7px;color:var(--ai-orange);font-size:.73rem;letter-spacing:.16em; }
.bs-v164ai-card-kicker span { color:#777;padding-inline:4px; }
.bs-v164ai-card-body h3 { margin:0;color:#fff;font-size:clamp(1.18rem,1.6vw,1.65rem);line-height:1.25;font-weight:800;overflow-wrap:anywhere; }
.bs-v164ai-meta { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:9px 0 0;color:#d5d1cb;font-size:.81rem;line-height:1.6; }
.bs-v164ai-meta i { width:3px;height:3px;border-radius:50%;background:var(--ai-orange); }
.bs-v164ai-description { margin:13px 0 0;max-width:900px;color:#aaa7a4;font-size:.83rem;line-height:1.65;overflow-wrap:anywhere; }
.bs-v164ai-actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:19px; }
.bs-v164ai-btn { display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:40px;padding:9px 16px;border:1px solid rgba(255,122,0,.62);border-radius:3px;color:#fff;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.06em;line-height:1.1;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease; }
.bs-v164ai-btn span { color:var(--ai-orange);font-size:1rem; }
.bs-v164ai-btn-ghost { background:rgba(255,122,0,.035); }
.bs-v164ai-btn-ghost:hover,.bs-v164ai-btn-ghost:focus-visible { background:rgba(255,122,0,.17);border-color:var(--ai-orange); }
.bs-v164ai-btn-primary { background:var(--ai-orange);border-color:var(--ai-orange);color:#101010; }
.bs-v164ai-btn-primary span { color:#101010; }
.bs-v164ai-btn-primary:hover,.bs-v164ai-btn-primary:focus-visible { background:#ff952c;border-color:#ff952c;color:#101010; }
.bs-v164ai-empty { padding:clamp(26px,5vw,54px);border:1px solid rgba(255,122,0,.28);border-radius:3px;background:linear-gradient(125deg,rgba(255,122,0,.065),rgba(13,13,13,.75)); }
.bs-v164ai-empty h3 { margin:0 0 8px;font-size:1.3rem; }
.bs-v164ai-empty p { margin:0;color:var(--ai-muted);line-height:1.65; }
@media (max-width:920px) {
  .bs-v164ai-card { grid-template-columns:88px 138px minmax(0,1fr); }
  .bs-v164ai-card-body { padding:19px 18px; }
  .bs-v164ai-date strong { font-size:2.65rem; }
}
@media (max-width:760px) {
  .bs-v164ai-page { padding-top:68px; }
  .bs-v164ai-hero { min-height:232px; }
  .bs-v164ai-hero-inner,.bs-v164ai-content { width:min(100% - 34px,1396px); }
  .bs-v164ai-hero-inner { padding:42px 0; }
  .bs-v164ai-hero-art { opacity:.45;object-position:73% center; }
  .bs-v164ai-hero::after { background:linear-gradient(90deg,rgba(3,3,3,.95),rgba(3,3,3,.66)); }
  .bs-v164ai-hero h1 { font-size:clamp(2.7rem,10vw,4.2rem); }
  .bs-v164ai-hero h1 span { display:block; }
  .bs-v164ai-hero-lead { max-width:340px; }
  .bs-v164ai-content { padding-top:34px; }
  .bs-v164ai-heading { margin-bottom:20px; }
  .bs-v164ai-count { font-size:.69rem; }
  .bs-v164ai-card { grid-template-columns:78px minmax(0,1fr); }
  .bs-v164ai-date { grid-column:1;grid-row:1 / 3; min-height:180px;justify-content:flex-start;padding-top:26px; }
  .bs-v164ai-date strong { font-size:2.3rem; }
  .bs-v164ai-visual { grid-column:2;grid-row:1;height:174px;min-height:174px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1); }
  .bs-v164ai-flyer img { object-fit:cover;object-position:center 34%; }
  .bs-v164ai-visual-fallback { min-height:174px; }
  .bs-v164ai-card-body { grid-column:2;grid-row:2;padding:17px 14px 19px; }
  .bs-v164ai-card-body h3 { font-size:1.18rem; }
  .bs-v164ai-meta { gap:6px;font-size:.75rem; }
  .bs-v164ai-description { font-size:.78rem; }
  .bs-v164ai-actions { gap:8px; }
  .bs-v164ai-btn { min-height:38px;padding:9px 11px;gap:8px;font-size:.79rem; }
}
@media (max-width:390px) {
  .bs-v164ai-heading { flex-direction:column;align-items:flex-start; }
  .bs-v164ai-card { grid-template-columns:66px minmax(0,1fr); }
  .bs-v164ai-date strong { font-size:2.05rem; }
  .bs-v164ai-date span { font-size:1rem; }
  .bs-v164ai-date small { font-size:.72rem; }
}
@media (prefers-reduced-motion:reduce) { .bs-v164ai-page *, .bs-v164ai-page *::before, .bs-v164ai-page *::after { transition:none !important; } }


/* v1.6.4-AJ: kompakte Live-Event-Zeile und aufklappbare Details.
   Nur die Events-Seite betroffen; vorhandene Ticket-/Event-Tracking-Links bleiben. */
.bs-v164ai-list { gap: 13px; }
.bs-v164ai-card {
  grid-template-columns: 82px 126px minmax(0,1fr);
  grid-template-rows: auto auto;
}
.bs-v164ai-date {
  grid-column: 1; grid-row: 1;
  min-height: 138px;
  padding: 13px 5px;
}
.bs-v164ai-date strong { font-size: 2.55rem; }
.bs-v164ai-date span { font-size: 1rem; }
.bs-v164ai-date small { font-size: .72rem; }
.bs-v164ai-visual {
  grid-column: 2; grid-row: 1;
  min-height: 138px;
  height: 100%;
}
.bs-v164ai-visual-fallback { min-height: 138px; }
.bs-v164ai-card-body {
  grid-column: 3; grid-row: 1;
  justify-content: center;
  padding: 16px clamp(17px,2vw,27px);
}
.bs-v164ai-card-kicker { margin-bottom: 6px; font-size: .71rem; }
.bs-v164ai-card-body h3 { font-size: clamp(1.14rem,1.5vw,1.48rem); }
.bs-v164ai-meta { gap: 10px; margin-top: 11px; font-size: .83rem; }
.bs-v164aj-details { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
.bs-v164aj-details-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-height: 38px;
  padding: 8px clamp(17px,2vw,27px);
  border-top: 1px solid rgba(255,255,255,.1);
  background: rgba(255,122,0,.025);
  color: #eae7e4;
  cursor: pointer;
  font: 800 .82rem/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing: .075em;
  list-style: none;
  transition: background .2s ease, color .2s ease;
}
.bs-v164aj-details-toggle::-webkit-details-marker { display: none; }
.bs-v164aj-details-toggle::marker { content: ''; }
.bs-v164aj-details-toggle:hover,
.bs-v164aj-details-toggle:focus-visible {
  background: rgba(255,122,0,.105);
  color: #fff;
}
.bs-v164aj-hide-label { display: none; }
.bs-v164aj-details[open] .bs-v164aj-hide-label { display: inline; }
.bs-v164aj-details[open] .bs-v164aj-show-label { display: none; }
.bs-v164aj-chevron {
  display: inline-block;
  width: 8px; height: 8px;
  border-right: 2px solid var(--ai-orange);
  border-bottom: 2px solid var(--ai-orange);
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease;
}
.bs-v164aj-details[open] .bs-v164aj-chevron { transform: translateY(2px) rotate(225deg); }
.bs-v164aj-details-content {
  padding: 18px clamp(18px,2vw,27px) 22px;
  border-top: 1px solid rgba(255,122,0,.26);
  background: linear-gradient(120deg,rgba(255,122,0,.055),rgba(11,11,12,.55));
}
.bs-v164ai-description { max-width: 100%; margin: 0; font-size: .86rem; line-height: 1.75; }
.bs-v164ai-actions { margin-top: 0; padding-top: 0; }
.bs-v164ai-description + .bs-v164ai-actions { padding-top: 16px; }
.bs-v164aj-no-extra { margin: 0; color: #aaa7a4; font-size: .85rem; }
@media (max-width: 760px) {
  .bs-v164ai-card { grid-template-columns: 72px 100px minmax(0,1fr); }
  .bs-v164ai-date { grid-column: 1; grid-row: 1; min-height: 126px; justify-content: center; padding: 9px 3px; }
  .bs-v164ai-date strong { font-size: 2.15rem; }
  .bs-v164ai-date span { font-size: .87rem; }
  .bs-v164ai-date small { font-size: .68rem; }
  .bs-v164ai-visual { grid-column: 2; grid-row: 1; height: 100%; min-height: 126px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 0; }
  .bs-v164ai-visual-fallback { min-height: 126px; }
  .bs-v164ai-visual-fallback span { font-size: 1.5rem; }
  .bs-v164ai-card-body { grid-column: 3; grid-row: 1; padding: 13px 11px; }
  .bs-v164ai-card-kicker { font-size: .58rem; letter-spacing: .07em; }
  .bs-v164ai-card-body h3 { font-size: .99rem; }
  .bs-v164ai-meta { align-items: flex-start; gap: 2px; flex-direction: column; margin-top: 7px; font-size: .71rem; line-height: 1.35; }
  .bs-v164ai-meta i { display: none; }
  .bs-v164aj-details { grid-column: 1 / -1; grid-row: 2; }
  .bs-v164aj-details-toggle { min-height: 38px; }
  .bs-v164aj-details-content { padding: 15px 16px 20px; }
}
@media (max-width: 480px) {
  .bs-v164ai-card { grid-template-columns: 58px 80px minmax(0,1fr); }
  .bs-v164ai-date strong { font-size: 1.8rem; }
  .bs-v164ai-date span { font-size: .78rem; }
  .bs-v164ai-date small { font-size: .59rem; }
  .bs-v164ai-card-body { padding: 10px 9px; }
  .bs-v164ai-card-body h3 { font-size: .92rem; }
  .bs-v164ai-card-kicker { font-size: .53rem; letter-spacing: .045em; }
  .bs-v164ai-meta { font-size: .67rem; }
}