/* Mobiles Entertainment Berlin – einheitliche visuelle Linie, 07.10.2026
   Nur visuelle Ebene: bestehende SEO-Inhalte, Überschriftenstruktur, URLs und Metadaten bleiben unangetastet. */
:root{
  --meb-petrol:#0f8588;
  --meb-petrol-dark:#0a6669;
  --meb-ink:#123438;
  --meb-ink-2:#0b2428;
  --meb-soft:#f3f7f6;
  --meb-line:#dbe8e6;
  --red:#0f8588!important;
  --red-dark:#0a6669!important;
  --accent:#0f8588!important;
  --brand:#0f8588!important;
}
body{background:#fff;color:#1b2729}
.section.alt,.alt{background:var(--meb-soft)!important}
.eyebrow,.me-section-kicker,.kicker{color:var(--meb-petrol)!important}

/* Einheitlicher Header auf Start- und Unterseiten */
.uh-site-header,.site-header,.me-header{
  background:rgba(18,52,56,.97)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 8px 26px rgba(8,31,34,.12)!important;
}
.uh-nav a,.nav a,.me-nav a{color:#fff!important}
.uh-nav a:hover,.uh-nav a:focus-visible,.nav a:hover,.nav a:focus-visible,.me-nav a:hover,.me-nav a:focus-visible{color:#bce9e7!important}
.uh-nav-cta,.nav .cta,.me-nav .btn,.me-dropdown-all{background:var(--meb-petrol)!important;color:#fff!important}
.uh-phone,.nav .phone{border-color:rgba(188,233,231,.55)!important}
.uh-dropdown-menu,.me-nav-dropdown-menu{background:#102f33!important;border-color:rgba(255,255,255,.15)!important}
.uh-dropdown-menu small,.me-nav-dropdown-menu small{color:#cfe6e4!important}
.me-dropdown-heading{color:#8fd8d5!important}

/* Buttons / Interaktion */
.btn,.btn.primary,.me-hero-cta,.hero-new-btn.primary,.submit-btn,.cta,.button-primary{
  background:var(--meb-petrol)!important;
  color:#fff!important;
  border-color:var(--meb-petrol)!important;
  box-shadow:0 12px 28px rgba(15,133,136,.20)!important;
}
.btn:hover,.btn.primary:hover,.me-hero-cta:hover,.hero-new-btn.primary:hover,.submit-btn:hover,.cta:hover,.button-primary:hover{
  background:var(--meb-petrol-dark)!important;
  border-color:var(--meb-petrol-dark)!important;
}
.btn.dark,.me-btn-dark,.me-hero-cta.secondary{background:rgba(11,36,40,.84)!important;border-color:rgba(255,255,255,.58)!important;box-shadow:none!important}

/* Karten, Fakten und dunkle Flächen */
.fact-box,.eeat-box,.mid-cta,.final-cta,.trustbar,.me-trustbar,.phase2-cta,.dark-panel{
  background:var(--meb-ink)!important;
}
.step .nr,.card .nr,.tag,.badge,.pill-accent{background:var(--meb-petrol)!important;color:#fff!important}
.check:before,.fact-box li::before,.mini-list div:before,.hero-copy li:before{color:var(--meb-petrol)!important}
.card,.step,.link-card,details,.info-panel,.package,.project-card{border-color:var(--meb-line)!important}
.link-card:hover{border-color:rgba(15,133,136,.48)!important}

/* Formulare */
input:focus,textarea:focus,select:focus{border-color:var(--meb-petrol)!important;outline-color:rgba(15,133,136,.22)!important}

/* Zurück nach oben */
.back-to-top,#meb-back-to-top{background:var(--meb-petrol)!important}
.back-to-top:hover,#meb-back-to-top:hover{background:var(--meb-petrol-dark)!important}

/* Footer */
.footer,footer{background:#0b2428!important;color:#fff}

/* Startseiten-Hero: echtes Eventmotiv als Bühne, Text kompakt auf der unteren LED-Fläche */
.me-hero.me-hero--led{
  min-height:clamp(690px,calc(100svh - 82px),850px)!important;
  background:#07191c!important;
  display:block!important;
}
.me-hero--led .me-hero-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#07191c!important}
.me-hero--led .me-hero-picture img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 48%!important;transform:none!important;
  filter:saturate(1.02) contrast(1.01) brightness(1)!important;
}
.me-hero--led .me-hero-shade{background:linear-gradient(180deg,rgba(5,22,25,.03) 0%,rgba(5,22,25,.02) 56%,rgba(5,22,25,.20) 100%)!important}
.me-hero--led .me-hero-inner{
  position:absolute!important;z-index:4!important;left:50%!important;bottom:4.5%!important;transform:translateX(-50%)!important;
  width:min(880px,62vw)!important;margin:0!important;padding:17px 24px 18px!important;
  display:block!important;text-align:center!important;
  background:rgba(9,44,48,.91)!important;border:1px solid rgba(139,221,218,.38)!important;border-radius:16px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;backdrop-filter:blur(3px)!important;
}
.me-hero--led .me-hero-inner h1{
  margin:0 0 8px!important;max-width:none!important;font-size:clamp(27px,2.25vw,39px)!important;line-height:1.04!important;
  letter-spacing:-.025em!important;text-shadow:none!important;color:#fff!important;
}
.me-hero--led .me-hero-lead{
  max-width:820px!important;margin:0 auto 13px!important;padding:0!important;
  font-size:clamp(14px,1.08vw,17px)!important;line-height:1.38!important;color:#eaf5f4!important;text-shadow:none!important;
}
.me-hero--led .phase2-hero-actions{display:flex!important;justify-content:center!important;gap:10px!important;margin:0!important;flex-wrap:wrap!important}
.me-hero--led .me-hero-cta{min-width:0!important;padding:10px 17px!important;border-radius:999px!important;font-size:14px!important}
.me-stage-only-teaser.me-stage-only-below{
  width:min(980px,calc(100% - 32px))!important;margin:18px auto 30px!important;
  background:#fff!important;color:#1a2a2c!important;border:1px solid var(--meb-line)!important;
  box-shadow:0 12px 30px rgba(10,50,54,.10)!important;
}
.me-stage-only-teaser.me-stage-only-below .me-stage-only-icon{background:#e3f4f3!important;color:var(--meb-petrol)!important}
.me-stage-only-teaser.me-stage-only-below .me-stage-only-copy small{color:#506466!important}
.me-stage-only-teaser.me-stage-only-below>a{background:var(--meb-petrol)!important;color:#fff!important;border-color:var(--meb-petrol)!important}

@media(max-width:820px){
  .uh-site-header,.site-header,.me-header{background:#123438!important}
  .uh-nav,.nav,.me-nav{background:#102f33!important}
  .me-hero.me-hero--led{min-height:auto!important;padding:0!important;display:block!important}
  .me-hero--led .me-hero-picture{position:relative!important;inset:auto!important;height:auto!important;aspect-ratio:3/2!important;display:block!important}
  .me-hero--led .me-hero-picture img{object-position:center center!important}
  .me-hero--led .me-hero-shade{display:none!important}
  .me-hero--led .me-hero-inner{
    position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;
    width:100%!important;height:auto!important;min-height:0!important;padding:24px 16px 26px!important;border-radius:0!important;
    background:#123438!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  .me-hero--led .me-hero-inner h1{font-size:clamp(30px,8.2vw,40px)!important;margin-bottom:12px!important}
  .me-hero--led .me-hero-lead{font-size:16px!important;line-height:1.45!important;margin-bottom:16px!important}
  .me-hero--led .phase2-hero-actions{display:grid!important;gap:9px!important}
  .me-hero--led .me-hero-cta{width:100%!important;padding:13px 15px!important}
  .me-stage-only-teaser.me-stage-only-below{grid-template-columns:auto 1fr!important;margin:0 auto 26px!important}
  .me-stage-only-teaser.me-stage-only-below>a{grid-column:1/-1!important;text-align:center!important}
}

/* Finaler Startseiten-Fix 07.10.2026: Vorteilsleiste entfernt */
.me-trustbar{display:none!important}
@media(max-width:820px){.me-hero--led .me-hero-inner{min-height:0!important;height:auto!important}.me-stage-only-teaser.me-stage-only-below{margin-top:0!important}}