
:root{
  --lp-bg:#050505;--lp-fg:#f3f3ef;--lp-muted:#777;--lp-line:#242424;
  --lp-rail:76px;--lp-header:76px;--lp-footer:46px;
}
html,body.lp-live-standalone{margin:0;padding:0;background:var(--lp-bg);color:var(--lp-fg)}
body.lp-live-standalone{font-family:"Urbanist",Arial,Helvetica,sans-serif;overflow:hidden}
body.lp-live-standalone *{box-sizing:border-box}

.lp-live-shell{
  width:100vw;height:100dvh;
  display:grid;
  grid-template-columns:var(--lp-rail) minmax(0,1fr);
  grid-template-rows:var(--lp-header) minmax(0,1fr) var(--lp-footer);
  background:var(--lp-bg);
}

/* EXACT SAME SIDEBAR GEOMETRY AS THEME */
.lp-live-sidebar{
  grid-column:1;grid-row:1 / 3;
  border-right:1px solid var(--lp-line);
  position:relative;overflow:hidden;background:var(--lp-bg);
}
.lp-live-sidebar-logo{
  position:absolute;
  top:105px;
  left:50%;
  transform:translateX(-50%);
  width:260px;height:76px;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
}
.lp-live-sidebar-logo img{
  display:block;width:auto;height:auto;
  max-width:250px;max-height:74px;object-fit:contain;
  transform:rotate(-90deg);transform-origin:center;
}
.lp-live-sidebar-logo span{
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-family:"Peignot","Arial Narrow",Arial,sans-serif;
  font-size:27px;letter-spacing:.07em;text-transform:uppercase;
}
.lp-archive-button{
  position:absolute;
  left:7px;bottom:38px;
  width:62px;min-height:58px;
  z-index:10;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border:0;background:transparent;color:#e9e9e4;cursor:pointer;
}
.lp-archive-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lp-archive-button span{font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}

.lp-live-header{
  grid-column:2;grid-row:1;
  border-bottom:1px solid var(--lp-line);
  display:flex;align-items:center;justify-content:flex-end;padding:0 28px;
}
.lp-live-nav{display:flex;align-items:center;gap:24px}
.lp-live-nav a{color:#888;text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.lp-live-nav a.current,.lp-live-nav a:hover{color:#fff}
.lp-instagram-icon{width:34px;height:34px;display:grid!important;place-items:center}
.lp-instagram-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}

.lp-live-main{
  grid-column:2;grid-row:2;
  min-width:0;min-height:0;
  display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:28px;align-items:center;padding:28px 0 28px 30px;overflow:hidden;
}
.lp-meta{padding-right:10px}
.lp-kicker{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-muted);margin-bottom:15px}
.lp-meta h1{margin:0 0 22px;font-family:"Peignot","Arial Narrow",Arial,sans-serif;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:.94;text-transform:uppercase}
#lp-event{font-size:11px;line-height:1.55;letter-spacing:.07em;text-transform:uppercase}
#lp-date{margin-top:7px;font-size:10px;letter-spacing:.11em;color:var(--lp-muted)}

