1"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[389],{50389:(s,bn,i)=>{i.r(bn),i.d(bn,{LastWillModule:()=>on,MY_FORMATS:()=>Tn});var p=i(64762),l=i(89724),Wn=i(11048),m=i(6609),Dn=i(50567),Cn=i(89955),u=i(1659),En=i(17358),S=i(275),I=i(7972),L=i(96114),d=i(27851);let V=class{constructor(n,e,a,t,o){this.formBuilder=n,this.lastWillInterviewService=e,this.translocoService=a,this.router=t,this.activatedRoute=o,this.subSink=new L.Y,this.selectedTab=new u.NI(0)}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{switch(n.tab){case"edit":this.selectedTab.setValue(0);break;case"view":this.selectedTab.setValue(1);break;case"upload":this.selectedTab.setValue(2)}}))}onTabChanged(n){this.selectedTab.setValue(n);let e=null;switch(n){case 0:e="edit";break;case 1:e="view";break;case 2:e="upload"}if(null!=e){const a={tab:e};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:a,queryParamsHandling:"merge"})}}};V.ctorParameters=()=>[{type:u.qu},{type:d.IC},{type:S.Vn},{type:m.F0},{type:m.gz}],V.propDecorators={pages:[{type:l.IIB}],tabGroup:[{type:l.i9L,args:["tabGroup"]}]},V=(0,p.__decorate)([(0,l.wA2)({selector:"last-will",template:Dn,animations:[I.OU,I.aD,I.Gl],styles:[Cn]}),(0,p.__metadata)("design:paramtypes",[u.qu,d.IC,S.Vn,m.F0,m.gz])],V);var Nn=i(7798),zn=i(35404);let M=class{constructor(n){this.lastWillInterviewService=n,this.subSink=new L.Y,this.interview={path:"/assets/lottie/interview.json"},this.sign={path:"/assets/lottie/sign.json"},this.upload={path:"/assets/lottie/upload.json"},this.styles={width:"250px",height:"250px",margin:"-40px"}}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill()}};M.ctorParameters=()=>[{type:d.IC}],M=(0,p.__decorate)([(0,l.wA2)({selector:"last-will-overview",template:Nn,animations:[I.OU,I.aD,I.Gl],styles:[zn]}),(0,p.__metadata)("design:paramtypes",[d.IC])],M);const An=[{path:"",redirectTo:"steps"},{path:"steps",component:M,data:{title:"Patientenverf\xfcgung.digital App: Testament - Schritte"}},{path:"tabs",component:V}];let rn=class{};rn=(0,p.__decorate)([(0,l.LVF)({imports:[m.Bz.forChild(An)],exports:[m.Bz]})],rn);var Pn=i(26897),Bn=i(16329),fn=i(63472),Vn=i(72234),qn=i(38182),Fn=i(74848),Mn=i(96146),Gn=i(60868),_n=i(35691),Rn=i(58904),Un=i(77232),On=i(67663),jn=i(6720),cn=i(71778),r=i(60449),Hn=i(64440),x=i(21694),Kn=i(93079),$n=i(11580),Yn=i(89954),Zn=i(50707),D=i(98116),dn=i(13775),Jn=i(16738),c=i.n(Jn),xn=i(75349),nn=i(4902),b=i(15679),h=i(78485),mn=i(49315),E=i(82472),Xn=i(25326),f=i(78732),G=i(55893),en=i(50328),w=i(28888);let _=class{constructor(n,e,a,t,o,g,y,k,T,C,A,Q,un,hn,tt,it,at,st,lt,ot){this.profileInterviewService=n,this.profileService=e,this.lastWillInterviewService=a,this.lastWillService=t,this.contactInterviewService=o,this.legacyInterviewService=g,this.subscriptionService=y,this.clipboardService=k,this.emailService=T,this.toastr=C,this.translocoService=A,this.loader=Q,this.dialog=un,this.deviceDetectorService=hn,this.pdfService=tt,this.router=it,this.activatedRoute=at,this.fileSaverService=st,this.firebaseAuthService=lt,this.cdRef=ot,this.subSink=new L.Y,this.blobSupported=!1,this.generatingPdf=!1,this.printing=!1,this.sendingEmail=!1,this.sendingLink=!1,this.linkSend=!1,this.partner=[],this.heir=[],this.lastWillDistributionTotal=0,this.lastWillExecutioner=[],this.allLegacies=[],this.myLegacies=[],this.partnerLegacies=[],this.getSalutation=F=>{let gn="Hallo,";return null!==F.legalGender&&null!==F.lastname&&("male"===F.legalGender&&(gn="Sehr geehrter Herr "+F.lastname+","),"female"===F.legalGender&&(gn="Sehr geehrte Frau "+F.lastname+",")),gn}}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){return(0,p.__awaiter)(this,void 0,void 0,function*(){this.user$=this.firebaseAuthService.getUser(),this.profile$=this.profileInterviewService.getProfile(),this.subSink.add(this.profile$.subscribe(n=>{this.profile=n})),this.subSink.add(this.firebaseAuthService.getStripeRole().subscribe(n=>{this.activePlanType=n,this.cdRef.markForCheck()})),this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.lastWill$.subscribe(n=>{this.lastWill=n})),this.subSink.add(this.contactInterviewService.getAllContacts().subscribe(n=>{void 0!==n&&(this.lastWillExecutioner=n.filter(e=>e.lastWillExecutioner))})),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.step&&null!==n.step&&"print"===n.step)this.print(this.profile,this.lastWill)}));try{this.blobSupported=!!new Blob}catch(n){}this.subSink.add(this.contactInterviewService.getAllContacts().subscribe(n=>{void 0!==n&&(this.partner=n.filter(e=>e.partner),this.heir=n.filter(e=>e.heir).sort((e,a)=>e.lastname.localeCompare(a.lastname)),this.lastWillDistributionTotal=0,this.heir.forEach(e
1=>{null!=e.lastWillDistribution&&(this.lastWillDistributionTotal=Number(this.lastWillDistributionTotal)+Number(e.lastWillDistribution))}))})),this.subSink.add(this.legacyInterviewService.getAllLegacies().subscribe(n=>{void 0!==n?(this.allLegacies=n,this.myLegacies=n.filter(e=>"self"==e.from),this.partnerLegacies=n.filter(e=>"partner"==e.from)):(this.allLegacies=[],this.myLegacies=[],this.partnerLegacies=[])}))})}onEditContact(n){this.deviceDetectorService.isMobile()?this.dialog.open(b.Ax,{data:n.id||null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}):this.dialog.open(b.Ax,{data:n.id||null,width:"600px",autoFocus:!1})}getContentAsText(){let n=document.getElementById("lastWillText").innerText;return n=n.split(/(?:\r|\r|) \xc4ndern/g).join(""),n=n.split(/(?:\r|\r|) Kontakt bearbeiten/g).join(""),n}copyToClipboard(){const n=this.getContentAsText();this.clipboardService.copy(n),this.toastr.success(this.translocoService.translate("Text wurde in die Zwischenablage kopiert."))}exportAsTxt(){const n=this.loader.useRef("ahd-txt");n.start();const e=this.getContentAsText(),a=new Blob([e],{type:"text/plain",endings:"native"});this.fileSaverService.save(a,"Testament.txt"),n.stop()}getContent(){return document.getElementById("lastWillText").innerHTML.replace(/<a\b[^>]*>+/gi,"").replace(/<\/a>/gi,"")}createDocumentTemplate(n,e){const a=[],t={content:this.getContent(),renderType:"pdf",renderSettings:{emulateMedia:"print",pdfOptions:{format:"A4",orientation:"portrait",border:{top:"35mm",right:"15mm",bottom:"35mm",left:"15mm"},headerTemplate:"",footerTemplate:""}},filename:"Testament.pdf"};return a.push(t),a}exportAsPdf(n,e){this.generatingPdf=!0,this.pdfService.generatePdf({type:"last-will",data:{addressCountryShort:n.addressCountryShort,documentNumber:e.id,lastUpdated:c()(e.lastUpdated).format("DD.MM.YYYY HH:mm:ss")}},this.createDocumentTemplate(n,e),"Testament").finally(()=>{this.generatingPdf=!1})}print(n,e){this.printing=!0,this.pdfService.generatePdfAndPrint({type:"last-will",data:{addressCountryShort:n.addressCountryShort,documentNumber:e.id,lastUpdated:c()(e.lastUpdated).format("DD.MM.YYYY HH:mm:ss")}},this.createDocumentTemplate(n,e),"Testament").finally(()=>{this.printing=!1})}sendByEmail(n,e,a){"email"!==e.accountType||this.firebaseAuthService.isEmailVerified()?(this.sendingEmail=!0,this.pdfService.generatePdf({type:"last-will",data:{addressCountryShort:e.addressCountryShort,documentNumber:a.id,lastUpdated:c()(a.lastUpdated).format("DD.MM.YYYY HH:mm:ss")},email:{template:{name:"last-will",data:{salutation:this.getSalutation(e)}}}},this.createDocumentTemplate(e,a),"Testament").finally(()=>{this.sendingEmail=!1})):this.emailConfirmDialog.open()}markAsVerified(){this.lastWillInterviewService.upsertLastWill({verified:!0},!1)}checkIfEmailVerified(){this.firebaseAuthService.reload().then(()=>{this.firebaseAuthService.refreshToken().then(()=>{this.cdRef.markForCheck()})})}resentEmailVerificationLink(){this.sendingLink=!0,this.firebaseAuthService.resendEmailVerificationLink().toPromise().then(n=>{this.toastr.success("E-Mail mit Best\xe4tigungs-Link wurde verschickt. Bitte \xfcberpr\xfcfen Sie Ihr E-Mail Postfach.")}).catch(n=>{400===n.status&&this.toastr.error("Best\xe4tigungs-Link wurde zu oft angefragt. Bitte \xfcberpr\xfcfen Sie gegebenenfalls Ihren Spam-Ordner.")}).finally(()=>{this.linkSend=!0,this.sendingLink=!1})}getLastUpdatedDate(n){return c()(n.lastUpdated).format("DD.MM.YYYY")}subscribePlan(){this.subscriptionService.subscribePlan()}};_.ctorParameters=()=>[{type:D.PM},{type:D.H3},{type:d.IC},{type:d.fG},{type:b.AT},{type:d.bn},{type:en.FF},{type:dn.Yv},{type:xn.j},{type:w.jE},{type:S.Vn},{type:nn.dL},{type:h.uw},{type:f.x0},{type:mn.F},{type:m.F0},{type:m.gz},{type:G.m9},{type:E.XP},{type:l.sBO}],_.propDecorators={emailConfirmDialog:[{type:l.i9L,args:["confirmEmailDialog"]}]},_=(0,p.__decorate)([(0,l.wA2)({selector:"last-will-view",template:Yn,animations:[I.OU,I.aD,I.Gl],styles:[Zn]}),(0,p.__metadata)("design:paramtypes",[D.PM,D.H3,d.IC,d.fG,b.AT,d.bn,en.FF,dn.Yv,xn.j,w.jE,S.Vn,nn.dL,h.uw,f.x0,mn.F,m.F0,m.gz,G.m9,E.XP,l.
1sBO])],_);var pn=i(41335),Qn=i(51450),ne=i(20038),tn=i(26590),an=i(51531),ee=i(79538),te=i(6877),ie=i(79720),ae=i(96088),se=i(17670),le=i(79168),oe=i(54311),re=i(40046),ce=i(28554),N=i(65385),de=i(64545),me=i(28415),pe=i(31471),vn=i(59614),wn=i(19725),ue=i(88970),W=i(46655),he=i(72809),ge=i(5631);let R=class{constructor(n){this.ref=n}};R.ctorParameters=()=>[{type:W.zj}],R=(0,p.__decorate)([(0,l.wA2)({selector:"delete-document-dialog",template:he,styles:[ge]}),(0,p.__metadata)("design:paramtypes",[W.zj])],R);var be=i(10869),fe=i(1544);let U=class{constructor(n){this.ref=n}};U.ctorParameters=()=>[{type:W.zj}],U=(0,p.__decorate)([(0,l.wA2)({selector:"replace-document-dialog",template:be,styles:[fe]}),(0,p.__metadata)("design:paramtypes",[W.zj])],U);var xe=i(42329),yn=i(27482);let sn=class{constructor(n,e,a,t,o,g,y,k,T,C,A,Q,un,hn){this.fileUploadService=n,this.profileInterviewService=e,this.lastWillInterviewService=a,this.subscriptionService=t,this.httpClient=o,this.dialogService=g,this.dialog=y,this.deviceDetectorService=k,this.toastr=T,this.loader=C,this.fileSaverService=A,this.firebaseAuthService=Q,this.cdRef=un,this.windowService=hn,this.subSink=new L.Y,this.uploading=!1,this.downloading=!1,this.deleting=!1,this.sendingLink=!1,this.linkSend=!1,this.documentUrl="",this.dragAndDrop={path:"/assets/lottie/drag_drop.json"},this.scan={path:"/assets/lottie/scan.json"},this.styles={width:"250px",height:"250px"},this.storage=xe.Z.storage(),this.storageRef=this.storage.ref().child("last-will/"+this.lastWillInterviewService.getLastWillId()),this.settings={firebaseCloudStorageOptions:{storageRef:this.storageRef},plugins:{Transloadit:!1,GoogleDrive:!1,OneDrive:!1,Dropbox:!1,Box:!1},restrictions:{maxFileSize:25e6,maxNumberOfFiles:1,minNumberOfFiles:1,allowedFileTypes:["application/pdf"]},statusBarOptions:{showProgressDetails:!0},uploaderLook:{width:"100%",height:400,note:"nur eine PDF-Datei, max. 25 MB"},options:{autoProceed:!0,allowMultipleUploads:!1,debug:!0}}}ngOnInit(){this.profile$=this.profileInterviewService.getProfile(),this.subSink.add(this.firebaseAuthService.getStripeRole().subscribe(n=>{this.activePlanType=n,this.cdRef.markForCheck()})),this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.lastWill$.subscribe(n=>{if(this.lastWill=n,null==n)return this.lastWill=null,this.qrcode="",void(this.documentUrl="");ue.toDataURL("https://notfallabruf.de/abruf?id="+n.id,{errorCorrectionLevel:"H",color:{dark:"#000",light:"#FFF"}}).then(e=>{this.qrcode=e}),"uploaded"===n.uploadState?this.fileUploadService.downloadFile("last-will/"+this.lastWillInterviewService.getLastWillId()).then(e=>{this.documentUrl=e}):this.documentUrl=""}))}ngOnDestroy(){this.subSink.unsubscribe()}uploadDocument(n,e){"uploaded"===n.uploadState?this.dialogService.open(U,{size:"sm"}).afterClosed$.subscribe(a=>{a&&this.handleDocumentUpload(e)}):this.handleDocumentUpload(e)}handleDocumentUpload(n){if(!n)return;this.uploading=!0;const e=this.fileUploadService.uploadFileForDocument("last-will/"+this.lastWillInterviewService.getLastWillId(),n);this.subSink.add(e.subscribe(a=>{this.statusLine=a.statusLine,a.result&&a.result.getMetadata().subscribe(t=>{this.lastWillInterviewService.upsertLastWill({uploadState:"uploaded",verified:!0,lastUpload:c()().format()},!1),this.toastr.success("Dokument wurde erfolgreich hochgeladen.")})},a=>{this.toastr.error("Fehler beim Hochgeladen des Dokumentes."),this.statusLine=null,this.uploading=!1},()=>{this.statusLine=null,this.uploading=!1}))}downloadDocument(){this.downloading=!0;let n=this.toastr.loading("Ihr hinterlegtes Testament wird heruntergeladen...",{autoClose:!1});this.fileUploadService.downloadFile("last-will/"+this.lastWillInterviewService.getLastWillId()).then(e=>this.httpClient.get(e,{responseType:"blob"}).toPromise().then(a=>{this.fileSaverService.save(a,"Testament_hinterlegt.pdf"),this.lastWillInterviewService.upsertLastWill({lastDownload:c()().format()},!1)}).finally(()=>{n.close(),this.downloading=!1}))}deleteDocument(){this.dialogService.open(R,{size:"sm"}).afterClosed$.subscribe(n=>{if(n){this.deleting=!0;this.fileUploadService.deleteFile("last-will/"+this.lastWillInterviewService.getLastWillId()).then(()=>{this.lastWillInterviewService.upsertLastWill({uploadState:"deleted",uploadDeletedAt:c()().format()},!1).then(()=>{this.toastr.success("Dokument wurde gel\xf6scht.")})}).catch(a=>{this.toastr.error("Dokument konnte nicht gel\xf6scht werden.")}).finally(()=>{this.deleting=!1})}})}onFileUploadCompleted(n){n.successful.length>=1&&0===n.failed.length&&(this.lastWillInterviewService.upsertLastWill({uploadState:"uploaded",verified:!0,lastUpload:c()().format()},!1),this.toastr.success("Dokument wurde erfolgreich hochgeladen."))}subscribePlan(){this.subscriptionService.subscribePlan()}resentEmailVerificationLink(){this.sendingLink=!0,this.firebaseAuthService.resendEmailVerificationLink().toPromise().then(n=>{this.toastr.success("E-Mail mit Best\xe4tigungs-Link wurde verschickt. Bitte \xfcberpr\xfcfen Sie Ihr E-Mail Postfach.")}).catch(n=>{400===n.status&&this.toastr.error("Best\xe4tigungs-Link wurde zu oft angefragt. Bitte \xfcberpr\xfcfen Sie gegebenenfalls Ihren
1Spam-Ordner.")}).finally(()=>{this.linkSend=!0,this.sendingLink=!1})}checkIfEmailVerified(){this.firebaseAuthService.reload().then(()=>{this.firebaseAuthService.refreshToken().then(()=>{this.cdRef.markForCheck()})})}};sn.ctorParameters=()=>[{type:vn.J},{type:D.PM},{type:d.IC},{type:en.FF},{type:wn.eN},{type:W.xA},{type:h.uw},{type:f.x0},{type:w.jE},{type:nn.dL},{type:G.m9},{type:E.XP},{type:l.sBO},{type:yn.u}],sn=(0,p.__decorate)([(0,l.wA2)({selector:"last-will-upload",template:me,animations:[I.OU,I.aD,I.Gl],styles:[pe]}),(0,p.__metadata)("design:paramtypes",[vn.J,D.PM,d.IC,en.FF,wn.eN,W.xA,h.uw,f.x0,w.jE,nn.dL,G.m9,E.XP,l.sBO,yn.u])],sn);var ve=i(2426),we=i(76755),ye=i(75487),ke=i(93985),Se=i(23809);i(93574);let O=class{constructor(n,e,a,t,o){this.deviceDetectorService=n,this.formBuilder=e,this.lastWillInterviewService=a,this.firebaseAuthService=t,this.cdRef=o,this.subSink=new L.Y}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.subSink.add(this.firebaseAuthService.getStripeRole().subscribe(n=>{this.activePlanType=n,this.cdRef.markForCheck()})),this.lastWill$=this.lastWillInterviewService.getLastWill()}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}};O.ctorParameters=()=>[{type:f.x0},{type:u.qu},{type:d.IC},{type:E.XP},{type:l.sBO}],O.propDecorators={pages:[{type:l.IIB}]},O=(0,p.__decorate)([(0,l.wA2)({selector:"introduction",template:ke,styles:[Se]}),(0,p.__metadata)("design:paramtypes",[f.x0,u.qu,d.IC,E.XP,l.sBO])],O);var Ie=i(5379),Le=i(43103);let q=class{constructor(n){this.ref=n}};q.ctorParameters=()=>[{type:W.zj}],q=(0,p.__decorate)([(0,l.wA2)({selector:"save-changes-dialog",template:Ie,styles:[Le]}),(0,p.__metadata)("design:paramtypes",[W.zj])],q);var Te=i(76126),We=i(23485),De=i(95726),Ce=i(30094);const B=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];var Ee=i(40147),kn=i.n(Ee),Ne=i(64786),ze=i(63753),Sn=i(81037),In=i(88151);let P=class{constructor(n,e,a,t,o,g){this.ref=n,this.data=e,this.ratingInterviewService=a,this.celebrateService=t,this.router=o,this.activatedRoute=g,this.subSink=new L.Y}ngOnInit(){this.celebrateService.startCelebration()}ngOnDestroy(){this.subSink.unsubscribe()}close(){this.ref.close(),this.celebrateService.stopCelebration()}redirectToDraft(){this.ref.close(),this.celebrateService.stopCelebration();this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:{tab:"view"},queryParamsHandling:"merge"})}};P.ctorParameters=()=>[{type:h.so},{type:void 0,decorators:[{type:l.tBr,args:[h.WI]}]},{type:Sn.Vy},{type:In.pj},{type:m.F0},{type:m.gz}],P=(0,p.__decorate)([(0,l.wA2)({selector:"interview-end-dialog",template:Ne,animations:[I.OU,I.aD,I.Gl],styles:[ze]}),(0,p.__metadata)("design:paramtypes",[h.so,Object,Sn.Vy,In.pj,m.F0,m.gz])],P);let j=class{constructor(n,e,a,t,o,g,y,k,T,C,A){this.formBuilder=n,this.lastWillInterviewService=e,this.lastWillService=a,this.translocoService=t,this.toastr=o,this.quillService=g,this.dialogService=y,this.dialog=k,this.deviceDetectorService=T,this.router=C,this.activatedRoute=A,this.subSink=new L.Y,this.selectedTab=new u.NI(0),this.stepIndex=B,this.furtherInstructionsVideoOpenState=!1,this.furtherInstructionsDescriptionDelta=new(kn()),this.modules={toolbar:[["bold","italic","underline"],[{list:"bullet"}]]}}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.lastWill$.subscribe(n=>{void 0!==n&&(void 0===n.furtherInstructionsDescription?this.furtherInstructionsDescription=null:(this.furtherInstructionsDescription=n.furtherInstructionsDescription,this.furtherInstructionsDescriptionDelta=new(kn())))})),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.substep&&null!==n.substep)switch(n.substep){case"furtherInstructions":this.selectedTab.setValue(0);break;case"furtherInstructionsDescription":this.selectedTab.setValue(1)}})),this.pages.pageLeaving.subscribe(n=>{15===n&&this.furtherInstructionsDescriptionDelta.length()>0&&this.dialogService.open(q,{size:"sm"}).afterClosed$.subscribe(e=>{e?this.saveFurtherInstructionsDescription():this.resetFurtherInstructionsDescription()})})}getStepStatus(n,e){if(void 0!==this.stepper&&void 0!==e){if(0===n)if(null!=e.id)return d.kd.complete;return this.stepper._getIndicatorType(n)}}completeStep(){this.stepper.selected.completed=!0,setTimeout(()=>{this.stepper.next()},1e3)}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}onStepSelectionChange(n){let e="furtherInstructions";switch(n.selectedIndex){case 0:e="furtherInstructions";break;case 1:e="furtherInstructionsDescription"}this.navigateToStep(e)}navigateToStep(n){if(null!=n){const e={substep:n};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"})}}setFurtherInstructions(n){this.lastWillInterviewService.upsertLastWill({furtherInstructions:n}).then(()=>{n?this.completeStep():this.completeInterview()})}completeInterview(){this.deviceDetectorService.isMobile()?this.dialog.open(P,{width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}
1):this.dialog.open(P,{width:"600px",autoFocus:!1})}saveFurtherInstructionsDescription(){return this.lastWillInterviewService.upsertLastWill({furtherInstructionsDescription:this.furtherInstructionsDescription||null})}saveFurtherInstructionsDescriptionAndCompleteInterview(){return this.lastWillInterviewService.upsertLastWill({furtherInstructionsDescription:this.furtherInstructionsDescription||null}).then(()=>{this.completeInterview()})}resetFurtherInstructionsDescription(){return this.lastWillInterviewService.upsertLastWill({})}onFurtherInstructionsDescriptioContentChanged(n){this.furtherInstructionsDescriptionDelta=this.furtherInstructionsDescriptionDelta.compose(n.delta)}};j.ctorParameters=()=>[{type:u.qu},{type:d.IC},{type:d.fG},{type:S.Vn},{type:w.jE},{type:pn.ub},{type:W.xA},{type:h.uw},{type:f.x0},{type:m.F0},{type:m.gz}],j.propDecorators={pages:[{type:l.IIB}],stepper:[{type:l.i9L,args:["stepper"]}]},j=(0,p.__decorate)([(0,l.wA2)({selector:"further-instructions",template:De,styles:[Ce]}),(0,p.__metadata)("design:paramtypes",[u.qu,d.IC,d.fG,S.Vn,w.jE,pn.ub,W.xA,h.uw,f.x0,m.F0,m.gz])],j);var Ae=i(34593),Pe=i(27511),Be=i(23033),Ve=i(76497),qe=i(45308);let H=class{constructor(n,e,a,t,o,g,y,k,T,C,A,Q){this.formBuilder=n,this.profileInterviewService=e,this.lastWillInterviewService=a,this.lastWillService=t,this.translocoService=o,this.contactInterviewService=g,this.dialog=y,this.toastr=k,this.deviceDetectorService=T,this.dialogService=C,this.router=A,this.activatedRoute=Q,this.subSink=new L.Y,this.selectedTab=new u.NI(0),this.stepIndex=B,this.contacts=[],this.partner=[]}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.profile$=this.profileInterviewService.getProfile(),this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.contactInterviewService.getAllContacts().subscribe(n=>{void 0!==n&&(this.contacts=n.filter(e=>!e.partner).sort((e,a)=>e.lastname.localeCompare(a.lastname)),this.partner=n.filter(e=>e.partner))})),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.substep&&null!==n.substep)switch(n.substep){case"citizenship":this.selectedTab.setValue(0);break;case"domicile":this.selectedTab.setValue(1);break;case"maritalStatus":this.selectedTab.setValue(2);break;case"willType":this.selectedTab.setValue(3);break;case"partnerSelection":this.selectedTab.setValue(4);break;case"childrenFromOtherMarriages":this.selectedTab.setValue(5);break;case"fullInheritance":this.selectedTab.setValue(6)}}))}drop(n){n.previousContainer===n.container?(this.contacts===n.previousContainer.data&&(0,N.bA)(n.container.data,n.previousIndex,n.currentIndex),this.partner===n.previousContainer.data&&this.movePartner(n.previousIndex,n.currentIndex)):this.contacts===n.previousContainer.data?this.selectPartner(n.previousIndex,n.currentIndex):this.deselectPartner(n.previousIndex,n.currentIndex)}movePartner(n,e){const a=[];if(n<e)for(let t=0;t<this.partner.length;t++)t===n&&a.push({id:this.partner[t].id,lastUpdated:c()().format(),partner:!0}),t>n&&t<e&&a.push({id:this.partner[t].id,lastUpdated:c()().format(),partner:!0});if(n>e)for(let t=0;t<this.partner.length;t++)t>=e&&t<n&&a.push({id:this.partner[t].id,lastUpdated:c()().format(),partner:!0}),t===n&&a.push({id:this.partner[t].id,lastUpdated:c()().format(),partner:!0});(0,N.bA)(this.partner,n,e),this.contactInterviewService.update(a)}selectPartner(n,e){if(this.partner.length>=1)return void this.toastr.error("Es darf max. eine Person ausgew\xe4hlt werden.");const a=this.contacts[n],t=[];if(e===this.partner.length)t.push({id:a.id,lastUpdated:c()().format(),partner:!0});else for(let o=0;o<this.partner.length;o++)o===e&&(t.push({id:a.id,lastUpdated:c()().format(),partner:!0}),t.push({id:this.partner[o].id,lastUpdated:c()().format(),partner:!0})),o>e&&t.push({id:this.partner[o].id,lastUpdated:c()().format(),partner:!0});(0,N.EA)(this.contacts,this.partner,n,e),this.contactInterviewService.update(t)}deselectPartner(n,e){const a=[];for(let t=0;t<this.partner.length;t++)t===n&&a.push({id:this.partner[t].id,lastUpdated:c()().format(),partner:!1}),t>n&&a.push({id:this.partner[t].id,lastUpdated:c()().format(),partner:!0});this.contactInterviewService.update(a)}up(n){const e=this.partner[n-1],a=this.partner[n];this.contactInterviewService.update([{id:a.id,lastUpdated:c()().format()},{id:e.id,lastUpdated:c()().format()}])}down(n){const e=this.partner[n+1],a=this.partner[n];this.contactInterviewService.update([{id:a.id,lastUpdated:c()().format()},{id:e.id,lastUpdated:c()().format()}])}newContact(){this.deviceDetectorService.isMobile()?this.dialog.open(b.Ax,{data:null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}
1):this.dialog.open(b.Ax,{data:null,width:"600px",autoFocus:!1})}onEditContact(n){this.deviceDetectorService.isMobile()?this.dialog.open(b.Ax,{data:n.id||null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}):this.dialog.open(b.Ax,{data:n.id||null,width:"600px",autoFocus:!1})}onDeleteContactDialogClosed(n){n.delete&&this.contactInterviewService.remove(n.contact.id)}getStepStatus(n,e){if(void 0!==this.stepper&&void 0!==e){if(0===n)if(null!=e.id)return d.kd.complete;return this.stepper._getIndicatorType(n)}}completeStep(){this.stepper.selected.completed=!0,setTimeout(()=>{this.stepper.next()},1e3)}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}onStepSelectionChange(n){let e="furtherInstructions";switch(n.selectedIndex){case 0:e="citizenship";break;case 1:e="domicile";break;case 2:e="maritalStatus";break;case 3:e="willType";break;case 4:e="partnerSelection";break;case 5:e="childrenFromOtherMarriages";break;case 6:e="fullInheritance"}this.navigateToStep(e)}navigateToStep(n){if(null!=n){const e={substep:n};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"})}}setMaritalStatus(n){this.profileInterviewService.upsertProfile({maritalStatus:n}).then(()=>{"married"!==n?(this.lastWillInterviewService.upsertLastWill({willType:"single",partnerCitizenship:null,partnerDomicile:null}),this.nextPage()):this.completeStep()})}setWillType(n){this.lastWillInterviewService.upsertLastWill({willType:n}).then(()=>{"single"==n?this.nextPage():this.completeStep()})}setCitizenship(n){this.profileInterviewService.upsertProfile({citizenship:n}).then(()=>{"other"===n?this.citizenshipDialog.open():this.completeStep()})}setPartnerCitizenship(n){this.lastWillInterviewService.upsertLastWill({partnerCitizenship:n}).then(()=>{"other"===n?this.partnerCitizenshipDialog.open():this.completeStep()})}setDomicile(n){this.profileInterviewService.upsertProfile({domicile:n}).then(()=>{"other"===n?this.domicilepDialog.open():this.completeStep()})}setPartnerDomicile(n){this.lastWillInterviewService.upsertLastWill({partnerDomicile:n}).then(()=>{"other"===n?this.partnerCitizenshipDialog.open():this.completeStep()})}setChildrenFromOtherMarriages(n){this.lastWillInterviewService.upsertLastWill({childrenFromOtherMarriages:n}).then(()=>{n?this.childrenFromOtherMarriagesDialog.open():this.completeStep()})}setFullInheritance(n){this.lastWillInterviewService.upsertLastWill({fullInheritance:n}).then(()=>{n?this.nextPage():this.fullInheritanceDialog.open()})}};H.ctorParameters=()=>[{type:u.qu},{type:D.PM},{type:d.IC},{type:d.fG},{type:S.Vn},{type:b.AT},{type:h.uw},{type:w.jE},{type:f.x0},{type:W.xA},{type:m.F0},{type:m.gz}],H.propDecorators={pages:[{type:l.IIB}],stepper:[{type:l.i9L,args:["stepper"]}],citizenshipDialog:[{type:l.i9L,args:["citizenshipDialog"]}],partnerCitizenshipDialog:[{type:l.i9L,args:["partnerCitizenshipDialog"]}],domicilepDialog:[{type:l.i9L,args:["domicilepDialog"]}],partnerDomicilepDialog:[{type:l.i9L,args:["partnerDomicilepDialog"]}],childrenFromOtherMarriagesDialog:[{type:l.i9L,args:["childrenFromOtherMarriagesDialog"]}],fullInheritanceDialog:[{type:l.i9L,args:["fullInheritanceDialog"]}]},H=(0,p.__decorate)([(0,l.wA2)({selector:"basics",template:Ve,styles:[qe]}),(0,p.__metadata)("design:paramtypes",[u.qu,D.PM,d.IC,d.fG,S.Vn,b.AT,h.uw,w.jE,f.x0,W.xA,m.F0,m.gz])],H);var Fe=i(48177),Me=i(8169);let K=class{constructor(n,e,a,t,o,g,y,k,T,C){this.formBuilder=n,this.lastWillInterviewService=e,this.lastWillService=a,this.translocoService=t,this.toastr=o,this.contactInterviewService=g,this.dialog=y,this.deviceDetectorService=k,this.router=T,this.activatedRoute=C,this.subSink=new L.Y,this.lastPageIndex=0,this.selectedTab=new u.NI(0),this.prevSelectedTab=new u.NI(0),this.stepIndex=B,this.contacts=[],this.heir=[],this.lastWillSubstituteBirthday=[],this.lastWillDistributionTotal=0,this.today=new Date,this.startBirthdayDate=new Date(this.today.getFullYear()-30,this.today.getMonth(),this.today.getDate())}ngOnChanges(n){this.subSink.add(this.contactInterviewService.getAllContacts().subscribe(e=>{if(void 0!==e){this.contacts=e.filter(o=>!o.heir).sort((o,g)=>o.lastname.localeCompare(g.lastname)),this.heir=e.filter(o=>o.heir).sort((o,g)=>o.lastname.localeCompare(g.lastname));let a=!0;this.heir.forEach(o=>{null!=o.lastWillDistribution&&(a=!1)}),a&&this.heir.forEach(o=>{this.contactInterviewService.upsert({id:o.id,lastWillDistribution:100/this.heir.length})}),this.lastWillDistributionTotal=0;let t=0;this.heir.forEach(o=>{o.lastWillSubstituteBirthday?this.lastWillSubstituteBirthday[t]=new Date(o.lastWillSubstituteBirthday):this.lastWillSubstituteBirthday[t]=void 0,t++,null!=o.lastWillDistribution&&(this.lastWillDistributionTotal=Number(this.lastWillDistributionTotal)+Number(o.lastWillDistribution))})}}))}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.substep&&null!==n.substep)switch(this.prevSelectedTab.setValue(this.selectedTab.value),n.substep){case"selection":this.selectedTab.setValue(0);break;case"distribution":this.selectedTab.setValue(1);break;case"distribution-value":this.selectedTab.setValue(2);break;case"substitute-0":this.heir.length>1?this.selectedTab.setValue(3):this.selectedTab.setValue(1);break;case"substitute-1":this.heir.length>1?this.selectedTab.setValue(4):this.selectedTab.setValue(2);break;case"substitute-2":this.heir.length>1?this.selectedTab.setValue(5):this.selectedTab.setValue(3);break;case"substitute-3":this.heir.length>1?this.selectedTab.setValue(6):this.selectedTab.setValue(4);break;case"substitute-4":this.heir.length>1?this.selectedTab.setValue(7):this.selectedTab.setValue(5)}}))}drop(n){n.previousContainer===n.container?(this.contacts===n.previousContainer.data&&(0,N.bA)(n.
1container.data,n.previousIndex,n.currentIndex),this.heir===n.previousContainer.data&&this.moveHeir(n.previousIndex,n.currentIndex)):this.contacts===n.previousContainer.data?this.selectHeir(n.previousIndex,n.currentIndex):this.deselectHeir(n.previousIndex,n.currentIndex)}moveHeir(n,e){const a=[];if(n<e)for(let t=0;t<this.heir.length;t++)t===n&&a.push({id:this.heir[t].id,lastUpdated:c()().format(),heir:!0,heirRanking:e}),t>n&&t<e&&a.push({id:this.heir[t].id,lastUpdated:c()().format(),heir:!0,heirRanking:t-1});if(n>e)for(let t=0;t<this.heir.length;t++)t>=e&&t<n&&a.push({id:this.heir[t].id,lastUpdated:c()().format(),heir:!0,heirRanking:t+1}),t===n&&a.push({id:this.heir[t].id,lastUpdated:c()().format(),heir:!0,heirRanking:e});(0,N.bA)(this.heir,n,e),this.contactInterviewService.update(a)}selectHeir(n,e){if(this.heir.length>=5)return void this.toastr.error("Es d\xfcrfen max. f\xfcnf Vorm\xfcnder ausgew\xe4hlt werden.");const a=this.contacts[n],t=[];if(e===this.heir.length)t.push({id:a.id,lastUpdated:c()().format(),heir:!0,heirRanking:e});else for(let o=0;o<this.heir.length;o++)o===e&&(t.push({id:a.id,lastUpdated:c()().format(),heir:!0,heirRanking:o}),t.push({id:this.heir[o].id,lastUpdated:c()().format(),heir:!0,heirRanking:o+1})),o>e&&t.push({id:this.heir[o].id,lastUpdated:c()().format(),heir:!0,heirRanking:o+1});(0,N.EA)(this.contacts,this.heir,n,e),this.contactInterviewService.update(t)}deselectHeir(n,e){const a=[];for(let t=0;t<this.heir.length;t++)t===n&&a.push({id:this.heir[t].id,lastUpdated:c()().format(),heir:!1,heirRanking:null}),t>n&&a.push({id:this.heir[t].id,lastUpdated:c()().format(),heir:!0,heirRanking:t-1});this.contactInterviewService.update(a)}up(n){const e=this.heir[n-1],a=this.heir[n];this.contactInterviewService.update([{id:a.id,lastUpdated:c()().format(),heirRanking:n-1},{id:e.id,lastUpdated:c()().format(),heirRanking:n}])}down(n){const e=this.heir[n+1],a=this.heir[n];this.contactInterviewService.update([{id:a.id,lastUpdated:c()().format(),heirRanking:n+1},{id:e.id,lastUpdated:c()().format(),heirRanking:n}])}newContact(){this.deviceDetectorService.isMobile()?this.dialog.open(b.Ax,{data:null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}):this.dialog.open(b.Ax,{data:null,width:"600px",autoFocus:!1})}onEditContact(n){this.deviceDetectorService.isMobile()?this.dialog.open(b.Ax,{data:n.id||null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}):this.dialog.open(b.Ax,{data:n.id||null,width:"600px",autoFocus:!1})}onDeleteContactDialogClosed(n){n.delete&&this.contactInterviewService.remove(n.contact.id)}getStepStatus(n,e){if(void 0!==this.stepper&&void 0!==e)return this.stepper._getIndicatorType(n)}completeStep(){this.stepper.selected.completed=!0,setTimeout(()=>{this.stepper.next()},1e3)}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}onStepSelectionChange(n){let e="selection";switch(n.selectedIndex){case 0:e="selection";break;case 1:e=this.heir.length>1?"distribution":"substitute-0";break;case 2:e=this.heir.length>1?"distribution-value":"substitute-1";break;case 3:e=this.heir.length>1?"substitute-0":"substitute-2";break;case 4:e=this.heir.length>1?"substitute-1":"substitute-3";break;case 5:e=this.heir.length>1?"substitute-2":"substitute-4";break;case 6:this.heir.length>1&&(e="substitute-3");break;case 7:this.heir.length>1&&(e="substitute-4")}this.navigateToStep(e)}navigateToStep(n){if(null!=n){const e={substep:n};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"})}}onSelectHeirDialogClosed(n){if(!n.continue){const e={step:"heir",substep:"selection"};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"}),this.prevSelectedTab.setValue(this.selectedTab.value),this.selectedTab.setValue(1)}}setDistribution(n){this.lastWillInterviewService.upsertLastWill({distribution:n}).then(()=>{this.completeStep()})}updateLastWillDistribution(n,e){this.contactInterviewService.upsert({id:n.id,lastWillDistribution:Number(e.target.value)})}trackByFn(n,e){return n}setLastWillSubstituteType(n,e,a){this.contactInterviewService.upsert({id:n.id,lastWillSubstituteType:e}),"substitute"!=e&&(a>=this.heir.length-1?this.nextPage():this.completeStep())}setLastWillSubstituteName(n,e){this.contactInterviewService.upsert({id:n.id,lastWillSubstituteName:e.target.value})}setLastWillSubstituteGender(n,e){this.contactInterviewService.upsert({id:n.id,lastWillSubstituteGender:e.value})}setLastWillSubstituteBirthday(n,e,a){this.contactInterviewService.upsert({id:n.id,lastWillSubstituteBirthday:e.value.toString()})}completeSubstitute(n){n>=this.heir.length-1?this.nextPage():this.completeStep()}};K.ctorParameters=()=>[{type:u.qu},{type:d.IC},{type:d.fG},{type:S.Vn},{type:w.jE},{type:b.AT},{type:h.uw},{type:f.x0},{type:m.F0},{type:m.gz}],K.propDecorators={pages:[{type:l.IIB}],stepper:[{type:l.i9L,args:["stepper"]}]},K=(0,p.__decorate)([(0,l.wA2)({selector:"heir",template:Fe,styles:[Me]}
1),(0,p.__metadata)("design:paramtypes",[u.qu,d.IC,d.fG,S.Vn,w.jE,b.AT,h.uw,f.x0,m.F0,m.gz])],K);var Ge=i(25590),_e=i(3760);let $=class{constructor(n,e,a,t,o,g,y,k){this.deviceDetectorService=n,this.formBuilder=e,this.profileInterviewService=a,this.lastWillInterviewService=t,this.firebaseAuthService=o,this.router=g,this.activatedRoute=y,this.cdRef=k,this.subSink=new L.Y,this.selectedTab=new u.NI(0),this.stepIndex=B}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.profile$=this.profileInterviewService.getProfile(),this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.firebaseAuthService.getStripeRole().subscribe(n=>{this.activePlanType=n,this.cdRef.markForCheck()})),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.substep&&null!==n.substep)switch(n.substep){case"arbitrationClause":this.selectedTab.setValue(0);break;case"choiceOfLaw":this.selectedTab.setValue(1);break;case"divorceClause":this.selectedTab.setValue(2);break;case"penaltyClause":this.selectedTab.setValue(3);break;case"binding":this.selectedTab.setValue(4)}}
1))}completeStep(){this.stepper.selected.completed=!0,setTimeout(()=>{this.stepper.next()},1e3)}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}onStepSelectionChange(n){let e="arbitrationClause";switch(n.selectedIndex){case 0:e="arbitrationClause";break;case 1:e="choiceOfLaw";break;case 2:e="divorceClause";break;case 3:e="penaltyClause";break;case 4:e="binding"}this.navigateToStep(e)}navigateToStep(n){if(null!=n){const e={substep:n};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"})}}setArbitrationClause(n){this.lastWillInterviewService.upsertLastWill({arbitrationClause:n}).then(()=>{this.completeStep()})}setChoiceOfLaw(n,e){this.lastWillInterviewService.upsertLastWill({choiceOfLaw:n}).then(()=>{"married"==e?this.completeStep():this.nextPage()})}setDivorceClause(n){this.lastWillInterviewService.upsertLastWill({divorceClause:n}).then(()=>{this.completeStep()})}setPenaltyClause(n){this.lastWillInterviewService.upsertLastWill({penaltyClause:n}).then(()=>{this.completeStep()})}setBinding(n){this.lastWillInterviewService.upsertLastWill({binding:n}).then(()=>{this.nextPage()})}};$.ctorParameters=()=>[{type:f.x0},{type:u.qu},{type:D.PM},{type:d.IC},{type:E.XP},{type:m.F0},{type:m.gz},{type:l.sBO}],$.propDecorators={pages:[{type:l.IIB}],stepper:[{type:l.i9L,args:["stepper"]}]},$=(0,p.__decorate)([(0,l.wA2)({selector:"conditions",template:Ge,styles:[_e]}),(0,p.__metadata)("design:paramtypes",[f.x0,u.qu,D.PM,d.IC,E.XP,m.F0,m.gz,l.sBO])],$);var Re=i(73383),Ue=i(76679);let Y=class{constructor(n,e,a,t,o,g,y,k,T,C,A){this.deviceDetectorService=n,this.formBuilder=e,this.profileInterviewService=a,this.lastWillInterviewService=t,this.contactInterviewService=o,this.dialog=g,this.toastr=y,this.firebaseAuthService=k,this.router=T,this.activatedRoute=C,this.cdRef=A,this.subSink=new L.Y,this.selectedTab=new u.NI(0),this.stepIndex=B,this.contacts=[],this.lastWillExecutioner=[]}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.profile$=this.profileInterviewService.getProfile(),this.lastWill$=this.lastWillInterviewService.getLastWill(),this.lastWill$.subscribe(n=>n),this.subSink.add(this.firebaseAuthService.getStripeRole().subscribe(n=>{this.activePlanType=n,this.cdRef.markForCheck()})),this.subSink.add(this.contactInterviewService.getAllContacts().subscribe(n=>{void 0!==n&&(this.contacts=n.filter(e=>!e.lastWillExecutioner).sort((e,a)=>e.lastname.localeCompare(a.lastname)),this.lastWillExecutioner=n.filter(e=>e.lastWillExecutioner))})),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.substep&&null!==n.substep)switch(n.substep){case"execution":this.selectedTab.setValue(0);break;case"executionSelectionType":this.selectedTab.setValue(1);break;case"executionSelection":this.selectedTab.setValue(2);break;case"executionPaid":this.lastWill&&"court"==this.lastWill.executionSelectionType?this.selectedTab.setValue(2):this.selectedTab.setValue(3)}}))}drop(n){n.previousContainer===n.container?(this.contacts===n.previousContainer.data&&(0,N.bA)(n.container.data,n.previousIndex,n.currentIndex),this.lastWillExecutioner===n.previousContainer.data&&this.moveLastWillExecutioner(n.previousIndex,n.currentIndex)):this.contacts===n.previousContainer.data?this.selectLastWillExecutioner(n.previousIndex,n.currentIndex):this.deselectLastWillExecutioner(n.previousIndex,n.currentIndex)}moveLastWillExecutioner(n,e){const a=[];if(n<e)for(let t=0;t<this.lastWillExecutioner.length;t++)t===n&&a.push({id:this.lastWillExecutioner[t].id,lastUpdated:c()().format(),lastWillExecutioner:!0}),t>n&&t<e&&a.push({id:this.lastWillExecutioner[t].id,lastUpdated:c()().format(),lastWillExecutioner:!0});if(n>e)for(let t=0;t<this.lastWillExecutioner.length;t++)t>=e&&t<n&&a.push({id:this.lastWillExecutioner[t].id,lastUpdated:c()().format(),lastWillExecutioner:!0}),t===n&&a.push({id:this.lastWillExecutioner[t].id,lastUpdated:c()().format(),lastWillExecutioner:!0});(0,N.bA)(this.lastWillExecutioner,n,e),this.contactInterviewService.update(a)}selectLastWillExecutioner(n,e){if(this.lastWillExecutioner.length>=1)return void this.toastr.error("Es darf max. eine Person ausgew\xe4hlt werden.");const a=this.contacts[n],t=[];if(e===this.lastWillExecutioner.length)t.push({id:a.id,lastUpdated:c()().format(),lastWillExecutioner:!0});else for(let o=0;o<this.lastWillExecutioner.length;o++)o===e&&(t.push({id:a.id,lastUpdated:c()().format(),lastWillExecutioner:!0}),t.push({id:this.lastWillExecutioner[o].id,lastUpdated:c()().format(),lastWillExecutioner:!0})),o>e&&t.push({id:this.lastWillExecutioner[o].id,lastUpdated:c()().format(),lastWillExecutioner:!0});(0,N.EA)(this.contacts,this.lastWillExecutioner,n,e),this.contactInterviewService.update(t)}deselectLastWillExecutioner(n,e){const a=[];for(let t=0;t<this.lastWillExecutioner.length;t++)t===n&&a.push({id:this.lastWillExecutioner[t].id,lastUpdated:c()().format(),lastWillExecutioner:!1}),t>n&&a.push({id:this.lastWillExecutioner[t].id,lastUpdated:c()().format(),lastWillExecutioner:!0});this.contactInterviewService.update(a)}up(n){const e=this.lastWillExecutioner[n-1],a=this.lastWillExecutioner[n];this.contactInterviewService.update([{id:a.id,lastUpdated:c()().format()},{id:e.id,lastUpdated:c()().format()}])}down(n){const e=this.lastWillExecutioner[n+1],a=this.lastWillExecutioner[n];this.contactInterviewService.update([{id:a.id,lastUpdated:c()().format()},{id:e.id,lastUpdated:c()().format()}])}newContact(){this.deviceDetectorService.isMobile()?this.dialog.open(b.Ax,{data:null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}
1):this.dialog.open(b.Ax,{data:null,width:"600px",autoFocus:!1})}onEditContact(n){this.deviceDetectorService.isMobile()?this.dialog.open(b.Ax,{data:n.id||null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}):this.dialog.open(b.Ax,{data:n.id||null,width:"600px",autoFocus:!1})}onDeleteContactDialogClosed(n){n.delete&&this.contactInterviewService.remove(n.contact.id)}completeStep(){this.stepper.selected.completed=!0,setTimeout(()=>{this.stepper.next()},1e3)}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}onStepSelectionChange(n){let e="execution";switch(n.selectedIndex){case 0:e="execution";break;case 1:e="executionSelectionType";break;case 2:e=this.lastWill&&"court"==this.lastWill.executionSelectionType?"executionPaid":"executionSelection";break;case 3:e="executionPaid"}this.navigateToStep(e)}navigateToStep(n){if(null!=n){const e={substep:n};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"})}}setExecution(n){this.lastWillInterviewService.upsertLastWill({execution:n}).then(()=>{n?this.completeStep():this.nextPage()})}setExecutionPaid(n){this.lastWillInterviewService.upsertLastWill({executionPaid:n}).then(()=>{this.nextPage()})}setExecutionSelectionType(n){this.lastWillInterviewService.upsertLastWill({executionSelectionType:n}).then(()=>{this.completeStep()})}};Y.ctorParameters=()=>[{type:f.x0},{type:u.qu},{type:D.PM},{type:d.IC},{type:b.AT},{type:h.uw},{type:w.jE},{type:E.XP},{type:m.F0},{type:m.gz},{type:l.sBO}],Y.propDecorators={pages:[{type:l.IIB}],stepper:[{type:l.i9L,args:["stepper"]}]},Y=(0,p.__decorate)([(0,l.wA2)({selector:"execution",template:Re,styles:[Ue]}),(0,p.__metadata)("design:paramtypes",[f.x0,u.qu,D.PM,d.IC,b.AT,h.uw,w.jE,E.XP,m.F0,m.gz,l.sBO])],Y);var Oe=i(83222),je=i(65012);let Z=class{constructor(n,e,a,t,o,g,y,k){this.formBuilder=n,this.lastWillInterviewService=e,this.translocoService=a,this.toastr=t,this.dialog=o,this.deviceDetectorService=g,this.router=y,this.activatedRoute=k,this.subSink=new L.Y,this.selectedTab=new u.NI(0),this.stepIndex=B}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.substep&&null!==n.substep)switch(n.substep){case"legalCompetence":this.selectedTab.setValue(0);break;case"doctorsConfidentiality":this.selectedTab.setValue(1);break;case"witnesses":this.selectedTab.setValue(2)}}))}getStepStatus(n){return this.stepper._getIndicatorType(n)}completeStep(){this.stepper.selected.completed=!0,setTimeout(()=>{this.stepper.next()},1e3)}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}onStepSelectionChange(n){let e="legalCompetence";switch(n.selectedIndex){case 0:e="legalCompetence";break;case 1:e="doctorsConfidentiality";break;case 2:e="witnesses"}this.navigateToStep(e)}navigateToStep(n){if(null!=n){const e={substep:n};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"})}}setLegalCompetence(n){this.lastWillInterviewService.upsertLastWill({legalCompetence:n}).finally(()=>{this.completeStep()})}setReleaseDoctorsConfidentiality(n){this.lastWillInterviewService.upsertLastWill({releaseDoctorsConfidentiality:n}).finally(()=>{this.completeStep()})}setWitnesses(n){this.lastWillInterviewService.upsertLastWill({witnesses:n}).finally(()=>{this.nextPage()})}};Z.ctorParameters=()=>[{type:u.qu},{type:d.IC},{type:S.Vn},{type:w.jE},{type:h.uw},{type:f.x0},{type:m.F0},{type:m.gz}],Z.propDecorators={pages:[{type:l.IIB}],stepper:[{type:l.i9L,args:["stepper"]}]},Z=(0,p.__decorate)([(0,l.wA2)({selector:"legal-competence",template:Oe,styles:[je]}),(0,p.__metadata)("design:paramtypes",[u.qu,d.IC,S.Vn,w.jE,h.uw,f.x0,m.F0,m.gz])],Z);var He=i(99426),Ke=i(29738);let J=class{constructor(n,e,a,t){this.formBuilder=n,this.lastWillInterviewService=e,this.dialog=a,this.deviceDetectorService=t,this.subSink=new L.Y,this.heirTitle="Erben"}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.lastWill$.subscribe(n=>{n&&"married"===n.willType?this.heirTitle="Schlusserben":this.heirTitle="Erben"}))}ngOnDestroy(){this.subSink.unsubscribe()}ngAfterViewInit(){this.subSink.add(this.matPagesComponent.done.subscribe(()=>{this.deviceDetectorService.isMobile()?this.dialog.open(P,{width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}
1):this.dialog.open(P,{width:"600px",autoFocus:!1})}))}};J.ctorParameters=()=>[{type:u.qu},{type:d.IC},{type:h.uw},{type:f.x0}],J.propDecorators={matPagesComponent:[{type:l.i9L,args:["pages"]}]},J=(0,p.__decorate)([(0,l.wA2)({selector:"last-will-edit",template:He,styles:[Ke]}),(0,p.__metadata)("design:paramtypes",[u.qu,d.IC,h.uw,f.x0])],J);var $e=i(32311),Ye=i(62216),Ze=i(25992),Je=i(85774);let z=class{constructor(n,e,a,t,o,g,y,k,T){this.legacyId=n,this.dialogRef=e,this.formBuilder=a,this.translocoService=t,this.toastr=o,this.lastWillInterviewService=g,this.legacyInterviewService=y,this.dialogService=k,this.cdRef=T,this.subSink=new L.Y,this.descriptionMinLength=2,this.descriptionMaxLength=50,this.nameMinLength=2,this.nameMaxLength=50,this.today=new Date,this.startBirthdayDate=new Date(this.today.getFullYear()-30,this.today.getMonth(),this.today.getDate()),this.from=null,this.formSubmitted=!1,e.disableClose=!0}onKeyUp(){this.dialogRef.close()}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill(),this.initFormGroup(),this.subSink.add(this.legacyInterviewService.getLegacy(this.legacyId).subscribe(n=>{void 0!==n?(this.legacy=n,n.birthday&&(this.birthday=new Date(n.birthday)),this.from=n.from,this.form.patchValue({description:n.description||null,from:n.from||null,gender:n.gender||null,name:n.name||null})):this.legacy=(0,d.PA)()}))}ngOnDestroy(){this.subSink.unsubscribe()}ngAfterContentInit(){this.cdRef.detectChanges()}initFormGroup(){this.form=this.formBuilder.group({description:["",[u.kI.required,u.kI.minLength(this.descriptionMinLength),u.kI.maxLength(this.descriptionMaxLength)]],from:["",[]],gender:["",[u.kI.required]],name:["",[u.kI.required,u.kI.minLength(this.nameMinLength),u.kI.maxLength(this.nameMaxLength)]],birthday:["",[]]})}save(){if(this.formSubmitted=!0,this.form.valid){const n={id:this.legacyId,lastUpdated:c()().format(),gender:this.form.controls.gender.value||null,name:this.form.controls.name.value||null,from:this.form.controls.from.value||null,description:this.form.controls.description.value||null};this.form.controls.birthday.dirty&&this.form.controls.birthday.value&&(n.birthday=this.form.controls.birthday.value.toString()),this.legacyInterviewService.upsert(n),this.dialogRef.close()}else this.toastr.error("Bitte \xfcberpr\xfcfen Sie Ihre Angaben.")}cancel(){this.dialogRef.close()}close(){this.form.dirty?this.dialogService.open(q,{size:"sm"}).afterClosed$.subscribe(n=>{n?this.save():this.dialogRef.close()}):this.dialogRef.close()}setFrom(n){this.from=n,this.form.controls.from.setValue(n)}};z.ctorParameters=()=>[{type:void 0,decorators:[{type:l.tBr,args:[h.WI]}]},{type:h.so},{type:u.qu},{type:S.Vn},{type:w.jE},{type:d.IC},{type:d.bn},{type:W.xA},{type:l.sBO}],z.propDecorators={onKeyUp:[{type:l.L6J,args:["window:keyup.esc"]}]},z=(0,p.__decorate)([(0,l.wA2)({selector:"legacy-edit",template:Ze,changeDetection:l.n4l.OnPush,styles:[Je]}),(0,p.__metadata)("design:paramtypes",[Object,h.so,u.qu,S.Vn,w.jE,d.IC,d.bn,W.xA,l.sBO])],z);var Ln=i(67674);let X=class{constructor(n,e,a,t,o,g,y,k,T){this.formBuilder=n,this.lastWillInterviewService=e,this.legacyInterviewService=a,this.translocoService=t,this.toastr=o,this.dialog=g,this.deviceDetectorService=y,this.router=k,this.activatedRoute=T,this.subSink=new L.Y,this.legacies=[],this.selectedTab=new u.NI(0),this.stepIndex=B,this.trackById=Ln.xn}ngOnDestroy(){this.subSink.unsubscribe()}ngOnInit(){this.lastWill$=this.lastWillInterviewService.getLastWill(),this.subSink.add(this.activatedRoute.queryParams.subscribe(n=>{if(void 0!==n.substep&&null!==n.substep)switch(n.substep){case"legacy":this.selectedTab.setValue(0);break;case"legacy-definition":this.selectedTab.setValue(1);break;case"legacy-accounting":this.selectedTab.setValue(2)}})),this.subSink.add(this.legacyInterviewService.getAllLegacies().subscribe(n=>{this.legacies=void 0!==n?n:[]}))}getStepStatus(n){return this.stepper._getIndicatorType(n)}completeStep(){this.stepper.selected.completed=!0,setTimeout(()=>{this.stepper.next()},1e3)}nextPage(){setTimeout(()=>{this.pages.next()},1e3)}onStepSelectionChange(n){let e="legacy";switch(n.selectedIndex){case 0:e="legacy";break;case 1:e="legacy-definition";break;case 2:e="legacy-accounting"}this.navigateToStep(e)}navigateToStep(n){if(null!=n){const e={substep:n};this.router.navigate([],{relativeTo:this.activatedRoute,queryParams:e,queryParamsHandling:"merge"})}}setLegacy(n){this.lastWillInterviewService.upsertLastWill({legacy:n}).finally(()=>{n?this.completeStep():this.nextPage()})}setLegacyTakingIntoAccount(n){this.lastWillInterviewService.upsertLastWill({legacyTakingIntoAccount:n}).finally(()=>{this.nextPage()})}newLegacy(){this.deviceDetectorService.isMobile()?this.dialog.open(z,{data:null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}
1):this.dialog.open(z,{data:null,width:"600px",autoFocus:!1})}openLegacy(n){this.deviceDetectorService.isMobile()?this.dialog.open(z,{data:n||null,width:"100%",height:"100%",maxWidth:"100vw",maxHeight:"100vh",autoFocus:!1}):this.dialog.open(z,{data:n||null,width:"600px",autoFocus:!1})}deleteLegacy(n){this.legacyInterviewService.remove(n)}};X.ctorParameters=()=>[{type:u.qu},{type:d.IC},{type:d.bn},{type:S.Vn},{type:w.jE},{type:h.uw},{type:f.x0},{type:m.F0},{type:m.gz}],X.propDecorators={pages:[{type:l.IIB}],stepper:[{type:l.i9L,args:["stepper"]}]},X=(0,p.__decorate)([(0,l.wA2)({selector:"legacy",template:$e,styles:[Ye]}),(0,p.__metadata)("design:paramtypes",[u.qu,d.IC,d.bn,S.Vn,w.jE,h.uw,f.x0,m.F0,m.gz])],X);var Xe=i(15643),Qe=i(34516);let ln=class{constructor(){this.openLegacy=new l.vpe,this.deleteLegacy=new l.vpe}emitDeleteLegacy(n,e){n.stopPropagation(),this.deleteLegacy.emit(e)}};ln.propDecorators={legacy:[{type:l.IIB}],openLegacy:[{type:l.r_U}],deleteLegacy:[{type:l.r_U}]},ln=(0,p.__decorate)([(0,l.wA2)({selector:"legacy-card",template:Xe,styles:[Qe]})],ln);var nt=i(88972),et=i(21015);const Tn={parse:{dateInput:"DD.MM.YYYY"},display:{dateInput:"DD.MM.YYYY",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY"}};let on=class{constructor(n){this.iconsRegistry=n,n.registerIcon("edit",r.z4s),n.registerIcon("complete",r.ZXJ),n.registerIcons([r.Lg_,r.nHQ,r.jij,r.z4s,r.ZXJ,r.psE,r.Hbj,r.OWK,r.vFQ,r.oqZ,r.pKc,r.wHV,r.DXb,r.GR6,r.OL,r.NmA,r.J24,r.f8x,r.eV9,r.pUD,r.Zu3,r.wwf,r.jvl,r.fMD,r.SaX,r.cUs,r.i7y,r.VIu,r.jij,r.Ki5,r.svP,r.Kaw,r.hyF,r.da0,r.QUm,r.Sei,r.DQ9,r.MOy,r.mkj,r.Ug1,r.ox9,r.UeR,r.PNl,r.xt_,r.Bw7,r.dkJ,r.a04,r.t2G,r.jop,r.crR,r.Vqu,r.YgI,r.U$C,r.NiX,x.G_T,x.unM,x.cL4,x.xvf,x.nbb,x.D0v,x.gcD,x.Sp$,x.cuu,x.CFI,x.fJQ,x.IRM,x.aHE,x.njT,x.jKc,x.WNG,x.ztZ,x.ssC,x.liH])}};on.ctorParameters=()=>[{type:cn.B}],on=(0,p.__decorate)([(0,l.LVF)({imports:[Wn.ez,rn,S.y4,Kn.yb,cn.Q,r.qOM,x.e2h,Un.su,En.Bk,u.u5,se.Q,u.UX,_n.lN,Rn.c,fn.ot,On.Fk,qn.QW,Vn.t,fn.ot,Fn.Ps,Mn.AV,Gn.ZX,jn.T5,Hn.To,$n.KP,Qn.LD,ne.FA,tn.Yd,te.SJ,ie.vV,ae.p9,Pn.U8,Bn.o9,ee.ED,w.kR,D.FV,pn.fi,dn.Iq,le.G,oe.Nh,re.J,ce.g0,b.Y2,b.vW,N._t,de.Tx,h.Is,Xn.Su,ve.TV,nt.GV,we.Y,mn.Y,ye.O,Te.g3,We.E,G.pL,Ae.P,d.uj,Pe.CT,Be.n,Ln.Tn,et.F],providers:[{provide:an.Ad,useValue:"de-DE"},{provide:tn.o8,useValue:{useUtc:!0}},{provide:an._A,useClass:tn.t7,deps:[an.Ad,tn.o8]},{provide:an.sG,useValue:Tn}],declarations:[H,K,$,Y,Z,X,z,ln,M,V,_,J,sn,O,R,U,q,j,P]}),(0,p.__metadata)("design:paramtypes",[cn.B])],on)},76497:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="profile$ | async as profile; else loading">\n <ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-vertical-stepper #stepper="matVerticalStepper" matVerticalStepperScroller [linear]="false"\n [selectedIndex]="selectedTab.value" (selectionChange)="onStepSelectionChange($event)"\n class="-ml-4 sm:ml-0 md:ml-0">\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Staatsb\xfcrgerschaft\n </div>\n </ng-template>\n <div class="question">\n Welche Staatsb\xfcrgerschaft haben Sie?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setCitizenship(\'German\')"\n [class.option-selected]="profile.citizenship == \'German\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="germany" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Deutsch</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setCitizenship(\'other\')"\n [class.option-selected]="profile.citizenship == \'other\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="world" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Andere</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote *ngIf="profile.citizenship != \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Die deutsche Staatsb\xfcrgerschaft ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="profile.citizenship == \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Leider k\xf6nnen Sie Ihr Testament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Die deutsche Staatsb\xfcrgerschaft ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n Bei einer anderen Staatsb\xfcrgerschaft empfiehlt sich eine individuelle Beratung durch einen Rechtsanwalt\n oder\n Notar.\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n <mat-step\n *ngIf="profile.citizenship != \'other\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Aufenthalt\n </div>\n </ng-template>\n <div class="question">\n In welchem Land halten Sie sich gew\xf6hnlich auf?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setDomicile(\'Germany\')"\n [class.option-selected]="profile.domicile == \'Germany\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="germany_location" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">in Deutschland</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setDomicile(\'other\')"\n [class.option-selected]="profile.domicile == \'other\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="world" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">in einem anderen Land</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote *ngIf="profile.domicile != \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Der Aufenthalt in Deutschland ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="profile.domicile == \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Leider k\xf6nnen Sie Ihr Testament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Der Aufenthalt in Deutschland ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n Wenn Sie sich gew\xf6hnlich in einem anderen Land aufhalten, empfiehlt sich eine individuelle Beratung durch\n einen Rechtsanwalt oder Notar.\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n <mat-step *ngIf="profile.citizenship != \'other\' && profile.domicile != \'other\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Familienstand\n </div>\n </ng-template>\n <div class="question">\n Wie ist Ihr Familienstand?\n </div>\n <div class="md:px-6 mb-6" fxLayout="column">\n <div class="flex flex-wrap -mx-1 overflow-visible">\n <div class="my-2 px-2 overflow-visible w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setMaritalStatus(\'single\')"\n [class.option-selected]="profile.maritalStatus == \'single\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="single" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">ledig</div>\n </div>\n </button>\n </div>\n <div class="my-2 px-2 overflow-visible w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setMaritalStatus(\'married\')"\n [class.option-selected]="profile.maritalStatus == \'married\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="married" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">verheiratet</div>\n </div>\n </button>\n </div>\n <div class="my-2 px-2 overflow-visible w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setMaritalStatus(\'divorced\')"\n [class.option-selected]="profile.maritalStatus == \'divorced\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="divorced" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">geschieden</div>\n </div>\n </button>\n </div>\n <div class="my-2 px-2 overflow-visible w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setMaritalStatus(\'widowed\')"\n [class.option-selected]="profile.maritalStatus == \'widowed\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="widowed" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">verwitwet</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Wenn Sie in einer Partnerschaft leben, aber nicht verheiratet sind, w\xe4hlen sie bitte "ledig" aus.\n Falls gew\xfcnscht, k\xf6nnen Sie in diesem Fall sp\xe4ter im Verlauf des Interviews Ihre(n) Partner(in) als\n Erben/Erbin\n einsetzen.\n </div>\n </div>\n </blockquote>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Wenn Sie offiziell verheiratet sind, jedoch getrennt von Ihrem/Ihrer Ehepartner(in) leben, w\xe4hlen Sie\n bitte\n "verheiratet" aus, da f\xfcr das Testament der offizielle Familienstand entscheidend ist.\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n <mat-step\n *ngIf="profile.citizenship != \'other\' && profile.domicile != \'other\' && profile.maritalStatus == \'married\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Art des Testaments\n </div>\n </ng-template>\n <div class="question">\n Welche Art des Testaments m\xf6chten Sie verfassen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setWillType(\'single\')"\n [class.option-selected]="lastWill.willType == \'single\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="death_certificate_line" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Einzeltestament</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setWillType(\'married\')"\n [class.option-selected]="lastWill.willType == \'married\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="marriage_certificate_line" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ehegattentestament</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Bei einem Ehegattentestament wird der/die Ehepartner(in) zun\xe4chst Erbe. Ziel des Ehegattentestaments ist\n vor allem\n die m\xf6glichst umfassende Absicherung des/der l\xe4ngerlebenden Ehepartners/Ehepartnerin.\n Auf Wunsch kann festgelegt werden, wer nach dem Tod beider Ehepartner als "Schlusserbe" das Verm\xf6gen\n bekommen soll.\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n <mat-step *ngIf="profile.citizenship != \'other\' && profile.domicile != \'other\'\n && profile.maritalStatus == \'married\' && lastWill.willType == \'married\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Ehepartner\n </div>\n </ng-template>\n\n <h3 class="mb-4 md:mb-0">Bitte benennen Sie Ihre(n) Ehepartner(in)</h3>\n <div class="hidden md:flex lg:f
1lex xl:flex flex-col items-center">\n <div class="text-primary-500 drap-and-drop-text">ziehen Sie Ihre<br/>Kontakte r\xfcber</div>\n <mat-icon icon iconName="arrow" height="100px" width="100px"\n style="height: 100px; width: 100px; margin-bottom: -30px; margin-left: -20px;"\n color="primary"></mat-icon>\n </div>\n <div class="flex flex-col items-center md:flex-row md:items-start">\n <div class="example-container">\n <div\n cdkDropList\n #contactsList="cdkDropList"\n [cdkDropListData]="contacts"\n [cdkDropListConnectedTo]="[confidantsList]"\n class="example-list"\n (cdkDropListDropped)="drop($event)">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="phone_book" color="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3>Adressbuch</h3>\n </div>\n <div class="example-box flex md:hidden lg:hidden xl:hidden items-center">\n <button (click)="newContact()" class="flex-auto" mat-raised-button\n type="button" color="primary">\n <mat-icon icon iconName="single_neutral_actions_add" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Kontakt hinzuf\xfcgen</span>\n </button>\n </div>\n <div class="example-box" *ngFor="let item of contacts; let i = index" cdkDrag>\n <div class="w-full" fxLayout="row" fxLayoutAlign="space-between center">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="single_neutral" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-8 w-8 align-middle mr-3 ml-3" color="primary"></mat-icon>\n <div>{{item.firstname}} {{item.lastname}}</div>\n </div>\n <div fxLayout="row" fxLayoutAlign="end center">\n <button [matMenuTriggerFor]="contactMenu" [matMenuTriggerData]="{contact: item}"\n class="text-secondary" mat-icon-button type="button">\n <mat-icon icon iconName="navigation_menu_vertical"></mat-icon>\n </button>\n <button (click)="selectPartner(i, partner.length)"\n class="text-secondary hidden md:flex lg:flex xl:flex" mat-icon-button type="button"\n matTooltip="als Betreuer ausw\xe4hlen">\n <mat-icon icon iconName="diagram_arrow_right" color="primary"></mat-icon>\n </button>\n <button (click)="selectPartner(i, partner.length)"\n class="text-secondary flex md:hidden lg:hidden xl:hidden" mat-icon-button type="button"\n matTooltip="als Betreuer ausw\xe4hlen">\n <mat-icon icon iconName="diagram_arrow_down" color="primary"></mat-icon>\n </button>\n </div>\n </div>\n </div>\n <div class="example-box" *ngIf="contacts.length === 0">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Sie haben keine weiteren Kontakte in Ihrem Adressbuch.\n </div>\n </div>\n </blockquote>\n </div>\n <div class="example-box hidden md:flex lg:flex xl:flex items-center">\n <button (click)="newContact()" class="flex-auto" mat-raised-button\n type="button" color="primary">\n <mat-icon icon iconName="single_neutral_actions_add" class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase">Neuen Kontakt hinzuf\xfcgen</span>\n </button>\n </div>\n </div>\n </div>\n <div class="flex md:hidden lg:hidden xl:hidden flex-col items-center">\n <div class="text-primary-500 drap-and-drop-text2" style="margin-top: -20px; margin-left: -80px;">ziehen Sie\n Ihre<br/>Kontakte r\xfcber\n </div>\n <mat-icon icon iconName="arrow_2" height="100px" width="100px"\n style="height: 100px; width: 100px; margin-top: -70px; margin-bottom: -30px; margin-left: 20px;"\n color="primary"></mat-icon>\n </div>\n <div class="example-container">\n <div\n cdkDropList\n #confidantsList="cdkDropList"\n [cdkDropListData]="partner"\n [cdkDropListConnectedTo]="[contactsList]"\n class="example-list"\n (cdkDropListDropped)="drop($event)">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="multiple_neutral_1" color="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3>Ehepartner(in)</h3>\n <span class="ml-2 hidden md:flex lg:flex xl:flex">(max. 1 Person)</span>\n </div>\n <div class="example-box" *ngFor="let item of partner; let i = index" cdkDrag>\n <div class="w-full" fxLayout="row" fxLayoutAlign="space-between center">\n <div fxLayout="row" fxLayoutAlign="start center">\n <button (click)="deselectPartner(i, contacts.length)"\n class="text-secondary hidden md:flex lg:flex xl:flex" mat-icon-button type="button"\n matTooltip="als Betreuer entfernen">\n <mat-icon icon iconName="diagram_arrow_left" color="primary"></mat-icon>\n </button>\n <mat-icon icon iconName="single_neutral" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-8 w-8 align-middle mr-3 ml-3" color="primary"></mat-icon>\n <div>{{item.firstname}} {{item.lastname}}</div>\n </div>\n <div fxLayout="row" fxLayoutAlign="end center">\n <button [matMenuTriggerFor]="contactMenu" [matMenuTriggerData]="{contact: item}"\n class="text-secondary" mat-icon-button type="button">\n <mat-icon icon iconName="navigation_menu_vertical"></mat-icon>\n </button>\n <button (click)="deselectPartner(i, contacts.length)"\n class="text-secondary flex md:hidden lg:hidden xl:hidden" mat-icon-button type="button"\n matTooltip="als Betreuer entfernen">\n <mat-icon icon iconName="diagram_arrow_up" color="primary"></mat-icon>\n </button>\n </div>\n </div>\n </div>\n <div class="example-box" *ngIf="partner.length === 0">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Es wurde noch kein Ehepartner ausgew\xe4hlt.\n </div>\n </div>\n </blockquote>\n </div>\n </div>\n </div>\n </div>\n <button [disabled]="partner.length < 1"\n debounceClick (debounceClick)="completeStep()" color="primary" mat-raised-button type="button">\n <mat-icon matSuffix icon iconName="navigation_arrows_right_1" color="secondary" width="20" height="20">\n </mat-icon>
1\n <span class="uppercase px-2">Weiter zur n\xe4chsten Frage</span>\n </button>\n </mat-step>\n\n <mat-step\n *ngIf="profile.citizenship != \'other\' && profile.domicile != \'other\'\n && profile.maritalStatus == \'married\' && lastWill.willType == \'married\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Staatsb\xfcrgerschaft Ehepartner(in)\n </div>\n </ng-template>\n <div class="question">\n Welche Staatsb\xfcrgerschaft hat Ihr(e) Ehepartner(in)?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setPartnerCitizenship(\'German\')"\n [class.option-selected]="lastWill.partnerCitizenship == \'German\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="germany" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Deutsch</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setPartnerCitizenship(\'other\')"\n [class.option-selected]="lastWill.partnerCitizenship == \'other\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="world" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Andere</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote *ngIf="lastWill.partnerCitizenship != \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Die deutsche Staatsb\xfcrgerschaft ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="lastWill.partnerCitizenship == \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Leider k\xf6nnen Sie Ihr Ehegattentestament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Die deutsche Staatsb\xfcrgerschaft beider Ehepartner ist Voraussetzung f\xfcr die Erstellung eines\n Ehegattentestament\n mit unserem Service.\n <br/>\n Hat ein Ehepartner eine anderen Staatsb\xfcrgerschaft, so empfiehlt sich eine individuelle Beratung durch\n einen\n Rechtsanwalt oder Notar.<br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Einzeltestament mit unserem Service erstellen.</strong>\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n <mat-step\n *ngIf="profile.citizenship != \'other\' && profile.domicile != \'other\'\n && profile.maritalStatus == \'married\' && lastWill.willType == \'married\' && lastWill.partnerCitizenship == \'German\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Aufenthalt des Ehepartners\n </div>\n </ng-template>\n <div class="question">\n In welchem Land h\xe4lten sich Ihr Ehepartner gew\xf6hnlich auf?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setPartnerDomicile(\'Germany\')"\n [class.option-selected]="lastWill.partnerDomicile == \'Germany\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="germany_location" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">in Deutschland</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setPartnerDomicile(\'other\')"\n [class.option-selected]="lastWill.partnerDomicile == \'other\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="world" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">in einem anderen Land</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote *ngIf="lastWill.partnerDomicile != \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Der Aufenthalt in Deutschland ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="lastWill.partnerDomicile == \'other\'">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Leider k\xf6nnen Sie Ihr Ehegattentestament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Der Aufenthalt beider Ehepartner in Deutschland ist Voraussetzung f\xfcr die Erstellung eines Testaments mit\n unserem\n Service.\n <br/>\n Wenn sich Ihr Ehepartner gew\xf6hnlich in einem anderen Land aufh\xe4lt, empfiehlt sich eine individuelle\n Beratung durch\n einen Rechtsanwalt oder Notar.\n <br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Einzeltestament mit unserem Service erstellen.</strong>\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n <mat-step *ngIf="profile.citizenship != \'other\' && profile.domicile != \'other\'\n && profile.maritalStatus == \'married\' && lastWill.willType == \'married\'\n && lastWill.partnerCitizenship != \'other\' && lastWill.partnerDomicile != \'other\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Kinder aus anderen Ehen\n </div>\n </ng-template>\n <div class="question">\n Haben Sie oder Ihr Ehepartner Kinder, die nicht aus Ihrer jetzigen Ehe stammen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setChildrenFromOtherMarriages(true)"\n [class.option-selected]="lastWill.childrenFromOtherMarriages == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick\n (debounceClick)="setChildrenFromOtherMarriages(false)"\n [class.option-selected]="lastWill.childrenFromOtherMarriages == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="50" height="50"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote *ngIf="lastWill.childrenFromOtherMarriages == false">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Im Gegensatz zu leiblichen Kindern sind Stiefkinder keine gesetzliche Erben und sind auch nicht\n pflichtteilsberechtigt. Somit k\xf6nnen sich bei der Errichtung eines Ehegattentestaments bzw. Berliner\n Testaments einige Besonderhe
1iten ergeben.\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="lastWill.childrenFromOtherMarriages == true">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Leider k\xf6nnen Sie Ihr Ehegattentestament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Im Gegensatz zu leiblichen Kindern sind Stiefkinder keine gesetzliche Erben und sind auch nicht\n pflichtteilsberechtigt. Somit k\xf6nnen sich bei der Errichtung eines Ehegattentestaments bzw. Berliner\n Testaments\n einige Besonderheiten ergeben. Wir empfehlen daher eine individuelle Beratung durch einen Rechtsanwalt\n oder Notar.<br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Einzeltestament mit unserem Service erstellen.</strong>\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n <mat-step *ngIf="profile.citizenship != \'other\' && profile.domicile != \'other\'\n && profile.maritalStatus == \'married\' && lastWill.willType == \'married\'\n && lastWill.partnerCitizenship != \'other\' && lastWill.partnerDomicile != \'other\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Voll- oder Vorerben\n </div>\n </ng-template>\n <div class="question">\n Wollen Sie sich gegenseitig zu Voll- oder Vorerben einsetzen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setFullInheritance(true)"\n [class.option-selected]="lastWill.fullInheritance == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="multiple_neutral_1" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Vollerben</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick\n (debounceClick)="setFullInheritance(false)"\n [class.option-selected]="lastWill.fullInheritance == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="multiple_users_2" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Vorerben</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote *ngIf="lastWill.fullInheritance != false">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Vollerben</strong> sind Personen, die zun\xe4chst die Erbschaft als Alleinerbe antreten\n und zu ihren Lebzeiten frei \xfcber das geerbte Verm\xf6gen verf\xfcgen k\xf6nnen, bevor weitere festgelegte Personen\n (z.B. Kinder) zu Schlusserben werden. Dieses Konstrukt ist als "Berliner Testament"\n unter Ehepartnern beliebt, die sich gegenseitig als Alleinerben einsetzen.\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="lastWill.fullInheritance != false">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Vorerben</strong> sind nur Treuh\xe4nder der Erbschaft und m\xfcssen den Nachlass getrennt von ihrem\n privaten Verm\xf6gen verwalten. Sie d\xfcrfen somit beispielsweise das geerbte Barverm\xf6gen oder Wertpapiere\n nicht auf ihr eigenes Konto bzw. Depot transferieren oder die geerbte Immobilie oder Wertpapiere\n nicht ohne die Zustimmung der Schlusserben verkaufen.\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="lastWill.fullInheritance == false">\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n <strong>Leider k\xf6nnen Sie Ihr Ehegattentestament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n <p>\n Die Vor- und Nacherbschaft ist ein kompliziertes rechtliches Konstrukt und Bedarf der\n Ber\xfccksichtigung vieler individueller Umst\xe4nde. Ohne die Beachtung dieser Gegebenheiten, kann es\n zu Problemen und zu Konflikten den zwischen Vor- und Nacherben kommen.\n Wir empfehlen daher in diem Fall eine individuelle Beratung durch einen Rechtsanwalt oder Notar.\n </p>\n <br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Ehegattentestament als Vollerben mit unserem Service erstellen.</strong>\n </div>\n </div>\n </blockquote>\n </mat-step>\n\n </mat-vertical-stepper>\n </ng-container>\n</ng-container>\n\n<dialog [disableClose]="true" #fullInheritanceDialog>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>Wichtiger Hinweis</h2>\n </div>\n </div>\n\n <mat-dialog-content class="mb-4">\n <p>\n <strong>Leider k\xf6nnen Sie Ihr Testament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Die Vor- und Nacherbschaft ist ein kompliziertes rechtliches Konstrukt und Bedarf der\n Ber\xfccksichtigung vieler individueller Umst\xe4nde. Ohne die Beachtung dieser Gegebenheiten, kann es\n zu Problemen und zu Konflikten den zwischen Vor- und Nacherben kommen.\n <br/>\n Wir empfehlen daher in diem Fall eine individuelle Beratung durch einen Rechtsanwalt oder Notar.\n <br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Ehegattentestament als Vollerben mit unserem Service erstellen.</strong>\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="primary"\n [mat-dialog-close]="{contact: citizenshipDialog.data, continue: true}"\n class="uppercase">Ok, ich habe verstanden\n </button>\n </mat-dialog-actions>\n</dialog>\n\n<dialog [disableClose]="true" #citizenshipDialog>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>Wichtiger Hinweis</h2>\n </div>\n </div>\n\n <mat-dialog-content class="mb-4">\n <p>\n <strong>Leider k\xf6nnen Sie Ihr Testament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Die deutsche Staatsb\xfcrgerschaft ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n <br/>\n Bei einer anderen Staatsb\xfcrgerschaft empfiehlt sich eine individuelle Beratung durch einen Rechtsanwalt oder\n Notar.\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="primary"\n [mat-dialog-close]="{contact: citizenshipDialog.data, continue: true}"\n class="uppercase">Ok, ich habe verstanden\n </button>\n </mat-dialog-actions>\n</dialog>\n\n<dialog [disableClose]="true" #partnerCitizenshipDialog>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>Wichtiger Hinweis</h2>\n </div>\n </div>\n\n <mat-dialog-content class="mb-4">\n <p>\n <strong>Leider k\xf6nnen Sie Ihr Ehegattentestament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Die deutsche Staatsb\xfcrgerschaft beider Ehepartner ist Voraussetzung f\xfcr die Erstellung eines Ehegattentestament\n mit unserem Service.\n <br/>\n Hat ein Ehepartner eine anderen Staatsb\xfcrgerschaft, so empfiehlt sich eine individuelle Beratung durch einen\n Rechtsanwalt oder Notar.<br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Einzeltestament mit unserem Service erstellen.</strong>\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="primary"\n [mat-dialog-close]="{contact: partnerCitizenshipDialog.data, continue: true}"\n class="uppercase">Ok, ich habe verstanden\n </button>\n </mat-dialog-actions>\n</dialog>\n\n<dialog [disableClose]="true" #domicilepDialog>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>Wichtiger Hinweis</h2>\n </div>\n </div>\n\n <mat-dialog-content class="mb-4">\n <p>\n <strong>Leider k\xf6nnen Sie Ihr Testament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Der Aufenthalt in Deutschland ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem Service.\n <br/>\n Wenn Sie sich gew\xf6hnlich in einem anderen Land aufhalten, empfiehlt sich eine individuelle Beratung durch\n einen Rechtsanwalt oder Notar.\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="primary"\n [mat-dialog-close]="{contact: domicilepDialog.data, continue: true}"\n class="uppercase">Ok, ich habe verstanden\n </button>\n </mat-dialog-actions>\n</dialog>\n\n<dialog [disableClose]="true" #partnerDomicilepDialog>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>Wichtiger Hinweis</h2>\n </div>\n </div>\n\n <mat-dialog-content class="mb-4">\n <p>\n <strong>Leider k\xf6nnen Sie Ihr Ehegattentestament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Der Aufenthalt beider Ehepartner in Deutschland ist Voraussetzung f\xfcr die Erstellung eines Testaments mit unserem\n Service.\n <br/>\n Wenn sich Ihr Ehepartner gew\xf6hnlich in einem anderen Land aufh\xe4lt, empfiehlt sich eine individuelle Beratung durch\n einen Rechtsanwalt oder Notar.\n <br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Einzeltestament mit unserem Service erstellen.</strong>\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="primary"\n [mat-dialog-close]="{contact: partnerDomicilepDialog.data, continue: true}"\n class="uppercase">Ok, ich habe verstanden\n </button>\n </mat-dialog-actions>\n</dialog>\n\n<dialog [disableClose]="true" #childrenFromOtherMarriagesDialog>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>Wichtiger Hinweis</h2>\n </div>\n </div>\n\n <mat-dialog-content class="mb-4" style="max-width: 600px">\n <p>\n <strong>Leider k\xf6nnen Sie Ihr Ehegattentestament mit unserem Service nicht erstellen.</strong>\n <br/><br/>\n Im Gegensatz zu leiblichen Kindern sind Stiefkinder keine gesetzliche Erben und sind auch nicht\n pflichtteilsberechtigt. Somit k\xf6nnen sich bei der Errichtung eines Ehegattentestaments bzw. Berliner Testaments\n einige Besonderhe
1iten ergeben. Wir empfehlen daher eine individuelle Beratung durch einen Rechtsanwalt\n oder Notar.<br/><br/>\n <strong>Alternativ k\xf6nnen Sie ein Einzeltestament mit unserem Service erstellen.</strong>\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="primary"\n [mat-dialog-close]="{contact: childrenFromOtherMarriagesDialog.data, continue: true}"\n class="uppercase">Ok, ich habe verstanden\n </button>\n </mat-dialog-actions>\n</dialog>\n\n<mat-menu #contactMenu="matMenu" xPosition="before" yPosition="below">\n <ng-template matMenuContent let-contact="contact">\n <button mat-menu-item (click)="onEditContact(contact)">\n <mat-icon icon iconName="single_neutral_actions_edit_1"></mat-icon>\n <span>Kontakt bearbeiten</span>\n </button>\n <button mat-menu-item (click)="deleteContactDialog.open(contact)">\n <mat-icon icon iconName="single_neutral_actions_remove"></mat-icon>\n <span>Kontakt l\xf6schen</span>\n </button>\n </ng-template>\n</mat-menu>\n\n<dialog [disableClose]="true" #deleteContactDialog (closedChange)="onDeleteContactDialogClosed($event)">\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="stop_sign" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>L\xf6schen best\xe4tigen</h2>\n </div>\n </div>\n\n <mat-dialog-content *ngIf="deleteContactDialog.data" class="text-justify mb-4">\n Sind Sie sicher, dass Sie {{deleteContactDialog.data.firstname}} {{deleteContactDialog.data.lastname}} als Kontakt\n aus Ihrem Adressbuch l\xf6schen m\xf6chten?\n </mat-dialog-content>\n\n <mat-dialog-actions *ngIf="deleteContactDialog.data" align="end">\n <button mat-button color="secondary" [mat-dialog-close]="{contact: deleteContactDialog.data, delete: false}"\n class="uppercase">Abbrechen\n </button>\n <button mat-button color="warn" [mat-dialog-close]="{contact: deleteContactDialog.data, delete: true}"\n class="uppercase">Kontakt l\xf6schen\n </button>\n </mat-dialog-actions>\n\n</dialog>\n'},25590:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="profile$ | async as profile; else loading">\n <ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-vertical-stepper #stepper="matVerticalStepper" matVerticalStepperScroller [linear]="false"\n [selectedIndex]="selectedTab.value" (selectionChange)="onStepSelectionChange($event)"\n class="-ml-4 sm:ml-0 md:ml-0">\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Schiedsklausel\n </div>\n </ng-template>\n <div class="question">\n M\xf6chten Sie eine Schiedsklausel in Ihr Testament aufnehmen, so dass Streitigkeiten schnell und kosteng\xfcnstig\n vor einem Schiedsgericht ausgetragen werden?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setArbitrationClause(true)"\n [class.option-selected]="lastWill.arbitrationClause == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setArbitrationClause(false)"\n [class.option-selected]="lastWill.arbitrationClause == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Streitigkeiten um den Nachlass k\xf6nnen vor einem \xf6ffentlichen Gericht oft mehrere Jahre dauern.\n Mit einer Schiedsklausel kann festgelegt werden, dass nicht die normalen, d.h. die sogenannten\n ordentlichen Gerichte zust\xe4ndig sind, sondern ein Schiedsgericht. Damit k\xf6nnen lange Prozesse\n vermieden werden und schnell sowie kosteng\xfcnstig unter Ausschluss der \xd6ffentlichkeit beigelegt werden.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Rechtswahl\n </div>\n </ng-template>\n <div class="question">\n W\xfcnschen Sie, dass unabh\xe4ngig von Ihrem Wohnsitz und gew\xf6hnlichen Aufenthaltsort immer deutsches Recht\n f\xfcr Ihr Testament Anwendung findet?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setChoiceOfLaw(true, lastWill.willType)"\n [class.option-selected]="lastWill.choiceOfLaw == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick\n (debounceClick)="setChoiceOfLaw(false, lastWill.willType)"\n [class.option-selected]="lastWill.choiceOfLaw == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n </mat-step>\n\n <mat-step *ngIf="profile.maritalStatus == \'married\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Scheidungsklausel\n </div>\n </ng-template>\n <div class="question">\n M\xf6chten Sie eine Scheidungsklausel in Ihr Testament aufnehmen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setDivorceClause(true)"\n [class.option-selected]="lastWill.divorceClause == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setDivorceClause(false)"\n [class.option-selected]="lastWill.divorceClause == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Mit einer Scheidungsklausel kann f\xfcr den Fall einer Scheidung vorgesorgt werden. In diesem Fall\n verlieren automatisch alle in diesem Testament enthaltenen Verf\xfcgungen ihre Bindung. Dies gilt auch f\xfcr\n den Fall, dass einer der Ehepartner die Aufl\xf6sung der ehelichen Gemeinschaft beantragt.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n <mat-step *ngIf="profile.maritalStatus == \'married\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Pflichtteilsstrafklausel\n </div>\n </ng-template>\n <div class="question">\n M\xf6chten Sie eine Pflichtteilsstrafklausel in Ihr Testament aufnehmen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setPenaltyClause(true)"\n [class.option-selected]="lastWill.penaltyClause == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setPenaltyClause(false)"\n [class.option-selected]="lastWill.penaltyClause == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Wenn ein(e) Ehepartner(in) den/die andere(n) Ehepartner(in) durch ein Ehegattentestament als\n alleinige(n) Erben/Erbin einsetzt,\n werden andere Personen wie z.B. Kinder enterbt. Diese haben jedoch Anspruch auf einen Pflichtteil und\n k\xf6nnten diesen\n grunds\xe4tzlich geltend machen. Dem/Der \xfcberlebenden Ehepartner(in) w\xfcrde somit doch nicht der gesamte\n Nachlass\n zukommen. Dies kann gegebenenfalls durch die Aufnahme einer Pflichtteilsstrafklausel verhindert werden.\n Eine Pflichtteilsstrafklausel besagt vor allem, dass Personen, die beim ersten Erbfall ihren\n Pflichtteil geltend machen und erhalten, als Strafe dann beim Tod des/der l\xe4ngerlebenden\n Ehepartners/Ehepartnerin\n grunds\xe4tzlich nicht erben. Somit sollen die pflichtteilsberechtigten Personen davon abgehalten werden\n ihren Pflichtteil beim ersten Erbfall einzufordern.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n <mat-step *ngIf="profile.maritalStatus == \'married\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Bindungswirkung\n </div>\n </ng-template>\n <div class="question">\n Soll der/die \xfcberlebende Ehepartner(in) weiterhin an das Testament gebunden sein?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setBinding(true)"\n [class.option-selected]="lastWill.binding == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setBinding(false)"\n [class.option-selected]="lastWill.binding == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n </mat-step>\n\n </mat-vertical-stepper>\n </ng-container>\n</ng-container>\n'},73383:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="profile$ | async as profile; else loading">\n <ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-vertical-stepper #stepper="matVerticalStepper" matVerticalStepperScroller [linear]="false"\n [selectedIndex]="selectedTab.value" (selectionChange)="onStepSelectionChange($event)"\n class="-ml-4 sm:ml-0 md:ml-0">\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Testamentsvollstreckung\n </div>\n </ng-template>\n <div class="question">\n M\xf6chten Sie die Testamentsvollstreckung anordnen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setExecution(true)"\n [class.option-selected]="lastWill.execution == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setExecution(false)"\n [class.option-selected]="lastWill.execution == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n
1 </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Auch bei einem wasserdicht formulierten Testament kann es innerhalb der Erbengemeinschaft zu\n Streitigkeiten kommen. Diese lassen sich durch eine Testamentsvollstreckung wirksam vermeiden.\n Ein(e) eingesetze(r) Testamentsvollstrecker(in) wird dabei versuchen, nicht nur eine schnelle\n und faire Nachlassverteilung umzusetzen, sondern auch die finanzielle Absicherung der\n Hinterbliebenen und nicht zuletzt die Erhaltung des Verm\xf6gens und Familienfriedens.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n <mat-step *ngIf="lastWill.execution == true">\n <ng-template matStepLabel>\n <div class="step-label">\n Auswahl\n </div>\n </ng-template>\n <div class="question">\n Wer soll den/die Testamentsvollstrecker(in) bestimmen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <div class="my-2 px-2 w-full overflow-visible lg:w-1/2 xl:w-1/2">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setExecutionSelectionType(\'court\')"\n [class.option-selected]="lastWill.executionSelectionType == \'court\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="court" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nachlassgericht soll bestimmen</div>\n </div>\n </button>\n </div>\n <div class="my-2 px-2 w-full overflow-visible lg:w-1/2 xl:w-1/2">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setExecutionSelectionType(\'self\')"\n [class.option-selected]="lastWill.executionSelectionType == \'self\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="single_neutral" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ich bestimme selbst</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Ein(e) Testamentsvollstrecker(in) ist eine vom Erblasser(in) bestimmte Person, der/die das Testament\n des/der Erblassers/Erblasserin zur Ausf\xfchrung zu bringen hat. Ein(e) Testamentsvollstrecker(in) kann\n Streit unter Erben verhindern, daher ist ein Einsatz sinnvoll. Sie k\xf6nnen die Person selbst bestimmen\n oder die Entscheidung einem Nachlassgericht \xfcberlassen.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n <mat-step *ngIf="lastWill.execution == true && lastWill.executionSelectionType == \'self\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Testamentsvollstrecker(in)\n </div>\n </ng-template>\n\n <h3 class="mb-4 md:mb-0">Wen m\xf6chten Sie als Ihren/Ihre Testamentsvollstrecker(in) benennen?</h3>\n <div class="hidden md:flex lg:flex xl:flex flex-col items-center">\n <div class="text-primary-500 drap-and-drop-text">ziehen Sie Ihre<br/>Kontakte r\xfcber</div>\n <mat-icon icon iconName="arrow" height="100px" width="100px"\n style="height: 100px; width: 100px; margin-bottom: -30px; margin-left: -20px;"\n color="primary"></mat-icon>\n </div>\n <div class="flex flex-col items-center md:flex-row md:items-start">\n <div class="example-container">\n <div\n cdkDropList\n #contactsList="cdkDropList"\n [cdkDropListData]="contacts"\n [cdkDropListConnectedTo]="[confidantsList]"\n class="example-list"\n (cdkDropListDropped)="drop($event)">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="phone_book" color="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3>Adressbuch</h3>\n </div>\n <div class="example-box flex md:hidden lg:hidden xl:hidden items-center">\n <button (click)="newContact()" class="flex-auto" mat-raised-button\n type="button" color="primary">\n <mat-icon icon iconName="single_neutral_actions_add" class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase">Kontakt hinzuf\xfcgen</span>\n </button>\n </div>\n <div class="example-box" *ngFor="let item of contacts; let i = index" cdkDrag>\n <div class="w-full" fxLayout="row" fxLayoutAlign="space-between center">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="single_neutral" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-8 w-8 align-middle mr-3 ml-3" color="primary"></mat-icon>\n <div>{{item.firstname}} {{item.lastname}}</div>\n </div>\n <div fxLayout="row" fxLayoutAlign="end center">\n <button [matMenuTriggerFor]="contactMenu" [matMenuTriggerData]="{contact: item}"\n class="text-secondary" mat-icon-button type="button">\n <mat-icon icon iconName="navigation_menu_vertical"></mat-icon>\n </button>\n <button (click)="selectLastWillExecutioner(i, lastWillExecutioner.length)"\n class="text-secondary hidden md:flex lg:flex xl:flex" mat-icon-button type="button"\n matTooltip="als Betreuer ausw\xe4hlen">\n <mat-icon icon iconName="diagram_arrow_right" color="primary"></mat-icon>\n </button>\n <button (click)="selectLastWillExecutioner(i, lastWillExecutioner.length)"\n class="text-secondary flex md:hidden lg:hidden xl:hidden" mat-icon-button type="button"\n matTooltip="als Betreuer ausw\xe4hlen">\n <mat-icon icon iconName="diagram_arrow_down" color="primary"></mat-icon>\n </button>\n </div>\n </div>\n </div>\n <div class="example-box" *ngIf="contacts.length === 0">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Sie haben keine weiteren Kontakte in Ihrem Adressbuch.\n </div>\n </div>\n </blockquote>\n </div>\n <div class="example-box hidden md:flex lg:flex xl:flex items-center">\n <button (click)="newContact()" class="flex-auto" mat-raised-button\n type="button" color="primary">\n <mat-icon icon iconName="single_neutral_actions_add" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Neuen Kontakt hinzuf\xfcgen</span>\n </button>\n </div>\n </div>\n </div>\n <div class="flex md:hidden lg:hidden xl:hidden flex-col items-center">\n <div class="text-primary-500 drap-and-drop-text2" style="margin-top: -20px; margin-left: -80px;">ziehen Sie\n Ihre<br/>Kontakte r\xfcber\n </div>\n <mat-icon icon iconName="arrow_2" height="100px" width="100px"\n style="height: 100px; width: 100px; margin-top: -70px; margin-bottom: -30px; margin-left: 20px;"\n color="primary"></mat-icon>\n </div>\n <div class="example-container">\n <div\n cdkDropList\n #confidantsList="cdkDropList"\n [cdkDropListData]="lastWillExecutioner"\n [cdkDropListConnectedTo]="[contactsList]"\n class="example-list"\n (cdkDropListDropped)="drop($event)">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="multiple_neutral_1" color="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3>Testamentsvollstrecker(in)</h3>
1\n <span class="ml-2 hidden md:flex lg:flex xl:flex">(max. 1 Person)</span>\n </div>\n <div class="example-box" *ngFor="let item of lastWillExecutioner; let i = index" cdkDrag>\n <div class="w-full" fxLayout="row" fxLayoutAlign="space-between center">\n <div fxLayout="row" fxLayoutAlign="start center">\n <button (click)="deselectLastWillExecutioner(i, contacts.length)"\n class="text-secondary hidden md:flex lg:flex xl:flex" mat-icon-button type="button"\n matTooltip="als Betreuer entfernen">\n <mat-icon icon iconName="diagram_arrow_left" color="primary"></mat-icon>\n </button>\n <mat-icon icon iconName="single_neutral" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-8 w-8 align-middle mr-3 ml-3" color="primary"></mat-icon>\n <div>{{item.firstname}} {{item.lastname}}</div>\n </div>\n <div fxLayout="row" fxLayoutAlign="end center">\n <button [matMenuTriggerFor]="contactMenu" [matMenuTriggerData]="{contact: item}"\n class="text-secondary" mat-icon-button type="button">\n <mat-icon icon iconName="navigation_menu_vertical"></mat-icon>\n </button>\n <button (click)="deselectLastWillExecutioner(i, contacts.length)"\n class="text-secondary flex md:hidden lg:hidden xl:hidden" mat-icon-button type="button"\n matTooltip="als Betreuer entfernen">\n <mat-icon icon iconName="diagram_arrow_up" color="primary"></mat-icon>\n </button>\n </div>\n </div>\n </div>\n <div class="example-box" *ngIf="lastWillExecutioner.length === 0">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Es wurde noch kein(e) Testamentsvollstrecker(in) ausgew\xe4hlt.\n </div>\n </div>\n </blockquote>\n </div>\n </div>\n </div>\n </div>\n <button [disabled]="lastWillExecutioner.length < 1"\n debounceClick (debounceClick)="completeStep()" color="primary" mat-raised-button type="button">\n <mat-icon matSuffix icon iconName="navigation_arrows_right_1" color="secondary" width="20" height="20">\n </mat-icon>\n <span class="uppercase px-2">Weiter zur n\xe4chsten Frage</span>\n </button>\n </mat-step>\n\n <mat-step *ngIf="lastWill.execution == true">\n <ng-template matStepLabel>\n <div class="step-label">\n Verg\xfctung\n </div>\n </ng-template>\n <div class="question">\n Soll der/die Testamentsvollstrecker(in) eine Verg\xfctung erhalten?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setExecutionPaid(true)"\n [class.option-selected]="lastWill.executionPaid == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setExecutionPaid(false)"\n [class.option-selected]="lastWill.executionPaid == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Ein(e) Testamentsvollstrecker(in) kann gem\xe4\xdf \xa7 2221 BGB eine \u201eangemessene Verg\xfctung\u201c als Kompension f\xfcr\n seine/ihre haftungstr\xe4chtige T\xe4tigkeit verlangen, sofern der/die Erblasser(in) in seiner letztwilligen\n Verf\xfcgung nichts anderes bestimmt hat.<br/>\n Das Gesetz legt jedoch nicht fest, in welcher H\xf6he ein Verg\xfctungsanspruch besteht und wie dieser\n berechnet wird. Dies kann gebenenfalls zu Streit zwischen dem/der Testamentsvollstrecker(in)\n und den Erben f\xfchren. Es ist daher empfehlens festzulegen ob und welche Verg\xfctung der/die\n Testamentsvollstrecker(in) f\xfcr seine/ihre T\xe4tigkeit erh\xe4lt und damit einen m\xf6glichen k\xfcnftigen\n Auslegungsstreit zu vermeiden.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n </mat-vertical-stepper>\n </ng-container>\n</ng-container>\n\n<mat-menu #contactMenu="matMenu" xPosition="before" yPosition="below">\n <ng-template matMenuContent let-contact="contact">\n <button mat-menu-item (click)="onEditContact(contact)">\n <mat-icon icon iconName="single_neutral_actions_edit_1"></mat-icon>
1\n <span>Kontakt bearbeiten</span>\n </button>\n <button mat-menu-item (click)="deleteContactDialog.open(contact)">\n <mat-icon icon iconName="single_neutral_actions_remove"></mat-icon>\n <span>Kontakt l\xf6schen</span>\n </button>\n </ng-template>\n</mat-menu>\n\n<dialog [disableClose]="true" #deleteContactDialog (closedChange)="onDeleteContactDialogClosed($event)">\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="stop_sign" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>L\xf6schen best\xe4tigen</h2>\n </div>\n </div>\n\n <mat-dialog-content *ngIf="deleteContactDialog.data" class="text-justify mb-4">\n Sind Sie sicher, dass Sie {{deleteContactDialog.data.firstname}} {{deleteContactDialog.data.lastname}} als Kontakt\n aus Ihrem Adressbuch l\xf6schen m\xf6chten?\n </mat-dialog-content>\n\n <mat-dialog-actions *ngIf="deleteContactDialog.data" align="end">\n <button mat-button color="secondary" [mat-dialog-close]="{contact: deleteContactDialog.data, delete: false}"\n class="uppercase">Abbrechen\n </button>\n <button mat-button color="warn" [mat-dialog-close]="{contact: deleteContactDialog.data, delete: true}"\n class="uppercase">Kontakt l\xf6schen\n </button>\n </mat-dialog-actions>\n\n</dialog>\n\n'},95726:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-vertical-stepper #stepper="matVerticalStepper" matVerticalStepperScroller [linear]="false"\n [selectedIndex]="selectedTab.value" (selectionChange)="onStepSelectionChange($event)"\n class="-ml-4 sm:ml-0 md:ml-0">\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Selbstverfasste Anweisungen\n </div>\n </ng-template>\n <div class="question">\n M\xf6chten Sie zus\xe4tzlich selbstverfasste Anweisungen in Ihr Testament aufnehmen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setFurtherInstructions(true)"\n [class.option-selected]="lastWill.furtherInstructions == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setFurtherInstructions(false)"\n [class.option-selected]="lastWill.furtherInstructions == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n </mat-step>\n\n <mat-step *ngIf="lastWill.furtherInstructions == true">\n <ng-template matStepLabel>\n <div class="step-label">\n Auflistung weiterer W\xfcnsche\n </div>\n </ng-template>\n <div class="question">\n Wie lauten Ihre weiteren W\xfcnsche?\n </div>\n <div class="md:px-6 mt-4 mb-4" fxLayout="column">\n <quill-editor [(ngModel)]="furtherInstructionsDescription" [modules]="modules"\n (onContentChanged)="onFurtherInstructionsDescriptioContentChanged($event)"\n placeholder="Bitte dokumentieren Sie hier Ihre weiteren W\xfcnsche.">\n </quill-editor>\n <div *ngIf="furtherInstructionsDescriptionDelta.length() > 0" fxLayout="row" fxLayout.xs="column"\n fxLayoutAlign="start center">\n <button color="primary" class="m-2" mat-raised-button\n debounceClick (debounceClick)="saveFurtherInstructionsDescriptionAndCompleteInterview()"\n type="button">\n <mat-icon matSuffix icon iconName="check_double" color="secondary" width="20" height="20">\n </mat-icon>
1\n <span class="uppercase px-2">\xc4nderungen speichern</span>\n </button>\n <button class="m-2" mat-raised-button [ngClass]="[\'bg-gray-100\', \'text-contrast-black\']"\n debounceClick (debounceClick)="resetFurtherInstructionsDescription()" type="button">\n <mat-icon matSuffix icon iconName="prohibited" color="secondary" width="20" height="20">\n </mat-icon>\n <span class="uppercase px-2">\xc4nderungen verwerfen</span>\n </button>\n </div>\n </div>\n <button debounceClick (debounceClick)="completeInterview()"\n class="md:mx-6" color="primary" mat-raised-button type="button">\n <mat-icon matSuffix icon iconName="navigation_arrows_right_1" color="secondary" width="20" height="20">\n </mat-icon>\n <span class="uppercase px-2">Interview abschlie\xdfen</span>\n </button>\n </mat-step>\n\n </mat-vertical-stepper>\n</ng-container>\n'},48177:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-vertical-stepper #stepper="matVerticalStepper" matVerticalStepperScroller [linear]="false"\n [selectedIndex]="selectedTab.value" (selectionChange)="onStepSelectionChange($event)"\n class="-ml-4 sm:ml-0 md:ml-0">\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label" *ngIf="lastWill.willType != \'married\'">\n Auswahl der Erben\n </div>\n <div class="step-label" *ngIf="lastWill.willType == \'married\'">\n Auswahl der Schlusserben\n </div>\n </ng-template>\n <h3 class="mb-4 md:mb-0" *ngIf="lastWill.willType != \'married\'">\n Wen m\xf6chten Sie als Erben einsetzen?\n </h3>\n <h3 class="mb-4 md:mb-0" *ngIf="lastWill.willType == \'married\'">\n Wen m\xf6chten Sie als Schlusserben einsetzen?\n </h3>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Schlusserben sind Personen, die in einem gemeinschaftlichen Testament nach den Tod des\n letztversterbenden Ehepartners/Ehepartnerin der Vollerbe des Verm\xf6gens wird.\n </div>\n </div>\n </blockquote>\n <div class="hidden md:flex lg:flex xl:flex flex-col items-center">\n <div class="text-primary-500 drap-and-drop-text">ziehen Sie Ihre<br/>Kontakte r\xfcber</div>\n <mat-icon icon iconName="arrow" height="100px" width="100px"\n style="height: 100px; width: 100px; margin-bottom: -30px; margin-left: -20px;"\n color="primary"></mat-icon>\n </div>\n <div class="flex flex-col items-center md:flex-row md:items-start">\n <div class="example-container">\n <div\n cdkDropList\n #contactsList="cdkDropList"\n [cdkDropListData]="contacts"\n [cdkDropListConnectedTo]="[heirList]"\n class="example-list"\n (cdkDropListDropped)="drop($event)">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="phone_book" color="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3>Adressbuch</h3>\n </div>\n <div class="example-box flex md:hidden lg:hidden xl:hidden items-center">\n <button (click)="newContact()" class="flex-auto" mat-raised-button\n type="button" color="primary">\n <mat-icon icon iconName="single_neutral_actions_add" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Kontakt hinzuf\xfcgen</span>\n </button>\n </div>\n <div class="example-box" *ngFor="let item of contacts; let i = index" cdkDrag>\n <div class="w-full" fxLayout="row" fxLayoutAlign="space-between center">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="single_neutral" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-8 w-8 align-middle mr-3 ml-3" color="primary"></mat-icon>\n <div>{{item.firstname}} {{item.lastname}}</div>\n </div>\n <div fxLayout="row" fxLayoutAlign="end center">\n <button [matMenuTriggerFor]="contactMenu" [matMenuTriggerData]="{contact: item}"\n class="text-secondary" mat-icon-button type="button">\n <mat-icon icon iconName="navigation_menu_vertical"></mat-icon>\n </button>\n <button (click)="selectHeir(i, heir.length)"\n class="text-secondary hidden md:flex lg:flex xl:flex" mat-icon-button type="button"\n matTooltip="als Erben ausw\xe4hlen">\n <mat-icon icon iconName="diagram_arrow_right" color="primary"></mat-icon>\n </button>\n <button (click)="selectHeir(i, heir.length)"\n class="text-secondary flex md:hidden lg:hidden xl:hidden" mat-icon-button type="button"\n matTooltip="als Erben ausw\xe4hlen">\n <mat-icon icon iconName="diagram_arrow_down" color="primary"></mat-icon>\n </button>\n </div>\n </div>\n </div>\n <div class="example-box" *ngIf="contacts.length === 0">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Sie haben keine weiteren Kontakte in Ihrem Adressbuch.\n </div>\n </div>\n </blockquote>\n </div>\n <div class="example-box hidden md:flex lg:flex xl:flex items-center">\n <button (click)="newContact()" class="flex-auto" mat-raised-button\n type="button" color="primary">\n <mat-icon icon iconName="single_neutral_actions_add" class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase">Neuen Kontakt hinzuf\xfcgen</span>\n </button>\n </div>\n </div>\n </div>\n <div class="flex md:hidden lg:hidden xl:hidden flex-col items-center">\n <div class="text-primary-500 drap-and-drop-text2" style="margin-top: -20px; margin-left: -80px;">ziehen Sie\n Ihre<br/>Kontakte r\xfcber\n </div>\n <mat-icon icon iconName="arrow_2" height="100px" width="100px"\n style="height: 100px; width: 100px; margin-top: -70px; margin-bottom: -30px; margin-left: 20px;"\n color="primary"></mat-icon>\n </div>\n <div class="example-container">\n <div\n cdkDropList\n #heirList="cdkDropList"\n [cdkDropListData]="heir"\n [cdkDropListConnectedTo]="[contactsList]"\n class="example-list"\n (cdkDropListDropped)="drop($event)">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="multiple_actions_money" color="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3 *ngIf="lastWill.willType != \'married\'">Erben</h3>\n <h3 *ngIf="lastWill.willType == \'married\'">Schlusserben</h3>\n <span class="ml-2 hidden md:flex lg:flex xl:flex">(max. 5 Personen)</span>\n </div>\n <div class="example-box" *ngFor="let item of heir; let i = index" cdkDrag>\n <div class="w-full" fxLayout="row" fxLayoutAlign="space-between center">\n <div fxLayout="row" fxLayoutAlign="start center">\n <button (click)="deselectHeir(i, contacts.length)"\n class="text-secondary hidden md:flex lg:flex xl:flex" mat-icon-button type="button"\n matTooltip="als Erben entfernen">\n <mat-icon icon iconName="diagram_arrow_left" color="primary"></mat-icon>\n </button>\n <mat-icon icon iconName="single_neutral" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-8 w-8 align-middle mr-3 ml-3" color="primary"></mat-icon>\n <div>{{item.firstname}} {{item.lastname}}</div>\n </div>\n <div fxLayout="row" fxLayoutAlign="end center">\n <button [matMenuTriggerFor]="contactMenu" [matMenuTriggerData]="{contact: item}"\n class="text-secondary" mat-icon-button type="button">\n <mat-icon icon iconName="navigation_menu_vertical"></mat-icon>\n </button>\n <button (click)="deselectHeir(i, contacts.length)"\n class="text-secondary flex md:hidden lg:hidden xl:hidden" mat-icon-button type="button"\n matTooltip="als Erben entfernen">\n <mat-icon icon iconName="diagram_arrow_up" color="primary"></mat-icon>\n </button>\n </div>\n </div>\n </div>\n <div class="example-box" *ngIf="heir.length === 0">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4" *ngIf="lastWill.willType != \'married\'">\n Es wurden noch keine Erben ausgew\xe4hlt.\n </div>\n <div class="sm:pl-4" *ngIf="lastWill.willType == \'married\'">\n Es wurden noch keine Schlusserben ausgew\xe4hlt.\n </div>\n </div>\n </blockquote>\n </div>\n </div>\n </div>\n </div>\n <button debounceClick (debounceClick)="completeStep()"\n [disabled]="heir.length < 1" color="primary" mat-raised-button type="button">\n <mat-icon matSuffix icon iconName="navigation_arrows_right_1" color="secondary" width="20" height="20">\n </mat-icon>
1\n <span class="uppercase px-2">Weiter zur n\xe4chsten Frage</span>\n </button>\n </mat-step>\n\n <mat-step\n *ngIf="heir.length > 1">\n <ng-template matStepLabel>\n <div class="step-label">\n Art der Verteilung\n </div>\n </ng-template>\n <div class="question">\n Wie soll Ihr Erbe zwischen den Beg\xfcnstigen verteilt werden?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setDistribution(\'evenly\')"\n [class.option-selected]="lastWill.distribution == \'evenly\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="legal_scale_1" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">gleichm\xe4\xdfig</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setDistribution(\'other\')"\n [class.option-selected]="lastWill.distribution == \'other\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="legal_scale_unequal_1" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">andere Verteilung</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n </mat-step>\n\n <mat-step *ngIf="heir.length > 1 && lastWill.distribution == \'other\'">\n <ng-template matStepLabel>\n <div class="step-label">\n Verteilung festlegen\n </div>\n </ng-template>\n <div class="question">\n Wie soll Ihr Erbe zwischen den Beg\xfcnstigten verteilt werden?\n </div>\n <div class="mt-4" fxLayout="row" fxLayoutAlign="center start">\n <div class="example-container">\n <div class="example-list">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="analytics_pie_1" color="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3>Verteilung des Erbes</h3>\n </div>\n <div class="example-box" *ngFor="let item of heir; let i = index; trackBy: trackByFn">\n <div class="w-full" fxLayout="row" fxLayoutAlign="start center">\n <mat-label class="w-full">Anteil von {{item.firstname}} {{item.lastname}}:</mat-label>\n <mat-form-field>\n <input #lastWillDistribution class="text-right"\n matInput [ngModel]="item.lastWillDistribution" type="number" pattern="^\\d*(\\.\\d{0,2})?$"\n required ngModelOptions="blur"\n min="0" max="100" (change)="updateLastWillDistribution(item, $event)">\n <span matSuffix>%</span>\n </mat-form-field>\n </div>\n <div class="w-full -mt-4" fxLayout="row" fxLayoutAlign="start start">\n <mat-error *ngIf="item.lastWillDistribution > 100">\n Der Anteil muss zwischen 0 und 100 Prozent liegen.\n </mat-error>\n </div>\n </div>\n <div class="contact-box-header" fxLayout="column" fxLayoutAlign="start center">\n <div class="w-full" fxLayout="row" fxLayoutAlign="start center">\n <mat-label class="mr-2"><strong>Summe:</strong></mat-label>\n <mat-form-field class="w-full">\n <input #lastWillDistribution class="text-right"\n matInput [ngModel]="this.lastWillDistributionTotal" type="number" required\n min="100" max="100" [readonly]="true">
1\n <span matSuffix>%</span>\n </mat-form-field>\n </div>\n <div class="w-full -mt-4" fxLayout="row" fxLayoutAlign="start start">\n <mat-error *ngIf="this.lastWillDistributionTotal != 100">\n Die Summe aller Anteile muss 100 % ergeben.\n </mat-error>\n </div>\n </div>\n </div>\n </div>\n </div>\n <button debounceClick (debounceClick)="completeStep()" color="primary" mat-raised-button\n type="button" class="mt-6">\n <mat-icon matSuffix icon iconName="navigation_arrows_right_1" color="secondary" width="20" height="20">\n </mat-icon>\n <span class="uppercase px-2">Weiter zur n\xe4chsten Frage</span>\n </button>\n </mat-step>\n\n <mat-step *ngFor="let item of heir; let i = index; trackBy: trackByFn">\n <ng-template matStepLabel>\n <div class="step-label">\n Ersatzerben f\xfcr {{item.firstname}} {{item.lastname}}\n </div>\n </ng-template>\n <p class="question">\n Wenn {{item.firstname}} {{item.lastname}} das Erbe nicht antreten kann, wie soll mit\n <span *ngIf="item.legalGender == \'male\'">seinem</span>\n <span *ngIf="item.legalGender == \'female\'">ihrem</span>\n <span *ngIf="item.legalGender == \'miscellaneous\'">seinem/ihrem</span>\n Erbteil verfahren werden?\n </p>\n <div class="md:px-6" fxLayout="column">\n <div class="flex flex-wrap -mx-1 overflow-visible">\n\n <div *ngIf="heir.length > 1"\n class="my-2 px-2 w-full overflow-visible sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button\n debounceClick (debounceClick)="setLastWillSubstituteType(item, \'other_heir\', i)"\n [class.option-selected]="item.lastWillSubstituteType == \'other_heir\'">\n <div class="option-button w-full">\n <mat-icon matSuffix icon iconName="analytics_pie_2" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="lastWill.willType != \'married\'">an die verbleibenden Erben\n verteilen\n </div>\n <div class="option-button-text" *ngIf="lastWill.willType == \'married\'">an die verbleibenden Schlusserben\n verteilen\n </div>\n </div>\n </button>\n </div>\n\n <div class="my-2 px-2 w-full overflow-visible sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setLastWillSubstituteType(item, \'children\', i)"\n [class.option-selected]="item.lastWillSubstituteType == \'children\'">\n <div class="option-button w-full">\n <mat-icon matSuffix icon iconName="hierarchy" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">an <span *ngIf="item.legalGender == \'male\'">seine</span>\n <span *ngIf="item.legalGender == \'female\'">ihre</span>\n <span *ngIf="item.legalGender == \'miscellaneous\'">sene/ihre</span> Kinder \xfcbertragen\n </div>\n </div>\n </button>\n </div>\n\n <div class="my-2 px-2 w-full overflow-visible sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setLastWillSubstituteType(item, \'law\', i)"\n [class.option-selected]="item.lastWillSubstituteType == \'law\'">\n <div class="option-button w-full">\n <mat-icon matSuffix icon iconName="legal_scale_document" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">entsprechend gesetzlicher Erbfolge</div>\n </div>\n </button>\n </div>\n\n <div class="my-2 px-2 w-full overflow-visible sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4">\n <button class="option w-full h-full" mat-raised-button debounceClick\n (debounceClick)="setLastWillSubstituteType(item,\'substitute\', i)"\n [class.option-selected]="item.lastWillSubstituteType == \'substitute\'">\n <div class="option-button w-full">\n <mat-icon matSuffix icon iconName="human_resources_hierarchy" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ersatzerben festlegen</div>\n </div>\n </button>\n </div>\n\n </div>\n\n <div *ngIf="item.lastWillSubstituteType == \'substitute\'"\n class="mt-4" fxLayout="column" fxLayoutAlign="center start">\n <div class="example-container pl-4 pt-4">\n <div class="example-list">\n <div class="contact-box-header" fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="multiple_actions_money" c
1olor="primary" width="30" height="30"\n class="mr-4">\n </mat-icon>\n <h3>Ersatzerbe</h3>\n </div>\n <div class="example-box">\n <div class="w-full" fxLayout="column" fxLayoutAlign="start start">\n <div fxLayout="column" fxLayoutAlign="start start">\n <mat-label style="color: rgba(0, 0, 0, 0.54)">Geschlecht\n </mat-label>\n <mat-button-toggle-group [required]="true"\n [ngModel]="item.lastWillSubstituteGender"\n (change)="setLastWillSubstituteGender(item, $event)"\n class="flex flex-col sm:flex-row items-start">\n <mat-button-toggle value="male">\n <mat-icon icon iconName="gender_male" color="primary" width="24" height="24"\n class="mr-2">\n </mat-icon>\n <span class="body-1">M\xe4nnlich</span>\n </mat-button-toggle>\n <mat-button-toggle value="female">\n <mat-icon icon iconName="gender_female" color="primary" width="24" height="24"\n class="mr-2">\n </mat-icon>\n <span class="body-1">Weiblich</span>\n </mat-button-toggle>\n <mat-button-toggle value="miscellaneous">\n <mat-icon icon iconName="gender_neutral" color="primary" width="24" height="24"\n class="mr-2">\n </mat-icon>\n <span class="body-1">Divers</span>\n </mat-button-toggle>\n </mat-button-toggle-group>\n <mat-hint class="text-hint">\n Geschlecht des Ersatzerben\n </mat-hint>\n </div>\n <mat-form-field class="w-full mt-2">\n <mat-icon matPrefix icon iconName="single_neutral_id_card_4" color="primary"\n class="mr-2"></mat-icon>\n <mat-label>Name</mat-label>\n <input #name matInput [required]="true" (change)="setLastWillSubstituteName(item, $event)"\n [ngModel]="item.lastWillSubstituteName" class="data-hj-suppress" minLength="1"\n maxLength="50">\n <mat-hint>\n Vor- und Nachname des Ersatzerben\n </mat-hint>\n <mat-hint align="end" aria-live="polite">\n {{name.value.length}} / 50\n </mat-hint>\n </mat-form-field>\n <mat-form-field class="w-full">\n <mat-label>Geburtstag</mat-label>\n <input matInput required #birthday [ngModel]="this.lastWillSubstituteBirthday[i]"\n [matDatepicker]="birthdayPicker" class="data-hj-suppress"\n (dateChange)="setLastWillSubstituteBirthday(item, $event, i)">\n <mat-icon icon iconName="calendar_date" color="primary" matPrefix class="mr-2"></mat-icon>\n <mat-datepicker-toggle [for]="birthdayPicker" matSuffix>\n <mat-icon matDatepickerToggleIcon>mouse</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #birthdayPicker touchUi startView="multi-year"\n [startAt]="startBirthdayDate"></mat-datepicker>\n <mat-hint>\n Verwenden Sie bitte das Format DD.MM.YYYY (z.B. 30.12.1960).\n </mat-hint>\n </mat-form-field>\n </div>\n </div>\n </div>\n </div>\n <button debounceClick (debounceClick)="completeSubstitute(i)" color="primary" mat-raised-button\n type="button" class="ml-4">\n <mat-icon matSuffix icon iconName="navigation_arrows_right_1" color="secondary" width="20" height="20">\n </mat-icon>
1\n <span class="uppercase px-2">Weiter zur n\xe4chsten Frage</span>\n </button>\n </div>\n </div>\n </mat-step>\n\n </mat-vertical-stepper>\n</ng-container>\n\n<mat-menu #contactMenu="matMenu" xPosition="before" yPosition="below">\n <ng-template matMenuContent let-contact="contact">\n <button mat-menu-item (click)="onEditContact(contact)">\n <mat-icon icon iconName="single_neutral_actions_edit_1"></mat-icon>\n <span>Kontakt bearbeiten</span>\n </button>\n <button mat-menu-item (click)="deleteContactDialog.open(contact)">\n <mat-icon icon iconName="single_neutral_actions_remove"></mat-icon>\n <span>Kontakt l\xf6schen</span>\n </button>\n </ng-template>\n</mat-menu>\n\n<dialog [disableClose]="true" #deleteContactDialog (closedChange)="onDeleteContactDialogClosed($event)">\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="stop_sign" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>L\xf6schen best\xe4tigen</h2>\n </div>\n </div>\n\n <mat-dialog-content *ngIf="deleteContactDialog.data" class="text-justify mb-4">\n Sind Sie sicher, dass Sie {{deleteContactDialog.data.firstname}} {{deleteContactDialog.data.lastname}} als Kontakt\n aus Ihrem Adressbuch l\xf6schen m\xf6chten?\n </mat-dialog-content>\n\n <mat-dialog-actions *ngIf="deleteContactDialog.data" align="end">\n <button mat-button color="secondary" [mat-dialog-close]="{contact: deleteContactDialog.data, delete: false}"\n class="uppercase">Abbrechen\n </button>\n <button mat-button color="warn" [mat-dialog-close]="{contact: deleteContactDialog.data, delete: true}"\n class="uppercase">Kontakt l\xf6schen\n </button>\n </mat-dialog-actions>\n\n</dialog>\n\n<dialog [disableClose]="true" #selectHeirDialog (closedChange)="onSelectHeirDialogClosed($event)">\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="multiple_actions_heart" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>Erben ausw\xe4hlen</h2>\n </div>\n </div>\n\n <mat-dialog-content class="mb-4">\n <p><strong>Sie haben noch keine Erben ausgew\xe4hlt. M\xf6chten Sie trotzdem fortfahren?</strong></p>\n <br/>\n <p>Um einen Erben auszuw\xe4hlen, ziehen Sie einen Kontakt aus Ihrem Adressbuch in den Bereich\n "Erben" oder klicken Sie neben dem Namen auf die Schaltfl\xe4che:\n <mat-icon icon iconName="diagram_arrow_right" color="primary"\n class="ml-2 mr-2 hidden md:flex lg:flex xl:flex"></mat-icon>\n <mat-icon icon iconName="diagram_arrow_down" color="primary"\n class="ml-2 mr-2 flex md:hidden lg:hidden xl:hidden"></mat-icon>\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="secondary" [mat-dialog-close]="{contact: selectHeirDialog.data, continue: true}"\n class="uppercase">Ignorieren\n </button>\n <button mat-button color="primary" [mat-dialog-close]="{contact: selectHeirDialog.data, continue: false}"\n class="uppercase hidden md:flex lg:flex xl:flex">Zur\xfcck und Erben ausw\xe4hlen\n </button>\n <button mat-button color="primary" [mat-dialog-close]="{contact: selectHeirDialog.data, continue: false}"\n class="uppercase flex md:hidden lg:hidden xl:hidden">Zur\xfcck\n </button>\n </mat-dialog-actions>\n\n</dialog>\n'},64786:s=>{s.exports='<div>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-icon-button type="button" class="close-button" debounceClick (debounceClick)="close()">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <mat-dialog-content fxLayout="column">\n <div class="p-6 pb-0" fxLayout="column" fxLayoutAlign="center center">\n <div class="fill-current text-center">\n <img src="assets/images/undraw_finish_line.svg" style="height: 100px">\n </div>\n </div>\n <p class="m-4 text-center text-xl">\n <strong>Interview abgeschlossen</strong>\n </p>\n <p class="m-4 text-center text-lg">\n Sie haben erfolgreich das Interview abgeschlossen.\n </p>\n <div class="pl-2" style="border-left-style: solid; border-color: #5c77ff; border-left-width: 3px;">\n <strong class="uppercase">N\xe4chster Schritt:</strong>\n Basierend auf Ihren Antworten generiert unser System nun Ihr individuelles Testament. \xdcberpr\xfcfen Sie\n den generierten Entwurf und stellen Sie sicher, dass alle Angaben Ihren W\xfcnschen entsprechen.\n Um das Testament rechtswirksam zu machen, m\xfcssen Sie das Dokument <strong>vollst\xe4ndig handschriftlich</strong>\n verfassen.\n </div>\n <div fxLayout="column" fxLayoutAlign="center center" class="mt-4">\n <button mat-raised-button color="primary" class="mr-2" debounceClick (debounceClick)="redirectToDraft()">\n <mat-icon icon iconName="printer_view" class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase">Entwurf ansehen</span>\n </button>\n </div>\n </mat-dialog-content>\n</div>\n'},93985:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <div class="card bg-primary-500" fxLayout="row" fxLayout.xs="column">\n <div class="p-4 ml-4" fxFlex="none" fxFlexAlign="center">\n <img src="assets/images/undraw_check_boxes.svg" style="height: 100px">\n </div>\n <div class="p-6 text-primary-contrast-500" fxFlex="auto">\n <h2 class="headline m-0">Testament erstellen</h2>\n <div>\n <p>Beantworten Sie die folgenden Fragen und unser intelligenter Assistent erstellt Ihre individuelles\n Testament basierend auf Ihren Antworten.</p>\n </div>\n <div class="mt-4" fxLayout="row" fxLayoutAlign="start center">\n <div>\n <button type="button" color="secodary"\n mat-raised-button\n class="ltr:mr-2 rtl:ml-2 ltr:-ml-1 rtl:-mr-1"\n (click)="nextPage()">\n <mat-icon icon iconName="button_play" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Interview starten</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div class="card mt-2" fxLayout="row" fxLayout.xs="column" style="background-color: #ecefff;"\n *ngIf="deviceDetectorService.isMobile()">\n <div class="p-6" fxFlex="auto">\n <div>\n <p>\n <strong class="uppercase">Hinweis: </strong> F\xfcr eine bessere, einfachere Benutzerf\xfchrung empfehlen\n wir das Interview auf einem Computer oder Tablet durchzuf\xfchren.\n </p>\n </div>\n </div>\n </div>\n\n</ng-container>\n'},99426:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<mat-pages #pages title="Testament" class="w-full flex-auto flex" *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-page-loader id="introduction">\n <mat-page-outlook title="Einf\xfchrung">\n </mat-page-outlook>\n <mat-page-content title="Einf\xfchrung">\n <introduction [pages]="pages">\n </introduction>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="personal-information">\n <mat-page-outlook title="Pers\xf6nliche Daten">\n </mat-page-outlook>\n <mat-page-content title="Pers\xf6nliche Daten">\n <personal-information [pages]="pages"></personal-information>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="basics">\n <mat-page-outlook title="Grundlagen">\n </mat-page-outlook>\n <mat-page-content title="Grundlagen">\n <basics [pages]="pages"></basics>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="heir">\n <mat-page-outlook [title]="this.heirTitle">\n </mat-page-outlook>\n <mat-page-content [title]="this.heirTitle">\n <heir [pages]="pages"></heir>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="legacy">\n <mat-page-outlook title="Verm\xe4chtnisse">\n </mat-page-outlook>\n <mat-page-content title="Verm\xe4chtnisse">\n <legacy [pages]="pages"></legacy>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="execution">\n <mat-page-outlook title="Testamentsvollstreckung">\n </mat-page-outlook>\n <mat-page-content title="Testamentsvollstreckung">\n <execution [pages]="pages"></execution>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="conditions">\n <mat-page-outlook title="Rahmenbedingungen">\n </mat-page-outlook>\n <mat-page-content title="Rahmenbedingungen">\n <conditions [pages]="pages"></conditions>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="legal-competence">\n <mat-page-outlook title="Testierf\xe4higkeit">\n </mat-page-outlook>\n <mat-page-content title="Testierf\xe4higkeit">\n <legal-competence [pages]="pages"></legal-competence>\n </mat-page-content>\n </mat-page-loader>\n <mat-page-loader id="furtherInstructions">\n <mat-page-outlook title="Weitere Anweisungen">\n </mat-page-outlook>\n <mat-page-content title="Weitere Anweisungen">\n <further-instructions [pages]="pages"></further-instructions>\n </mat-page-content>\n </mat-page-loader>\n</mat-pages>\n'},15643:s=>{s.exports='<div class="card overflow-hidden bg-app-bar p-2 m-2">\n <div class="text-center h-full">\n\n <h2 class="title mb-1 mt-3 data-hj-suppress">{{ legacy?.description }}</h2>\n <p>f\xfcr</p>\n <p>{{ legacy?.name }}</p>\n\n </div>\n\n <div fxLayout="row" fxLayoutAlign="end end">\n <button mat-button color="primary" (click)="openLegacy.emit
1(legacy.id)"\n class="mr-2 -ml-1 uppercase">bearbeiten\n </button>\n <button mat-button color="warn" (click)="emitDeleteLegacy($event, legacy.id)"\n class="mr-2 -ml-1 uppercase">l\xf6schen\n </button>\n </div>\n</div>\n'},25992:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <form (ngSubmit)="save()" [formGroup]="form" invalidControlScroll>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-icon-button type="button" class="close-button" debounceClick (debounceClick)="close()">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div fxLayout="row" fxLayoutAlign="start center" mat-dialog-title>\n <mat-icon icon iconName="legacy" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-12 w-12 align-middle ltr:mr-5 rtl:ml-5" color="primary"></mat-icon>\n <h2\n *ngIf="form.get(\'description\').value != \'\' && form.get(\'description\').value != null && form.get(\'description\').value != undefined"\n class="m-0 data-hj-suppress"\n fxFlex="auto">Verm\xe4chtnis: {{ form.get(\'description\').value }}</h2>\n\n <h2\n *ngIf="form.get(\'description\').value == \'\' || form.get(\'description\').value == null || form.get(\'description\').value == undefined"\n class="m-0" fxFlex="auto">Neues Verm\xe4chtnis hinzuf\xfcgen</h2>\n </div>\n\n <mat-divider class="-mx-6 text-border"></mat-divider>\n\n <mat-dialog-content fxLayout="column">\n <div class="pt-6">\n <div class="mb-2" fxLayout="row" fxLayoutAlign="start start">\n <p class="text-lg leading-7 font-medium tracking-tight text-gray-900">\n Was m\xf6chten Sie als Verm\xe4chtnis anordnen?\n </p>\n </div>\n <div\n class="grid grid-cols-1 row-gap-8 sm:grid-cols-1 sm:col-gap-5 sm:row-gap-6 md:grid-cols-1 lg:col-span-3">\n <mat-form-field>\n <mat-label>Beschreibung</mat-label>\n <input #description matInput [required]="true" formControlName="description"\n [ngModel]="legacy.description" class="data-hj-suppress">\n <mat-hint>\n Beschreibung des Gegenstandes z.B. Klavier oder Geldsumme z.B. 5.000 \u20ac\n </mat-hint>\n <mat-hint align="end" aria-live="polite">\n {{description.value.length}} / {{descriptionMaxLength}}\n </mat-hint>\n <mat-error *ngIf="form.controls.description.hasError(\'required\')">\n Beschreibung ist erforderlich.\n </mat-error>\n <mat-error *ngIf="!form.controls.description.hasError(\'required\')\n && (form.controls[\'description\'].hasError(\'minlength\')\n || form.controls[\'description\'].hasError(\'maxlength\'))">\n Beschreibung muss zwischen {{descriptionMinLength}} und {{descriptionMaxLength}} Zeichen lang sein.\n </mat-error>\n </mat-form-field>\n </div>\n </div>\n <div *ngIf="lastWill.willType == \'married\'"\n class="border-t border-gray-200 pt-6 mt-6">\n <div class="mb-2" fxLayout="row" fxLayoutAlign="start start">\n <p class="text-lg leading-7 font-medium tracking-tight text-gray-900">\n Von wem geht das Verm\xe4chtnis aus?\n </p>\n </div>\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setFrom(\'self\')"\n [class.option-selected]="from == \'self\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">von mir</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setFrom(\'partner\')"\n [class.option-selected]="from == \'partner\'">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">vom/von Ehepartner(in)</div>\n </div>\n </button>\n </div>\n <div style="font-size: 75%; color:red"\n *ngIf="formSubmitted && (from == null || from == undefined)">\n Bitte legen Sie fest vom wem das Verm\xe4chtnis ausgeht.\n </div>\n </div>\n </div>\n <div class="border-t border-gray-200 pt-6 mt-6">\n <div class="mb-2" fxLayout="row" fxLayoutAlign="start start">\n <p class="text-lg leading-7 font-medium tracking-tight text-gray-900">\n Wem soll das Verm\xe4chtnis zukommen?\n </p>\n </div>\n <div\n class="grid grid-cols-1 row-gap-8 sm:grid-cols-1 sm:col-gap-5 sm:row-gap-6 md:grid-cols-1 lg:col-span-3">\n <div fxLayout="column" fxLayoutAlign="start start">\n <mat-label style="color: rgba(0, 0, 0, 0.54)">Geschlecht\n </mat-label>\n <mat-button-toggle-group [required]="true" formControlName="gender" #gender autofocus\n [ngModel]="legacy.gender"\n class="flex flex-col sm:flex-row items-start">\n <mat-button-toggle value="male">\n <mat-icon icon iconName="gender_male" color="primary" width="24" height="24"\n class="mr-2">\n </mat-icon>
1\n <span class="body-1">M\xe4nnlich</span>\n </mat-button-toggle>\n <mat-button-toggle value="female">\n <mat-icon icon iconName="gender_female" color="primary" width="24" height="24"\n class="mr-2">\n </mat-icon>\n <span class="body-1">Weiblich</span>\n </mat-button-toggle>\n <mat-button-toggle value="miscellaneous">\n <mat-icon icon iconName="gender_neutral" color="primary" width="24" height="24"\n class="mr-2">\n </mat-icon>\n <span class="body-1">Divers</span>\n </mat-button-toggle>\n </mat-button-toggle-group>\n <mat-hint class="text-hint" *ngIf="!(formSubmitted && form.controls.gender.hasError(\'required\'))">\n Geschlecht des/der Beg\xfcnstigten\n </mat-hint>\n <mat-error style="font-size: 75%;"\n *ngIf="formSubmitted && form.controls.gender.hasError(\'required\')">\n Geschlecht ist erforderlich.\n </mat-error>\n <mat-form-field class="w-full">\n <mat-label>Name</mat-label>\n <mat-icon icon iconName="single_neutral_id_card_4" color="primary" matPrefix class="mr-2"></mat-icon>\n <input #name matInput [required]="true" formControlName="name"\n [ngModel]="legacy.name" class="data-hj-suppress">\n <mat-hint>\n Vor- und Nachname des/der Beg\xfcnstigten\n </mat-hint>\n <mat-hint align="end" aria-live="polite">\n {{name.value.length}} / {{nameMaxLength}}\n </mat-hint>\n <mat-error *ngIf="form.controls.description.hasError(\'required\')">\n Name des/der Beg\xfcnstigten ist erforderlich.\n </mat-error>\n <mat-error *ngIf="!form.controls.description.hasError(\'required\')\n && (form.controls[\'description\'].hasError(\'minlength\')\n || form.controls[\'description\'].hasError(\'maxlength\'))">\n Name des/der Beg\xfcnstigten muss zwischen {{nameMinLength}} und {{nameMaxLength}} Zeichen lang sein.\n </mat-error>\n </mat-form-field>\n <mat-form-field class="w-full">\n <mat-label>Geburtstag</mat-label>\n <input matInput formControlName="birthday" [ngModel]="birthday" required\n [matDatepicker]="birthdayPicker" class="data-hj-suppress">\n <mat-icon icon iconName="calendar_date" color="primary" matPrefix class="mr-2"></mat-icon>\n <mat-datepicker-toggle [for]="birthdayPicker" matSuffix>\n <mat-icon matDatepickerToggleIcon>mouse</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #birthdayPicker touchUi startView="multi-year"\n [startAt]="startBirthdayDate"></mat-datepicker>\n <mat-hint>\n Verwenden Sie bitte das Format DD.MM.YYYY (z.B. 30.12.1960).\n </mat-hint>\n <mat-error *ngIf="form.controls[\'birthday\'].hasError(\'required\')">\n Geburtstag ist erforderlich.\n </mat-error>\n <mat-error *ngIf="form.controls[\'birthday\'].hasError(\'matDatepickerParse\')">\n "{{form.controls[\'birthday\'].getError(\'matDatepickerParse\').text}}"\n ist ein ung\xfcltiges Datum.\n </mat-error>\n </mat-form-field>\n </div>\n </div>\n </div>\n\n </mat-dialog-content>\n\n <mat-dialog-actions fxLayout="row" fxLayoutAlign="end center" class="mt-1 mb-1">\n <button mat-button color="secondary" debounceClick (debounceClick)="cancel()"\n class="mr-2 -ml-1 uppercase">Abbrechen\n </button>\n <button mat-raised-button type="submit" color="primary"\n class="mr-2 -ml-1 uppercase">Verm\xe4chtnis speichern\n </button>\n </mat-dialog-actions>\n </form>\n</ng-container>\n'},32311:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-vertical-stepper #stepper="matVerticalStepper" matVerticalStepperScroller [linear]="false"\n [selectedIndex]="selectedTab.value" (selectionChange)="onStepSelectionChange($event)"\n class="-ml-4 sm:ml-0 md:ml-0">\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Verm\xe4chtnisse anordnen\n </div>\n </ng-template>\n <div class="question">\n M\xf6chten Sie Verm\xe4chtnisse anordnen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setLegacy(true)"\n [class.option-selected]="lastWill.legacy == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setLegacy(false)"\n [class.option-selected]="lastWill.legacy == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Mit einem Verm\xe4chtnis ist es m\xf6glich etwas aus dem Nachlass (Geldsumme oder Gegenst\xe4nde z. B. Klavier)\n einem/einer Beg\xfcnstigten zukommen zu lassen, ohne diese(n) als Erben/Erbin zu bennen (\xa7 1939 BGB). Der/Die\n Verm\xe4chtnisnehmer(in) kann das Vermachte von den Erben verlangen (\xa7 2174 BGB), wird jedoch kein(e)\n Eigent\xfcmer(in). Der/Die Beg\xfcnstigte ben\xf6tigt kein Erbschein, haftet nicht f\xfcr die Schulden des\n Verstorbenen und muss sich auch nicht mit anderen Erben auseinandersetzen.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n <mat-step *ngIf="lastWill.legacy == true">\n <ng-template matStepLabel>\n <div class="step-label">\n Verm\xe4chtnisse definieren\n </div>\n </ng-template>\n <div class="question">\n Welche Verm\xe4chtnisse m\xf6chten Sie anordnen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div *ngIf="legacies != undefined && legacies.length > 0">\n <div class="mt-2">\n <legacy-card (openLegacy)="openLegacy($event)"\n (deleteLegacy)="deleteLegacy($event)"\n *ngFor="let legacy of legacies; trackBy: trackById"\n [legacy]="legacy"></legacy-card>\n </div>\n </div>\n <div *ngIf="legacies != undefined && legacies.length === 0" class="mt-4 mb-4"\n fxLayout="column"\n fxLayoutAlign="start start">\n <h3>Es wurden bisher keine Verm\xe4chtnisse definieren</h3>\n </div>\n </div>\n <button debounceClick (debounceClick)="newLegacy()" class="flex-auto mt-2 ml-6" mat-raised-button\n type="button" color="primary" class="ml-2">\n <mat-icon icon iconName="add_circle" class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase"><span *ngIf="legacies != undefined && legacies.length >= 1">Weiteres </span>Verm\xe4chtnis hinzuf\xfcgen</span>\n </button>\n <button debounceClick (debounceClick)="completeStep()" color="primary" mat-raised-button type="button"\n class="mt-2 ml-2">\n <mat-icon matSuffix icon iconName="navigation_arrows_right_1" color="secondary" width="20" height="20">\n </mat-icon>\n <span class="uppercase px-2">Weiter zur n\xe4chsten Frage</span>\n </button>\n </mat-step>\n\n <mat-step *ngIf="lastWill.legacy == true">\n <ng-template matStepLabel>\n <div class="step-label">\n Verm\xe4chtnisse anrechnen\n </div>\n </ng-template>\n <div class="question">\n Sollen die Verm\xe4chtnisse auf das Erbe angerechnet werden?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setLegacyTakingIntoAccount(true)"\n [class.option-selected]="lastWill.legacyTakingIntoAccount == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setLegacyTakingIntoAccount(false)"\n [class.option-selected]="lastWill.legacyTakingIntoAccount == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n </mat-step>\n\n </mat-vertical-stepper>\n</ng-container>\n'},83222:s=>{s.exports='<ng-template #loading>\n Bitte warten. Anwendung wird geladen...\n</ng-template>\n<ng-container *ngIf="lastWill$ | async as lastWill; else loading">\n <mat-vertical-stepper #stepper="matVerticalStepper" matVerticalStepperScroller [linear]="false"\n [selectedIndex]="selectedTab.value" (selectionChange)="onStepSelectionChange($event)"\n class="-ml-4 sm:ml-0 md:ml-0">\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n \xc4rztliche Best\xe4tigung\n </div>\n </ng-template>\n <div class="question">\n W\xfcnschen Sie, dass Ihre Testierf\xe4higkeit zum Zeitpunkt der Unterschrift medizinisch best\xe4tigt wird?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setLegalCompetence(true)"\n [class.option-selected]="lastWill.legalCompetence == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setLegalCompetence(false)"\n [class.option-selected]="lastWill.legalCompetence == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Grunds\xe4tzlich ist es nicht notwendig, dass ein(e) Arzt/\xc4rztin auf dem Testament unterschreibt. Zur\n Sicherheit k\xf6nnen\n Sie jedoch Ihre Testierf\xe4higkeit zum Zeitpunkt der Unterschrift durch eine(n) Arzt/\xc4rztin best\xe4tigen\n lassen.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Schweigepflichtentbindung\n </div>\n </ng-template>\n <div class="question">\n M\xf6chten Sie Ihre \xc4rzte von der Schweigepflichtent entbinden, f\xfcr den Fall, dass Zweifel an Ihrer\n Testierf\xe4higkeit entstehen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setReleaseDoctorsConfidentiality(true)"\n [class.option-selected]="lastWill.releaseDoctorsConfidentiality == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick\n (debounceClick)="setReleaseDoctorsConfidentiality(false)"\n [class.option-selected]="lastWill.releaseDoctorsConfidentiality == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n </div>\n </mat-step>\n\n <mat-step>\n <ng-template matStepLabel>\n <div class="step-label">\n Zeugen\n </div>\n </ng-template>\n <div class="question">\n W\xfcnschen Sie, dass Zeugen Ihre Testierf\xe4higkeit zum Zeitpunkt der Unterschrift best\xe4tigen?\n </div>\n <div class="md:px-6" fxLayout="column">\n <div class="options">\n <div class="options-line">\n <button class="option" mat-raised-button\n debounceClick (debounceClick)="setWitnesses(true)"\n [class.option-selected]="lastWill.witnesses == true">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="check_mark" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Ja</div>\n </div>\n </button>\n <button class="option" mat-raised-button debounceClick (debounceClick)="setWitnesses(false)"\n [class.option-selected]="lastWill.witnesses == false">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="prohibited" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">Nein</div>\n </div>\n </button>\n </div>\n </div>\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="information_circle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0"></mat-icon>\n <div class="sm:pl-4">\n Grunds\xe4tzlich ist es nicht notwendig, dass Zeugen auf dem Testament unterschreiben. Zur Sicherheit k\xf6nnen\n Sie jedoch Ihre Testierf\xe4higkeit zum Zeitpunkt der Unterschrift durch Zeugen best\xe4tigen lassen.\n </div>\n </div>\n </blockquote>\n </div>\n </mat-step>\n\n </mat-vertical-stepper>\n</ng-container>\n'},5379:s=>{s.exports='<div class="dialog">\n <div class="dialog-header">
1\n <span class="dialog-icon">\n <mat-icon icon iconName="stop_sign" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn" width="32" height="32"\n style="width: 32px; height: 32px;"></mat-icon>\n </span>\n <h2>\xc4nderungen speichern?</h2>\n </div>\n <div class="dialog-content">\n <p>\n Ihre \xc4nderungen wurden noch nicht gespeichert.<br/>\n <strong>M\xf6chten Sie Ihre \xc4nderungen jetzt speichern?</strong>\n </p>\n </div>\n <div class="dialog-footer">\n <button mat-button color="secondary" (click)="ref.close(false)"\n class="uppercase">Verwerfen\n </button>\n <button mat-button color="primary" (click)="ref.close(true)"\n class="uppercase">Speichern\n </button>\n </div>\n</div>\n'},7798:s=>{s.exports='<div class="w-full h-full flex flex-col">\n <div class="px-gutter pt-6 pb-14" style="background-color: #ecefff" fxLayout="column" fxLayoutAlign="start start">\n <div class="flex items-center" container>\n <h1 class="m-0 flex items-center w-full max-w-xxxs mr-6">\n <mat-icon @scaleIn icon iconName="death_certificate" color="primary"\n class="mr-2 sm:block" style="margin-top: -15px;" width="40" height="40">\n </mat-icon>\n <span @fadeInRight class="ml-4 block">Testament</span>\n </h1>\n </div>\n <breadcrumbs class="mt-4" @fadeInRight [crumbs]="[\n {link: \'/my-documents\', name: \'Meine Dokumente\'},\n {link: \'/last-will/steps\', name: \'Testament\'}\n ]"></breadcrumbs>\n </div>\n <div class="-mt-12 pt-0 overflow-hidden flex flex-col" container\n *ngIf="lastWill$ | async as lastWill">\n <mat-drawer-container class="bg-transparent flex-auto flex">\n <mat-drawer-content class="sm:p-gutter sm:ml-0 pt-0 flex-auto flex items-start">\n <div class="card h-full flex-auto overflow-hidden">\n <mat-drawer-container class="bg-transparent flex-auto flex">\n <mat-drawer-content class="pt-0 flex-auto flex items-start">\n <div class="w-full h-full flex-auto">\n <div class="flex flex-col items-center w-full mt-4">\n\n <h1 class="m-0 text-center">In drei Schritten zum rechtsg\xfcltigen Testament</h1>\n <br/>\n <div class="flex flex-wrap">\n <div class="w-full md:w-1/3 p-6 flex flex-col items-center">\n <div style="max-width: 400px">\n <div class="flex flex-col items-center">\n <img src="assets/images/step_1.svg" style="height: 150px">\n </div>\n <div class="text-center">\n <h3>1. Interview durchf\xfchren</h3>\n </div>\n <div class="text-center mt-2">\n Unser intelligenter Assistent f\xfchrt Sie mit ausf\xfchrlichen und leicht\n verst\xe4ndlichen\n Erkl\xe4rungen\n Schritt f\xfcr Schritt von der ersten Frage bis zum fertigen Dokument.\n </div>\n </div>\n <div class="flex-grow"></div>\n <button type="button" color="primary" class="mt-4"\n mat-raised-button\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\'}">\n <mat-icon icon iconName="common_file_text_edit"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">zum Interview</span>\n </button>\n </div>\n <div class="w-full md:w-1/3 p-6 flex flex-col items-center">\n <div style="max-width: 400px">\n <div class="flex flex-col items-center">\n <img src="assets/images/step_2.svg" style="height: 150px">\n </div>\n <div class="text-center">\n <h3>2. Unterschreiben</h3>\n </div>\n <div class="text-center mt-2">\n Nach Beantwortung aller Fragen erhalten Sie Ihren personalisierten\n Entwurf, den Sie\n handschriftlich\n abschreiben und unterzeichnen m\xfcssen, um das Testament rechtskr\xe4ftig\n zu machen.\n </div>\n </div>\n <div class="flex-grow"></div>\n <button *ngIf="lastWill.createdAt == lastWill.lastUpdated"\n type="button" color="primary" class="mt-4"\n mat-raised-button\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\'}"\n [tippy]="ViewDeactivated" variation="popper"\n trigger="mouseenter"\n style="color: rgba(0, 0, 0, 0.26); background-color:rgba(0, 0, 0, 0.12)">\n <mat-icon icon iconName="printer_view"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase">Entwurf ansehen</span>\n </button>\n <button *ngIf="lastWill.createdAt != lastWill.lastUpdated"\n type="button" color="primary" class="mt-4"\n mat-raised-button\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'view\'}">\n <mat-icon icon iconName="printer_view"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Entwurf ansehen</span>\n </button>\n </div>\n <div class="w-full md:w-1/3 p-6 flex flex-col items-center">\n <div style="max-width: 400px">\n <div class="flex flex-col items-center">\n <img src="assets/images/step_3.svg" style="height: 150px">\n </div>\n <div class="text-center">\n <h3>3. Hinterlegen</h3>\n </div>\n <div class="text-center mt-2">\n Hinterlegen Sie Ihre unterschriebenen und eingescannten Dokumente.\n So\n k\xf6nnen Ihre Erben Ihr Testament bei Bedarf jederzeit online abrufen.\n </div>\n </div>\n <div class="flex-grow"></div>\n <button *ngIf="lastWill.createdAt == lastWill.lastUpdated"\n type="button" color="primary" class="mt-4"\n mat-raised-button\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'upload\'}"\n style="color: rgba(0, 0, 0, 0.26); background-color:rgba(0, 0, 0, 0.12)">\n <mat-icon icon iconName="common_file_text_upload"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Jetzt hinterlegen</span>\n </button>\n <button *ngIf="lastWill.createdAt != lastWill.lastUpdated"\n type="button" color="primary" class="mt-4"\n mat-raised-button\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'upload\'}">\n <mat-icon icon iconName="common_file_text_upload"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Jetzt hinterlegen</span>\n </button>\n </div>\n </div>\n\n </div>\n\n </div>\n </mat-drawer-content>\n </mat-drawer-container>\n </div>\n </mat-drawer-content>\n\n </mat-drawer-container>\n\n <mat-drawer-container class="bg-transparent flex-auto flex">\n <mat-drawer-content class="sm:p-gutter sm:ml-0 pt-0 flex-auto flex items-start">\n <div class="card h-full flex-auto overflow-hidden">\n <mat-drawer-container class="bg-transparent flex-auto flex">\n <mat-drawer-content class="pt-0 flex-auto flex items-start">\n <div class="w-full h-full flex-auto">\n <div class="flex flex-col items-center w-full mt-4 mb-4">\n\n <h1 class="mt-4 text-center">Fragen und Antworten zur Testament</h1>\n <br/>\n <div class="w-full h-full flex-auto">\n <div class="flex flex-col items-center w-full">\n <div class="px-gutter py-4 flex flex-col w-full" style="max-width: 800px;">\n <mat-expansion-panel #expansionPanel1 expanded=\'false\' hideToggle="true"\n class="p-0"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel1.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel1.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Was ist ein Testament?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Mit einem Testament k\xf6nnen Sie bestimmen, wer nach Ihrem\
1n Tod Ihr Verm\xf6gen (zum Beispiel\n Geld, Immobilien, M\xf6bel, Autos etc.) erbt. Wenn Sie kein\n Testament verfassen, greift die\n gesetzliche Erbfolge. Dabei werden vor allem Kinder,\n Ehegatten und eingetragene\n Lebenspartner ber\xfccksichtigt. Ein Testament ist also nur\n n\xf6tig, wenn Sie der\n gesetzlichen Erbfolge nicht zustimmen und weitere/andere\n Personen als Erbe ernennen\n m\xf6chten.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel2 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel2.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel2.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Wer kann ein Testament erstellen?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Jeder B\xfcrger \xfcber 16 Jahre kann ein Testament verfassen.\n Dabei muss man laut\n B\xfcrgerliches Gesetzbuch (BGB) die Bedeutung des\n Testaments richtig einsch\xe4tzen k\xf6nnen.\n Das ist zum Beispiel nicht der Fall bei "krankhaften\n St\xf6rung der Geistest\xe4tigkeit, wegen\n Geistesschw\xe4che oder wegen Bewusstseinsst\xf6rung". Wer\n aufgrund eines solchen Zustands\n kein wirksames Testament verfassen kann, darf auch keine\n andere Person mit der\n Testamentserstellung beauftragen.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n\n <mat-expansion-panel #expansionPanel3 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel3.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel3.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Wie schreibe ich ein Testament?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Ein Testament hat keine formalen Vorschriften. Sie\n m\xfcssen das Testament lediglich\n handschriftlich verfassen, mit Datum und Ort versehen\n und unter
1schreiben. Ein Ausdruck\n eines Testaments ist ung\xfcltig! Im Zweifel muss die\n Echtheit des Testaments durch eine\n Handschriftanalyse best\xe4tigt werden.\n </p>\n <br/>\n <p>\n <strong>Wichtig:</strong> Wenn Sie ein Testament\n gemeinsam mit Ihrem Ehepartner\n verfassen, m\xfcssen nat\xfcrlich beide Partner\n unterschreiben! Grunds\xe4tzlich k\xf6nnen Sie Ihr\n Testament jederzeit \xe4ndern oder komplett neu verfassen.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel4 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel4.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel4.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Ist ein m\xfcndliches Testament\n m\xf6glich?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Normalerweise ist ein m\xfcndliches Testament nicht\n m\xf6glich. Es gibt jedoch eine Ausnahme:\n Das Nottestament. Ein solches Testament ist nur m\xf6glich,\n wenn der Verfasser kurz vor dem\n Tod steht und sein Testament nicht mehr handschriftlich\n verfassen kann. Das Nottestament\n gilt nur f\xfcr drei Monate und es m\xfcssen mindestens drei\n Zeugen beim Erstellen anwesend\n sein.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel5 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel5.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel5.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Wie bewahre ich mein Testament auf?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Wie bei allen Vorsorgedokumenten sollten Sie das\n Testament an einem gut zug\xe4nglichen Ort\n hinterlegen (zum Beispiel in Ihrem Notfallordner) in\n Ihrer pers\xf6nlichen\n Schreibtischschublade \u2013 oder Sie \xfcbergeben das Testament\n bereits Ihren zuk\xfcnftigen\n Erben. Wenn Sie auf Nummer sicher gehen m\xf6chten, k\xf6nnen\n Sie das Testament auch dem\n Amtsgericht zur Aufbewahrung geben.\n </p>\n <br/>\n <p>\n <strong>\xdcbrigens:</strong> Wenn Sie Ihr Testament beim\n Amtsgericht hinterlegen, wird das\n Testament\n automatisch in das Zentrale Testamentregister\n aufgenommen. So geht Ihr letzter Wille\n garantiert nicht verloren!\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel6 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel6.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel6.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>
1Wem kann ich mein Geld nicht\n vererben?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Gem\xe4\xdf dem deutschen Heimgesetz k\xf6nnen Sie keine\n Pflegekr\xe4fte eines Senioren- oder\n Pflegeheims als Erbe bestimmen. Solchen Heimangestellten\n d\xfcrfen neben ihrem Gehalt kein\n Geld annehmen.\n </p>\n <br/>\n <p>\n <strong>\xdcbrigens:</strong> Im Gegensatz zu\n Heimangestellten k\xf6nnen Sie Ihr Geld an\n Mitarbeiter eines ambulanten Pflegedienst vererben.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel7 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel7.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel7.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Kann ich meine Kinder enterben?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Sie k\xf6nnen Ihre Kinder von Ihrem Erben ausschlie\xdfen.\n Jedoch bekommen Kinder (und\n Ehegatten) immer einen Pflichtteil, der die H\xe4lfte des\n gesetzlich vorgesehenen Erbteils\n betr\xe4gt. Nur in besonderen Ausnahmef\xe4llen k\xf6nnen Sie\n Ihre Nachkommen komplett enterben \u2013\n bei schweren Vergehen oder Verbrechen gegen Sie als\n Erblasser oder Ihnen nahestehenden\n Personen. Dazu geh\xf6ren Mordversuche, Raub, sexuelle\n N\xf6tigung und \xe4hnliche Straftaten.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel8 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel8.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel8.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Was ist ein Berliner Testament?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Das Berliner Testament ist eine besondere Variante des\n gemeinschaftlichen Testaments f\xfcr\n Ehepaare oder eingetragene Lebenspartner. Mit einem\n Berliner Testament erbt ein Partner\n zun\xe4chst das gesamte Verm\xf6gen \u2013 Kinder bekommen das Erbe\n demnach erst, wenn beide\n Elternteile verstorben sind.\
1n </p>\n <br/>\n <p>\n Wichtig: Kinder k\xf6nnen das Berliner Testament aushebeln,\n wenn Sie nach dem Tod des\n ersten Elternteils Ihren Pflichtteil fordern. Das k\xf6nnen\n Sie jedoch mit einer\n sogenannten Pflichtteils-Strafklausel verhindern. Wer\n den Pflichtteil trotz\n Pflichtteils-Strafklausel verlangt, enterbt sich selbst.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel9 expanded=\'false\' hideToggle="true"\n class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel9.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel9.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Steht Ex-Partnern ein Erbe zu?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Ex-Partner sind in der gesetzlichen Erbfolge nicht\n vorgesehen. Selbst wenn Sie ein\n gemeinsames Testament verfasst haben, ist dies nach\n einer Scheidung nicht mehr wirksam.\n Ein Ex-Partner kann daher nur \xfcber Umwege an Ihr Erbe\n kommen: Ein gemeinsames Kind\n bekommt von Ihnen als Erblasser mindestens einen\n Pflichtteil. Dieses Erbe kann dem\n Ex-Partner zufallen, wenn das Kind fr\xfcher als der\n Ex-Partner stirbt.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n <mat-expansion-panel #expansionPanel10 expanded=\'false\'\n hideToggle="true" class="p-0 mt-2"\n style="background-color: #ecefff">\n <mat-expansion-panel-header class="p-0">\n <mat-panel-title fxLayout="row" fxLayoutAlign="start center"\n style="height: 36px">\n <div fxLayout="row" fxLayoutGap="16px">\n <div class="flex flex-row items-center">\n <mat-icon *ngIf="expansionPanel2.expanded"\n icon iconName="chevron_up" color="primary"\n width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n <mat-icon *ngIf="!expansionPanel2.expanded"\n icon iconName="chevron_down"\n color="primary" width="24" height="24"\n class="ml-2 mr-2"></mat-icon>\n </div>\n <div class="flex flex-row items-center">\n <strong>Wer kann ein Testament erstellen?</strong>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div class="p-gutter">\n <p>\n Jeder B\xfcrger \xfcber 16 Jahre kann ein Testament verfassen.\n Dabei muss man laut\n B\xfcrgerliches Gesetzbuch (BGB) die Bedeutung des\n Testaments richtig einsch\xe4tzen k\xf6nnen.\n Das ist zum Beispiel nicht der Fall bei "krankhaften\n St\xf6rung der Geistest\xe4tigkeit, wegen\n Geistesschw\xe4che oder wegen Bewusstseinsst\xf6rung". Wer\n aufgrund eines solchen Zustands\n kein wirksames Testament verfassen kann, darf auch keine\n andere Person mit der\n Testamentserstellung beauftragen.\n </p>\n </div>\n </ng-template>\n </mat-expansion-panel>\n\n <div class="mt-12 flex flex-col items-center">\n <h2 class="text-center">Ihre Frage ist nicht dabei?</h2>\n <p class="text-center">\n Weitere Informationen finden Sie auch in unserem Ratgeber\n </p>\n <a target="_blank"\n href="https://www.patientenverfuegung.digital/ratgeber/testament">\n <button type="button" color="primary" mat-raised-button\n class="mt-2">\n <mat-icon icon iconName="book_open" color="secondary"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase">zum Ratgeber</span>\n </button>\n </a>\n <br/>\n </div>\n </div>\n </div>\n\n </div>\n\n </div>\n\n </div>\n </mat-drawer-content>\n </mat-drawer-container>\n </div>\n </mat-drawer-content>\n\n </mat-drawer-container>\n </div>\n</div>\n\n<ng-template #ViewDeactivated>\n <div>\n <div class="flex-1 flex flex-col justify-between">\n <p>\n Der Entwurf Ihres Testaments ist erst nach der Durchf\xfchrung des Interviews verf\xfcgbar.\n </p>\n </div>\n </div>\n</ng-template>\n'},72809:s=>{s.exports='<div class="m-2">\n\n <div fxLayout="row" fxLayoutAlign="start center" mat-dialog-title class="m-4">\n <mat-icon icon iconName="stop_sign" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-12 w-12 align-middle ltr:mr-5 rtl:ml-5" color="warn"></mat-icon>\n <h2>Sind Sie sicher?</h2>\n </div>\n\n <mat-divider class="-mx-6 text-border"></mat-divider>\n\n <mat-dialog-content fxLayout="column">\n\n <div class="mt-5 mb-6" fxLayout="column" fxLayoutGap="20px">\n <div class="px-4" fxLayout="column">\n <p>\n M\xf6chten Sie das hinterlegte Testament wirklich l\xf6schen? Wenn Sie jetzt auf "Dokument l\xf6schen"\n klicken\n wird das hinterlegte Dokument unwiderruflich gel\xf6scht.<br/>\n <br/>\n <strong>Diese Aktion kann nicht r\xfcckg\xe4ngig gemacht werden.</strong>\n </p>\n </div>\n </div>\n </mat-dialog-content>\n\n <mat-divider class="-mx-6 text-border"></mat-divider>\n\n <mat-dialog-actions fxLayout="row" fxLayoutAlign="end center" class="mt-6 mb-6 mr-2">\n <button mat-button color="secondary" (click)="ref.close(false)"\n class="mr-2 -ml-1 uppercase">Abbrechen\n </button>\n <button mat-raised-button color="warn" (click)="ref.close(true)"\n class="mr-2 -ml-1 uppercase">Dokument l\xf6schen\n </button>\n </mat-dialog-actions>\n\n</div>\n'},28415:s=>{s.exports='<ng-container *ngIf="profile$ | async as profile">\n <div class="w-full h-full flex flex-col" *ngIf="lastWill$ | async as lastWill">\n <div class="overflow-hidden flex" container>\n <mat-drawer-container class="bg-transparent flex-auto flex">\n <mat-drawer-content class="pt-0 flex-auto flex items-start">\n <div class="h-full overflow-hidden flex-auto">\n\n <div *ngIf="profile.accountType == \'email\' && !this.firebaseAuthService.isEmailVerified()"\n class="px-gutter flex flex-col mt-2 mb-2">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0 warning-icon"></mat-icon>\n <div class="sm:pl-4">\n <div class="mt-2 mb-2"><strong>Ihre E-Mail-Adresse wurde noch nicht best\xe4tigt!</strong></div>\n <div class="mt-2 mb-2">Das Testament kann nicht hinterlegt werden, da Sie Ihre\n E-Mail-Adresse noch nicht best\xe4tigt haben.\n </div>\n <div class="mt-2 mb-2">Um Missbrauch zu vermeiden, m\xfcssen Sie Ihre E-Mail verifizieren:</div>\n <div class="mt-2 mb-2">\n <ol class="ml-4">\n <li style="list-style: decimal;">\xd6ffnen Sie Ihr E-Mail-Postfach.</li>\n <li style="list-style: decimal;">\xd6ffnen Sie die E-Mail mit dem Betreff "Bitte Anmeldung\n best\xe4tigen".\n </li>\n <li style="list-style: decimal;">Klicken Sie zur Best\xe4tigung auf die Schaltfl\xe4che\n "ANMELDUNG\n BEST\xc4TIGEN".\n </li>\n </ol>\n </div>\n <div class="mt-2 mb-2">
1\n <span style="color:#5c77ff"><strong>Sollten Sie in Ihrem E-Mail Postfach keine E-Mail von uns vorfinden, \xfcberpr\xfcfen\n Sie bitte Ihren Spam-Ordner.</strong></span>\n </div>\n <div>\n <button type="button" color="primary"\n (click)="checkIfEmailVerified()"\n mat-raised-button class="mt-2 mr-2 hide-in-export">\n <mat-icon icon iconName="synchronize_arrow_1" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Noch einmal pr\xfcfen</span>\n </button>\n <button *ngIf="!linkSend"\n type="button" color="secondary" [disabled]="sendingLink"\n (click)="resentEmailVerificationLink()"\n mat-raised-button class="hide-in-export">\n <mat-icon icon iconName="email_action_check" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase"\n *ngIf="sendingLink == false">E-Mail erneut senden</span>\n <span class="uppercase"\n *ngIf="sendingLink">E-Mail wird versendet...</span>\n </button>\n </div>\n </div>\n </div>\n </blockquote>\n </div>\n\n <div\n *ngIf="profile.accountType == \'phone\' || (profile.accountType == \'email\' && this.firebaseAuthService.isEmailVerified())"\n class="sm:p-gutter">\n\n <div *ngIf="activePlanType == \'Brieftasche\'"\n class="px-gutter py-4 flex flex-col items-center">\n <div class="text-center">\n <p>Die Hinterlegung das Testaments ist in Ihrem kostenlosen Tarif "Brieftasche"\n nicht enthalten.</p>\n </div>\n <div class="text-center">\n <p>Setzen Sie einen Haken hinter Ihre Vorsorge. Erstellen und hinterlegen Sie Ihr\n Testament.</p>\n </div>\n <div class="text-center">\n <strong>Jetzt zum Premium-Tarif "Dokumentenmappe" wechseln.</strong>\n </div>\n <div class="flex flex-col items-center">\n <button type="button" color="primary" mat-raised-button class="mt-2" (click)="subscribePlan()">\n <span class="uppercase">f\xfcr nur 2 \u20ac im Monat aktivieren</span>\n </button>\n <p style="color: #5c77ff">j\xe4hrlich abgerechnet, jederzeit k\xfcndbar</p>\n </div>\n\n <div class="flex flex-col items-center mt-6 text-center">\n <p>Sie w\xfcnschen mehr Informationen \xfcber unsere Tarife und Leistungen?</p>\n <button type="button" color="secondary" mat-button class="mt-2"\n [routerLink]="[\'/user/billing-information\']">\n <mat-icon icon iconName="comparison" color="secondary" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Zur Tarif\xfcbersicht</span>\n </button>\n </div>\n </div>\n\n <div class="p-2 sm:p-0"\n *ngIf="activePlanType != \'Brieftasche\'\n && (lastWill.uploadState == undefined\n || lastWill.uploadState == null\n || lastWill.uploadState == \'deleted\')">\n <div class="card bg-primary-500 w-full sm:w-10/12 mb-5" fxLayout="row" fxLayout.xs="column">\n <div class="p-4 ml-4" fxFlex="none" fxFlexAlign="center">\n <img src="assets/images/undraw_folder.svg" style="height: 80px">\n </div>\n\n <div class="p-6 text-primary-contrast-500" fxFlex="auto">\n <h2 class="headline m-0">Testament hinterlegen</h2>\n <div class="mt-4 mb-4">\n <h3>So hinterlegen Sie Ihr Testament:</h3>\n <ol class="ml-6">\n <li>Testament <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'view\' }">\n handschriftlich verfassen</a>
1 und unterschreiben\n </li>\n <li>Testament scannen und hochladen</li>\n <li>Hochgeladene Datei \xfcberpr\xfcfen und mit dem gew\xe4hlten Erben oder Testamentsvollstrecker\n besprechen\n </li>\n </ol>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf="activePlanType != \'Brieftasche\'">\n <div *ngIf="lastWill.uploadState == undefined\n || lastWill.uploadState == null\n || lastWill.uploadState == \'deleted\'" class="p-2 sm:p-0">\n\n <div class="flex flex-col sm:flex-row">\n <div class="flex flex-col w-full sm:w-10/12">\n <ng-uppy [config]="settings"\n (onFileUploadCompleted)="onFileUploadCompleted($event)"></ng-uppy>\n </div>\n <div fxLayout="column" fxLayoutAlign="space-between start" class="hidden sm:flex w-px">\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" class="hidden sm:flex"\n width="150px" height="150px" viewBox="0 0 500 500" enable-background="new 0 0 500 500"\n xml:space="preserve" style="margin-left:-75px; margin-top:-55px; z-index: 99999">\n<g>\n\t<path fill-rule="evenodd" clip-rule="evenodd" fill="#5B77FF" d="M459.188,93.851c-131.268,10.736-205.372,67.123-264.992,182.614\n\t\tl110.702,26.64L100.301,407.087l-59.49-167.222l86.775,20.693C127.587,260.559,201.308,78.333,459.188,93.851L459.188,93.851z"/>\n</g>\n</svg>\n <ng-lottie class="hidden sm:flex" style="margin-left: -62px" [options]="dragAndDrop"\n [styles]="styles"></ng-lottie>\n </div>\n </div>\n\n <div class="flex flex-col sm:flex-row">\n <div class="card hint w-full sm:w-10/12" fxLayout="row" fxLayout.sm="column">\n <ng-lottie class="hidden sm:flex" [options]="scan"\n [styles]="styles" fxFlex="none" fxFlexAlign="center"></ng-lottie>\n <div class="p-gutter" fxLayout="column" fxLayoutAlign="center start">\n <h3>Sie haben keinen Scanner?</h3>\n <p>\n Kein Problem! Nutzen Sie in diesem Fall unseren Hinterlegungsdienst. Gegen eine kleine Geb\xfchr\n scannen und hinterlegen wir Ihre Dokumente f\xfcr Sie.\n </p>\n <button type="button" color="primary" mat-raised-button class="mt-2"\n [routerLink]="[\'/deposit-service\']">\n <mat-icon icon iconName="scanner" color="secondary" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">zum Hinterlegungsdienst</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf="lastWill.uploadState == \'uploaded\'">\n <div class="card bg-primary-500" fxLayout="row" fxLayout.xs="column">\n <div class="p-4 ml-4" fxFlex="none" fxFlexAlign="center">\n <img src="assets/images/undraw_completing.svg" style="height: 80px">\n </div>\n\n <div class="p-6 text-primary-contrast-500" fxFlex="auto">\n <h2 class="headline m-0">Testament wurde erfolgreich hinterlegt</h2>\n <p class="caption m-0 opacity-50">hinterlegt\n am: {{lastWill.lastUpload | translocoDate: {\n dateStyle: \'medium\',\n timeStyle: \'medium\'\n } }}</p>\n\n <div class="mt-4 flex flex-wrap -mx-1 overflow-visible">\n\n <div class="px-2 w-full overflow-visible sm:w-full md:w-1/2 lg:w-1/2 xl:w-1/2">\n <input hidden type="file" #fileInput\n (change)="uploadDocument(lastWill, $event.target.files.item(0))">\n <button type="button" color="secodary" [disabled]="uploading"\n (click)="fileInput.click()"\n mat-raised-button\n class="w-full flex mr-2 mt-1 mb-1"\n style="max-width: 360px;">\n <mat-icon icon iconName="common_file_text_upload"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase hidden sm:hidden md:hidden lg:inline-block xl:inline-block"\n *ngIf="!uploading">neues Dokument hochladen</span>\n <span class="uppercase inline-block sm:inline-block md:inline-block lg:hidden xl:hidden"\n *ngIf="!uploading">Dokument ersetzen</span>\n <span class="uppercase" *ngIf="uploading">Dokument wird hochladen...</span>\n </button>\n </div>\n\n <div class="px-2 w-full overflow-visible sm:w-full md:w-1/2 lg:w-1/2 xl:w-1/2">\n <button type="button" color="secondary" [disabled]="downloading"\n mat-raised-button (click)="downloadDocument()"\n class="w-full flex mr-2 mt-1 mb-1"\n style="max-width: 360px;">\n <mat-icon icon iconName="common_file_text_download"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase hidden sm:hidden md:hidden lg:inline-block xl:inline-block"\n *ngIf="!downloading">hinterlegtes Dokument herunterladen</span>\n <span class="uppercase inline-block sm:inline-block md:inline-block lg:hidden xl:hidden"\n *ngIf="!downloading">Dokument herunterladen</span>\n <span class="uppercase" *ngIf="downloading">Dokument wird herunterladen...</span>\n </button>\n </div>\n\n <div class="px-2 w-full overflow-visible sm:w-full md:w-1/2 lg:w-1/2 xl:w-1/2">\n <button type="button" color="secodary" [disabled]="deleting"\n mat-raised-button (click)="deleteDocument()"\n class="w-full flex mr-2 mt-1 mb-1"\n style="max-width: 360px;">\n <mat-icon icon iconName="common_file_text_remove"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase hidden sm:hidden md:hidden lg:inline-block xl:inline-block"\n *ngIf="!downloading">hinterlegtes Dokument l\xf6schen</span>\n <span class="uppercase inline-block sm:inline-block md:inline-block lg:hidden xl:hidden"\n *ngIf="!downloading">Dokument l\xf6schen</span>\n <span class="uppercase" *ngIf="deleting">Dokument wird gel\xf6scht...</span>\n </button>\n </div>\n\n </div>\n </div>\n\n </div>\n <ngx-extended-pdf-viewer [src]="documentUrl" useBrowserLocale="true"\n height="90vh"\n [mobileFriendlyZoom]="true"\n [enablePinchOnMobile]="true"\n [contextMenuAllowed]="false"\n backgroundColor="#ecefff"\n [showToolbar]="true"\n [showSidebarButton]="true"\n [showFindButton]="true"\n [showPagingButtons]="true"\n [showZoomButtons]="true"\n [showPresentationModeButton]="false"\n [showOpenFileButton]="false"\n [showPrintButton]="true"\n [showDownloadButton]="false"\n [showBookmarkButton]="false"\n [showSecondaryToolbarButton]="true"\n [showRotateButton]="false"\n [showHandToolButton]="true"\n [showScrollingButton]="true"\n [showSpreadButton]="true"\n [showPropertiesButton]="false"\n ></ngx-extended-pdf-viewer>\n </div>\n </div>\n\n </div>\n </div>\n </mat-drawer-content>\n </mat-drawer-container>\n </div>\n </div>\n</ng-container>\n'},10869:s=>{s.exports='<div class="m-2">\n\n <div fxLayout="row" fxLayoutAlign="start center" mat-dialog-title class="m-4">\n <mat-icon icon iconName="stop_sign" fxLayout="column" fxLayoutAlign="center center"\n class="avatar h-12 w-12 align-middle ltr:mr-5 rtl:ml-5" color="warn"></mat-icon>\n <h2>Sind Sie sicher?</h2>\n </div>\n\n <mat-divider class="-mx-6 text-border"></mat-divider>\n\n <mat-dialog-content fxLayout="column">\n\n <div class="mt-5 mb-6" fxLayout="column" fxLayoutGap="20px">\n <div class="px-4" fxLayout="column">\n <p>\n M\xf6chten Sie das bisher hinterlegte Testament wirklich ersetzen? Wenn Sie jetzt auf "Dokument\n ersetzen"\n klicken\n wird das bisher hinterlegte Dokument unwiderruflich gel\xf6scht.<br/>\n <br/>\n <strong>Diese Aktion kann nicht r\xfcckg\xe4ngig gemacht werden.</strong>\n </p>\n </div>\n </div>\n </mat-dialog-content>\n\n <mat-divider class="-mx-6 text-border"></mat-divider>\n\n <mat-dialog-actions fxLayout="row" fxLayoutAlign="end center" class="mt-6 mb-6 mr-2">\n <button mat-button color="secondary" (click)="ref.close(false)"\n class="mr-2 -ml-1 uppercase">Abbrechen\n </button>\n <button mat-raised-button color="warn" (click)="ref.close(true)"\n class="mr-2 -ml-1 uppercase">Dokument ersetzen\n </button>\n </mat-dialog-actions>\n\n</div>\n\n'},89954:s=>{s.exports='<scrolltop id="scrollTop" backgroundColor="#5c77ff" tooltip="ganz nach oben scrollen"></scrolltop>\n<div class="w-full h-full flex flex-col break-words" style="word-break: break-word">\n <ng-container *ngIf="user$ | async as user">\n <ng-container *ngIf="profile$ | async as profile">\n <ng-container *ngIf="lastWill$ | async as lastWill">\n\n <div *ngIf="profile.accountType == \'email\' && !this.firebaseAuthService.isEmailVerified()"\n class="px-gutter flex flex-col mt-2 mb-2">\n <blockquote>\n <div class="flex flex-col items-center sm:flex-row sm:items-center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30" height="30"\n class="mb-4 sm:mb-0 warning-icon"></mat-icon>\n <div class="sm:pl-4">\n <div class="mt-2 mb-2"><strong>Ihre E-Mail-Adresse wurde noch nicht best\xe4tigt!</strong>\n </div>\n <div class="mt-2 mb-2">Das Testament wird nicht angezeigt, da Sie Ihre\n E-Mail-Adresse noch nicht best\xe4tigt haben.\n </div>\n <div class="mt-2 mb-2">Um Missbrauch zu vermeiden, m\xfcssen Sie Ihre E-Mail\n verifizieren:\n </div>\n <div class="mt-2 mb-2">\n <ol class="ml-4">\n <li style="list-style: decimal;">\xd6ffnen Sie Ihr E-Mail-Postfach.</li>\n <li style="list-style: decimal;">\xd6ffnen Sie die E-Mail mit dem Betreff "Bitte\n Anmeldung\n best\xe4tigen".\n </li>\n <li style="list-style: decimal;">Klicken Sie zur Best\xe4tigung auf die\n Schaltfl\xe4che\n "ANMELDUNG\n BEST\xc4TIGEN".\n </li>\n </ol>\n </div>\n <div class="mt-2 mb-2">
1\n <span style="color:#5c77ff"><strong>Sollten Sie in Ihrem E-Mail Postfach keine E-Mail von uns vorfinden, \xfcberpr\xfcfen\n Sie bitte Ihren Spam-Ordner.</strong></span>\n </div>\n <div>\n <button type="button" color="primary"\n (click)="checkIfEmailVerified()"\n mat-raised-button class="mt-2 mr-2 hide-in-export">\n <mat-icon icon iconName="synchronize_arrow_1"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Noch einmal pr\xfcfen</span>\n </button>\n <button *ngIf="!linkSend"\n type="button" color="secondary" [disabled]="sendingLink"\n (click)="resentEmailVerificationLink()"\n mat-raised-button class="hide-in-export">\n <mat-icon icon iconName="email_action_check"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase"\n *ngIf="sendingLink == false">E-Mail erneut senden</span>\n <span class="uppercase"\n *ngIf="sendingLink">E-Mail wird versendet...</span>\n </button>\n </div>\n </div>\n </div>\n </blockquote>\n </div>\n\n <div *ngIf="(profile.accountType == \'phone\' || (profile.accountType == \'email\' && this.firebaseAuthService.isEmailVerified()))\n && activePlanType == \'Brieftasche\'"\n class="px-gutter py-4 flex flex-col items-center mt-6">\n <div class="text-center">\n Die Erstellung des Testaments ist in Ihrem kostenlosen Tarif "Brieftasche"\n nicht enthalten.\n </div>\n <div class="text-center">\n Setzen Sie einen Haken hinter Ihre Vorsorge. Erstellen und hinterlegen Sie Ihr\n Testament.\n </div>\n <div class="text-center">\n <strong>Jetzt zum Premium-Tarif "Dokumentenmappe" wechseln.</strong>\n </div>\n <div class="flex flex-col items-center">\n <button type="button" color="primary" mat-raised-button class="mt-2" (click)="subscribePlan()">\n <span class="uppercase">f\xfcr nur 2 \u20ac im Monat aktivieren</span>\n </button>\n <span style="color: #5c77ff">j\xe4hrlich abgerechnet, jederzeit k\xfcndbar</span>\n </div>\n\n <div class="flex flex-col items-center mt-6 text-center">\n <span>Sie w\xfcnschen mehr Informationen \xfcber unsere Tarife und Leistungen?</span>\n <button type="button" color="secondary" mat-button class="mt-2"\n [routerLink]="[\'/user/billing-information\']">\n <mat-icon icon iconName="comparison" color="secondary" class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Zur Tarif\xfcbersicht</span>\n </button>\n </div>\n </div>\n\n <div *ngIf="(profile.accountType == \'phone\' || (profile.accountType == \'email\' && this.firebaseAuthService.isEmailVerified()))\n && activePlanType != \'Brieftasche\'"\n class="flex flex-col sm:flex-row">\n\n \x3c!--div class="sm:p-gutter" *ngIf="lastWill.verified == undefined\n || lastWill.verified == null\n || lastWill.verified == false">\n <div class="card bg-primary-500" fxLayout="row" fxLayout.xs="column">\n <div class="p-4 ml-4" fxFlex="none" fxFlexAlign="center">\n <img src="assets/images/undraw_to_do_list.svg" style="height: 100px">\n </div>\n <div class="p-6 text-primary-contrast-500" fxFlex="auto">\n <h2 class="headline m-0">Testament \xfcberpr\xfcfen</h2>\n <div>\n <p>Hier k\xf6nnen Sie Ihr Testament \xfcberpr\xfcfen und anpassen:</p>\n <ul class="mr-2">\n <li>Bitte lesen Sie das generierte Testament sorgf\xe4ltig durch.</li>\n <li>Stellen Sie sicher, dass Sie alles verstanden haben und die Angaben auch\n wirklich Ihren\n W\xfcnschen\n entsprechen.\n </li>\n </ul>\n </div>\n <div class="mt-4 flex flex-wrap -mx-1 overflow-visible">\n\n <div class="px-2 w-full overflow-visible sm:w-full md:w-full lg:w-full xl:w-full">\n <button type="button" color="secodary"\n mat-raised-button (click)="markAsVerified()"\n class="w-full flex mr-2 mt-1 mb-1" style="max-width: 310px;"\n *ngIf="!(profile.firstname == null || profile.firstname == undefined\n || profile.lastname == null || profile.lastname == undefined)">\n <mat-icon icon iconName="common_file_text_check"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase hidden sm:hidden md:hidden lg:inline-block xl:inline-block">Dokument als gepr\xfcft markieren</span>\n <span class="uppercase inline-block sm:inline-block md:inline-block lg:hidden xl:hidden">als gepr\xfcft markieren</span>\n </button>\n </div>\n\n <div class="px-2 w-full overflow-visible sm:w-full md:w-full lg:w-full xl:w-full">\n <button type="button" color="secodary"\n mat-raised-button\n class="w-full flex mr-2 mt-1 mb-1" style="max-width: 310px;"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'healthAndLifeSituation\'}">\n <mat-icon icon iconName="common_file_text_edit"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>\n <span class="uppercase">Dokument bearbeiten</span>\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div--\x3e\n\n <div class="flex flex-col sm:hidden">\n <div class="p-gutter ">\n <div class="card p-gutter flex flex-col w-full"\n style="background-color: rgb(236, 239, 255);">\n <h1>N\xe4chste Schritte</h1>\n <div class="question">Wie m\xf6chten Sie Ihr Testament erhalten?</div>\n\n <div class="flex flex-wrap -mx-1 overflow-visible">\n\n <div *ngIf="blobSupported" class="my-2 px-2 overflow-visible w-1/2">\n <button class="w-full h-full" style="min-width: 120px" color="primary" mat-raised-button\n debounceClick\n (debounceClick)="exportAsPdf(profile, lastWill)"\n [disabled]="generatingPdf"\n matTooltip="Testament als PDF-Datei herunterladen">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="office_file_pdf" color="secondary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="generatingPdf == false">als PDF-Datei herunterladen</div>\n <div class="option-button-text" *ngIf="generatingPdf">PDF wird erstellt...</div>\n </div>\n </button>\n </div>\n\n <div *ngIf="blobSupported" class="my-2 px-2 overflow-visible w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="print(profile, lastWill)" [disabled]="printing"\n matTooltip="Testament ausdrucken">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="printer" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="printing == false">Drucken</div>\n <div class="option-button-text" *ngIf="printing">Dokument wird erstellt...</div>\n </div>\n </button>\n </div>\n\n <div class="my-2 px-2 overflow-visible w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="exportAsTxt()"\n matTooltip="Testament als TXT-Datei herunterladen">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="office_file_txt" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">als Text-Datei herunterladen</div>\n </div>\n </button>\n </div>\n\n <div *ngIf="profile.accountType == \'email\'" class="my-2 px-2 overflow-visible w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="sendByEmail(user, profile, lastWill)"\n [disabled]="sendingEmail"\n matTooltip="Testament per E-Mail zuschicken">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="email_action_send_1" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="sendingEmail == false">per E-Mail zuschicken</div>\n <div class="option-button-text" *ngIf="sendingEmail">E-Mail wird versendet...</div>\n </div>\n </button>\n </div>\n\n </div>\n\n <div class="question mt-2">M\xf6chten Sie Angaben \xe4ndern?</div>\n <p>\n Klicken Sie im Text an der entsprechenden Stelle auf\n <button type="button" color="primary" mat-button\n class="edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n um zur der korrespondierenden Frage im Interview zu gelangen.\n </p>\n </div>\n </div>\n </div>\n <div class="flex flex-col h-full hidden sm:flex">\n <div class="p-gutter ">\n <div class="card p-gutter flex flex-col min-w-small md:min-w-large max-w-small md:max-w-large w-full"\n style="background-color: rgb(236, 239, 255);"\n ngxSticky\n classWhenSticky="when-sticky"\n [triggerOn]="\'breadcrumbs\'"\n [scrollC
1ontainer]="\'scrollContainer\'">\n <h1>N\xe4chste Schritte</h1>\n <div class="question">Wie m\xf6chten Sie Ihr Testament erhalten?</div>\n\n <div class="flex flex-wrap -mx-1 overflow-visible">\n\n <div *ngIf="blobSupported" class="my-2 px-2 w-full overflow-visible md:w-1/2">\n <button class="w-full h-full" style="min-width: 120px" color="primary" mat-raised-button\n debounceClick\n (debounceClick)="exportAsPdf(profile, lastWill)"\n [disabled]="generatingPdf"\n matTooltip="Testament als PDF-Datei herunterladen">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="office_file_pdf" color="secondary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="generatingPdf == false">als PDF-Datei herunterladen</div>\n <div class="option-button-text" *ngIf="generatingPdf">PDF wird erstellt...</div>\n </div>\n </button>\n </div>\n\n <div *ngIf="blobSupported" class="my-2 px-2 w-full overflow-visible md:w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="print(profile, lastWill)" [disabled]="printing"\n matTooltip="Testament ausdrucken">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="printer" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="printing == false">Drucken</div>\n <div class="option-button-text" *ngIf="printing">Dokument wird erstellt...</div>\n </div>\n </button>\n </div>\n\n <div class="my-2 px-2 w-full overflow-visible md:w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="exportAsTxt()"\n matTooltip="Testament als TXT-Datei herunterladen">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="office_file_txt" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">als Text-Datei herunterladen</div>\n </div>\n </button>\n </div>\n\n <div *ngIf="profile.accountType == \'email\'" class="my-2 px-2 w-full overflow-visible md:w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="sendByEmail(user, profile, lastWill)"\n [disabled]="sendingEmail"\n matTooltip="Testament per E-Mail zuschicken">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="email_action_send_1" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="sendingEmail == false">per E-Mail zuschicken</div>\n <div class="option-button-text" *ngIf="sendingEmail">E-Mail wird versendet...</div>\n </div>\n </button>\n </div>\n\n </div>\n\n <div class="question mt-2">M\xf6chten Sie Angaben \xe4ndern?</div>\n <p>\n Klicken Sie im Text an der entsprechenden Stelle auf\n <button type="button" color="primary" mat-button\n class="edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n um zur der korrespondierenden Frage im Interview zu gelangen.\n </p>\n </div>\n </div>\n <div class="p-gutter">\n <div class="p-gutter flex flex-col min-w-small md:min-w-large max-w-small md:max-w-large w-full">\n </div>\n </div>\n </div>\n\n <div class="overflow-hidden flex flex-col" container>\n <mat-drawer-container class="bg-transparent flex-auto flex">\n <mat-drawer-content class="sm:p-gutter pt-0 flex-auto flex items-start">\n <div class="h-full overflow-hidden flex-auto">\n <div id="lastWillText" class="p-gutter lastWillText">\n <h1>Testament</h1>\n <hr/>\n <p *ngIf="lastWill.willType != \'married\'">Ich,</p>\n <p *ngIf="lastWill.willType == \'married\'">Wir,</p>\n <p>\n {{profile.title}}\n <strong>{{profile.firstname}} {{profile.middlename}} {{profile.lastname}}</strong>
1\n <span\n *ngIf="profile.useDifferentName">, bekannt unter dem Namen {{profile.usedFirstname}}</span>\n <button *ngIf="profile.title != null\n || profile.firstname != null\n || profile.middlename != null\n || profile.lastname != null"\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'name\' }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n <span *ngIf="profile.legalGender == \'male\'"> (Verf\xfcgender)</span>\n <span *ngIf="profile.legalGender == \'female\'"> (Verf\xfcgende)</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'"> (Verf\xfcgende/r)</span>\n <span *ngIf="profile.birthday">\n <br *ngIf="profile.title != null\n || profile.firstname != null\n || profile.middlename != null\n || profile.lastname != null"/>\n geboren am {{profile.birthday | translocoDate: { dateStyle: \'medium\' } }}\n <span *ngIf="profile.birthplaceDisplayText"> in {{profile.birthplaceDisplayText}}</span>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'birthday\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </span>\n <span *ngIf="profile.addressDisplayText">\n <br/>\n wohnhaft in: <a href="{{profile.addressGoogleMapsUrl}}" target="_blank" rel="noopener noreferrer">\n {{profile.addressDisplayText}}</a>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'address\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </span>\n <span *ngIf="profile.phone">\n <br/>\n Festnetz: <a href="tel:{{profile.phone}}">{{profile.phone}}</a>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'communication\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </span>\n <span *ngIf="profile.mobile">\n <br/>\n Mobilfunk: <a href="tel:{{profile.mobile}}">{{profile.mobile}}</a>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'communication\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </span>
1\n <span *ngIf="profile.email">\n <br/>\n E-Mail: <a href="mailto:{{profile.email}}">{{profile.email}}</a>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'communication\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </span>\n </p>\n <blockquote *ngIf="profile.addressDisplayText == null\n || profile.addressDisplayText == undefined\n || profile.legalGender == null\n || profile.legalGender == undefined\n || profile.firstname == null\n || profile.firstname == undefined\n || profile.lastname == null\n || profile.lastname == undefined\n || profile.birthday == null\n || profile.birthday == undefined\n || profile.birthplaceDisplayText == null\n || profile.birthplaceDisplayText == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\' }">\n Angaben zur Person</a> sind unvollst\xe4ndig:\n <ul>\n <li *ngIf="profile.legalGender == null || profile.legalGender == undefined">\n Anrede fehlt\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'name\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n <li *ngIf="profile.firstname == null || profile.firstname == undefined\n || profile.lastname == null || profile.lastname == undefined">\n Name fehlt\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'name\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n <li *ngIf="profile.addressDisplayText == null || profile.addressDisplayText == undefined">\n Hauptwohnsitz fehlt\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'address\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n <li *ngIf="profile.birthday == null || profile.birthday == undefined">\n Geburtstag fehlt\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'birthday\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n <li\n *ngIf="profile.birthplaceDisplayText == null || profile.birthplaceDisplayText == undefined">\n Geburtsort fehlt\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-information\', substep: \'birthday\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n <li\n *ngIf="profile.maritalStatus == null || profile.maritalStatus == undefined">\n Ehestand fehlt\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'basics\', substep: \'maritalStatus\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n </ul>\n </div>\n </div>\n </blockquote>\n\n <div *ngIf="lastWill.willType == \'married\'">\n <p>und</p>\n <p *ngIf="partner.length >= 1">\n {{partner[0].title}}\n <strong>{{partner[0].firstname}} {{partner[0].middlename}} {{partner[0].lastname}}</strong>
1\n <span\n *ngIf="partner[0].useDifferentName">, bekannt unter dem Namen {{partner[0].usedFirstname}}\n </span>\n <button type="button" color="primary"\n (click)="onEditContact(partner[0])"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n Kontakt bearbeiten\n </button>\n <span *ngIf="partner[0].birthday">\n <br/>\n geboren am {{partner[0].birthday | translocoDate: { dateStyle: \'medium\' } }}\n <span\n *ngIf="partner[0].birthplaceDisplayText"> in {{partner[0].birthplaceDisplayText}}\n </span>\n </span>\n <span *ngIf="partner[0].addressDisplayText">\n <br/>\n wohnhaft in: <a\n href="{{partner[0].addressGoogleMapsUrl}}" target="_blank"\n rel="noopener noreferrer">\n {{partner[0].addressDisplayText}}</a>\n </span>\n <span *ngIf="partner[0].phone">\n <br/>\n Festnetz: <a href="tel:{{partner[0].phone}}">{{partner[0].phone}}</a>\n </span>\n <span *ngIf="partner[0].mobile">\n <br/>\n Mobilfunk: <a href="tel:{{partner[0].mobile}}">{{partner[0].mobile}}</a>\n </span>\n <span *ngIf="partner[0].email">\n <br/>\n E-Mail: <a href="mailto:{{partner[0].email}}">{{partner[0].email}}</a>\n </span>\n </p>\n <blockquote *ngIf="partner.length >= 1 &&\n (partner[0].addressDisplayText == null\n || partner[0].addressDisplayText == undefined\n || partner[0].legalGender == null\n || partner[0].legalGender == undefined\n || partner[0].firstname == null\n || partner[0].firstname == undefined\n || partner[0].lastname == null\n || partner[0].lastname == undefined\n || partner[0].birthday == null\n || partner[0].birthday == undefined\n || partner[0].birthplaceDisplayText == null\n || partner[0].birthplaceDisplayText == undefined)">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Angaben zum anderen Elternteil sind unvollst\xe4ndig:\n <ul>\n <li\n *ngIf="partner[0].legalGender == null || partner[0].legalGender == undefined">\n Anrede fehlt\n </li>\n <li *ngIf="partner[0].firstname == null || partner[0].firstname == undefined\n || partner[0].lastname == null || partner[0].lastname == undefined">\n Name fehlt\n </li>\n <li\n *ngIf="partner[0].addressDisplayText == null || partner[0].addressDisplayText == undefined">\n Hauptwohnsitz fehlt\n </li>\n <li *ngIf="partner[0].birthday == null || partner[0].birthday == undefined">\n Geburtstag fehlt\n </li>\n <li\n *ngIf="partner[0].birthplaceDisplayText == null || partner[0].birthplaceDisplayText == undefined">\n Geburtsort fehlt\n </li>\n </ul>\n <button type="button" color="primary"\n (click)="onEditContact(partner[0])"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n Kontakt bearbeiten\n </button>\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="partner.length < 1">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde noch kein\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/cu
1stody-order/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'custody\', substep: \'partnerSelection\' }">\n anderes Ehepartner</a> benannt.\n <button type="button" color="primary"\n [routerLink]="[\'/custody-order/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'custody\', substep: \'partnerSelection\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n </div>\n\n <p *ngIf="lastWill.willType != \'married\' && profile.maritalStatus">\n bin\n <span *ngIf="profile.maritalStatus == \'single\'">ledig</span>\n <span *ngIf="profile.maritalStatus == \'married\'">verheiratet</span>\n <span *ngIf="profile.maritalStatus == \'divorced\'">geschieden</span>\n <span *ngIf="profile.maritalStatus == \'widowed\'">verwittwet</span>,\n besitze die deutsche Staatsangeh\xf6rigkeit,\n halte mich gew\xf6hnlich in der Bundesrepublik Deutschland auf und verf\xfcge \xfcber\n kein Verm\xf6gen\n im Ausland.\n </p>\n\n <p *ngIf="lastWill.willType == \'married\' && profile.maritalStatus">\n sind verheiratet, besitzen beide die deutsche Staatsangeh\xf6rigkeit, halten\n uns gew\xf6hnlich in\n der Bundesrepublik\n Deutschland auf und verf\xfcgen \xfcber kein Verm\xf6gen im Ausland.\n </p>\n\n <p *ngIf="lastWill.willType != \'married\'">\n Ich bin durch fr\xfchere Verf\xfcgungen von Todes wegen nicht daran gehindert\n dieses Testament zu errichten. Vorsorglich widerrufe ich hiermit alle\n fr\xfchere\n Verf\xfcgungen von Todes wegen.\n </p>\n\n <p *ngIf="lastWill.willType == \'married\'">\n Wir sind durch fr\xfchere Verf\xfcgungen von Todes wegen nicht daran gehindert\n dieses Testament zu errichten. Vorsorglich widerrufen wir hiermit alle\n fr\xfchere\n Verf\xfcgungen von Todes wegen, die wir gemeinsam oder einzeln errichtet haben.\n </p>\n\n <div class="avoid-page-break" *ngIf="lastWill.willType == \'married\'">\n <h2>\n Erben\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'selection\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p>\n Wir setzen uns gegenseitig, der/die Erstversterbende den/die\n L\xe4ngstlebende(n), zum alleinigen\n Erben/Erbin ein.\n </p>\n </div>\n\n <div class="avoid-page-break">\n <h2 *ngIf="lastWill.willType != \'married\'">\n Erben\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'selection\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p *ngIf="lastWill.willType != \'married\' && heir.length <= 1">\n Mein alleinige Vollerbe soll sein:\n </p>\n <p *ngIf="lastWill.willType != \'married\' && heir.length > 1">\n Meine alleinigen Vollerben sollen sein:\n </p>\n\n <h2 *ngIf="lastWill.willType == \'married\'">\n Schlusserben\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'selection\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p *ngIf="lastWill.willType == \'married\' && heir.length <= 1">\n Unser Schlusserbe soll sein:\n </p>\n <p *ngIf="lastWill.willType == \'married\' && heir.length > 1">\n Unsere Schlusserben sollen sein:\n </p>\n <blockquote *ngIf="heir.length < 1">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde noch keine\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/care-order/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-care\', substep: \'caregiver\' }">\n Erben</a> benannt.\n <button type="button" color="primary"\n [routerLink]="[\'/care-order/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'personal-care\', substep: \'caregiver\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n <div *ngFor="let item of heir;
1 let i = index" class="avoid-page-break">\n <p>\n <span>\n {{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong>\n </span>\n <span\n *ngIf="item.useDifferentName">, bekannt unter dem Namen {{item.usedFirstname}}\n </span>\n <button type="button" color="primary" (click)="onEditContact(item)"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n Kontakt bearbeiten\n </button>\n <span *ngIf="item.birthday">\n <br/>\n geboren am {{item.birthday | translocoDate: { dateStyle: \'medium\' } }}\n <span\n *ngIf="item.birthplaceDisplayText"> in {{item.birthplaceDisplayText}}\n </span>\n </span>\n <span *ngIf="item.addressDisplayText">\n <br/>\n wohnhaft in: <a href="{{item.addressGoogleMapsUrl}}" target="_blank" rel="noopener noreferrer">\n {{item.addressDisplayText}}</a>\n </span>\n <span *ngIf="item.phone && item.phone !== \'\'">\n <br/>\n Festnetz: <a href="tel:{{item.phone}}">{{item.phone}}</a>\n </span>\n <span *ngIf="item.mobile && item.mobile !== \'\'">\n <br/>\n Mobilfunk: <a href="tel:{{item.mobile}}">{{item.mobile}}</a>\n </span>\n <span *ngIf="item.email && item.email !== \'\'">\n <br/>\n E-Mail: <a href="mailto:{{item.email}}">{{item.email}}</a>\n <br/>\n </span>\n <span *ngIf="heir.length > 1 && lastWill.distribution == \'other\'">\n <br/>Anteil am Erbe: {{item.lastWillDistribution}}\n %</span>\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'distribution-value\' }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <blockquote *ngIf="item.addressDisplayText == null\n || item.addressDisplayText == undefined\n || item.legalGender == null\n || item.legalGender == undefined\n || item.firstname == null\n || item.firstname == undefined\n || item.lastname == null\n || item.lastname == undefined\n || item.birthday == null\n || item.birthday == undefined\n || item.birthplaceDisplayText == null\n || item.birthplaceDisplayText == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary"\n width="30" height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Angaben Erben sind unvollst\xe4ndig:\n <ul>\n <li *ngIf="item.legalGender == null || item.legalGender == undefined">\n Anrede fehlt\n </li>\n <li *ngIf="item.firstname == null || item.firstname == undefined\n || item.lastname == null || item.lastname == undefined">\n Name fehlt\n </li>\n <li *ngIf="item.addressDisplayText == null || item.addressDisplayText == undefined">\n Hauptwohnsitz fehlt\n </li>\n <li *ngIf="item.birthday == null || item.birthday == undefined">\n Geburtstag fehlt\n </li>\n <li\n *ngIf="item.birthplaceDisplayText == null || item.birthplaceDisplayText == undefined">\n Geburtsort fehlt\n </li>\n </ul>\n <button type="button" color="primary"\n (click)="onEditContact(item)"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n Kontakt bearbeiten\n </button>\n </div>\n </div>\n </blockquote>\n <blockquote *ngIf="heir.length > 1 && lastWill.distribution == \'other\' && (item.lastWillDistribution == null\n || item.lastWillDistribution == undefined\n || item.lastWillDistribution < 0\n || item.lastWillDistribution > 100)">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary"\n width="30" height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Anteil am Erbe muss zwischen 0% und 100% liegen.\n </div>\n </div>\n </blockquote>\n </div>\n\n <p *ngIf="heir.length > 1 && lastWill.distribution == \'evenly\'">\n Das Erbe soll zu jeweils gleichen Anteilen zwischen den Erben aufgeteilt\n werden.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'distribution\' }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n\n <p *ngIf="heir.length > 1 && lastWill.distribution == \'other\'">
1\n <span *ngIf="lastWill.willType != \'married\'">Mein</span>\n <span *ngIf="lastWill.willType == \'married\'">Unser</span>\n Erbe soll entsprechend den angegeben Anteilen zwischen den Erben\n aufgeteilt werden.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'distribution\' }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n\n <blockquote\n *ngIf="heir.length > 1 && lastWill.distribution == \'other\' && this.lastWillDistributionTotal != 100">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Die Summe aller Anteile muss bei 100% liegen.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'distribution-value\' }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n </div>\n\n <div class="avoid-page-break">\n <h2>\n Ersatzerben\n </h2>\n\n <p *ngIf="lastWill.willType == \'married\'">\n Sollte der/die l\xe4nger lebende Ehepartner(in) von uns die Erbschaft\n ausschlagen oder aus\n sonstigen Gr\xfcnden wegfallen, setzen wir die Schlusserben als Ersatzerben\n des Erstversterbenden\n von uns ein.\n </p>\n\n <div *ngFor="let item of heir; let i = index">\n <blockquote\n *ngIf="(item.lastWillSubstituteType == null || item.lastWillSubstituteType == undefined)\n || (item.lastWillSubstituteType == \'other_heir\' && heir.length <= 1) ">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary"\n width="30" height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Ersatzerben f\xfcr <span>{{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong></span>\n festgelegt.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'substitute-\' + i }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n <p *ngIf="item.lastWillSubstituteType == \'other_heir\' && heir.length > 1">\n Sollte\n <sp
1an>{{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong></span>\n die Erbschaft ausschlagen oder aus sonstigen Gr\xfcnden wegfallen,\n tritt Anwachsung bei den verbliebenen\n <span *ngIf="lastWill.willType != \'married\'">Erben</span>\n <span *ngIf="lastWill.willType == \'married\'">Schlusserben</span>\n ein.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'substitute-\' + i }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <p *ngIf="item.lastWillSubstituteType == \'children\'">\n Sollte\n <span>{{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong></span>\n die Erbschaft ausschlagen oder aus sonstigen Gr\xfcnden wegfallen,\n <span *ngIf="lastWill.willType != \'married\'">setze ich</span>\n <span *ngIf="lastWill.willType == \'married\'">setzen wir</span>\n <span *ngIf="item.legalGender == \'male\'"> seine</span>\n <span *ngIf="item.legalGender == \'female\'"> ihre</span>\n <span *ngIf="item.legalGender == \'miscellaneous\'"> seine/ihre</span>\n Abk\xf6mmlinge einschlie\xdflich nichtehelicher und adoptierter\n Abk\xf6mmlinge als Ersatzerben ein.\n Sind keine Abk\xf6mmlinge von\n <span>{{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong></span>\n vorhanden oder fallen diese durch Ausschlagung oder aus sonstigen\n Gr\xfcnden weg, so tritt\n die Anwachsung bei den verbleibenden\n <span *ngIf="lastWill.willType != \'married\'">Erben</span>\n <span *ngIf="lastWill.willType == \'married\'">Schlusserben</span>\n ein.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'substitute-\' + i }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <p *ngIf="item.lastWillSubstituteType == \'law\'">\n Sollte\n <span>{{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong></span>\n die Erbschaft ausschlagen oder aus sonstigen Gr\xfcnden wegfallen, soll\n <span *ngIf="item.legalGender == \'male\'">sein</span>\n <span *ngIf="item.legalGender == \'female\'">ihr</span>\n <span *ngIf="item.legalGender == \'miscellaneous\'">sein/ihr</span>\n Erbteil gem\xe4\xdf der gesetzlichen Erbfolge vererbt werden.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'substitute-\' + i }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <p *ngIf="item.lastWillSubstituteType == \'substitute\'">\n F\xfcr den Fall, dass\n <sp
1an>{{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong></span>\n die Erbschaft ausschl\xe4gt oder aus sonstigen Gr\xfcnden wegf\xe4llt,\n <span *ngIf="lastWill.willType != \'married\'">bestimme ich</span>\n <span *ngIf="lastWill.willType == \'married\'">bestimmen wir</span>\n\n <strong>\n <span *ngIf="!(item.lastWillSubstituteName == null\n || item.lastWillSubstituteName == undefined)">\n <span> {{item.lastWillSubstituteName}}</span>\n </span>\n </strong>\n <span *ngIf="item.lastWillSubstituteName == null\n || item.lastWillSubstituteName == undefined">\n __________________________________________________\n </span><span *ngIf="item.lastWillSubstituteBirthday">, geboren am\n {{item.lastWillSubstituteBirthday | translocoDate: { dateStyle: \'medium\' } }}\n , </span>als\n <span *ngIf="item.legalGender == \'male\'">Ersatzerben</span>\n <span *ngIf="item.legalGender == \'female\'">Ersatzerbenin</span>\n <span *ngIf="item.legalGender == \'miscellaneous\'">Ersatzerben(in)</span>.\n Sollte <span *ngIf="!(item.lastWillSubstituteName == null\n || item.lastWillSubstituteName == undefined)">\n <span> {{item.lastWillSubstituteName}}</span>\n </span>\n <span *ngIf="item.lastWillSubstituteName == null\n || item.lastWillSubstituteName == undefined">\n __________________________________________________\n </span> die Erbschaft ausschlagen oder aus sonstigen Gr\xfcnden wegfallen, so tritt\n die Anwachsung bei den verbleibenden\n <span *ngIf="lastWill.willType != \'married\'">Erben</span>\n <span *ngIf="lastWill.willType == \'married\'">Schlusserben</span>\n ein.\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'substitute-\' + i }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <blockquote *ngIf="item.lastWillSubstituteType == \'substitute\'\n && (item.lastWillSubstituteGender == null\n || item.lastWillSubstituteGender == undefined\n || item.lastWillSubstituteName == null\n || item.lastWillSubstituteName == undefined)">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary"\n width="30" height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Angaben zum Ersatzerben f\xfcr <span>{{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong></span>\n sind\n unvollst\xe4ndig:\n <ul>\n <li\n *ngIf="item.lastWillSubstituteGender == null || item.lastWillSubstituteGender == undefined">\n Anrede fehlt\n </li>\n <li\n *ngIf="item.lastWillSubstituteName == null || item.lastWillSubstituteName == undefined">\n Name fehlt\n </li>\n </ul>\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'heir\', substep: \'substitute-\' + i }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n </div>\n </div>\n\n\n <blockquote *ngIf="lastWill.legacy == null\n || lastWill.legacy == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Angaben zu\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy\' }">
1\n Verm\xe4chtnissen</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <div class="avoid-page-break" *ngIf="lastWill.legacy == true">\n <h2>\n Verm\xe4chtnisse\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n\n\n <div *ngIf="lastWill.willType != \'married\'">\n\n <p>\n Ich ordne folgende Verm\xe4chtnisse an:\n </p>\n\n <ul>\n <div *ngFor="let legacy of allLegacies; let i = index">\n <li>{{legacy.name}}<span\n *ngIf="legacy.birthday">, geboren am\n {{legacy.birthday | translocoDate: { dateStyle: \'medium\' } }}\n , </span>\n erh\xe4lt {{legacy.description}}\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy-definition\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n </div>\n </ul>\n\n </div>\n\n <div *ngIf="lastWill.willType == \'married\'">\n <p>\n Ich, {{profile.firstname}} {{profile.lastname}} ordne folgende\n Verm\xe4chtnisse an:\n </p>\n\n <ul>\n <div *ngFor="let legacy of myLegacies; let i = index">\n <li>{{legacy.name}}<span\n *ngIf="legacy.birthday">, geboren am\n {{legacy.birthday | translocoDate: { dateStyle: \'medium\' } }}\n , </span>\n erh\xe4lt {{legacy.description}}\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy-definition\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n </div>\n </ul>\n\n <p *ngIf="partner != null && partner.length > 0">\n Ich, {{partner[0].firstname}} {{partner[0].lastname}} ordne folgende\n Verm\xe4chtnisse an:\n </p>\n\n <ul *ngIf="partner != null && partner.length > 0">\n <div *ngFor="let legacy of partnerLegacies; let i = index">\n <li>{{legacy.name}}
1<span\n *ngIf="legacy.birthday">, geboren am\n {{legacy.birthday | translocoDate: { dateStyle: \'medium\' } }}\n , </span>\n erh\xe4lt {{legacy.description}}\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy-definition\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </li>\n </div>\n </ul>\n\n <p>\n Die Verm\xe4chtnisse fallen mit dem Tod des/der Erstversterbenden von\n uns an und werden mit dem\n Tode\n des/der l\xe4nger lebende(n) Ehepartners/Ehepartnerin von uns f\xe4llig.\n Dingliche Sicherheiten\n oder eine\n Sicherstellung im Wege des vorl\xe4ufigen Rechtsschutzes k\xf6nnen nicht\n verlangt werden.\n\n Sollte ein(e) Beg\xfcnstige(r) nach Anfall, aber vor Erf\xfcllung des\n Verm\xe4chtnisses versterben,\n das Verm\xe4chtnis ausschlagen oder aus sonstigen Gr\xfcnden wegfallen,\n setzen wir dessen/deren Abk\xf6mmlinge einschlie\xdflich nichtehelicher\n und adoptierter Abk\xf6mmlinge\n nach den Regeln der gesetzlichen Erbfolge erster Ordnung oder\n ersatzweise die \xfcbrigen\n Schlusserben, die keinen Pflichtanteil verlangt haben, als\n Nachverm\xe4chtnisnehmer ein.\n </p>\n </div>\n\n <blockquote *ngIf="lastWill.legacyTakingIntoAccount == null\n || lastWill.legacyTakingIntoAccount == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Angaben zu\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy-accounting\' }">\n Anrechnung der Verm\xe4chtnisse</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy-accounting\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <p *ngIf="lastWill.legacyTakingIntoAccount == true">\n Beg\xfcnstigte, die auch Erben sind, erhalten das Verm\xe4chtnis unter\n Anrechnung auf ihren\n Erbteil.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy-accounting\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n\n <p *ngIf="lastWill.legacyTakingIntoAccount == false ">\n Beg\xfcnstigte, die auch Erben sind, erhalten das Verm\xe4chtnis ohne\n Anrechnung auf ihren\n Erbteil.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legacy\', substep: \'legacy-accounting\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n </div>
1\n\n <div class="avoid-page-break" *ngIf="lastWill.willType == \'married\'">\n <h2>\n Gemeinsames Versterben\n </h2>\n\n <p>\n Sollten wir gleichzeitig oder in einem Abstand von maximal zwei Monaten\n versterben\n oder wird ein gemeinsames Versterben nach dem Verschollenheitsgesetz\n vermutet, so bestimmen wir\n unsere Schlusserben zu Erben eines jeden von uns. Unsere gegenseitige\n Erbeinsetzung gilt in\n diesem Fall nicht.\n </p>\n </div>\n\n <div class="avoid-page-break" *ngIf="lastWill.willType == \'married\'\n && lastWill.divorceClause == true ">\n <h2>\n Scheidungsklausel\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'divorceClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n\n <p>\n Sollte unsere Ehe nicht durch den Tod aufgel\xf6st werden, verlieren\n automatisch alle in diesem\n Testament enthaltenen Verf\xfcgungen von Todes wegen zu Gunsten des/der\n anderen\n Ehepartners/Ehepartnerin ihre\n Bindung. Das gleiche gilt lt. \xa7\xa7 2268, 2077 Abs.1 BGB auch f\xfcr den/die\n Ehepartner(in), der/die\n die Aufl\xf6sung\n der ehelichen Gemeinschaft beantragt hat.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'divorceClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n </div>\n\n <blockquote *ngIf="lastWill.divorceClause == null\n || lastWill.divorceClause == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Angaben zu\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'divorceClause\' }">\n Scheidungsklausel</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'divorceClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>
1\n\n <div class="avoid-page-break" *ngIf="lastWill.willType == \'married\'\n && lastWill.penaltyClause == true">\n <h2>\n Pflichtteilsstrafklausel\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'penaltyClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n\n <p>\n Verlangt und erh\xe4lt eine(r) der Schlusserben oder dessen/deren Erbe nach\n dem Tod des/der\n Erstversterbenden\n vom/von dem/der l\xe4nger lebende(n) Ehepartner(in) entgegen dessen/deren\n Willen seinen/ihren\n Pflichtteils- bzw.\n Pflichtteilserg\xe4nzungsanspruch\n ganz oder teilweise, so ist der/die l\xe4nger lebende Ehepartner(in) befugt\n denjeningen bzw.\n diejenige\n einschlie\xdflich\n seiner bzw. ihrer Abk\xf6mmlinge von der Schlusserbfolge, der\n Ersatzerbfolge sowie der Anwachsung\n auszuschlie\xdfen. Dies gilt auch f\xfcr die Nacherben- und Verm\xe4chtnis- sowie\n Nachverm\xe4chtniseinsetzung f\xfcr denjenigen bzw. diejenige und seiner bzw.\n ihrer Abk\xf6mmlinge.\n Die Geltungmachung eines Auskunfsbegehrens bzw. eines\n Wertermittlungsanspruchs\n f\xfchrt nicht zu einem entsprechenden Ausschluss.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'penaltyClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <p *ngIf="heir != undefined && heir != null && heir.length > 1">\n Unter der aufschiebenden Bedingung, dass ein Pflichtteilsverlangen in\n der vorbeschriebenen Weise\n erfolgt, erhalten die \xfcbrigen Schlusserben, untereinander zu gleichen\n Teilen, ersatzweise deren\n Ersatzerben nach den Regelungen in diesem Testament, jeweils ein\n Geldverm\xe4chtnis in H\xf6he des\n Wertes des \xfcbrigen Nachlasses des/der Erstversterbenden, abz\xfcglich des\n ausgezahlten\n Pflichtteils.\n\n Die Verm\xe4chtnisse fallen mit dem Tod des/der Erstversterbenden von uns\n an und werden mit dem\n Tode\n des/der l\xe4nger lebende Ehepartners/Ehepartnerin von uns f\xe4llig.\n Dingliche Sicherheiten oder\n eine\n Sicherstellung im Wege des vorl\xe4ufigen Rechtsschutzes k\xf6nnen nicht\n verlangt werden.\n\n Sollte ein(e) Beg\xfcnstige(r) nach Anfall, aber vor Erf\xfcllung des\n Verm\xe4chtnisses versterben,\n das Verm\xe4chtnis ausschlagen oder aus sonstigen Gr\xfcnden wegfallen,\n setzen wir dessen/deren Ersatzerben nach den Regelungen in diesem\n Testament oder ersatzweise\n die \xfcbrigen Schlusserben, die keinen Pflichtanteil verlangt haben, als\n Nachverm\xe4chtnisnehmer\n ein.\n </p>\n </div>\n\n <blockquote *ngIf="lastWill.penaltyClause == null\n || lastWill.penaltyClause == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Angaben zu\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'penaltyClause\' }">\n Pflichtteilsstrafklausel</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'penaltyClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>
1\n\n <div class="avoid-page-break" *ngIf="lastWill.willType == \'married\'">\n <h2>\n Bindungswirkung\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'binding\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p>\n Die in diesem Testament getroffenen Verf\xfcgungen f\xfcr den ersten Todesfall\n sind wechselbez\xfcglich\n und bindend. Ein jeder von uns ist berechtigt, zu Lebzeiten des/der\n anderen einseitig seine/ihre\n letztwilligen Verf\xfcgungen zu widerrufen. Der Widerruf bedarf der\n notariellen Beurkundung und des\n Zugangs bei den/der anderen Ehepartner(in) und f\xfchrt zur Unwirksamkeit\n des Testaments insgesamt.\n </p>\n\n <blockquote *ngIf="lastWill.binding == null\n || lastWill.binding == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Angaben zu\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'binding\' }">\n Bindungswirkung</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'binding\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <p *ngIf="lastWill.binding == true">\n Die Verf\xfcgungen f\xfcr den zweiten Todesfall sind wechselbez\xfcglich und\n bindend. Dies bedeutet, dass\n der/die l\xe4nger lebende Ehepartner(in) die Schlusserbfolge nicht \xe4ndern\n kann.\n Nach dem Tod des Erstversterbende wird das Anfechtungsrecht des/der\n l\xe4nger lebenden\n Ehepartners/Ehepartnerin\n ausdr\xfccklich ausgeschlossen.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'binding\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n\n <p *ngIf="lastWill.binding == false">\n Die Verf\xfcgungen f\xfcr den zweiten Todesfall sind NICHT wechselbez\xfcglich\n und NICHT\n bindend. Dies bedeutet, dass der/die l\xe4nger lebende Ehepartner(in) die\n Schlusserbfolge in vollem\n Umfang\n nochmals \xe4ndern kann.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'binding\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n </div>
1\n\n <div class="avoid-page-break" *ngIf="lastWill.furtherInstructions">\n <h2>\n Weitere Anweisungen\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'furtherInstructions\', substep: \'furtherInstructions\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n\n <div *ngIf="lastWill.furtherInstructions\n && lastWill.furtherInstructionsDescription != undefined\n && lastWill.furtherInstructionsDescription != null\n && lastWill.furtherInstructionsDescription.length > 0 ">\n <div style="list-style: disc inside"\n [innerHTML]="lastWill.furtherInstructionsDescription">\n </div>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'furtherInstructions\', substep: \'furtherInstructionsDescription\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n <div *ngIf="lastWill.furtherInstructions\n && (lastWill.furtherInstructionsDescription == undefined\n || lastWill.furtherInstructionsDescription == null\n || lastWill.furtherInstructionsDescription.length == 0)">\n <br/>\n <hr/>\n <br/>\n <hr/>\n <br/>\n <hr/>\n <br/>\n <hr/>\n <br/>\n <hr/>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'furtherInstructions\', substep: \'furtherInstructionsDescription\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n\n <blockquote *ngIf="lastWill.furtherInstructions == null\n || lastWill.furtherInstructions == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Angaben zu\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'furtherInstructions\', substep: \'furtherInstructions\' }">\n weiteren Anweisungen</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'furtherInstructions\', substep: \'furtherInstructions\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <blockquote\n *ngIf="lastWill.execution == undefined || lastWill.execution == null">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde keine Entscheidung bez. Testamentsvollstreckung getroffen.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'execution\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>
1\n\n <div class="avoid-page-break" *ngIf="lastWill.execution == true">\n <h2>\n Testamentsvollstreckung\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'execution\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p>\n <span *ngIf="lastWill.willType != \'married\'">Ich ordne die Testamentsvollstreckung an und bestimme hierzu Folgendes:</span>\n <span *ngIf="lastWill.willType == \'married\'">Nach dem Ableben des/der L\xe4ngstlebenden ordnen wir die Testamentsvollstreckung an und bestimmen hierzu Folgendes:</span>\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'execution\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n\n <p>\n Alle zum Nachlass geh\xf6renden Gegenst\xe4nde sowie evtl. Vorerbschaften,\n Verm\xe4chtnisse und\n Vorverm\xe4chtnisse unterliegen grunds\xe4tzlich der Testamentsvollstreckung.\n </p>\n\n <p>\n Der/Die Testamentsvollstrecker(in) hat die Auflagen und Verm\xe4chtnisse\n sowie die angeordneten\n erbrechtlichen Verf\xfcgungen zu erf\xfcllen und unter den Erben die\n Auseinandersetzung des\n Nachlasses vorzunehmen und den Nachlass bis zur Erf\xfcllung seiner/ihrer\n Aufgaben zu verwalten,\n soweit dies rechtlich zul\xe4ssig ist. Bei der Erf\xfcllung seiner/ihrer\n Aufgaben kann er/sie\n erg\xe4nzend\n zu den gesetzlichen Bestimmungen auch nach billigem Ermessen vorgehen.\n </p>\n\n <p>\n Der/Die Testamentsvollstrecker(in) wird ausdr\xfccklich erm\xe4chtigt, vor\n oder nach Annahme\n des Amts an seiner/ihrer Stelle eine(n) Ersatztestamensvollstrecker(in)\n zu benennen.\n </p>\n\n <p>\n Der/Die Testamentsvollstrecker(in) darf Verbindlichkeiten f\xfcr den\n Nachlass eingehen und ist\n auch sonst in dem gesetzlich zul\xe4ssigen Umfang von Beschr\xe4nkungen\n befreit, im Rahmen\n der ordnungsgem\xe4\xdfen Amtsf\xfchrung auch von den Beschr\xe4nkungen des \xa7 181\n BGB.\n </p>\n\n <p>\n Der/Die Testamentsvollstrecker(in) kann in Anwendung der \xa7\xa7 2151 bis\n 2156 BGB unter den\n Verm\xe4chtnisnehmern, innerhalb von f\xfcnf Jahren nach dem jeweiligen\n Erbfall, nach billigem\n Ermessen eine andere Verteilung der Verm\xe4chtnisgegenst\xe4nde vornehmen,\n soweit dies dem Ziel des\n langfristigen Verm\xf6genserhalts in der Familie sowie der Minimierung der\n Steuerlast dienlich ist.\n Dabei kann er/sie insbesondere Beteiligungsquoten \xe4ndern, eine andere\n Gesellschaftsstruktur\n w\xe4hlen oder den Verm\xe4chtnisnehmern einzelne Verm\xf6genswerte zuweisen. Die\n Auslegungsregel des\n \xa7 2087 Abs. 1 BGB soll ausdr\xfccklich nicht gelten.\n </p>\n\n <blockquote\n *ngIf="lastWill.executionSelectionType == undefined || lastWill.executionSelectionType == null">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde keine Entscheidung die Auswahlt des\n Testamentsvollstreckers getroffen.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'executionSelectionType\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <p *ngIf="lastWill.executionSelectionType == \'court\'">\n Eine(n) geeignete(n) Testamensvollstrecker(in) soll das zust\xe4ndige\n Nachlassgericht bestellen.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'executionSelectionType\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n\n <blockquote\n *ngIf="lastWill.executionSelectionType == \'self\' && this.lastWillExecutioner.length < 1">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde kein(e) Testamentsvollstrecker(in) ausgew\xe4hlt.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'executionSelection\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <div *ngIf="lastWill.executionSelectionType == \'self\' && this.lastWillExecutioner.length >= 1">\n <div *ngFor="let item of lastWillExecutioner;
1 let i = index"\n class="avoid-page-break">\n <p>\n <span *ngIf="profile.legalGender == \'male\'">Testamentvollstrecker</span>\n <span *ngIf="profile.legalGender == \'female\'">Testamentvollstreckerin</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'">Testamentvollstrecker(in)</span>\n ist:\n </p>\n <p>\n <span>\n {{item.title}}\n <strong>{{item.firstname}} {{item.middlename}} {{item.lastname}}</strong>\n </span>\n <span\n *ngIf="item.useDifferentName">, bekannt unter dem Namen {{item.usedFirstname}}\n </span>\n <button type="button" color="primary"\n (click)="onEditContact(item)"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n Kontakt bearbeiten\n </button>\n <span *ngIf="item.birthday">\n <br/>\n geboren am {{item.birthday | translocoDate: { dateStyle: \'medium\' } }}\n <span\n *ngIf="item.birthplaceDisplayText"> in {{item.birthplaceDisplayText}}\n </span>\n </span>\n <span *ngIf="item.addressDisplayText">\n <br/>\n wohnhaft in: <a href="{{item.addressGoogleMapsUrl}}" target="_blank" rel="noopener noreferrer">\n {{item.addressDisplayText}}</a>\n </span>\n <span *ngIf="item.phone && item.phone !== \'\'">\n <br/>\n Festnetz: <a href="tel:{{item.phone}}">{{item.phone}}</a>\n </span>\n <span *ngIf="item.mobile && item.mobile !== \'\'">\n <br/>\n Mobilfunk: <a href="tel:{{item.mobile}}">{{item.mobile}}</a>\n </span>\n <span *ngIf="item.email && item.email !== \'\'">\n <br/>\n E-Mail: <a href="mailto:{{item.email}}">{{item.email}}</a>\n <br/>\n </span>\n <button\n type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'executionSelectionType\' }"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <blockquote *ngIf="item.addressDisplayText == null\n || item.addressDisplayText == undefined\n || item.legalGender == null\n || item.legalGender == undefined\n || item.firstname == null\n || item.firstname == undefined\n || item.lastname == null\n || item.lastname == undefined\n || item.birthday == null\n || item.birthday == undefined\n || item.birthplaceDisplayText == null\n || item.birthplaceDisplayText == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary"\n width="30" height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Angaben Erben sind unvollst\xe4ndig:\n <ul>\n <li *ngIf="item.legalGender == null || item.legalGender == undefined">\n Anrede fehlt\n </li>\n <li *ngIf="item.firstname == null || item.firstname == undefined\n || item.lastname == null || item.lastname == undefined">\n Name fehlt\n </li>\n <li *ngIf="item.addressDisplayText == null || item.addressDisplayText == undefined">\n Hauptwohnsitz fehlt\n </li>\n <li *ngIf="item.birthday == null || item.birthday == undefined">\n Geburtstag fehlt\n </li>\n <li\n *ngIf="item.birthplaceDisplayText == null || item.birthplaceDisplayText == undefined">\n Geburtsort fehlt\n </li>\n </ul>\n <button type="button" color="primary"\n (click)="onEditContact(item)"\n mat-button matTooltip="Bearbeiten"\n class="ml-2 mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px"\n width="15px"></mat-icon>\n Kontakt bearbeiten\n </button>\n </div>\n </div>\n </blockquote>\n </div>\n <p>\n Ersatzweise soll das zust\xe4ndige Nachlassgericht einen geiegnete(n)\n Testamensvollstrecker(in)\n bestellen.\n </p>\n </div>\n\n <blockquote\n *ngIf="lastWill.executionPaid == undefined || lastWill.executionPaid == null">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde keine Entscheidung bez. Verg\xfctung des/der\n Testamentsvollstreckers/Testamentsvollstreckerin getroffen.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'executionPaid\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil"\n height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <p *ngIf="lastWill.executionPaid == true">\n Die Verg\xfctung des/der Testamentsvollstreckers/Testamentsvollstreckerin\n f\xfcr die Abwicklung und\n Verwaltung des Nachlasses soll\n sich nach den Verg\xfctungsempfehlungen des Deutschen Notarvereins\n bemessen. Im Hinblick auf die\n Verg\xfctung soll die Aussch\xf6pfung der empfohlenen Geb\xfchrenrahmen zul\xe4ssig\n sein. Der/Die\n Testamentsvollstrecker(in) kann Ersatz seiner/ihre Auslagen verlangen.\n Die Kosten sind von den\n Erben,\n Verm\xe4chtnisnehmern und Pflichtteilsberechtigten entsprechend Ihrer\n Beg\xfcnstigung anteilig zu\n tragen. Dies gilt auch f\xfcr s\xe4mtliche im Rahmen der Auseinandersetzung\n und der\n Verwaltung des Nachlasses entstehenden weiteren Kosten.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'executionPaid\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n\n <p *ngIf="lastWill.executionPaid == false">\n Der Testamentsvollstrecker soll keine Verg\xfctung erhalten.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'execution\', substep: \'executionPaid\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n </div>\n\n <blockquote\n *ngIf="lastWill.arbitrationClause == undefined || lastWill.arbitrationClause == null">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde keine Entscheidung bez. einer Schiedsklausel getroffen.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'arbitrationClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>\n\n <blockquote *ngIf="lastWill.releaseDoctorsConfidentiality == null\n || lastWill.releaseDoctorsConfidentiality == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurden keine Angaben zu\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'doctorsConfidentiality\' }">\n Schweigepflichtentbindung</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'doctorsConfidentiality\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>
1\n\n <div class="avoid-page-break"\n *ngIf="lastWill.releaseDoctorsConfidentiality == true">\n <h2>\n Schweigepflichtentbindung\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'doctorsConfidentiality\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p *ngIf="lastWill.willType != \'married\'">\n F\xfcr den Fall, dass Zweifel an meiner Testierf\xe4higkeit entstehen,\n entbinde ich\n die \xc4rzte, die mich behandelt haben und noch behandeln werden, von ihrer\n Schweigepflicht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'doctorsConfidentiality\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <p *ngIf="lastWill.willType == \'married\'">\n F\xfcr den Fall, dass Zweifel an unserer Testierf\xe4higkeit entstehen,\n entbindet jeder von uns\n die \xc4rzte, die ihn/sie behandelt haben und noch behandeln werden, von\n ihrer Schweigepflicht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'doctorsConfidentiality\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n </div>\n\n <div class="avoid-page-break" *ngIf="lastWill.arbitrationClause == true">\n <h2>\n Schiedsklausel\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'arbitrationClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p>\n F\xfcr alle Streitigkeiten, die ihren Grund in\n <span *ngIf="lastWill.willType != \'married\'">meinem</span>\n <span *ngIf="lastWill.willType == \'married\'">unserem</span>\n Erbfall haben oder im Zusammenhang mit\n <sp
1an *ngIf="lastWill.willType != \'married\'">meinem</span>\n <span *ngIf="lastWill.willType == \'married\'">unserem</span>\n Testament, der Verwaltung oder Auseinandersetzung\n <span *ngIf="lastWill.willType != \'married\'">meines</span>\n <span *ngIf="lastWill.willType == \'married\'">unseres</span>\n Nachlasses stehen,\n <span *ngIf="lastWill.willType != \'married\'">schlie\xdfe ich</span>\n <span *ngIf="lastWill.willType == \'married\'">schlie\xdfen wir</span>\n im Wege der Auflage die ordentlichen Gerichte aus, soweit dies rechtlich\n m\xf6glich und\n zul\xe4ssig ist. Dies gilt nicht f\xfcr Streitigkeiten \xfcber\n Pflichtteilsanspr\xfcche.\n Den/Die Schiedsrichter(in) soll der Vorstand des Netzwerkes Deutscher\n Testamentsvollstrecker mit\n Gesch\xe4ftssitz in Berlin bestellen. Der/Die Schiedsrichter(in)\n entscheidet als Einzelrichter(in).\n <span *ngIf="lastWill.willType != \'married\'">Ich bestelle</span>\n <span *ngIf="lastWill.willType == \'married\'">Wir bestellen</span>\n ihn/sie zugleich als Schiedsgutachter(in) mit der Aufgabe, sich in\n Bewertungsfragen\n gutachterlich verbindlich zu \xe4u\xdfern. Der/Die Schiedsrichter(in) ist auch\n befugt, auf Kosten des\n Nachlasses Drittgutachten einzuholen, wenn er/sie dies f\xfcr erforderlich\n h\xe4lt.\n </p>\n <p>\n Der/Die Schiedsrichter(in) entscheidet, soweit keine gesetzlichen\n Bestimmungen entgegenstehen,\n verfahrens- und materiellrechtlich nach freiem Ermessen oder wenn er/sie\n sein/ihr Ermessen\n nicht aus\xfcbt, nach der ZPO und dem GVG.\n </p>\n <p>\n Die Verhandlung ist nicht \xf6ffentlich. Es besteht kein Anwaltszwang. Je\n Streitfall erh\xe4lt der/die\n Schiedsrichter(in) das Zweifache der Wertgeb\xfchr nach \xa7 13 RVG.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'arbitrationClause\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n </div>\n\n <blockquote\n *ngIf="lastWill.choiceOfLaw == undefined || lastWill.choiceOfLaw == null">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde keine Entscheidung zur Rechtswahl getroffen.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'choiceOfLaw\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>
1\n\n <div class="avoid-page-break" *ngIf="profile.legalGender != null && profile.legalGender != undefined\n && profile.addressCountryShort != null && profile.addressCountryShort != undefined">\n <h2 *ngIf="lastWill.choiceOfLaw == true">\n Rechtswahl und salvatorische Klausel\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'choiceOfLaw\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <h2 *ngIf="lastWill.choiceOfLaw != true">\n Salvatorische Klausel\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'choiceOfLaw\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p *ngIf="lastWill.choiceOfLaw == true">\n F\xfcr dieses Testament sowie die Erbfolge, bezogen auf\n <span *ngIf="lastWill.willType != \'married\'">mein</span>\n <span *ngIf="lastWill.willType == \'married\'">unser</span>\n gesamtes im In- und Ausland gelegenes unbewegliches und bewegliches\n Verm\xf6gen,\n <span *ngIf="lastWill.willType != \'married\'">w\xe4hle ich</span>\n <span *ngIf="lastWill.willType == \'married\'">w\xe4hlen wir</span>,\n soweit dies m\xf6glich ist, das Recht der Bundesrepublik Deutschland.\n Demnach soll insbesondere f\xfcr\n Wirksamkeit, Umfang und Auslegung des Testaments sowie die Verwaltung\n oder \xdcbergabe\n <span *ngIf="lastWill.willType != \'married\'">meines</span>\n <span *ngIf="lastWill.willType == \'married\'">unseres</span>\n Nachlasses vorrangig deutsches Recht gelten. Sofern Streit \xfcber die\n Bedeutung, Auslegung und\n Reichweite der in diesem Testament verwendeten Rechtsbegriffe entsteht,\n soll das Testament im\n Sinne der deutschen Rechtsordnung ausgelegt werden.\n <span *ngIf="lastWill.willType != \'married\'">Mein</span>\n <span *ngIf="lastWill.willType == \'married\'">Unser</span>\n gew\xf6hnlicher Aufenthaltsort soll dabei keine Bedeutung haben.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'conditions\', substep: \'choiceOfLaw\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </p>\n <p>\n Sollte eine Bestimmung dieses Testaments ganz oder teilweise nichtig\n oder unwirksam\n sein\n bzw. werden oder sich als undurchf\xfchrbar erweisen, so wird dadurch die\n Wirksamkeit der \xfcbrigen\n Bestimmungen nicht ber\xfchrt. In diesem Fall soll anstelle der unwirksamen\n oder undurchf\xfchrbaren\n Bestimmung so verfahren werden, wie es dem Sinn und Zweck der\n unwirksamen Bestimmung am\n n\xe4chsten\n kommt.\n </p>\n <p>\n Sind Bestimmungen dieses Testaments auslegungs- oder\n erg\xe4nzungsbed\xfcrftig, so hat\n die\n Auslegung oder Erg\xe4nzung in der Weise zu erfolgen, dass sie dem Geist,\n Inhalt und Zweck dieses\n Testaments bestm\xf6glich gerecht wird. Dabei soll diejenige Regelung\n gelten, die\n <sp
1an *ngIf="lastWill.willType != \'married\'">\n <span *ngIf="profile.legalGender == \'male\'">der Verf\xfcgende</span>\n <span *ngIf="profile.legalGender == \'female\'">die Verf\xfcgende</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'">die/der Verf\xfcgende</span>\n </span>\n <span *ngIf="lastWill.willType == \'married\'">die Verf\xfcgenden</span>\n bei Erteilung dieses Testaments getroffen\n <span *ngIf="lastWill.willType != \'married\'">h\xe4tte,</span>\n <span\n *ngIf="lastWill.willType == \'married\'">h\xe4tten,</span>\n wenn\n <span *ngIf="lastWill.willType != \'married\'">\n <span *ngIf="profile.legalGender == \'male\'">er</span>\n <span *ngIf="profile.legalGender == \'female\'">sie</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'">er/sie</span>\n </span>\n <span\n *ngIf="lastWill.willType == \'married\'">sie</span>\n die Auslegungs- oder Erg\xe4nzungsbed\xfcrftigkeit gekannt\n <span *ngIf="lastWill.willType != \'married\'">h\xe4tte.</span>\n <span\n *ngIf="lastWill.willType == \'married\'">h\xe4tten.</span>\n </p>\n </div>\n\n <div class="avoid-page-break">\n\n <h2>Unterschrift</h2>\n\n <p>\n <span *ngIf="lastWill.willType != \'married\'">Ich habe</span>\n <span *ngIf="lastWill.willType == \'married\'">Wir haben</span>\n dieses Testament freiwillig und unbeeinflusst im Vollbesitz\n <span *ngIf="lastWill.willType != \'married\'">meiner</span>\n <span\n *ngIf="lastWill.willType == \'married\'">unserer</span>\n geistigen Kr\xe4fte verfasst.\n <br/>\n </p>\n <br/>\n <br/>\n <div *ngIf="profile.addressVicinity != undefined && profile.addressVicinity != null\n && profile.firstname != undefined && profile.firstname != null\n && profile.lastname != undefined && profile.lastname != null">\n {{profile.addressVicinity}}\n , {{ getLastUpdatedDate(lastWill) }} {{profile.firstname}} {{profile.lastname}}\n </div>\n <br/>\n <br/>\n <p *ngIf="lastWill.willType == \'married\' && partner.length >= 1">\n Dies ist in vollem Umfang auch mein letzter Wille.\n </p>\n <br/>\n <br/>\n <div *ngIf="lastWill.willType == \'married\' && partner.length >= 1\n && partner[0].addressVicinity != undefined && partner[0].addressVicinity != null\n && partner[0].firstname != undefined && partner[0].firstname != null\n && partner[0].lastname != undefined && partner[0].lastname != null">\n {{partner[0].addressVicinity}}\n , {{ getLastUpdatedDate(lastWill) }} {{partner[0].firstname}} {{partner[0].lastname}}\n </div>\n\n <blockquote>\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n <strong>ACHTUNG:</strong> Um das Testament rechtswirksam zu\n machen, m\xfcssen Sie\n das Dokument <strong>vollst\xe4ndig handschriftlich\n verfassen</strong>.\n Das bedeutet, Sie m\xfcssen diese Vorlage\n eigenh\xe4ndig - inkl. \xdcberschrift "Testament" - Wort f\xfcr Wort\n abschreiben und\n mit Datum versehen, sowie mit Vor- und Nachnamen unterschreiben.\n <strong>Eine Unterschrift alleine ist nicht\n ausreichend!</strong>\n </div>\n </div>\n </blockquote>\n\n <blockquote>\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30" class="warning-icon"></mat-icon>\n <div class="additional-notes">\n <strong>WICHTIG:</strong> Bitte beachten Sie, dass die\n Unterschrift mit Vor- und Nachnamen\n erfolgen muss! Aus Ihrer Unterschrift muss f\xfcr andere Ihr\n vollst\xe4ndiger Name erkennbar\n sein.\n Sehen Sie daher davon ab K\xfcrzel oder \xe4hnliches zu verwenden.\n </div>\n </div>\n </blockquote>\n\n <blockquote *ngIf="lastWill.willType == \'married\'"\n class="hide-in-export">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="information_circle" color="primary"\n width="30"\n height="30"></mat-icon>\n <div class="additional-notes">\n Wenn ein Ehepartner das Testament\n <strong>vollst\xe4ndig handschriftlich</strong> verfasst hat,\n gen\xfcgt es wenn der andere\n Ehepartner das Dokument mit Vor- und Nachnamen unterschreibt.\n </div>\n </div>\n </blockquote>\n\n <blockquote class="hide-in-export">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="information_circle" color="primary"\n width="30"\n height="30"></mat-icon>\n <div class="additional-notes">\n Ein <strong>handschriftlich</strong> verfasstes und <strong>unterschriebenes</strong>\n Testament ist sofort vollst\xe4ndig rechtswirksam. Eine Beratung\n durch einen\n Rechtsanwalt oder eine\n <sp
1an [tippy]="Beglaubigung" variation="popper"\n trigger="mouseenter"\n class="underline">Beglaubigung</span> durch einen Notar\n ist nach aktuell geltendem\n Recht nicht notwendig.\n </div>\n </div>\n </blockquote>\n\n <blockquote class="hide-in-export"\n *ngIf="profile.addressCountryShort == \'DE\'">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="information_circle" color="primary"\n width="30"\n height="30"></mat-icon>\n <div class="additional-notes">\n <strong>Tipp:</strong>\n F\xfcr die\n <span [tippy]="Beglaubigung" variation="popper"\n trigger="mouseenter"\n class="underline"><strong>Beglaubigung</strong></span>\n bei der Betreuungsbeh\xf6rde oder -stelle bezahlt man nur 10 Euro\n und ihre\n <span [tippy]="Beglaubigung" variation="popper"\n trigger="mouseenter"\n class="underline">Beglaubigung</span>\n steht der notariellen\n <span [tippy]="Betreuungsbehoerde" variation="popper"\n trigger="mouseenter"\n class="underline">\n ausdr\xfccklich gleich</span>.\n </div>\n </div>\n </blockquote>\n\n <blockquote class="hide-in-export"\n *ngIf="profile.addressCountryShort == \'DE\'">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="information_circle" color="primary"\n width="30"\n height="30"></mat-icon>\n <div class="additional-notes">\n <strong>VORSICHT!</strong><br/>\n Gemeinden und andere \xf6ffentliche \xc4mter beglaubigen auch eine\n Unterschrift. Hier wird\n jedoch\n nur\n auf ein neutrales Papier der Ausweis kopiert, die pers\xf6nliche\n Unterschrift darunter\n gesetzt\n und\n dies vom Verwaltungsangestellten durch Stempel und Unterschrift\n best\xe4tigt.\n <strong>Dieses Dokument ist kein Ersatz f\xfcr ein\n <span [tippy]="Beglaubigung" variation="popper"\n trigger="mouseenter"\n class="underline">beglaubigtes</span>\n Testament!</strong>\n </div>\n </div>\n </blockquote>\n\n </div>\n\n <ng-template #Betreuungsbehoerde>\n <div>\n <p>\n In \xa7 6 Betreuungsbeh\xf6rdengesetz (BtBG), was Bundesgesetz ist und\n damit auch in allen\n Bundesl\xe4ndern gilt, ist\n ausdr\xfccklich geregelt, dass auch Betreuungsbeh\xf6rden\n Vorsorgevollmachten \u201e\xf6ffentlich\u201c beglaubigen d\xfcrfen. Die\n Betreuungsbeh\xf6rden d\xfcrfen f\xfcr die\n Beglaubigung\n nur 10 Euro an Geb\xfchren nehmen und ihre Beglaubigung steht der\n notariellen ausdr\xfccklich\n gleich.\n Auch wenn einige Notare diese Bedeutung des \xa7 6 BtBG verneinen, so\n m\xfcssten Unklarheiten\n sp\xe4testens seit\n dem 01.09.2009 beseitigt sein. Im Rahmen des Gesetzes zur \xc4nderung\n des Zugewinnausgleichs-\n und\n Vormundschaftsrechts vom 06.07.2009 (BGBl. I S. 1696) wurde in \xa7 6\n Abs. 2 BtBG das Wort\n \u201e\xf6ffentlich\u201c vor\n dem Wort \u201ebeglaubigt\u201c hinzugef\xfcgt. Damit ist bundesgesetzlich\n klargestellt worden, dass eine\n Beglaubigung\n einer Betreuungsbeh\xf6rde der eines Notars entspricht.\n </p>\n </div>\n </ng-template>\n\n <blockquote *ngIf="lastWill.legalCompetence == null\n || lastWill.legalCompetence == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde keine Entscheidung bez.\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'legalCompetence\' }">\n \xe4rztlicher Best\xe4tigung</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'legalCompetence\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>
1\n\n <div class="avoid-page-break" *ngIf="lastWill.legalCompetence">\n <h2>\n \xc4rztliche Best\xe4tigung\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'legalCompetence\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p>\n Hiermit best\xe4tige ich, dass\n <span *ngIf="lastWill.willType != \'married\'">\n <span *ngIf="profile.legalGender == \'male\'">der o.g. Verf\xfcgender</span>\n <span *ngIf="profile.legalGender == \'female\'">die o.g. Verf\xfcgende</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'">die/der o.g. Verf\xfcgende(r)</span>\n </span>\n <span *ngIf="lastWill.willType == \'married\'">die o.g. Verf\xfcgenden</span>\n zum Zeitpunkt der Unterschrift dieses Testaments aus meiner \xe4rztlichen\n Sicht bei\n klarem Bewusstsein und im vollem Umfang entscheidungs- und\n einwilligungsf\xe4hig\n <span *ngIf="lastWill.willType != \'married\'">war. </span>\n <span *ngIf="lastWill.willType == \'married\'">waren. </span>\n <span *ngIf="lastWill.willType != \'married\'">\n <span *ngIf="profile.legalGender == \'male\'">Der Verf\xfcgender hat</span>\n <span *ngIf="profile.legalGender == \'female\'">Die Verf\xfcgende hat</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'">Die/Der Verf\xfcgende(r) hat</span>\n </span>\n <span *ngIf="lastWill.willType == \'married\'">Die Verf\xfcgenden haben</span>\n dieses Testament freiwillig sowie in meiner Gegenwart unterschrieben.\n <br/>\n <br/>\n <br/>\n </p>\n <hr/>\n <p>\n (Datum, Unterschrift und Stempel der \xc4rztin/des Arztes)\n </p>\n </div>\n\n <blockquote *ngIf="lastWill.witnesses == null\n || lastWill.legalCompetence == undefined">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="alert_triangle" color="primary" width="30"\n height="30"\n class="warning-icon"></mat-icon>\n <div class="additional-notes">\n Es wurde keine Entscheidung bez.\n <a class="underline hover:text-primary-500"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'witnesses\' }">\n Zeugen</a>\n gemacht.\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'witnesses\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </div>\n </div>\n </blockquote>
1\n\n <div class="avoid-page-break" *ngIf="lastWill.witnesses">\n <h2>\n Zeugen\n <button type="button" color="primary"\n [routerLink]="[\'/last-will/tabs\']"\n [queryParams]="{tab: \'edit\', step: \'legal-competence\', substep: \'witnesses\' }"\n mat-button matTooltip="Bearbeiten"\n class="ltr:ml-2 rtl:mr-2 edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px"\n width="15px"></mat-icon>\n \xc4ndern\n </button>\n </h2>\n <p>\n Hiermit best\xe4tige ich, dass\n <span *ngIf="lastWill.willType != \'married\'">\n <span *ngIf="profile.legalGender == \'male\'">der o.g. Verf\xfcgender</span>\n <span *ngIf="profile.legalGender == \'female\'">die o.g. Verf\xfcgende</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'">die/der o.g. Verf\xfcgende(r)</span>\n </span>\n <span *ngIf="lastWill.willType == \'married\'">die o.g. Verf\xfcgenden</span>\n zum Zeitpunkt der Unterschrift dieses Testaments aus meiner Sicht bei\n klarem Bewusstsein und im vollem Umfang entscheidungs- und\n einwilligungsf\xe4hig\n <span *ngIf="lastWill.willType != \'married\'">war. </span>\n <span *ngIf="lastWill.willType == \'married\'">waren. </span>\n <span *ngIf="lastWill.willType != \'married\'">\n <span *ngIf="profile.legalGender == \'male\'">Der Verf\xfcgender hat</span>\n <span *ngIf="profile.legalGender == \'female\'">Die Verf\xfcgende hat</span>\n <span *ngIf="profile.legalGender == \'miscellaneous\'">Die/Der Verf\xfcgende(r) hat</span>\n </span>\n <span *ngIf="lastWill.willType == \'married\'">Die Verf\xfcgenden haben</span>\n dieses Testaments freiwillig sowie in meiner Gegenwart unterschrieben.\n <br/>\n <br/>\n <br/>\n </p>\n <hr/>\n <p>\n (Datum, Unterschrift des/der ersten Zeugen/Zeugin mit Vor- und\n Nachnamen)\n </p>\n <br/>\n <br/>\n <br/>\n <hr/>\n <p>\n (Datum, Unterschrift des/der zweiten Zeugen/Zeugin mit Vor- und\n Nachnamen)\n </p>\n <br/>\n <br/>\n <br/>\n <hr/>\n <p>\n (Datum, Unterschrift des/des dritten Zeugen/Zeugin mit Vor- und\n Nachnamen)\n </p>\n </div>\n\n </div>\n\n </div>\n </mat-drawer-content>\n </mat-drawer-container>\n <scrollbottom id="scrollButtom" backgroundColor="#5c77ff"\n tooltip="ganz nach unten scrollen"></scrollbottom>\n </div>\n\n <div class="flex flex-col sm:hidden">\n <div class="p-gutter ">\n <div class="card p-gutter flex flex-col w-full"\n style="background-color: rgb(236, 239, 255);">\n <h1>N\xe4chste Schritte</h1>\n <div class="question">Wie m\xf6chten Sie Ihr Testament erhalten?</div>\n\n <div class="flex flex-wrap -mx-1 overflow-visible">\n\n <div *ngIf="blobSupported" class="my-2 px-2 overflow-visible w-1/2">\n <button class="w-full h-full" style="min-width: 120px" color="primary" mat-raised-button\n debounceClick\n (debounceClick)="exportAsPdf(profile, lastWill)"\n [disabled]="generatingPdf"\n matTooltip="Testament als PDF-Datei herunterladen">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="office_file_pdf" color="secondary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="generatingPdf == false">als PDF-Datei herunterladen</div>\n <div class="option-button-text" *ngIf="generatingPdf">PDF wird erstellt...</div>\n </div>\n </button>\n </div>\n\n <div *ngIf="blobSupported" class="my-2 px-2 overflow-visible w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="print(profile, lastWill)" [disabled]="printing"\n matTooltip="Testament ausdrucken">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="printer" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="printing == false">Drucken</div>\n <div class="option-button-text" *ngIf="printing">Dokument wird erstellt...</div>\n </div>\n </button>\n </div>\n\n <div class="my-2 px-2 overflow-visible w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="exportAsTxt()"\n matTooltip="Testament als TXT-Datei herunterladen">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="office_file_txt" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text">als Text-Datei herunterladen</div>\n </div>\n </button>\n </div>\n\n <div *ngIf="profile.accountType == \'email\'" class="my-2 px-2 overflow-visible w-1/2">\n <button class="option h-full" style="min-width: 120px" mat-raised-button debounceClick\n (debounceClick)="sendByEmail(user, profile, lastWill)"\n [disabled]="sendingEmail"\n matTooltip="Testament per E-Mail zuschicken">\n <div class="option-button">\n <mat-icon matSuffix icon iconName="email_action_send_1" color="primary" width="40" height="40"\n class="option-button-icon">\n </mat-icon>\n <div class="option-button-text" *ngIf="sendingEmail == false">per E-Mail zuschicken</div>\n <div class="option-button-text" *ngIf="sendingEmail">E-Mail wird versendet...</div>\n </div>\n </button>\n </div>\n\n </div>\n\n <div class="question mt-2">M\xf6chten Sie Angaben \xe4ndern?</div>\n <p>\n Klicken Sie im Text an der entsprechenden Stelle auf\n <button type="button" color="primary" mat-button\n class="edit-button hide-in-export">\n <mat-icon class="edit-icon" icon iconName="pencil" height="15px" width="15px"></mat-icon>\n \xc4ndern\n </button>\n um zur der korrespondierenden Frage im Interview zu gelangen.\n </p>\n </div>\n </div>\n </div>\n\n \x3c!-- div class="sm:p-gutter" *ngIf="(lastWill.verified == undefined\n || lastWill.verified == null\n || lastWill.verified == false)\n && (profile.accountType == \'phone\' || (profile.accountType == \'email\' && this.firebaseAuthService.isEmailVerified()))\n && activePlanType != \'Brieftasche\'">\n <div class="card bg-primary-500" fxLayout="row" fxLayout.xs="column">\n <div class="p-4 ml-4" fxFlex="none" fxFlexAlign="center">\n <img src="assets/images/undraw_questions.svg" style="height: 100px">\n </div>\n <div class="p-6 text-primary-contrast-500" fxFlex="auto">\n <h2 class="headline m-0">Sind alle Angaben korrekt?</h2>\n <div>\n <p>Wenn alle Formulierungen Ihren W\xfcnschen entsprechen, markieren Sie das Testament\n als\n "gepr\xfcft" oder passen Sie Ihre Angaben an.</p>\n </div>\n <div class="mt-4" fxLayout="row" fxLayoutAlign="start center">\n <div>\n <button type="button" color="secodary"\n mat-raised-button (click)="markAsVerified()"\n class="ltr:mr-2 rtl:ml-2 ltr:-ml-1 rtl:-mr-1">\n <mat-icon icon iconName="common_file_text_check"\n class="ltr:mr-3 rtl:ml-3"></mat-icon>
1\n <span class="uppercase hidden sm:hidden md:hidden lg:inline-block xl:inline-block">Dokument als gepr\xfcft markieren</span>\n <span class="uppercase inline-block sm:inline-block md:inline-block lg:hidden xl:hidden">als gepr\xfcft markieren</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </div--\x3e\n\n </div>\n\n </ng-container>\n </ng-container>\n </ng-container>\n</div>\n\n<dialog [disableClose]="true" #confirmEmailDialog>\n <div fxLayout="row" fxLayoutAlign="end start">\n <button mat-dialog-close mat-icon-button type="button" class="close-button">\n <mat-icon icon iconName="close" height="12px" width="12px"></mat-icon>\n </button>\n </div>\n <div mat-dialog-title fxLayout="row" fxLayoutAlign="space-between start">\n <div fxLayout="row" fxLayoutAlign="start center">\n <mat-icon icon iconName="email_action_check" fxLayout="column" fxLayoutAlign="center center"\n class="ltr:mr-2 rtl:ml-2" color="warn"></mat-icon>\n <h2>E-Mail Adresse best\xe4tigen</h2>\n </div>\n </div>\n\n <mat-dialog-content class="text-justify mb-4">\n <p><strong>Bitte best\xe4tigen Sie Ihre E-Mail Adresse.</strong></p>\n <p>Um Missbrauch zu vermeiden, m\xfcssen wir Ihre E-Mail-Adresse verifizieren. Wir haben Ihnen eine E-Mail mit\n einem\n Link geschickt. Bitte klicken Sie in der E-Mail auf "ANMELDUNG BEST\xc4TIGEN", um Ihre E-Mail-Adresse zu\n best\xe4tigen\n <span class="">Sollten Sie keine E-Mail von uns erhalten haben, \xfcberpr\xfcfen Sie bitte Ihren Spam-Ordner.</span>\n </p>\n </mat-dialog-content>\n\n <mat-dialog-actions align="end">\n <button mat-button color="secondary" class="uppercase" (click)="confirmEmailDialog.close(false)">Abbrechen\n </button>\n <button mat-button color="primary" class="uppercase" *ngIf="!linkSend"\n [disabled]="sendingLink" (click)="resentEmailVerificationLink()">
1\n <span class="uppercase"\n *ngIf="sendingLink == false">Best\xe4tigungs-Link erneut senden</span>\n <span class="uppercase"\n *ngIf="sendingLink">Best\xe4tigungs-Link wird versendet...</span>\n </button>\n </mat-dialog-actions>\n\n</dialog>\n\n<ng-template #Beglaubigung>\n <div>\n <h3>Beglaubigung</h3>\n <br>\n <p class="mb-2">\n Bei einer \xf6ffentlichen <strong>Beglaubigung</strong> best\xe4tigt der Notar bzw. eine\n Betreuungsbeh\xf6rde oder -stelle die Echtheit Ihrer Unterschrift bzw. Ihres Handzeichens,\n falls Sie nicht unterschreiben k\xf6nnen.\n </p>\n </div>\n</ng-template>\n'},50567:s=>{s.exports='<div class="w-full h-full flex flex-col">\n <div class="px-gutter pt-6 pb-14" style="background-color: #ecefff" fxLayout="column" fxLayoutAlign="start start">\n <div class="flex items-center" container>\n <h1 class="m-0 flex items-center w-full max-w-xxxs mr-6">\n <mat-icon @scaleIn icon iconName="death_certificate" color="primary"\n class="mr-2 sm:block" style="margin-top: -15px;" width="40" height="40">\n </mat-icon>\n <span @fadeInRight class="ml-4 block">Testament</span>\n </h1>\n </div>\n <breadcrumbs id="breadcrumbs" class="mt-4" @fadeInRight [crumbs]="[\n {link: \'/my-documents\', name: \'Meine Dokumente\'},\n {link: \'/last-will/steps\', name: \'Testament\'}\n ]"></breadcrumbs>\n </div>\n <div class="-mt-12 pt-0 overflow-hidden flex" container *ngIf="lastWill$ | async as lastWill">\n <mat-drawer-container class="bg-transparent flex-auto flex overflow-visible">\n <mat-drawer-content class="sm:p-gutter sm:ml-0 pt-0 flex-auto flex items-start overflow-visible">\n <div class="card h-full overflow-hidden flex-auto">\n <mat-drawer-container class="bg-transparent flex-auto flex overflow-visible">\n <mat-drawer-content class="pt-0 flex-auto flex items-start overflow-visible">\n <div class="w-full h-full flex-auto">\n <mat-tab-group #tabGroup [selectedIndex]="selectedTab.value"\n (selectedIndexChange)="onTabChanged($event)">\n <mat-tab>\n <ng-template mat-tab-label>\n <mat-icon *ngIf="lastWill.createdAt == lastWill.lastUpdated"\n icon iconName="common_file_text_edit" class="ltr:mr-2 rtl:ml-2"\n matTooltip="Testament erstellen">\n </mat-icon>\n <mat-icon *ngIf="lastWill.createdAt != lastWill.lastUpdated"\n icon iconName="common_file_text_edit" class="ltr:mr-2 rtl:ml-2"\n matTooltip="Testament bearbeiten">\n </mat-icon>\n <span class="uppercase" *ngIf="lastWill.createdAt == lastWill.lastUpdated"\n matTooltip="Testament erstellen">Erstellen</span>\n <span class="uppercase" *ngIf="lastWill.createdAt != lastWill.lastUpdated"\n matTooltip="Testament bearbeiten">Bearbeiten</span>\n </ng-template>\n <ng-template matTabContent>\n <last-will-edit></last-will-edit>\n </ng-template>\n </mat-tab>\n <mat-tab *ngIf="lastWill.createdAt != lastWill.lastUpdated">\n <ng-template mat-tab-label>\n <mat-icon icon iconName="printer_view" class="ltr:mr-2 rtl:ml-2"\n matTooltip="Testament ansehen">\n </mat-icon>\n <span class="uppercase" matTooltip="Testament ansehen">Ansehen</span>\n </ng-template>\n <ng-template matTabContent>\n <last-will-view></last-will-view>\n </ng-template>\n </mat-tab>\n <mat-tab>\n <ng-template mat-tab-label>\n <mat-icon icon iconName="common_file_text_upload" class="ltr:mr-2 rtl:ml-2"\n matTooltip="Testament hinterlegen">\n </mat-icon>
1\n <span class="uppercase" matTooltip="Testament hinterlegen">Hinterlegen</span>\n </ng-template>\n <ng-template matTabContent>\n <last-will-upload></last-will-upload>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\n </div>\n </mat-drawer-content>\n </mat-drawer-container>\n </div>\n </mat-drawer-content>\n\n </mat-drawer-container>\n </div>\n</div>\n'},45308:s=>{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 50px;\n width: 50px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},3760:s=>{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},76679:s=>
1{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},30094:s=>{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},8169:s=>{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.drap-and-drop-text2 {\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},63753:s=>{s.exports=".close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n word-break: keep-all;\n}"},23809:s=>
1{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},29738:s=>{s.exports=".step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 225px;\n}"},34516:s=>{s.exports=""},85774:s=>{s.exports=".close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}"},62216:s=>{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.drap-and-drop-text2 {\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},65012:s=>{s.exports='.step-label {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 10px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.drap-and-drop-text {\n margin-bottom: -50px;\n padding-left: 155px;\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.drap-and-drop-text2 {\n font-family: "Kalam", cursive;\n font-weight: 400;\n font-size: 16px;\n}\n\n.example-container {\n width: 100%;\n max-width: 400px;\n margin: 0 25px 25px 0;\n display: inline-block;\n vertical-align: top;\n}\n\n.example-list {\n border: solid 1px #ccc;\n min-height: 60px;\n background: white;\n border-radius: 4px;\n overflow: hidden;\n display: block;\n}\n\n.contact-box-header {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: #ecefff;\n font-size: 14px;\n}\n\n.example-box {\n padding: 10px 10px;\n border-bottom: solid 1px #ccc;\n color: rgba(0, 0, 0, 0.87);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n\n.example-box:last-child {\n border: none;\n}\n\n.close-button {\n height: 24px;\n width: 24px;\n line-height: 0;\n margin-bottom: -24px;\n}\n\n.video-expansion-panel {\n background-color: #ecefff;\n}\n\n.video-expansion-panel-title {\n height: 35px;\n}'},43103:s=>{s.exports=".dialog {\n flex-grow: 1;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n}\n\n.dialog-header {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin: 0;\n padding: 18px 40px 10px 30px;\n}\n\n.dialog-header .dialog-icon ::ng-deep {\n display: flex;\n}\n\n.dialog-header .dialog-icon ::ng-deep .icon {\n width: 32px;\n margin-right: 10px;\n}\n\n.dialog-content {\n width: 100%;\n flex-grow: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: column;
1\n padding: 0 30px 30px;\n}\n\n.dialog-content p {\n font-size: 0.875rem;\n line-height: 1.75;\n margin: 5px 0;\n}\n\n.dialog-footer ::ng-deep {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n padding: 17px 30px 16px;\n border-top: 1px solid #f1f2f5;\n}\n\n.dialog-footer ::ng-deep .btn {\n margin-right: 10px;\n padding: 10px 18px;\n border: 0;\n border-radius: 4px;\n cursor: pointer;\n}"},35404:s=>{s.exports=".step-label {\n font-size: 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 225px;\n}"},5631:s=>{s.exports=".dialog {\n flex-grow: 1;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n}\n\n.dialog-header {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin: 0;\n padding: 18px 40px 10px 30px;\n}\n\n.dialog-header .dialog-icon ::ng-deep {\n display: flex;\n}\n\n.dialog-header .dialog-icon ::ng-deep .icon {\n width: 32px;\n margin-right: 10px;\n}\n\n.dialog-content {\n width: 100%;\n flex-grow: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 0 30px 30px;\n}\n\n.dialog-content p {\n font-size: 0.875rem;\n line-height: 1.75;\n margin: 5px 0;\n}\n\n.dialog-footer ::ng-deep {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n padding: 17px 30px 16px;\n border-top: 1px solid #f1f2f5;\n}\n\n.dialog-footer ::ng-deep .btn {\n margin-right: 10px;\n padding: 10px 18px;\n border: 0;\n border-radius: 4px;\n cursor: pointer;\n}"},31471:s=>{s.exports=".description {\n margin-top: 25px;\n}\n\n.hint {\n background-color: #ecefff;\n margin-top: 25px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\n.responsive-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.responsive-video {\n position: relative;\n padding-bottom: 56.25%;\n /* Default for 1600x900 videos 16:9 ratio*/\n padding-top: 0px;\n height: 0;\n overflow: hidden;\n}\n\nli {\n list-style-type: decimal;\n}"},1544:s=>{s.exports=".dialog {\n flex-grow: 1;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n}\n\n.dialog-header {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin: 0;\n padding: 18px 40px 10px 30px;\n}\n\n.dialog-header .dialog-icon ::ng-deep {\n display: flex;\n}\n\n.dialog-header .dialog-icon ::ng-deep .icon {\n width: 32px;\n margin-right: 10px;\n}\n\n.dialog-content {\n width: 100%;\n flex-grow: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 0 30px 30px;\n}\n\n.dialog-content p {\n font-size: 0.875rem;\n line-height: 1.75;\n margin: 5px 0;\n}\n\n.dialog-footer ::ng-deep {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n padding: 17px 30px 16px;\n border-top: 1px solid #f1f2f5;\n}\n\n.dialog-footer ::ng-deep .btn {\n margin-right: 10px;\n padding: 10px 18px;\n border: 0;\n border-radius: 4px;\n cursor: pointer;\n}"},50707:s=>{s.exports=".lastWillText p {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n.lastWillText h2 {\n margin-top: 25px;\n}\n\n.lastWillText hr {\n background-color: #000000;\n border: none;\n height: 1px;\n}\n\n.edit-button {\n line-height: 0;\n padding: 0;\n font-weight: 400;\n}\n\n.edit-button .edit-icon {\n height: 15px;\n width: 15px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: white;\n width: 100%;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 260px;\n}\n\n.question {\n font: 500 16px/24px var(--font);\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: normal;\n}\n\n.more_information {\n color: #5c77ff;\n padding-left: 5px;\n}\n\n.additional-notes {\n padding-left: 20px;\n}\n\ntable {\n width: 100%;\n}\n\n.when-sticky {\n position: fixed !important;\n top: 80px !important;\n}"},89955:s=>{s.exports=".step-label {\n font-size: 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.status-icon {\n margin-left: -25px;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n margin: 10px;\n}\n\n.options-line {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.option {\n background-color: #f2f2f2;\n margin: 10px;\n flex-grow: 1;\n}\n\n.option-selected {\n background-color: #ecefff;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.option-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.option-button-icon {\n margin-top: 5px;\n margin-bottom: 5px;\n height: 40px;\n width: 40px;\n}\n\n.option-button-text {\n white-space: normal;\n line-height: 18px;\n text-align: center;\n max-width: 225px;\n}"}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.