/* ==========================================================================
   Eventtechnik / Live – studiocarbon.eu
   Seitenspezifisches CSS (Hero mit Konzert-Foto, Referenz-Logos).
   ========================================================================== */

/* 1. Hero -------------------------------------------------------------- */
.live-hero{padding:40px}
.live-hero .bg-overlay{background-color:#000;opacity:.7}
.live-hero__inner{min-height:900px;align-items:center}
.live-hero__col{
  width:100%;
  padding:0 122px 0 0;
}
.live-hero__eyebrow{
  font-family:var(--font-display);
  font-size:18px;
  font-weight:600;
  line-height:18px;
  letter-spacing:3.6px;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 20px;
}
.live-hero__title{
  color:#fff;
  font-size:9vw;
  line-height:1;
  margin:0 0 40px;
}
.live-hero__title del{text-decoration:line-through}
.live-hero__lead{margin:0 0 40px}
.live-hero__lead p{
  color:#fff;
  font-size:16px;
  font-weight:300;
  line-height:1.8;
  margin:0 0 20px;
}
.live-hero__lead p:last-child{margin-bottom:0}
.live-hero__spacer{height:36px;margin:0 0 20px}
.live-hero__offer-title{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:600;
  line-height:20px;
  color:#fff;
  margin:0 0 20px;
}
.live-offer-list{
  list-style:none;
  margin:0;
  padding:0;
}
.live-offer-list__item{
  display:flex;
  align-items:center;
  line-height:1.6;
}
.live-offer-list__item .fa,
.live-offer-list__item .fas,
.live-offer-list__item .far{
  width:17.5px;
  font-size:14px;
  line-height:14px;
  color:#e00000;
  text-align:center;
}
.live-offer-list__item span{
  padding-left:5px;
  color:#fff;
  font-size:14px;
}
@media only screen and (max-width:1024px){
  .live-hero{padding:0 14px}
  .live-hero__inner{min-height:800px}
}
@media only screen and (max-width:767px){
  .live-hero{padding:100px 20px 0}
  .live-hero__col{padding:25px 0 0}
  .live-hero__lead{text-align:center}
  .live-offer-list{margin-bottom:52px}
}

/* 2. "Einige Refferenzen:" ------------------------------------------------ */
.live-refs{padding:0 0 0 50px}
.live-refs__spacer{height:20px;margin:0 0 20px}
.live-refs__title{
  color:#898989;
  font-size:15px;
  font-weight:600;
  line-height:24px;
  letter-spacing:5px;
  text-transform:uppercase;
  margin:0 0 20px;
}
@media only screen and (max-width:767px){
  .live-refs{padding:26px 0 0}
  .live-refs__title{text-align:center}
}

/* 3. Referenz-Logos (3 Zeilen x 6 Spalten) -------------------------------- */
.live-logos-row{display:flex;flex-wrap:wrap}
.live-logos__col{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:35px;
}
.live-logos__col img{height:auto;width:auto;max-width:40%;display:inline-block}
/* Logo Encore: eigenes Innen-Padding (Elementor-Bildwidget), gilt auf allen Breiten */
.live-logos__col--pad-v picture{display:inline-block;padding:30px 0}
/* Logo 673bafc: schmaleres Mobil-Format als die übrigen Logos (Original-Einstellung) */
.live-logos__col--w36 img{max-width:35.94%}

/* Hintergrundfarben gelten auf allen Breiten */
.live-logos-row--1 .live-logos__col:nth-child(1){background:#eaeaea}
.live-logos-row--1 .live-logos__col:nth-child(2){background:#f4f4f4}
.live-logos-row--1 .live-logos__col:nth-child(3){background:#f4f4f4}
.live-logos-row--1 .live-logos__col:nth-child(4){background:#eaeaea}
.live-logos-row--1 .live-logos__col:nth-child(5){background:#f4f4f4}
.live-logos-row--1 .live-logos__col:nth-child(6){background:#eaeaea}
.live-logos-row--2 .live-logos__col:nth-child(1){background:#f4f4f4}
.live-logos-row--2 .live-logos__col:nth-child(2){background:#eaeaea}
.live-logos-row--2 .live-logos__col:nth-child(3){background:#f4f4f4}
.live-logos-row--2 .live-logos__col:nth-child(4){background:#eaeaea}
.live-logos-row--2 .live-logos__col:nth-child(5){background:#f4f4f4}
.live-logos-row--2 .live-logos__col:nth-child(6){background:#eaeaea}
.live-logos-row--3 .live-logos__col:nth-child(1){background:#eaeaea}
.live-logos-row--3 .live-logos__col:nth-child(2){background:#f4f4f4}
.live-logos-row--3 .live-logos__col:nth-child(3){background:#eaeaea}
.live-logos-row--3 .live-logos__col:nth-child(4){background:#f4f4f4}
.live-logos-row--3 .live-logos__col:nth-child(5){background:#eaeaea}
.live-logos-row--3 .live-logos__col:nth-child(6){background:#f4f4f4}

/* Ab Desktop: 6 Spalten je Zeile, individuelle Logo-Breiten/Paddings wie im Original */
@media only screen and (min-width:768px){
  .live-logos__col{width:16.6666%;padding:0}
  .live-logos__col img{width:auto;max-width:none}

  .live-logos-row--1{min-height:105px}
  .live-logos-row--1 .live-logos__col:nth-child(1) img{width:72%}
  .live-logos-row--1 .live-logos__col:nth-child(2) img{width:56%}
  .live-logos-row--1 .live-logos__col:nth-child(3) img{width:64%}
  .live-logos-row--1 .live-logos__col:nth-child(4) img{width:60%}
  .live-logos-row--1 .live-logos__col:nth-child(5) img{width:59%}
  .live-logos-row--1 .live-logos__col:nth-child(6) img{width:60%}

  .live-logos-row--2{min-height:140px}
  .live-logos-row--2 .live-logos__col:nth-child(1){padding:29px}
  .live-logos-row--2 .live-logos__col:nth-child(1) img{width:36%}
  .live-logos-row--2 .live-logos__col:nth-child(2) img{width:60%}
  .live-logos-row--2 .live-logos__col:nth-child(3) img{width:42%}
  .live-logos-row--2 .live-logos__col:nth-child(4) img{width:55%}
  .live-logos-row--2 .live-logos__col:nth-child(5) img{width:42%}
  .live-logos-row--2 .live-logos__col:nth-child(6) img{width:58%}

  .live-logos-row--3{min-height:118px}
  .live-logos-row--3 .live-logos__col:nth-child(1) img{width:60%}
  .live-logos-row--3 .live-logos__col:nth-child(2){padding:23px}
  .live-logos-row--3 .live-logos__col:nth-child(2) img{width:42%}
  .live-logos-row--3 .live-logos__col:nth-child(3) img{width:60%}
  .live-logos-row--3 .live-logos__col:nth-child(4) img{width:42%}
  .live-logos-row--3 .live-logos__col:nth-child(5) img{width:50%}
  .live-logos-row--3 .live-logos__col:nth-child(6) img{width:73%}
}

/* 4. Abschluss-Spacer ------------------------------------------------------ */
.live-end-spacer{max-width:var(--container-el);margin:0 auto;padding:10px 0;height:70px}