.elementor-kit-11{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --mv-black:#000000; --mv-white:#FFFFFF; --mv-blue:#378FFF; --mv-line:#D6D6D6; --mv-line-dark:rgba(255,255,255,0.22); --mv-text-muted:#5A5A5A; --mv-text-muted-dark:#A6A6A6; --mv-font-sans:Outfit; --mv-font-serif:Playfair Display; --mv-fs-display:clamp(2.75rem, 6.5vw, 7rem); --mv-fs-h2:clamp(2.5rem, 4vw, 4.25rem); --mv-fs-h3:clamp(1.6rem, 1.9vw, 2rem); --mv-fs-body:clamp(1rem, 1.1vw, 1.15rem); --mv-section-x:clamp(1.25rem, 5vw, 5rem); --mv-section-y:clamp(5rem, 10vw, 10rem); }
/* Start custom CSS *//* mecom vision – Akzentwörter in Headlines */
h1 em, h2 em, h3 em {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 700;
  font-size: 1.08em;
  letter-spacing: -0.01em;
}

/* mecom vision – Hauptmenü im Header */
.elementor-element-2ab984ad .elementor-nav-menu--main .elementor-item { color: #FFFFFF; font-family: "Outfit", sans-serif; font-weight: 400; font-size: 1rem; padding: 0.6rem 1.1rem; }
.elementor-element-2ab984ad .elementor-nav-menu--main .elementor-item:hover,
.elementor-element-2ab984ad .elementor-nav-menu--main .elementor-item:focus,
.elementor-element-2ab984ad .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #FFFFFF; }
.elementor-element-2ab984ad .e--pointer-underline .elementor-item:after { background-color: #378FFF; height: 2px; }
.elementor-element-2ab984ad .elementor-nav-menu--main .mv-nur-mobil { display: none; }
.elementor-element-2ab984ad .elementor-nav-menu--main .sub-menu { background-color: #000000; border: 1px solid rgba(255,255,255,0.22); padding: 0.5rem 0; min-width: 18rem; }
.elementor-element-2ab984ad .elementor-nav-menu--main .sub-menu a { color: #FFFFFF; font-family: "Outfit", sans-serif; font-size: 0.95rem; padding: 0.7rem 1.25rem; background-color: #000000; border-left: 0; }
.elementor-element-2ab984ad .elementor-nav-menu--main .sub-menu a:hover,
.elementor-element-2ab984ad .elementor-nav-menu--main .sub-menu a.elementor-sub-item-active { color: #378FFF; background-color: #000000; }
.elementor-element-2ab984ad .elementor-menu-toggle { color: #FFFFFF; background-color: transparent; font-size: 1.6rem; }
.elementor-element-2ab984ad .elementor-menu-toggle svg { fill: #FFFFFF; }
.elementor-element-2ab984ad .elementor-nav-menu--dropdown { background-color: #000000; border-top: 1px solid rgba(255,255,255,0.22); }
.elementor-element-2ab984ad .elementor-nav-menu--dropdown a { color: #FFFFFF; font-family: "Outfit", sans-serif; font-size: 1.5rem; padding: 1.1rem 1.5rem; background-color: #000000; }
.elementor-element-2ab984ad .elementor-nav-menu--dropdown .sub-menu a { font-size: 1.15rem; padding-left: 2.5rem; color: #A6A6A6; }
.elementor-element-2ab984ad .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-element-2ab984ad .elementor-nav-menu--dropdown a:hover { color: #378FFF; background-color: #000000; }

/* mecom vision – Projekt-Vorlage */
.mv-info-punkt:has(.mv-info-wert:empty) { display: none; }
.elementor button[data-id="22285d3e"] { display: none !important; } /* Kunden-Link ohne Adresse ausblenden */
.mv-projekt-inhalt { color: #A6A6A6; font-family: "Outfit", sans-serif; }
.mv-projekt-inhalt h2, .mv-projekt-inhalt h3, .mv-projekt-inhalt h4 { color: #FFFFFF; font-family: "Outfit", sans-serif; font-weight: 600; letter-spacing: -0.01em; line-height: 1.2; }
.mv-projekt-inhalt .elementor-widget-text-editor { color: #A6A6A6; font-size: clamp(1rem, 1.1vw, 1.15rem); line-height: 1.7; }
.mv-projekt-inhalt .elementor-widget-heading .elementor-heading-title { color: #FFFFFF; font-family: "Outfit", sans-serif; font-weight: 600; font-size: clamp(1.6rem, 2.4vw, 2.2rem); margin: 0 0 1rem; }
.mv-projekt-inhalt .elementor-widget-text-editor h3, .mv-projekt-inhalt .elementor-widget-text-editor h4 { font-size: 1.25rem; margin: 2rem 0 0.6rem; }
.mv-projekt-inhalt .elementor-widget-text-editor p { margin: 0 0 1rem; }
.mv-projekt-inhalt strong, .mv-projekt-inhalt b { color: #FFFFFF; font-weight: 600; }
.mv-projekt-inhalt a { color: #FFFFFF; } .mv-projekt-inhalt a:hover { color: #378FFF; }
.mv-projekt-inhalt ul { padding-left: 1.2rem; }

/* mecom vision – Bildraster (Mauerwerk, kein Zuschnitt) */
.mv-galerie { display: block !important; columns: 3; column-gap: 1rem; padding: 0; }
.mv-galerie > * { break-inside: avoid; margin: 0 0 1rem; display: block; width: 100%; }
.mv-galerie img { display: block; width: 100%; height: auto; transition: opacity .3s; }
.mv-galerie a:hover img { opacity: 0.85; }
@media (max-width: 1024px) { .mv-galerie { columns: 2; } }
@media (max-width: 767px) { .mv-galerie { columns: 1; } }

/* mecom vision – Filmreihe unter dem Hauptfilm (max. 3 nebeneinander) */
.mv-filmreihe { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 0; }
.mv-filmreihe .mv-video-play { width: 3.5rem; height: 3.5rem; font-size: 1rem; }
@media (max-width: 1024px) { .mv-filmreihe { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .mv-filmreihe { grid-template-columns: minmax(0, 1fr); } }

/* mecom vision – Social Cuts (Hochformat, 9:16) */
.elementor .mv-social { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0.75rem; padding: 0 !important; margin-top: 2rem; }
.elementor .mv-social:not(:has(video, .mv-video)) { display: none !important; }
.mv-social > p { color: #A6A6A6; margin: 0; }
.elementor .mv-social-leiste { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 1rem; padding: 0 !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.mv-social-leiste > * { flex: 0 0 calc((100% - 3rem) / 4) !important; min-width: 0; scroll-snap-align: start; }
.elementor .mv-social-leiste video { display: block !important; width: 100%; max-width: 100%; height: auto; aspect-ratio: 9 / 16 !important; object-fit: cover; background-color: #111111; }
@media (max-width: 1024px) { .mv-social-leiste > * { flex-basis: calc((100% - 2rem) / 3) !important; } }
/* Handy: zwei Clips ganz sichtbar, der dritte angeschnitten */
@media (max-width: 767px) { .elementor .mv-social-leiste { gap: 0.75rem; } .mv-social-leiste > * { flex-basis: 44% !important; } }
/* Handy: Wischleiste läuft bis an den rechten Bildschirmrand */
@media (max-width: 767px) { .elementor .mv-social-leiste { width: calc(100% + var(--mv-section-x, 20px)) !important; max-width: none !important; margin-right: calc(-1 * var(--mv-section-x, 20px)); padding-right: var(--mv-section-x, 20px) !important; scroll-padding-right: var(--mv-section-x, 20px); } }
/* Quadratische Social Cuts (Dateiname enthält "-sq", z. B. -sq.mp4, -sq-1.mp4, -square.mp4): 1:1, gleiche Höhe wie die Hochformat-Clips */
.elementor .mv-social-leiste video:is([src*="-sq"], :has(source[src*="-sq"])) { aspect-ratio: 1 / 1 !important; }
.mv-social-leiste > video:is([src*="-sq"], :has(source[src*="-sq"])) { flex-basis: calc((100% - 3rem) / 4 * 16 / 9) !important; }
@media (max-width: 1024px) { .mv-social-leiste > video:is([src*="-sq"], :has(source[src*="-sq"])) { flex-basis: calc((100% - 2rem) / 3 * 16 / 9) !important; } }
@media (max-width: 767px) { .mv-social-leiste > video:is([src*="-sq"], :has(source[src*="-sq"])) { flex-basis: calc(44% * 16 / 9) !important; } }
/* Handy mit quadratischem Clip: keine Wischleiste – Hochformat-Clips zu zweit nebeneinander, Quadrat volle Breite darunter */
@media (max-width: 767px) {
  .elementor .mv-social-leiste:has(> video[src*="-sq"], > video > source[src*="-sq"]) { flex-wrap: wrap !important; overflow-x: visible; width: 100% !important; margin-right: 0; padding-right: 0 !important; }
  .mv-social-leiste:has(> video[src*="-sq"], > video > source[src*="-sq"]) > * { flex-basis: calc(50% - 0.375rem) !important; }
  .mv-social-leiste:has(> video[src*="-sq"], > video > source[src*="-sq"]) > video:is([src*="-sq"], :has(source[src*="-sq"])) { flex-basis: 100% !important; order: 99; }
}

/* mecom vision – Reportage: Text und Bilder im Wechsel (Projektseiten) */
.elementor .mv-reportage { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: clamp(2rem, 5vw, 5rem); padding: 0 !important; margin: 0 0 clamp(4rem, 8vw, 7rem); }
.elementor .mv-reportage.mv-reportage-umgekehrt { flex-direction: row-reverse !important; }
.elementor .mv-reportage-text { flex: 1 1 0; max-width: 34rem; padding: 0 !important; }
.elementor .mv-reportage-bilder { flex: 1.25 1 0; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 1rem; padding: 0 !important; }
.mv-reportage-bilder > * { flex: 0 0 100%; min-width: 0; }
.mv-reportage-bilder img { display: block; width: 100%; height: auto; transition: opacity .3s; }
.mv-reportage-bilder a:hover img { opacity: 0.88; }
.mv-reportage-bilder > :nth-child(2):last-child:not(.mv-hoch):not(:has(.mv-hoch)) { flex-basis: 78%; margin-left: auto; }
.mv-reportage-bilder > .mv-hoch, .mv-reportage-bilder > :has(.mv-hoch) { flex-basis: 55%; margin-left: auto; }
.mv-reportage-bilder:has(> :nth-child(3)) > :nth-child(n+2) { flex-basis: calc(50% - 0.5rem); margin-left: 0; }
@media (max-width: 1024px) { .elementor .mv-reportage, .elementor .mv-reportage.mv-reportage-umgekehrt { flex-direction: column !important; gap: 1.5rem; } .elementor .mv-reportage-text { max-width: 40rem; } .elementor .mv-reportage-bilder { width: 100%; } }
@media (max-width: 767px) { .mv-reportage-bilder > :nth-child(2):last-child:not(.mv-hoch):not(:has(.mv-hoch)) { flex-basis: 100%; margin-left: 0; } .mv-reportage-bilder > .mv-hoch, .mv-reportage-bilder > :has(.mv-hoch) { flex-basis: 75%; } }/* End custom CSS */