/* Meta Entertainment 1.10.39: verbindliche Gerätepriorität, nach allen Altregeln geladen. */
.meta-desktop-corner-logo{display:none}
@media(min-width:1101px){
 .meta-corner-logo{left:var(--frame-side)!important;height:var(--frame-top)!important;max-height:var(--frame-top)!important;overflow:hidden!important}
 .meta-corner-logo>.meta-desktop-corner-logo{display:block!important;width:calc(var(--frame-top) + 60px)!important;height:calc(var(--frame-top) + 60px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;flex:0 0 auto!important}
 .meta-corner-logo>.meta-corner-logo-image,.meta-corner-logo>.meta-corner-logo-text,.meta-corner-logo>span{display:none!important}
}

/* 1.10.52 – dieselben Showreels auf allen Geräten, ohne Angabenzeile oder Hochplopp-Effekt. */
.meta-showreel-row .meta-video-gallery{display:flex!important;visibility:visible!important;opacity:1!important}
.meta-showreel-row .meta-video-card{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.meta-showreel-row .meta-video-card:hover,.meta-showreel-row .meta-video-card:focus-visible{transform:none!important;filter:none!important}
.meta-showreel-row .meta-video-card:hover .meta-video-play,.meta-showreel-row .meta-video-card:focus-visible .meta-video-play{transform:none!important;background:rgba(0,0,0,.48)!important}
@media(min-width:1367px), (min-width:1101px) and (pointer:fine){
 .meta-showreel-row .meta-video-card{flex:0 0 min(var(--teaser-width),32vh)!important;width:min(var(--teaser-width),32vh)!important;max-width:none!important}
}
@media(max-width:600px) and (orientation:portrait){
 body.meta-home #start.meta-hero{display:flex!important;align-items:center!important;justify-content:center!important;height:100svh!important;min-height:100svh!important;padding:88px 0 0!important;overflow:hidden!important}
 body.meta-home #start .meta-mobile-hero-background{display:block!important;position:absolute!important;z-index:0!important;inset:0!important;background-position:var(--image-x,50%) var(--image-y,50%)!important;background-size:cover!important;background-repeat:no-repeat!important;opacity:var(--mobile-hero-background-opacity,.3)!important;pointer-events:none!important}
 body.meta-home #start .meta-hero-content{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:calc(100svh - 88px)!important;min-height:0!important;margin:0!important;padding:0!important}
 body.meta-home #start .meta-mobile-hero-media{position:relative!important;z-index:2!important;display:block!important;width:100vw!important;max-width:none!important;aspect-ratio:16/9!important;margin:0!important;translate:none!important;align-self:center!important}
 body.meta-home #start .meta-mobile-hero-media video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--video-x,50%) var(--video-y,50%)!important}
}
@media(min-width:601px) and (max-width:1100px) and (orientation:portrait){
 body.meta-home #start.meta-hero{display:flex!important;align-items:center!important;justify-content:center!important;height:100svh!important;min-height:100svh!important;padding:110px var(--tablet-frame,24px) var(--tablet-frame,24px)!important}
 body.meta-home #start .meta-tablet-hero-background{display:block!important;position:absolute!important;z-index:0!important;inset:var(--tablet-frame,24px)!important;border-radius:7px!important;overflow:hidden!important;pointer-events:none!important}
 body.meta-home #start .meta-hero-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important}
 body.meta-home #start .meta-mobile-hero-media{position:relative!important;z-index:2!important;display:block!important;width:100%!important;max-width:none!important;aspect-ratio:16/9!important;margin:0!important;translate:none!important;align-self:center!important}
 body.meta-home #start .meta-mobile-hero-media video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--video-x,50%) var(--video-y,50%)!important}
}
@media(min-width:601px) and (max-width:1366px) and (orientation:landscape){
 body.meta-home #start.meta-hero{--tablet-landscape-video-top:calc(142px + .4cm);position:relative!important;display:block!important;width:100%!important;height:calc(var(--tablet-landscape-video-top) + ((100vw - (var(--frame-side) * 2)) * var(--hero-video-ratio,.5625)) + var(--frame-side))!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:var(--frame-color)!important}
 body.meta-home #start:before,body.meta-home #start .meta-mobile-hero-background,body.meta-home #start .meta-tablet-hero-background,body.meta-home #start .meta-mobile-hero-media,body.meta-home #start>.meta-shade{display:none!important;background:none!important}
 body.meta-home #start>.meta-hero-video{position:absolute!important;z-index:1!important;display:block!important;visibility:visible!important;opacity:1!important;top:var(--tablet-landscape-video-top)!important;right:var(--frame-side)!important;bottom:auto!important;left:var(--frame-side)!important;width:calc(100% - (var(--frame-side) * 2))!important;height:calc((100vw - (var(--frame-side) * 2)) * var(--hero-video-ratio,.5625))!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:fill!important;object-position:center center!important;transform:none!important;filter:none!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important}
 body.meta-home #start .meta-hero-content{display:none!important}
}
@media(max-width:1100px),(min-width:1101px) and (max-width:1366px) and (pointer:coarse){
 .meta-topbar .meta-menu-shell{position:relative!important;z-index:1001!important;overflow:visible!important}.meta-topbar .meta-menu-button{position:relative!important;z-index:1002!important}
 .meta-topbar .meta-menu-shell nav,.meta-topbar .meta-menu-shell:hover nav,.meta-topbar .meta-menu-shell:focus-within nav{position:fixed!important;z-index:1000!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:max(96px,12vh) 28px max(38px,6vh)!important;gap:clamp(10px,2.1vh,24px)!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;clip-path:inset(0 0 100% 0)!important;transform:none!important}
 .meta-topbar .meta-menu-shell nav.is-open,.meta-topbar .meta-menu-shell:hover nav.is-open,.meta-topbar .meta-menu-shell:focus-within nav.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip-path:inset(0 0 0 0)!important}
 .meta-topbar .meta-menu-shell nav a,.meta-topbar .meta-menu-shell:hover nav a,.meta-topbar .meta-menu-shell:focus-within nav a{display:block!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:2px 8px!important;background:transparent!important;color:#111!important;font-size:clamp(32px,7vw,64px)!important;font-weight:500!important;line-height:.92!important;letter-spacing:-.045em!important;text-align:center!important;text-transform:none!important;opacity:0!important;transform:translateY(-18px)!important;transform-origin:center!important}
 .meta-topbar .meta-menu-shell nav.is-open a{opacity:1!important;transform:translateY(0)!important}.meta-menu-open{overflow:hidden!important}.meta-menu-open .meta-menu-button span{background:#111!important}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px){
 .meta-topbar .meta-menu-shell nav,.meta-topbar .meta-menu-shell:hover nav,.meta-topbar .meta-menu-shell:focus-within nav{justify-content:flex-start!important;padding-top:82px!important;padding-bottom:28px!important}
 .meta-topbar .meta-menu-shell nav a,.meta-topbar .meta-menu-shell:hover nav a,.meta-topbar .meta-menu-shell:focus-within nav a{font-size:clamp(25px,5.6vh,42px)!important}
}

/* 1.10.40 – geöffnetes Menü auf jedem Touchgerät wirklich formatfüllend und mittig. */
@media(max-width:1366px) and (pointer:coarse){
 body.meta-menu-open .meta-topbar{z-index:2000!important;background:transparent!important;border:0!important;pointer-events:none!important}
 body.meta-menu-open .meta-topbar>.meta-corner-logo,
 body.meta-menu-open .meta-topbar>.meta-logo,
 body.meta-menu-open .meta-instagram-link{visibility:hidden!important;opacity:0!important}
 body.meta-menu-open .meta-topbar .meta-menu-shell{position:static!important;z-index:auto!important;pointer-events:none!important}
 body.meta-menu-open .meta-topbar .meta-menu-button{position:fixed!important;z-index:2002!important;top:clamp(18px,4vh,42px)!important;right:clamp(18px,4vw,48px)!important;pointer-events:auto!important}
 body.meta-menu-open .meta-topbar .meta-menu-shell nav.is-open,
 body.meta-menu-open.meta-phone-landscape .meta-topbar .meta-menu-shell nav.is-open,
 body.meta-menu-open.meta-mobile-device .meta-topbar .meta-menu-shell nav.is-open{position:fixed!important;z-index:2001!important;inset:0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:clamp(72px,10vh,120px) 28px clamp(34px,6vh,70px)!important;gap:clamp(9px,1.8vh,22px)!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip-path:inset(0)!important;transform:none!important}
 body.meta-menu-open .meta-topbar .meta-menu-shell nav.is-open a,
 body.meta-menu-open.meta-phone-landscape .meta-topbar .meta-menu-shell nav.is-open a,
 body.meta-menu-open.meta-mobile-device .meta-topbar .meta-menu-shell nav.is-open a{display:block!important;flex:0 0 auto!important;width:auto!important;min-height:0!important;margin:0!important;padding:1px 8px!important;background:transparent!important;color:#111!important;font-size:clamp(30px,5.8vh,60px)!important;font-weight:500!important;line-height:.92!important;letter-spacing:-.045em!important;text-align:center!important;opacity:1!important;transform:none!important}
}

/* 1.10.53 – Desktop-Showreel an der Projektspalte ausrichten. */
@media(min-width:1367px), (min-width:1101px) and (pointer:fine){
 .meta-showreel-row .meta-video-gallery{padding-left:clamp(42px,3.2vw,64px)!important}
}

/* 1.10.54 – gemeinsame Tablet-Größenbasis für Showreel und Projektteaser. */
@media(min-width:601px) and (max-width:1100px) and (orientation:portrait){
 .meta-showreel-row .meta-video-gallery,
 .meta-project-row .meta-project-grid{justify-content:flex-start!important}
 .meta-showreel-row .meta-video-card,
 .meta-project-row .meta-project-card{flex:0 0 min(72%,330px)!important;width:min(72%,330px)!important;max-width:none!important;scroll-snap-align:start!important}
}
@media(min-width:601px) and (max-width:1366px) and (orientation:landscape) and (pointer:coarse){
 .meta-showreel-row .meta-video-gallery,
 .meta-project-row .meta-project-grid{justify-content:flex-start!important}
 .meta-showreel-row .meta-video-card,
 .meta-project-row .meta-project-card{flex:0 0 min(var(--teaser-width),32vh)!important;width:min(var(--teaser-width),32vh)!important;max-width:none!important;scroll-snap-align:start!important}
}

/* 1.10.55 – anhand der Tablet-Screenshots getrennt an die reale Projektkante gesetzt. */
@media(min-width:601px) and (max-width:1100px) and (orientation:portrait){
 .meta-showreel-row>h2{font-size:46px!important}
 .meta-showreel-row .meta-video-gallery{padding:6px 54px 6px 0!important}
 .meta-project-row .meta-project-grid{padding:6px 54px 6px 20px!important}
}
@media(min-width:601px) and (max-width:1366px) and (orientation:landscape) and (pointer:coarse){
 .meta-showreel-row .meta-video-gallery{padding:6px 54px 6px 56px!important}
 .meta-project-row .meta-project-grid{padding:6px 54px 6px 20px!important}
}

/* 1.10.58 – dasselbe schwarze SVG-Logo wie auf Desktop auch links oben auf Tablet und Handy. */
@media(max-width:1366px) and (pointer:coarse){
 .meta-topbar>.meta-corner-logo{display:flex!important;z-index:55!important;top:0!important;left:18px!important;height:110px!important;max-height:110px!important;align-items:center!important;overflow:hidden!important}
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{display:block!important;width:142px!important;height:82px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;flex:0 0 auto!important}
 .meta-topbar>.meta-corner-logo>.meta-corner-logo-image,
 .meta-topbar>.meta-corner-logo>.meta-corner-logo-text,
 .meta-topbar>.meta-corner-logo>span{display:none!important}
}
@media(max-width:600px) and (orientation:portrait),
       (orientation:landscape) and (max-height:600px) and (max-width:950px){
 .meta-topbar>.meta-corner-logo{left:14px!important;height:88px!important;max-height:88px!important}
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{width:92px!important;height:58px!important}
}

/* 1.10.59 – größere, vertikal zum mittleren Schriftzug ausgerichtete Geräte-Logos. */
@media(min-width:601px) and (max-width:1100px) and (pointer:coarse){
 .meta-topbar>.meta-corner-logo{top:0!important;left:18px!important;height:110px!important;max-height:110px!important;align-items:center!important}
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{width:198px!important;height:104px!important}
}
@media(min-width:1101px) and (max-width:1366px) and (pointer:coarse){
 .meta-topbar>.meta-corner-logo{top:0!important;left:var(--frame-side)!important;height:var(--frame-top)!important;max-height:var(--frame-top)!important;align-items:center!important}
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{width:220px!important;height:calc(var(--frame-top) - 12px)!important}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px) and (pointer:coarse){
 .meta-topbar>.meta-corner-logo{top:0!important;left:14px!important;height:88px!important;max-height:88px!important;align-items:center!important}
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{width:122px!important;height:72px!important}
}

/* 1.10.60 – quadratische SVG-Zeichenfläche im flachen Kopfbereich optisch statt nominell skalieren. */
@media(min-width:601px) and (max-width:1100px) and (orientation:portrait) and (pointer:coarse){
 .meta-topbar>.meta-corner-logo{top:0!important;left:18px!important;height:110px!important;max-height:110px!important;align-items:center!important;overflow:visible!important}
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{width:210px!important;height:210px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:translateY(16px)!important}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px) and (pointer:coarse){
 .meta-topbar>.meta-corner-logo{top:0!important;left:14px!important;height:88px!important;max-height:88px!important;align-items:center!important;overflow:hidden!important}
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{width:158px!important;height:158px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
}

/* 1.10.63 – Tablet-Logo im Querformat exakt 15 Prozent größer. */
@media(min-width:601px) and (max-width:1366px) and (min-height:601px) and (orientation:landscape) and (pointer:coarse){
 .meta-topbar>.meta-corner-logo>.meta-desktop-corner-logo{transform:scale(1.15)!important;transform-origin:left center!important}
}

/* 1.10.65 – responsive Showreel-Pfeile nach dem Verhalten der Projektteaser. */
.meta-showreel-row{position:relative!important}
.meta-showreel-prev,.meta-showreel-next{display:none;position:absolute;z-index:12;translate:0 -50%;width:22px;height:34px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#111;font-size:0;line-height:1;box-shadow:none;cursor:pointer}
.meta-showreel-arrows-active>.meta-showreel-prev,.meta-showreel-arrows-active>.meta-showreel-next{display:grid!important;place-items:center}
.meta-showreel-prev:before,.meta-showreel-next:before{content:"";display:block;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.meta-showreel-prev:before{transform:rotate(-135deg)}
.meta-showreel-next:before{transform:rotate(45deg)}
.meta-showreel-prev:disabled,.meta-showreel-next:disabled{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:600px), (orientation:landscape) and (max-height:600px) and (max-width:950px){
 .meta-showreel-row{overflow:visible!important}
 .meta-showreel-prev:disabled{visibility:hidden!important;opacity:0!important}
 .meta-showreel-next:disabled{visibility:visible!important;opacity:.22!important;pointer-events:none!important}
}