/* Mobiles Entertainment Berlin – Feinschliff 25.10.2026 (zuletzt laden) */

/* Lesbarkeit: helle Schrift auf dunklen Flächen, dunkle Schrift auf hellen */
.meb-reference-teaser h2,
#dj-moderation h2,
.news-preview-card h2,
.section.dark h2{color:#fff!important}
.phase2-lead-copy > p{color:#40565a!important}
.phase2-direct-contact p{color:#eef4f4!important}
.kicker{color:#fff!important}
.caption{color:#40565a!important}
.section.dark .caption,.dark .caption,.video-card .caption{color:#e3eeee!important}
#faq{background:#fff}
h1,h2,h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}

/* Drei Bereiche – ein Vertragspartner */
.meb-pillars{padding:56px 18px;background:#fff}
.meb-pillars .wrap{max-width:1240px;margin:0 auto}
.meb-pillars-head{text-align:center;max-width:820px;margin:0 auto 28px}
.meb-pillars-head h2{color:#123438;margin:0 0 10px}
.meb-pillars-head p{color:#40565a;font-size:18px;margin:0}
.meb-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.meb-pillar{display:flex;flex-direction:column;background:#f4f8f7;border:1px solid #dbe7e5;border-radius:20px;overflow:hidden;color:#123438;text-decoration:none!important;box-shadow:0 12px 30px rgba(18,52,56,.08)}
.meb-pillar img{width:100%!important;height:250px!important;max-height:none!important;object-fit:cover!important;display:block;margin:0!important;border-radius:0!important}
.meb-pillar-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.meb-pillar-tag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0f8588;background:#e2f1f0;border-radius:999px;padding:5px 10px;margin-bottom:10px}
.meb-pillar h3{margin:0 0 8px;font-size:22px;color:#123438}
.meb-pillar p{margin:0 0 14px;color:#40565a;line-height:1.5}
.meb-pillar .meb-pillar-price{font-weight:800;color:#123438;margin:0 0 14px}
.meb-pillar-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;background:#0f8588;color:#fff;font-weight:800;padding:10px 18px}
.meb-pillar:hover .meb-pillar-cta{background:#0b6b6d}
.meb-pillars-note{text-align:center;margin:22px auto 0;max-width:820px;color:#123438;font-weight:700}
@media(max-width:900px){.meb-pillar-grid{grid-template-columns:1fr;gap:16px}.meb-pillars{padding:36px 16px}.meb-pillar img{height:180px!important}.meb-pillar-body{padding:16px 18px 18px}.meb-pillar h3{font-size:20px}.meb-pillar p{margin-bottom:10px}}

@media(min-width:600px) and (max-width:900px){.meb-pillar{flex-direction:row}.meb-pillar img{width:40%!important;height:auto!important;min-height:100%}.meb-pillar-body{width:60%}}

/* Mobile Schnellkontakt-Leiste */
.meb-salesbar{display:none}
@media(max-width:820px){
  .meb-salesbar{position:fixed;left:0;right:0;bottom:0;z-index:99990;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:6px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(9,34,37,.97);box-shadow:0 -6px 22px rgba(0,0,0,.25)}
  .meb-salesbar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:12px;color:#fff!important;text-decoration:none!important;font:800 14px/1.1 Arial,Helvetica,sans-serif;text-align:center;padding:6px}
  .meb-salesbar .meb-call{background:#1f4a4f}
  .meb-salesbar .meb-wa{background:#1fa855}
  .meb-salesbar .meb-req{background:#0f8588}
  .meb-salesbar svg{width:18px;height:18px;flex:0 0 auto;fill:currentColor}
  body.meb-has-salesbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.meb-has-salesbar .meb-scrolltop,body.meb-has-salesbar #meb-back-to-top,body.meb-has-salesbar .back-to-top{bottom:calc(82px + env(safe-area-inset-bottom))!important}
  body.meb-has-salesbar .cookie-consent{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  /* Seitenkopf: Text nicht am Bildschirmrand */
  .meb-reference-teaser .wrap{padding-left:18px!important;padding-right:18px!important}
  .page-hero>.wrap,section.hero>.wrap{padding-left:18px!important;padding-right:18px!important}
}

/* Titelbild Desktop: ganze Bühne sichtbar */
@media(min-width:821px){
  .me-hero--led .me-hero-picture img{object-fit:cover!important;object-position:right center!important;transform:none!important;inset:0!important;width:100%!important;height:100%!important}
  .me-hero--led .me-hero-shade{background:linear-gradient(90deg,rgba(5,22,25,.55) 0%,rgba(5,22,25,.15) 40%,rgba(5,22,25,0) 60%)!important}
  .me-hero--led .me-hero-inner{left:3.5vw!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:min(38vw,540px)!important;max-width:none!important;text-align:left!important;padding:26px 28px!important}
  .me-hero--led .me-hero-inner h1{text-align:left!important;font-size:clamp(28px,2.6vw,42px)!important;line-height:1.1!important}
  .me-hero--led .me-hero-lead{text-align:left!important;margin:12px 0 18px!important}
  .me-hero--led .phase2-hero-actions{justify-content:flex-start!important}
}