.lp-gallery-wrap{width:100%;height:min(72vh,760px);min-height:430px;position:relative;overflow:hidden}
.lp-gallery{
  width:100%;height:100%;
  display:flex;align-items:center;gap:16px;
  overflow-x:auto;overflow-y:hidden;
  padding-right:22vw;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  touch-action:auto;
}
.lp-gallery::-webkit-scrollbar{display:none}
.lp-slide{
  height:100%;
  width:auto;
  aspect-ratio:var(--lp-img-ratio,1.5);
  margin:0;
  flex:0 0 auto;
  background:#0d0d0d;
  overflow:hidden;
}
.lp-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#050505;
}
.lp-counter{position:absolute;left:0;bottom:-24px;color:#8c8c87;font-size:9px;letter-spacing:.15em}

.lp-live-footer{
  grid-column:1 / -1;grid-row:3;
  min-height:var(--lp-footer);
  border-top:1px solid var(--lp-line);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 28px;
  color:#777;
  background:var(--lp-bg);
  position:relative;
  z-index:50;
  overflow:visible;
}
.lp-footer-left{
  display:block;
  font-size:9px;
  letter-spacing:.13em;
}
.lp-footer-nav{
  display:flex;
  align-items:center;
  gap:18px;
  visibility:visible;
  opacity:1;
}
.lp-footer-nav a{
  display:inline-block;
  color:#aaa;
  text-decoration:none;
  font-size:9px;
  letter-spacing:.11em;
  text-transform:uppercase;
  visibility:visible;
  opacity:1;
}

/* drawer */
.lp-drawer{
  position:fixed;z-index:100;
  top:var(--lp-header);bottom:var(--lp-footer);left:var(--lp-rail);
  width:min(470px,calc(100vw - var(--lp-rail)));
  padding:28px 30px;background:#080808;border-right:1px solid var(--lp-line);
  transform:translateX(-100%);visibility:hidden;pointer-events:none;
  transition:transform .16s ease-out,visibility 0s linear .16s;
}
.lp-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .16s ease-out,visibility 0s}
.lp-drawer-head{display:flex;align-items:center;justify-content:space-between}
.lp-drawer-head strong{font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.lp-drawer-close{border:0;background:transparent;color:#aaa;font-size:26px}
.lp-search{width:100%;margin:8px 0 16px;padding:13px 0;background:transparent;color:#fff;border:0;border-bottom:1px solid var(--lp-line);font:inherit}
.lp-band-list{height:calc(100% - 74px);overflow:auto}
.lp-band-group{border-bottom:1px solid #171717}
.lp-band-toggle{width:100%;display:flex;justify-content:space-between;padding:14px 0;border:0;background:transparent;color:#e5e5e0;font:inherit;font-size:12px;text-transform:uppercase}
.lp-concert-list{display:none;padding:0 0 9px 9px}
.lp-band-group.open .lp-concert-list{display:block}
.lp-concert{width:100%;display:grid;grid-template-columns:86px 1fr;gap:10px;padding:8px 6px;border:0;background:transparent;color:#777;font:inherit;font-size:10px;text-align:left}
.lp-concert b{font-weight:400}

.lp-live-mobile-logo,.lp-live-mobile-menu-toggle,.lp-live-mobile-menu{display:none}

@media(max-width:800px){
  :root{--lp-header:64px;--lp-footer:42px}
  body.lp-live-standalone{overflow:hidden}
  .lp-live-shell{display:block;height:100dvh;padding-top:var(--lp-header);padding-bottom:var(--lp-footer)}
  .lp-live-sidebar{display:none}
  .lp-live-header{
    position:fixed;z-index:50;top:0;left:0;right:0;height:var(--lp-header);
    padding:0 14px;justify-content:space-between;background:var(--lp-bg)
  }
  .lp-live-nav{display:none}
  .lp-live-mobile-logo{display:flex;align-items:center;max-width:165px;height:48px;text-decoration:none}
  .lp-live-mobile-logo img{display:block;max-width:160px;max-height:38px;width:auto;height:auto;object-fit:contain}
  .lp-live-mobile-menu-toggle{display:grid;place-items:center;width:42px;height:42px;border:0;background:transparent;color:#fff}
  .lp-live-mobile-menu-toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
  .lp-live-mobile-menu{
    display:flex;position:fixed;z-index:150;top:var(--lp-header);left:0;right:0;flex-direction:column;
    background:#070707;border-bottom:1px solid var(--lp-line);
    transform:translateY(-110%);visibility:hidden;pointer-events:none;
  }
  .lp-live-mobile-menu.open{transform:translateY(0);visibility:visible;pointer-events:auto}
  .lp-live-mobile-menu a{min-height:48px;display:flex;align-items:center;padding:0 18px;border-top:1px solid #171717;color:#aaa;text-decoration:none;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
  .lp-live-mobile-menu svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
  .lp-live-main{height:calc(100dvh - var(--lp-header) - var(--lp-footer));display:block;padding:0}
  .lp-meta{height:145px;padding:20px 18px 8px}
  .lp-kicker{margin-bottom:8px;font-size:8px}
  .lp-meta h1{margin-bottom:9px;font-size:29px}
  #lp-event{font-size:9px} #lp-date{font-size:9px}
  .lp-gallery-wrap{height:calc(100% - 145px);min-height:0;overflow:hidden}
  .lp-gallery{
    width:100vw;max-width:100vw;
    height:100%;
    overflow-x:auto!important;overflow-y:hidden!important;
    gap:10px;padding:0 17vw 0 18px;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
  }
  .lp-slide{
    height:auto;
    aspect-ratio:var(--lp-img-ratio,1.5);
    align-self:center;
  }
  .lp-slide.landscape{width:86vw}
  .lp-slide.portrait{width:72vw}
  .lp-counter{left:18px;bottom:10px;background:rgba(0,0,0,.55);padding:5px 7px}
  .lp-live-footer{position:fixed;z-index:40;left:0;right:0;bottom:0;height:var(--lp-footer);padding:0 14px;justify-content:center;background:var(--lp-bg)}
  .lp-footer-left{display:none}
  .lp-drawer{top:var(--lp-header);bottom:var(--lp-footer);left:0;width:100%;padding:22px 20px}
}


/* v3.1 – mobiler Abstand zwischen Galerie und Footer */
@media(max-width:800px){
  .lp-gallery-wrap{
    height:calc(100% - 145px - 16px);
    margin-bottom:16px;
  }
}

/* v3.3 – logo opacity */
.lp-live-sidebar-logo img,.lp-live-mobile-logo img{opacity:.75!important}

/* v3.10 – clean footer menu spacing */
.lp-footer-nav ul,
.lp-footer-nav li{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.lp-footer-nav li::marker,
.lp-footer-nav li::before,
.lp-footer-nav li::after{
  content:none!important;
  display:none!important;
}
.lp-footer-nav li{display:contents}
