https://www.pazz.com/4307.abd4d193bcd43186.js

1"use strict";(self.webpackChunkpazz_frontend=self.webpackChunkpazz_frontend||[]).push([[4307],{64307:(B,c,i)=>{i.r(c),i.d(c,{ProjectPresentationComponent:()=>T});var m=i(60177),p=i(39849),g=i(73955),d=i(37100),t=i(41360);const h=["*"];function f(o,n){if(1&o&&(t.j41(0,"div",0),t.nrm(1,"div",1),t.j41(2,"div",2),t.SdG(3),t.k0s()()),2&o){const s=t.XpG();t.R7$(),t.xc7("background-image","url("+s.image()+")")}}let x=(()=>{var o;class n{constructor(){this.image=t.hFB.required()}static#t=o=()=>(this.\u0275fac=function(e){return new(e||n)},this.\u0275cmp=t.VBU({type:n,selectors:[["pz-background-image-modifier"]],inputs:{image:[1,"image"]},ngContentSelectors:h,decls:1,vars:1,consts:[[1,"container"],[1,"image"],[1,"covering"]],template:function(e,r){1&e&&(t.NAR(),t.DNE(0,f,4,2,"div",0)),2&e&&t.vxM(r.image()?0:-1)},styles:["[_nghost-%COMP%]{z-index:0}.container[_ngcontent-%COMP%]{position:relative;height:100%;overflow:hidden}.container[_ngcontent-%COMP%]   .image[_ngcontent-%COMP%]{filter:blur(15px);background-size:cover;background-position-y:47%;margin:-10px;height:120%;width:120%}.container[_ngcontent-%COMP%]   .covering[_ngcontent-%COMP%]{position:absolute;inset:0;background:#00334fd9}@media only screen and (min-width: 600px){.slashed-cover[_nghost-%COMP%]   .covering[_ngcontent-%COMP%]{background:linear-gradient(290deg,#61ce7000 50%,#00334fd9 20%)}.slashed-cover[_nghost-%COMP%]   .image[_ngcontent-%COMP%]{-webkit-mask-image:linear-gradient(290deg,transparent 50%,black 60%);mask-image:linear-gradient(290deg,transparent 50%,black 60%)}}"]}))}return o(),n})();var M=i(97147),C=i(95463),P=i(78703),O=i(59361),l=i(69377),u=i(21413),_=i(33726),v=i(99172),b=i(70152),k=i(56977);let j=(()=>{var o;class n{constructor(a,e){this.domElem=a,this.platformId=e,this.ngDestroySubject=new u.B}ngOnInit(){(0,l.UE)(this.platformId)&&(0,_.R)(window,"resize").pipe((0,v.Z)(void 0),(0,b.B)(10),(0,k.Q)(this.ngDestroySubject)).subscribe(()=>this.reflow())}ngOnDestroy(){this.ngDestroySubject.next(),this.ngDestroySubject.complete()}reflow(){const a=this.domElem.nativeElement.getElementsByClassName("slide")[0],e=a.getBoundingClientRect();this.domElem.nativeElement.style.height=e.height+10+"px",this.domElem.nativeElement.style.paddingTop=(e.height-a.clientHeight)/2+"px"}static#t=o=()=>(this.\u0275fac=function(e){return new(e||n)(t.rXU(t.aKT),t.rXU(t.Agw))},this.\u0275dir=t.FsC({type:n,selectors:[["","pzImageFilmRole",""]]}))}return o(),n})();const w=["film"],y=["slide"];function R(o,n){if(1&o){const s=t.RV6();t.j41(0,"div",9),t.bIt("click",function(){t.eBV(s);const e=t.sdS(2),r=t.XpG();return t.Njj(r.onclick(e))}),t.nrm(1,"img",10,2),t.k0s()}if(2&o){const s=n.$implicit;t.R7$(),t.FS9("src",s,t.B4B)}}let z=(()=>{var o;class n{constructor(){this.document=(0,t.WQX)(O.q),this.platformId=(0,t.WQX)(t.Agw),this.imageURLs=t.hFB.required(),this.filmElement=t.ebz.required("film"),this.slideElement=t.ebz.required("slide")}ngOnInit(){(0,l.UE)(this.platformId)&&setTimeout(()=>{this.slideElement().nativeElement.scrollTo(310,0)},500)}onclick(a){}maximize(){this.filmElement().nativeElement.style.height=this.document.body.clientHeight+"px",this.slideElement().nativeElement.style.transform="rotate(0deg)"}minimize(){this.filmElement().nativeElement.style.height="300px",this.slideElement().nativeElement.style.transform="rotate(-2deg)"}static#t=o=()=>(this.\u0275fac=function(e){return new(e||n)},this.\u0275cmp=t.VBU({type:n,selectors:[["pz-image-film-role"]],viewQuery:function(e,r){1&e&&(t.wEZ(r.filmElement,w,5),t.wEZ(r.slideElement,y,5)),2&e&&t.NyB(2)},inputs:{imageURLs:[1,"imageURLs"]},decls:10,vars:0,consts:[["slide",""],["film",""],["target",""],["pzImageFilmRole","",1,"slider-container"],[1,"slide"],[1,"film"],[1,"film-border"],[1,"film-strip"],[1,"film-section"],[1,"film-section",3,"click"],["alt","project image",1,"film-section-image",3,"src"]],template:function(e,r){1&e&&(t.j41(0,"div",3)(1,"div",4,0)(3,"div",5,1),t.nrm(5,"div",6),t.j41(6,"div",7),t.Z7z(7,R,3,1,"div",8,t.fX1),t.k0s(),t.nrm(9,"div",6),t.k0s()()()),2&e&&(t.R7$(7),t.Dyx(r.imageURLs()))},dependencies:[j],styles:[".slider-container[_ngcontent-%COMP%]{left:-10px;width:calc(100% + 10px);overflow:hidden;position:relative}.slide[_ngcontent-%COMP%]{width:calc(100% + 10px);overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;transition:transform .5s;scroll-snap-type:both mandatory;-ms-overflow-style:none}@media screen and (min-width: 600px){.slide[_ngcontent-%COMP%]{transform:rotate(-2deg)}}.slide[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.film[_ngcontent-%COMP%]{background-color:#00334e;height:300px;transition:height .5s;width:max-content;width:-moz-max-content;min-width:100%}.film-strip[_ngcontent-%COMP%]{height:70%;width:inherit;margin:auto}@media screen and (max-width: 880px){.film-strip[_ngcontent-%COMP%]{margin:0 300px!important}}.film-border[_ngcontent-%COMP%]{background-image:url(film-border.690481d107673fc0.svg);background-repeat:repeat-x;background-size:contain;width:100%;height:15%}.film-section[_ngcontent-%COMP%]{scroll-snap-align:center;height:100%;float:left}.film-section-image[_ngcontent-%COMP%]{height:100%;padding:15px}@supports not (width: max-content){.film-strip[_ngcontent-%COMP%]{width:1260

1px;max-width:calc(90% + 300px);margin:0 auto;overflow:hidden}}"]}))}return o(),n})();const F=()=>["assets/images/landing-pages/project-presentation/alien-film-image-01.jpg","assets/images/landing-pages/project-presentation/alien-film-image-02.jpg","assets/images/landing-pages/project-presentation/alien-film-image-03.jpg"],E=()=>({event_category:"project-presentation",event_label:"more zeug"}),I=o=>({action:"button",eventParams:o});let T=(()=>{var o;class n{static#t=o=()=>(this.\u0275fac=function(e){return new(e||n)},this.\u0275cmp=t.VBU({type:n,selectors:[["pz-project-presentation"]],decls:61,vars:57,consts:[["image","'assets/images/landing-pages/project-presentation/2Aliens_Poster.jpg'",1,"header-background"],[1,"promo-section","content"],[1,"center-right"],["ngSrc","assets/images/landing-pages/project-presentation/2Aliens_Poster.jpg","width","590","height","900","alt","project-poster",1,"project-poster"],[1,"subtitle"],[1,"title"],[1,"separation-line"],[1,"text"],[1,"text-section","first-text-section","content"],["src","assets/images/landing-pages/project-presentation/pazz-plattform-2aliens-animation-banner.jpg","alt","project-image",1,"project-image"],[3,"imageURLs"],[1,"text-section","content"],[1,"center-text"],[1,"video-max-size"],[1,"video-embed"],["frameborder","0","allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture","allowfullscreen","",3,"src"],[1,"content"],["imagePosition","left","imageSrc","assets/images/landing-pages/project-presentation/ThomasZeug.jpg",3,"titleGrey","text"],["href","https://filmzeugs.de/","target","_blank",1,"center-button",3,"pzClickTracker"]],template:function(e,r){1&e&&(t.j41(0,"pz-background-image-modifier",0)(1,"div",1)(2,"div",2),t.nrm(3,"img",3),t.k0s(),t.j41(4,"div",4)(5,"p"),t.EFF(6),t.nI1(7,"translate"),t.k0s()(),t.j41(8,"div",5)(9,"p"),t.EFF(10),t.nI1(11,"translate"),t.k0s(),t.nrm(12,"hr",6),t.j41(13,"p",7),t.EFF(14),t.nI1(15,"translate"),t.k0s()()()(),t.j41(16,"div",8)(17,"h1"),t.EFF(18),t.nI1(19,"translate"),t.k0s(),t.nrm(20,"img",9),t.j41(21,"p"),t.EFF(22),t.nI1(23,"translate"),t.k0s(),t.j41(24,"p"),t.EFF(25),t.nI1(26,"translate"),t.k0s(),t.j41(27,"p"),t.EFF(28),t.nI1(29,"translate"),t.k0s(),t.j41(30,"p"),t.EFF(31),t.nI1(32,"translate"),t.k0s()(),t.nrm(33,"pz-image-film-role",10),t.j41(34,"div",11)(35,"h1"),t.EFF(36),t.nI1(37,"translate"),t.k0s(),t.j41(38,"p"),t.EFF(39),t.nI1(40,"translate"),t.k0s(),t.j41(41,"p"),t.EFF(42),t.nI1(43,"translate"),t.k0s(),t.nrm(44,"br"),t.j41(45,"h1",12),t.EFF(46),t.nI1(47,"translate"),t.k0s(),t.j41(48,"div",13)(49,"div",14),t.nrm(50,"iframe",15),t.nI1(51,"translate"),t.nI1(52,"safe"),t.k0s()()(),t.j41(53,"div",16),t.nrm(54,"pz-crewmember-card",17),t.nI1(55,"translate"),t.nI1(56,"translate"),t.k0s(),t.j41(57,"pz-button",18),t.EFF(58),t.nI1(59,"translate"),t.k0s(),t.nrm(60,"pz-footer")),2&e&&(t.R7$(6),t.JRh(t.bMT(7,18,"2aliens.presents")),t.R7$(4),t.JRh(t.bMT(11,20,"2aliens.title")),t.R7$(4),t.JRh(t.bMT(15,22,"2aliens.zeugName")),t.R7$(4),t.JRh(t.bMT(19,24,"2aliens.shortTitle")),t.R7$(4),t.JRh(t.bMT(23,26,"2aliens.p1")),t.R7$(3),t.JRh(t.bMT(26,28,"2aliens.p2")),t.R7$(3),t.JRh(t.bMT(29,30,"2aliens.p3")),t.R7$(3),t.JRh(t.bMT(32,32,"2aliens.p4")),t.R7$(2),t.Y8G("imageURLs",t.lJ4(53,F)),t.R7$(3),t.JRh(t.bMT(37,34,"2aliens.prollOut")),t.R7$(3),t.JRh(t.bMT(40,36,"2aliens.prollOutP1")),t.R7$(3),t.JRh(t.bMT(43,38,"2aliens.prollOutP2")),t.R7$(4),t.JRh(t.bMT(47,40,"2aliens.videoTitle")),t.R7$(4),t.Y8G("src",t.i5U(52,44,t.bMT(51,42,"2aliens.videoLink"),"resourceUrl"),t.f$h),t.R7$(4),t.FS9("titleGrey",t.bMT(55,47,"2aliens.zeugName")),t.FS9("text",t.bMT(56,49,"2aliens.zeugText")),t.R7$(3),t.Y8G("pzClickTracker",t.eq3(55,I,t.lJ4(54,E))),t.R7$(),t.SpI("",t.bMT(59,51,"2aliens.zeugMore"),"\n"))},dependencies:[x,M.Q,C.$,P.n,z,m.kt,d.m,g.h,g.D9,p.M],styles:['*[_ngcontent-%COMP%]{font-size:18px}.content[_ngcontent-%COMP%]{width:90%;max-width:1020px;margin:0 auto}.header-background[_ngcontent-%COMP%]{display:block;height:575px;width:100%}.text-section[_ngcontent-%COMP%]{display:block;margin:70px auto}.text-section[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:28px;font-weight:700;margin-top:15px;margin-bottom:15px}.text-section[_ngcontent-%COMP%]   .project-image[_ngcontent-%COMP%]{float:right;padding-left:20px;padding-bottom:15px;width:600px;max-width:50%}.text-section[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin-bottom:15px}.text-section[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]:last-child{margin:0}.promo-section[_ngcontent-%COMP%]{display:grid;grid-template-areas:"yellow-text yellow-text image-box" "header-text header-text image-box";grid-gap:10px;padding:10px;margin-top:30px}.promo-section[_ngcontent-%COMP%]   .subtitle[_ngcontent-%COMP%]{grid-area:yellow-text;margin-top:22%}.promo-section[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{grid-area:header-text;margin-bottom:22%}.promo-section[_ngcontent-%COMP%]   .center-right[_ngcontent-%COMP%]{grid-area:image-box}.promo-section[_ngcontent-%COMP%]   .subtitle[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{text-transform:uppercase;color:#fdc500;font-size:32px;font-weight:700}.promo-section[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%], .promo-section[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#fff;font-size:45px;font-weight:600}.promo-section[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]   .text[_ngcontent-%COMP%]{text-transform:uppercase;font-size:24px;color:#fff;font-weight:400}.promo-section[_ngcontent-%COMP%]   .separation-line[_ngcontent-%COMP%]{width:140px;margin:10px 0}.promo-section[_ngcontent-%COMP%]   .project-poster[_ngcontent-%COMP%]{max-height:500px;max-width:350px}@media screen and (max-width: 750px) and (min-width: 600px){.promo-section[_ngcontent-%COMP%]   .project-poster[_ngcontent-%COMP%]{margin:100px 0;max-width:180px}}.center-text[_ngcontent-%COMP%]{text-align:center}.video-max-size[_ngcontent-%COMP%]{width:100%;max-width:890px;margin:auto}.video-embed[_ngcontent-%COMP%]{overflow:hidden;padding-top:56.25%;position:relative}.video-embed[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{border:0;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width: 599px){*[_ngcontent-%COMP%]{font-size:14px}.content[_ngcontent-%COMP%]{width:90%;margin:0 auto}.first-text-section[_ngcontent-%COMP%]{display:grid;grid-template-areas:"header" "text" "image"}.first-text-section[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]:first-child{grid-area:header}.first-text-section[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]:first-child{grid-area:text;margin:0}.first-text-section[_ngcontent-%COMP%]   .project-image[_ngcontent-%COMP%]{grid-area:image}.first-text-section[_ngcontent-%COMP%]   .project-image[_ngcontent-%COMP%]{float:none;padding:0;margin:15px 0;max-width:100%;max-height:500px}.text-section[_ngcontent-%COMP%]{margin:20px auto}.text-section[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:18px;font-weight:700;margin:10px 0}.header-background[_ngcontent-%COMP%]{height:360px}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]{margin-top:20px;

1display:grid;grid-template-areas:"yellow-text" "image-box" "header-text"}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .subtitle[_ngcontent-%COMP%]{margin:0;text-align:center}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .subtitle[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:16px}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{text-align:center;margin:0}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:26px}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]   .text[_ngcontent-%COMP%]{font-size:14px}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .center-right[_ngcontent-%COMP%]{text-align:center}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .center-right[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{max-width:100%;max-height:155px}.header-background[_ngcontent-%COMP%]   .promo-section[_ngcontent-%COMP%]   .separation-line[_ngcontent-%COMP%]{margin:10px auto}}.center-button[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-bottom:30px}@supports not (width: max-content){@media screen and (min-width: 600px){.promo-section[_ngcontent-%COMP%]   .project-poster[_ngcontent-%COMP%]{float:right;padding:20px}.promo-section[_ngcontent-%COMP%]   .subtitle[_ngcontent-%COMP%]{margin-top:140px;margin-bottom:20px}.promo-section[_ngcontent-%COMP%]   hr[_ngcontent-%COMP%]{text-align:left}}}']}))}return o(),n})()}}]);