{"id":14938,"date":"2026-08-21T18:00:56","date_gmt":"2026-08-21T18:00:56","guid":{"rendered":"https:\/\/zoehelali.com\/?page_id=14938"},"modified":"2026-09-03T17:42:59","modified_gmt":"2026-09-03T17:42:59","slug":"startseite-entwurf-2026","status":"publish","type":"page","link":"https:\/\/zoehelali.com\/ar\/","title":{"rendered":"\u0645\u0633\u0648\u062f\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 2026 (\u0627\u062e\u062a\u0628\u0627\u0631)"},"content":{"rendered":"\n<style>html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:#0b0b0c}<\/style>\n<style>\n\/* =========================================================\n   ZOE HELALI \u2014 Startseiten-Mockup\n   Look & Feel angelehnt an kleintierklinik-ettlingen.de:\n   vollfl\u00e4chige, verlangsamte Bewegtbild-Sequenzen,\n   vertikale Slide-Navigation, rechtes Textpanel, Pill-Buttons.\n   ========================================================= *\/\n\n#zhome{\n  --bg:        #0b0b0c;\n  --bg-soft:   #131315;\n  --paper:     #f4f1ec;\n  --ink:       #101012;\n  --fg:        #f4f1ec;\n  --fg-dim:    rgba(244,241,236,.62);\n  --accent:    #c6a15b;\n  --accent-dk: #a8834188;\n  --rail:      rgba(244,241,236,.35);\n  --pad:       clamp(20px, 4vw, 64px);\n  --font:      \"Helvetica Neue\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n  --ease:      cubic-bezier(.16,.84,.36,1);\n}\n\n#zhome *{box-sizing:border-box;margin:0;padding:0}\n#zhome{scroll-behavior:smooth}\n#zhome{\n  font-family:var(--font);\n  background:var(--bg);\n  color:var(--fg);\n  -webkit-font-smoothing:antialiased;\n  overflow-x:hidden;\n}\n#zhome img{display:block;max-width:100%}\n#zhome a{color:inherit;text-decoration:none}\n\n\/* ---------- Grundtypografie ---------- *\/\n#zhome .eyebrow{\n  font-size:11px;letter-spacing:.34em;text-transform:uppercase;\n  font-weight:700;color:var(--accent);\n}\n#zhome .display{\n  text-transform:uppercase;\n  font-weight:500;\n  letter-spacing:-.015em;\n  line-height:.94;\n  font-size:clamp(38px, 5.2vw, 82px);\n}\n#zhome .lede{\n  font-size:clamp(16px,1.35vw,20px);\n  line-height:1.62;\n  color:var(--fg-dim);\n  max-width:62ch;\n  font-weight:300;\n}\n\n\/* ---------- Pill-Buttons ---------- *\/\n#zhome .pill{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:15px 30px;border-radius:50px;\n  font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;\n  border:1px solid rgba(244,241,236,.28);\n  background:rgba(15,15,17,.42);\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n  transition:background .45s var(--ease), border-color .45s var(--ease),\n             color .45s var(--ease), transform .45s var(--ease);\n  white-space:nowrap;\n}\n#zhome .pill:hover{background:rgba(244,241,236,.94);color:var(--ink);border-color:transparent;transform:translateY(-1px)}\n#zhome .pill--solid{background:var(--accent);border-color:var(--accent);color:#141108}\n#zhome .pill--solid:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}\n#zhome .pill--dark{border-color:rgba(16,16,18,.22);background:transparent;color:var(--ink)}\n#zhome .pill--dark:hover{background:var(--ink);color:var(--paper)}\n\n\/* ---------- Kopfzeile ---------- *\/\n#zhome .topbar{\n  position:fixed;inset:0 0 auto 0;z-index:60;\n  display:flex;align-items:flex-start;justify-content:space-between;\n  padding:var(--pad);pointer-events:none;\n}\n#zhome .topbar > *{pointer-events:auto}\n#zhome .menu-btn{\n  display:inline-flex;align-items:center;gap:12px;\n  padding:14px 26px;border-radius:50px;\n  background:var(--accent);color:#141108;\n  font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;\n  transition:background .4s var(--ease), color .4s var(--ease);\n}\n#zhome .menu-btn:hover{background:var(--paper);color:var(--ink)}\n#zhome .menu-btn i{display:block;width:15px;height:9px;position:relative}\n#zhome .menu-btn i::before,#zhome .menu-btn i::after{\n  content:\"\";position:absolute;left:0;right:0;height:1.5px;background:currentColor\n}\n#zhome .menu-btn i::before{top:0}#zhome .menu-btn i::after{bottom:0}\n#zhome .wordmark{text-align:right;line-height:1}\n#zhome .wordmark b{\n  display:block;font-size:clamp(17px,1.5vw,22px);font-weight:600;\n  letter-spacing:.28em;text-transform:uppercase;\n}\n#zhome .wordmark span{\n  display:block;margin-top:9px;\n  font-size:9.5px;letter-spacing:.36em;text-transform:uppercase;color:var(--fg-dim)\n}\n\n\/* =========================================================\n   Bewegtbild-B\u00fchne (\u00fcberall wiederverwendet)\n   Das YouTube-Iframe wird formatf\u00fcllend beschnitten und so weit\n   \u00fcberskaliert, dass Player-Chrome au\u00dferhalb des Bildes liegt.\n   ========================================================= *\/\n#zhome .stage{position:absolute;inset:0;overflow:hidden;background:#000;container-type:size}\n#zhome .stage .poster{\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;\n  filter:saturate(.85) contrast(1.05);\n  transition:opacity 1.6s var(--ease);\n}\n#zhome .stage.is-playing .poster{opacity:0}\n\/* Formatf\u00fcllender Beschnitt (16:9-Quelle in beliebigem Rahmen) +\n   \u00dcberskalierung, damit Player-Chrome au\u00dferhalb des Bildes liegt. *\/\n#zhome .stage .frame{\n  position:absolute;top:50%;left:50%;\n  width:max(100%, 177.78cqh);\n  height:max(100%, 56.25cqw);\n  transform:translate(-50%,-50%) scale(1.5);\n  border:0;pointer-events:none;\n}\n\/* Hero: Iframe muss die volle Viewporth\u00f6he abdecken (16:9-cover) *\/\n#zhome .hero .stage .frame{\n  width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;\n  transform:translate(-50%,-50%) scale(1.42);\n  animation:drift 52s ease-in-out infinite alternate;\n}\n@keyframes drift{\n  from{transform:translate(-50%,-50%) scale(1.42)}\n  to  {transform:translate(-51.2%,-50.4%) scale(1.54)}\n}\n\/* Die \u00dcberskalierung von 1.5 schneidet auch die eingebrannten\n   Untertitel der Quellvideos am unteren Rand weg. *\/\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n#zhome .hero{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#000}\n#zhome .slide{\n  position:absolute;inset:0;\n  opacity:0;visibility:hidden;\n  transition:opacity 1.5s var(--ease), visibility 1.5s;\n}\n#zhome .slide.is-active{opacity:1;visibility:visible}\n\n\/* Cinematische Abdunkelung + \u00dcbergang zum Textpanel *\/\n#zhome .hero .stage::after{\n  content:\"\";position:absolute;inset:0;z-index:2;\n  background:\n    linear-gradient(100deg, rgba(6,6,7,.7) 0%, rgba(6,6,7,.16) 34%, rgba(6,6,7,0) 54%),\n    linear-gradient(to top, rgba(6,6,7,.88) 0%, rgba(6,6,7,0) 44%),\n    radial-gradient(120% 90% at 30% 40%, rgba(0,0,0,0) 38%, rgba(0,0,0,.5) 100%);\n}\n\n\/* Rechtes Textpanel *\/\n#zhome .panel{\n  position:absolute;top:0;right:0;bottom:0;z-index:3;\n  width:min(46vw, 620px);\n  padding:calc(var(--pad) * 2.4) var(--pad) calc(var(--pad) * 3.2);\n  display:flex;flex-direction:column;justify-content:center;\n  background:linear-gradient(to right, rgba(11,11,12,0) 0%, rgba(11,11,12,.7) 24%, rgba(11,11,12,.92) 62%);\n  backdrop-filter:blur(26px) saturate(.9);-webkit-backdrop-filter:blur(26px) saturate(.9);\n  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 26%);\n          mask-image:linear-gradient(to right, transparent 0, #000 26%);\n}\n#zhome .panel .inner{transform:translateY(26px);opacity:0;transition:transform 1.3s var(--ease) .3s, opacity 1.3s var(--ease) .3s}\n#zhome .slide.is-active .panel .inner{transform:none;opacity:1}\n#zhome .panel h1{margin:26px 0 0}\n#zhome .panel .sub{\n  margin-top:22px;font-size:clamp(15px,1.25vw,19px);\n  letter-spacing:.16em;text-transform:uppercase;font-weight:300;color:var(--fg-dim);\n}\n#zhome .panel .cta{margin-top:38px}\n\n\/* Linke Vertikal-Navigation (Tick-Marks) *\/\n#zhome .rail{\n  position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);\n  z-index:20;display:flex;flex-direction:column;gap:26px;\n}\n#zhome .rail button{\n  display:flex;align-items:center;gap:16px;\n  background:none;border:0;cursor:pointer;padding:0;font:inherit;color:var(--fg);\n}\n#zhome .rail .tick{display:block;width:2px;height:34px;background:var(--rail);transition:background .5s var(--ease), height .5s var(--ease)}\n#zhome .rail .label{\n  font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;\n  opacity:0;transform:translateX(-6px);\n  transition:opacity .5s var(--ease), transform .5s var(--ease);\n}\n#zhome .rail button:hover .label{opacity:.6;transform:none}\n#zhome .rail button[aria-current=\"true\"] .tick{background:var(--accent);height:52px}\n#zhome .rail button[aria-current=\"true\"] .label{opacity:1;transform:none}\n\n\/* Untere Pill-Reihe *\/\n#zhome .hero-actions{\n  position:absolute;left:var(--pad);right:calc(var(--pad) + 215px);bottom:calc(var(--pad) * 1.1);\n  z-index:20;display:flex;gap:14px;flex-wrap:wrap;\n}\n\n\/* Fortschrittsbalken *\/\n#zhome .progress{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:25;background:rgba(244,241,236,.12)}\n#zhome .progress span{display:block;height:100%;width:0;background:var(--accent)}\n\n\/* Tempo-Regler (Mockup-Hilfe) *\/\n#zhome .tempo{\n  position:fixed;right:var(--pad);bottom:var(--pad);z-index:70;\n  display:flex;align-items:center;gap:4px;\n  padding:5px 5px 5px 13px;border-radius:50px;\n  background:rgba(11,11,12,.62);border:1px solid rgba(244,241,236,.16);\n  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\n  font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--fg-dim);\n  opacity:.4;transition:opacity .4s var(--ease);\n}\n#zhome .tempo:hover{opacity:1}\n#zhome .tempo button{\n  border:0;border-radius:50px;cursor:pointer;padding:6px 9px;\n  font:inherit;letter-spacing:.06em;\n  background:transparent;color:var(--fg-dim);transition:all .3s var(--ease);\n}\n#zhome .tempo button[aria-pressed=\"true\"]{background:var(--accent);color:#141108}\n\n\/* =========================================================\n   INHALTSSEKTIONEN\n   ========================================================= *\/\n#zhome section{position:relative}\n#zhome .wrap{max-width:1360px;margin:0 auto;padding-inline:var(--pad)}\n#zhome .rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease)}\n#zhome .rv.in{opacity:1;transform:none}\n\n\/* Intro *\/\n#zhome .intro{background:var(--paper);color:var(--ink);padding:clamp(90px,12vw,180px) 0}\n#zhome .intro .display{font-size:clamp(30px,3.6vw,56px);letter-spacing:-.02em;line-height:1.04}\n#zhome .intro .lede{color:rgba(16,16,18,.66);margin-top:34px}\n#zhome .intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,6vw,110px);align-items:start}\n#zhome .intro .eyebrow{color:#8a6a26}\n\n\/* Zwei Welten \u2014 Karten mit laufendem Bewegtbild *\/\n#zhome .duo{padding:clamp(90px,12vw,170px) 0;background:var(--bg)}\n#zhome .duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,34px);margin-top:56px}\n#zhome .card{position:relative;overflow:hidden;aspect-ratio:4\/5;background:#000;display:block;container-type:size}\n#zhome .card .stage{transform:scale(1.02);transition:transform 2.4s var(--ease)}\n#zhome .card:hover .stage{transform:scale(1.09)}\n#zhome .card .stage .poster{filter:saturate(.8) contrast(1.06) brightness(.8)}\n#zhome .card::after{\n  content:\"\";position:absolute;inset:0;z-index:3;\n  background:linear-gradient(to top, rgba(6,6,7,.92) 6%, rgba(6,6,7,.12) 58%);\n}\n#zhome .card .meta{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:clamp(24px,2.6vw,40px)}\n#zhome .card .meta h3{font-size:clamp(24px,2.6vw,40px);text-transform:uppercase;font-weight:500;letter-spacing:-.01em;margin:14px 0 12px}\n#zhome .card .meta p{font-size:14px;line-height:1.6;color:var(--fg-dim);font-weight:300;max-width:36ch}\n#zhome .card .go{margin-top:22px;display:inline-flex;gap:10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--accent)}\n\n\/* Leistungen *\/\n#zhome .services{background:var(--paper);color:var(--ink);padding:clamp(90px,12vw,170px) 0}\n#zhome .services .eyebrow{color:#8a6a26}\n#zhome .services h2{font-size:clamp(30px,3.4vw,52px);font-weight:400;letter-spacing:-.02em;line-height:1.08;margin:22px 0 0;max-width:16ch}\n#zhome .svc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}\n#zhome .svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(16,16,18,.14);margin-top:70px}\n#zhome .svc{background:var(--paper);padding:38px 30px 46px;transition:background .5s var(--ease)}\n#zhome .svc:hover{background:#eae5dc}\n#zhome .svc small{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#8a6a26;font-weight:700}\n#zhome .svc h4{margin:16px 0 12px;font-size:21px;font-weight:500;letter-spacing:-.01em}\n#zhome .svc p{font-size:14px;line-height:1.62;color:rgba(16,16,18,.62);font-weight:300}\n\n\/* Werke \u2014 Raster aus laufenden Sequenzen *\/\n#zhome .works{padding:clamp(90px,12vw,170px) 0;background:var(--bg)}\n#zhome .works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px);margin-top:56px}\n#zhome .tile{position:relative;overflow:hidden;aspect-ratio:3\/4;background:#000;container-type:size}\n#zhome .tile .stage{transform:scale(1.02);transition:transform 2.2s var(--ease)}\n#zhome .tile:hover .stage{transform:scale(1.1)}\n#zhome .tile .stage .poster{filter:grayscale(.4) contrast(1.06) brightness(.78)}\n#zhome .tile::after{content:\"\";position:absolute;inset:0;z-index:3;\n  background:linear-gradient(to top, rgba(6,6,7,.8) 2%, rgba(6,6,7,0) 46%)}\n#zhome .tile figcaption{\n  position:absolute;left:20px;bottom:18px;z-index:4;\n  font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;\n  color:var(--fg);text-shadow:0 1px 12px rgba(0,0,0,.8)\n}\n#zhome .tile figcaption b{display:block;font-weight:700}\n#zhome .tile figcaption em{font-style:normal;color:var(--fg-dim);letter-spacing:.2em}\n\n\/* Zielgruppen *\/\n#zhome .audience{background:var(--bg-soft);padding:clamp(90px,12vw,170px) 0}\n#zhome .aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(244,241,236,.1);margin-top:60px}\n#zhome .aud{background:var(--bg-soft);padding:44px 34px 52px}\n#zhome .aud h4{font-size:22px;font-weight:500;margin:0 0 16px;letter-spacing:-.01em}\n#zhome .aud p{font-size:14.5px;line-height:1.68;color:var(--fg-dim);font-weight:300}\n#zhome .aud a{margin-top:28px;display:inline-flex;gap:10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--accent)}\n\n\/* Kontakt *\/\n#zhome .contact{position:relative;overflow:hidden;padding:clamp(110px,15vw,220px) 0;background:#000;text-align:center}\n#zhome .contact .stage .poster{filter:grayscale(.45) brightness(.3) contrast(1.1);transform:scale(1.06)}\n#zhome .contact .stage::after{content:\"\";position:absolute;inset:0;z-index:2;\n  background:radial-gradient(120% 100% at 50% 45%, rgba(6,6,7,.74) 0%, rgba(6,6,7,.96) 100%)}\n#zhome .contact .wrap{position:relative;z-index:3}\n#zhome .contact h2{font-size:clamp(34px,5vw,74px);text-transform:uppercase;font-weight:500;letter-spacing:-.015em;line-height:.98}\n#zhome .contact .lede{margin:30px auto 0;text-align:center}\n#zhome .contact .row{margin-top:44px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n\n\/* Footer *\/\n#zhome footer{background:var(--bg);padding:clamp(56px,7vw,90px) 0 40px;border-top:1px solid rgba(244,241,236,.1)}\n#zhome .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}\n#zhome .foot-grid h5{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:18px}\n#zhome .foot-grid p,#zhome .foot-grid a{display:block;font-size:14px;line-height:2;color:var(--fg-dim);font-weight:300}\n#zhome .foot-grid a:hover{color:var(--fg)}\n#zhome .legal{margin-top:60px;padding-top:26px;border-top:1px solid rgba(244,241,236,.1);\n  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;\n  font-size:11.5px;letter-spacing:.05em;color:rgba(244,241,236,.4)}\n\n\/* Mockup-Hinweis *\/\n#zhome .note{background:#17150f;border-top:1px solid var(--accent-dk);padding:18px var(--pad);\n  text-align:center;font-size:11.5px;line-height:1.8;letter-spacing:.06em;color:rgba(244,241,236,.5)}\n#zhome .note b{color:var(--accent);font-weight:700;letter-spacing:.18em;text-transform:uppercase}\n\n\/* Filmkorn *\/\n#zhome .grain{\n  position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.15;mix-blend-mode:overlay;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n\/* ---------- Responsiv ---------- *\/\n@media (max-width:1180px){\n  #zhome .hero-actions .pill{padding:12px 20px;font-size:10.5px;letter-spacing:.16em}\n}\n@media (max-width:1080px){\n  #zhome .intro-grid{grid-template-columns:1fr}\n  #zhome .svc-grid{grid-template-columns:repeat(2,1fr)}\n  #zhome .foot-grid{grid-template-columns:1fr 1fr}\n  #zhome .works-grid{grid-template-columns:repeat(2,1fr)}\n}\n@media (max-width:820px){\n  #zhome .menu-btn{padding:12px 20px;font-size:11px}\n  #zhome .wordmark b{font-size:15px;letter-spacing:.2em}\n  #zhome .wordmark span{margin-top:7px;font-size:8px;letter-spacing:.24em}\n\n  #zhome .panel{\n    width:100%;justify-content:flex-end;padding-bottom:calc(var(--pad) * 8.6);\n    background:linear-gradient(to top, rgba(11,11,12,.95) 26%, rgba(11,11,12,.2) 74%, rgba(11,11,12,0));\n    backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-mask-image:none;mask-image:none;\n  }\n  #zhome .rail{top:auto;bottom:calc(var(--pad) * 3.4);transform:none;flex-direction:row;gap:18px}\n  #zhome .rail button{flex-direction:column;align-items:flex-start;gap:9px}\n  #zhome .rail .tick{width:34px;height:2px}\n  #zhome .rail button[aria-current=\"true\"] .tick{width:52px;height:2px}\n  #zhome .rail .label{opacity:.55;transform:none}\n\n  \/* Buttonreihe bleibt einzeilig und l\u00e4sst sich seitw\u00e4rts schieben,\n     damit sie nie in die Slide-Navigation l\u00e4uft. *\/\n  #zhome .hero-actions{\n    right:var(--pad);flex-wrap:nowrap;overflow-x:auto;\n    scrollbar-width:none;-webkit-overflow-scrolling:touch;\n  }\n  #zhome .hero-actions::-webkit-scrollbar{display:none}\n  #zhome .hero-actions .pill{padding:12px 18px;font-size:10px;letter-spacing:.14em}\n\n  #zhome .duo-grid,#zhome .aud-grid{grid-template-columns:1fr}\n  #zhome .tempo{display:none}\n}\n@media (prefers-reduced-motion:reduce){\n  #zhome *{animation:none !important;transition-duration:.01ms !important}\n}\n<\/style>\n<style>#zhome .intl{padding-top:clamp(60px,9vw,120px);padding-bottom:clamp(60px,9vw,120px);border-top:1px solid rgba(244,241,236,.12)}#zhome .intl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:clamp(24px,3.4vw,52px);margin-top:clamp(30px,4vw,54px)}#zhome .intl-card{border-left:1px solid rgba(198,161,91,.5);padding-left:22px}#zhome .intl-card h3{font:300 clamp(24px,2.6vw,34px)\/1.1 Georgia,\"Times New Roman\",serif;margin:0 0 6px;letter-spacing:-.01em;color:#f4f1ec}#zhome .intl-card .ort{display:block;font:500 10.5px\/1 system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#c6a15b;margin-bottom:14px}#zhome .intl-card p{font:300 15.5px\/1.75 Georgia,serif;color:rgba(244,241,236,.72);margin:0}<\/style>\n<style>#zhome #zh-menu{position:fixed;inset:0;z-index:200;background:#08080a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.16,.84,.36,1),visibility .5s}#zhome #zh-menu.open{opacity:1;visibility:visible}#zhome #zh-menu{overflow-y:auto}#zhome #zh-menu nav{display:flex;flex-direction:column;gap:3px;padding:0 var(--pad)}#zhome #zh-menu a{display:flex;align-items:baseline;gap:16px;color:#f4f1ec;text-decoration:none;font-size:clamp(15px,1.9vw,26px);text-transform:uppercase;font-weight:500;letter-spacing:-.01em;line-height:1.2;transition:color .35s}#zhome #zh-menu a:hover{color:#c6a15b}#zhome #zh-menu a span{font-size:9.5px;letter-spacing:.2em;color:#c6a15b;font-weight:700;min-width:26px}#zhome #zh-menu a.sub{font-size:clamp(11.5px,1.05vw,14px);letter-spacing:.14em;color:rgba(244,241,236,.6);margin-left:42px;margin-top:0;margin-bottom:5px}#zhome #zh-menu-close{position:absolute;top:calc(var(--pad) - 6px);right:var(--pad);background:none;border:0;color:#f4f1ec;font-size:44px;line-height:1;cursor:pointer;opacity:.7}#zhome #zh-menu-close:hover{opacity:1;color:#c6a15b}#zhome #zh-menu .grp{display:flex;align-items:baseline;gap:16px;margin-top:10px;font-size:clamp(15px,1.9vw,26px);text-transform:uppercase;font-weight:500;letter-spacing:-.01em;line-height:1.2;color:rgba(244,241,236,.4)}#zhome #zh-menu .grp span{font-size:9.5px;letter-spacing:.2em;color:#c6a15b;font-weight:700;min-width:26px}#zhome .legal a{color:inherit;text-decoration:none;transition:color .3s}#zhome .legal a:hover{color:#c6a15b}<\/style>\n<style>\/* Imagify verpackt jedes <img> in ein <picture>; die Klasse wandert dabei nach aussen. Damit das Standbild trotzdem formatfuellend liegt, gilt die Regel auch fuer das innere Bild. *\/\n#zhome .stage .poster{display:block}\n#zhome .stage .poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:opacity 1.6s var(--ease)}\n#zhome picture{display:block}\n#zhome picture img{display:block;max-width:100%}<\/style>\n<div id=\"zhome\">\n<!-- Startseiten-Entwurf 2026 \u2014 Testeinbau, Quelle: zoehelali-mockup\/index.html -->\n\n<div class=\"grain\"><\/div>\n\n<!-- ======================= Kopfzeile ======================= -->\n<header class=\"topbar\">\n  <a class=\"menu-btn\" href=\"#intro\"><i><\/i>Men\u00fc<\/a>\n  <div class=\"wordmark\">\n    <b>Zoe&nbsp;Helali<\/b>\n    <span>Model \u00b7 Influencerin \u00b7 Artist<\/span>\n  <\/div>\n<\/header>\n\n<!-- ======================= HERO ======================= -->\n<section class=\"hero\" id=\"hero\">\n\n  <!-- Slide 1 \u2014 MODEL (Laufsteg) -->\n  <article class=\"slide is-active\">\n    <div class=\"stage\" data-video=\"vJTpnOB8IaU\" data-start=\"216\" data-len=\"16\" data-eager>\n      <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-vJTpnOB8IaU-maxresdefault.jpg\" alt=\"\">\n    <\/div>\n    <div class=\"panel\">\n      <div class=\"inner\">\n        <p class=\"eyebrow\">Model &amp; Influencerin<\/p>\n        <h1 class=\"display\">Jede Bewegung<br>hat ihren<br>Moment.<\/h1>\n        <p class=\"sub\">Ich dehne ihn.<\/p>\n        <div class=\"cta\"><a target=\"_top\" class=\"pill pill--solid\" href=\"\/zeitstrahl-model\">Model-Portfolio<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- Slide 2 \u2014 ARTIST (Atelier) -->\n  <article class=\"slide\">\n    <div class=\"stage\" data-video=\"2W4GLhAYNmc\" data-start=\"20\" data-len=\"22\" data-eager>\n      <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-2W4GLhAYNmc-maxresdefault.jpg\" alt=\"\">\n    <\/div>\n    <div class=\"panel\">\n      <div class=\"inner\">\n        <p class=\"eyebrow\">Artist<\/p>\n        <h1 class=\"display\">Jede Farbe<br>hat ihre<br>Stimme.<\/h1>\n        <p class=\"sub\">Ich h\u00f6re zu.<\/p>\n        <div class=\"cta\"><a target=\"_top\" class=\"pill pill--solid\" href=\"\/zeitstrahl-kunst\">Zur Kunst<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- Slide 3 \u2014 BOOKING -->\n  <article class=\"slide\">\n    <div class=\"stage\" data-video=\"vJTpnOB8IaU\" data-start=\"189\" data-len=\"11\" data-eager>\n      <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-vJTpnOB8IaU-hq2.jpg\" alt=\"\">\n    <\/div>\n    <div class=\"panel\">\n      <div class=\"inner\">\n        <p class=\"eyebrow\">Booking<\/p>\n        <h1 class=\"display\">Zwischen<br>Laufsteg und<br>Atelier.<\/h1>\n        <p class=\"sub\">Sprechen wir.<\/p>\n        <div class=\"cta\"><a class=\"pill pill--solid\" target=\"_top\" href=\"\/?page_id=15049\">Anfrage senden<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <nav class=\"rail\" aria-label=\"Bildstrecke\">\n    <button data-go=\"0\" aria-current=\"true\"><span class=\"tick\"><\/span><span class=\"label\">Model<\/span><\/button>\n    <button data-go=\"1\"><span class=\"tick\"><\/span><span class=\"label\">Artist<\/span><\/button>\n    <button data-go=\"2\"><span class=\"tick\"><\/span><span class=\"label\">Booking<\/span><\/button>\n  <\/nav>\n\n  <div class=\"hero-actions\">\n    <a target=\"_top\" class=\"pill\" href=\"\/kontakt-anfrage\">\u2726 Booking-Anfrage<\/a>\n    <a target=\"_top\" class=\"pill\" href=\"\/zeitstrahl-kunst\">Selected Works<\/a>\n    \n  <\/div>\n\n  <div class=\"progress\"><span id=\"bar\"><\/span><\/div>\n<\/section>\n\n<!-- ======================= Intro ======================= -->\n<section class=\"intro\" id=\"intro\">\n  <div class=\"wrap intro-grid\">\n    <div class=\"rv\">\n      <p class=\"eyebrow\">Zwei Welten, eine Handschrift<\/p>\n      <h2 class=\"display\">Vor der Kamera.<br>Vor der Leinwand.<\/h2>\n    <\/div>\n    <div class=\"rv\">\n      <p class=\"lede\">\n        Manchmal entsteht ein Bild in einem Bruchteil einer Sekunde \u2014 auf dem Laufsteg,\n        im Blitzlicht, in einer Bewegung, die sich nicht wiederholt.\n      <\/p>\n      <p class=\"lede\" style=\"margin-top:22px\">\n        Und manchmal braucht es Wochen: Farbe auf Farbe, Schicht auf Schicht, bis ein Moment\n        endlich stillsteht. Zoe Helali arbeitet in beiden Geschwindigkeiten \u2014 als Model f\u00fcr\n        internationale H\u00e4user und als K\u00fcnstlerin in ihrem Berliner Atelier. Was beides\n        verbindet: die Aufmerksamkeit f\u00fcr den einen Moment, der bleibt.\n      <\/p>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================= Zwei Welten ======================= -->\n<section class=\"duo\" id=\"duo\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <p class=\"eyebrow\">Arbeitsfelder<\/p>\n      <h2 class=\"display\" style=\"margin-top:20px;font-size:clamp(28px,3.4vw,52px)\">W\u00e4hlen Sie<br>eine Geschwindigkeit.<\/h2>\n    <\/div>\n    <div class=\"duo-grid\">\n      <a target=\"_top\" class=\"card rv\" href=\"\/?page_id=14946\">\n        <div class=\"stage\" data-video=\"vJTpnOB8IaU\" data-start=\"196\" data-len=\"26\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-vJTpnOB8IaU-maxresdefault.jpg\" alt=\"\">\n        <\/div>\n        <div class=\"meta\">\n          <p class=\"eyebrow\">01 \u2014 Fashion &amp; Social<\/p>\n          <h3>Model &amp; Influencerin<\/h3>\n          <p>Runway, Editorial, Campaign, Film &amp; TV. Haute Couture, Schmuck\u00adpr\u00e4sentation und Marken\u00adkooperationen f\u00fcr internationale H\u00e4user.<\/p>\n          <span class=\"go\">Portfolio ansehen \u2192<\/span>\n        <\/div>\n      <\/a>\n      <a target=\"_top\" class=\"card rv\" href=\"\/?page_id=14947\">\n        <div class=\"stage\" data-video=\"2W4GLhAYNmc\" data-start=\"38\" data-len=\"26\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-2W4GLhAYNmc-maxresdefault.jpg\" alt=\"\">\n        <\/div>\n        <div class=\"meta\">\n          <p class=\"eyebrow\">02 \u2014 Art<\/p>\n          <h3>Artist<\/h3>\n          <p>Malerei und Mixed Media zwischen Figur und Aufl\u00f6sung. Einzelst\u00fccke, Serien und Auftrags\u00adarbeiten aus dem Atelier Berlin.<\/p>\n          <span class=\"go\">Werke ansehen \u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================= Leistungen ======================= -->\n<section class=\"services\">\n  <div class=\"wrap\">\n    <div class=\"svc-head rv\">\n      <div>\n        <p class=\"eyebrow\">Leistungen<\/p>\n        <h2>Buchbar f\u00fcr alles, was Haltung braucht.<\/h2>\n      <\/div>\n      \n    <\/div>\n    <div class=\"svc-grid rv\">\n      <div class=\"svc\">\n        <small>Runway<\/small><h4>Fashion Shows<\/h4>\n        <p>Pr\u00eat-\u00e0-porter und Haute Couture. Erfahrung auf internationalen Schauen und in engem Takt.<\/p>\n      <\/div>\n      <div class=\"svc\">\n        <small>Print &amp; Digital<\/small><h4>Editorial<\/h4>\n        <p>Redaktionelle Strecken f\u00fcr Magazine, Lookbooks und Kampagnen \u2014 vom Konzept bis zum Set.<\/p>\n      <\/div>\n      <div class=\"svc\">\n        <small>Social &amp; Bewegtbild<\/small><h4>Influencer-Kooperationen<\/h4>\n        <p>Marken\u00adkooperationen, Werbefilm und Musikvideo. Reichweite mit Handschrift statt Streuverlust.<\/p>\n      <\/div>\n      <div class=\"svc\">\n        <small>Atelier<\/small><h4>Kunst &amp; Auftrag<\/h4>\n        <p>Originale, Serien und individuelle Auftragsarbeiten. Ankauf und Ausstellung auf Anfrage.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================= Werke ======================= -->\n<section class=\"works\" id=\"works\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <p class=\"eyebrow\">Selected Works<\/p>\n      <h2 class=\"display\" style=\"margin-top:20px;font-size:clamp(28px,3.4vw,52px)\">Ausgew\u00e4hlte Arbeiten<br>2020 \u2013 2026<\/h2>\n    <\/div>\n    <div class=\"works-grid\">\n      <figure class=\"tile rv\">\n        <div class=\"stage\" data-video=\"vJTpnOB8IaU\" data-start=\"185\" data-len=\"18\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-vJTpnOB8IaU-hq1.jpg\" alt=\"\"><\/div>\n        <figcaption><b>Instinct<\/b><em>Fashion \u00b7 2020<\/em><\/figcaption>\n      <\/figure>\n      <figure class=\"tile rv\">\n        <div class=\"stage\" data-video=\"2W4GLhAYNmc\" data-start=\"24\" data-len=\"18\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-2W4GLhAYNmc-hq1.jpg\" alt=\"\"><\/div>\n        <figcaption><b>Schmetterlingsfrau<\/b><em>Art \u00b7 2022<\/em><\/figcaption>\n      <\/figure>\n      <figure class=\"tile rv\">\n        <div class=\"stage\" data-video=\"vJTpnOB8IaU\" data-start=\"210\" data-len=\"18\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-vJTpnOB8IaU-hq2.jpg\" alt=\"\"><\/div>\n        <figcaption><b>Dior Essence<\/b><em>Editorial \u00b7 2023<\/em><\/figcaption>\n      <\/figure>\n      <figure class=\"tile rv\">\n        <div class=\"stage\" data-video=\"2W4GLhAYNmc\" data-start=\"56\" data-len=\"18\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-2W4GLhAYNmc-hq2.jpg\" alt=\"\"><\/div>\n        <figcaption><b>Atelier Studies<\/b><em>Art \u00b7 2024<\/em><\/figcaption>\n      <\/figure>\n      <figure class=\"tile rv\">\n        <div class=\"stage\" data-video=\"vJTpnOB8IaU\" data-start=\"63\" data-len=\"18\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-vJTpnOB8IaU-hq3.jpg\" alt=\"\"><\/div>\n        <figcaption><b>Runway Berlin<\/b><em>Fashion \u00b7 2025<\/em><\/figcaption>\n      <\/figure>\n      <figure class=\"tile rv\">\n        <div class=\"stage\" data-video=\"2W4GLhAYNmc\" data-start=\"146\" data-len=\"18\">\n          <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-2W4GLhAYNmc-hq3.jpg\" alt=\"\"><\/div>\n        <figcaption><b>Muse<\/b><em>Mixed Media \u00b7 2026<\/em><\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================= Zielgruppen ======================= -->\n<section class=\"audience\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <p class=\"eyebrow\">Zusammenarbeit<\/p>\n      <h2 class=\"display\" style=\"margin-top:20px;font-size:clamp(28px,3.4vw,52px)\">Wer mit Zoe arbeitet.<\/h2>\n    <\/div>\n    <div class=\"aud-grid rv\">\n      <div class=\"aud\">\n        <h4>F\u00fcr Agenturen<\/h4>\n        <p>Sedcard, Ma\u00dfe und Verf\u00fcgbarkeiten auf Anfrage. Direkte Abstimmung f\u00fcr Castings, Optionen und Fittings \u2014 kurzfristig und verl\u00e4sslich.<\/p>\n        <a target=\"_top\" href=\"\/kontakt-anfrage\">Sedcard anfordern \u2192<\/a>\n      <\/div>\n      <div class=\"aud\">\n        <h4>F\u00fcr Marken &amp; Magazine<\/h4>\n        <p>Von der ersten Moodboard-Skizze bis zum fertigen Set: Zoe denkt Kampagnen mit \u2014 als Gesicht und als Gestalterin.<\/p>\n        <a target=\"_top\" href=\"\/kontakt-anfrage\">Projekt besprechen \u2192<\/a>\n      <\/div>\n      <div class=\"aud\">\n        <h4>F\u00fcr Sammler:innen<\/h4>\n        <p>Verf\u00fcgbare Originale, laufende Serien und Auftragsarbeiten. Atelierbesuche in Berlin nach Vereinbarung.<\/p>\n        <a target=\"_top\" href=\"\/kontakt-anfrage\">Werkliste anfragen \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wrap\" style=\"margin-top:44px\"><p class=\"eyebrow\" style=\"margin-bottom:18px\">Auftraggeber \u2014 ein Ausschnitt<\/p><div style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px\"><a href=\"https:\/\/www.schwarzkopf.de\" target=\"_blank\" rel=\"noopener\" title=\"Schwarzkopf\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.22.26-768x403.png\" alt=\"Schwarzkopf\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.wella.com\" target=\"_blank\" rel=\"noopener\" title=\"Wella\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.21.51-300x175.png\" alt=\"Wella\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.mercedes-benz.com\" target=\"_blank\" rel=\"noopener\" title=\"Mercedes-Benz\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.20.47-300x168.png\" alt=\"Mercedes-Benz\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.bentleymotors.com\" target=\"_blank\" rel=\"noopener\" title=\"Bentley\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.19.20-768x426.png\" alt=\"Bentley\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.chopard.com\" target=\"_blank\" rel=\"noopener\" title=\"Chopard\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.18.31-768x386.png\" alt=\"Chopard\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.pepejeans.com\" target=\"_blank\" rel=\"noopener\" title=\"Pepe Jeans\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.17.43-300x137.png\" alt=\"Pepe Jeans\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.viviennewestwood.com\" target=\"_blank\" rel=\"noopener\" title=\"Vivienne Westwood\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.16.26-768x380.png\" alt=\"Vivienne Westwood\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.junghans.de\" target=\"_blank\" rel=\"noopener\" title=\"Junghans\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.15.25-768x324.png\" alt=\"Junghans\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.loreal-paris.de\" target=\"_blank\" rel=\"noopener\" title=\"L\u2019Or\u00e9al Paris\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.14.37-768x277.png\" alt=\"L\u2019Or\u00e9al Paris\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.g-star.com\" target=\"_blank\" rel=\"noopener\" title=\"G-Star RAW\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.13.49-768x208.png\" alt=\"G-Star RAW\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.guidomariakretschmer.de\" target=\"_blank\" rel=\"noopener\" title=\"Guido Maria Kretschmer\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.12.23-300x133.png\" alt=\"Guido Maria Kretschmer\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><a href=\"https:\/\/www.armani.com\" target=\"_blank\" rel=\"noopener\" title=\"Emporio Armani\" style=\"background:rgba(244,241,236,.94);aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;padding:14px\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-07-um-19.10.16-768x433.png\" alt=\"Emporio Armani\" style=\"max-height:100%;width:auto;object-fit:contain\"><\/a><\/div><\/div><!-- ======================= Kontakt ======================= -->\n<section class=\"intl\"><div class=\"wrap\"><p class=\"eyebrow\">Internationale Erfahrung<\/p><h2 class=\"display\">Drei St\u00e4dte,<br>drei Tonlagen.<\/h2><div class=\"intl-grid\"><div class=\"intl-card\"><h3>London<\/h3><span class=\"ort\">Vereinigtes K\u00f6nigreich<\/span><p>Die Londoner Modeszene lebt von Reibung. Zwischen Kopfsteinpflaster und Laufsteg trifft kulturelle Vielfalt auf handwerkliche Strenge \u2014 ein Umfeld, in dem Zoe zu Hause ist.<\/p><\/div><div class=\"intl-card\"><h3>Paris<\/h3><span class=\"ort\">Frankreich<\/span><p>Paris ist die Stadt der Form. Wo Eleganz und Zeitlosigkeit einander bedingen, findet sie ihren Takt \u2014 in der Stadt des Lichts, die den Anspruch nie senkt.<\/p><\/div><div class=\"intl-card\"><h3>New York<\/h3><span class=\"ort\">Vereinigte Staaten<\/span><p>New York arbeitet schneller. Auf den Laufstegen der Stadt prallen Vielfalt und Mode aufeinander, mit einer Energie, die keinen Leerlauf duldet.<\/p><\/div><\/div><\/div><\/section>\n\n<section class=\"contact\" id=\"contact\">\n  <div class=\"stage stage--wide\" data-video=\"2W4GLhAYNmc\" data-start=\"56\" data-len=\"22\">\n    <img decoding=\"async\" class=\"poster\" src=\"https:\/\/zoehelali.com\/wp-content\/uploads\/2026\/09\/zoe-hero-2W4GLhAYNmc-maxresdefault.jpg\" alt=\"\">\n  <\/div>\n  <div class=\"wrap\">\n    <p class=\"eyebrow rv\">Kontakt<\/p>\n    <h2 class=\"rv\" style=\"margin-top:24px\">Sprechen<br>Sie mich an.<\/h2>\n    <p class=\"lede rv\">Ob Kampagne, Laufsteg, Filmset oder Atelierbesuch \u2014 der erste Schritt ist meistens\n      eine kurze Nachricht. Berlin Office, Antwort in der Regel innerhalb von 24 Stunden.<\/p>\n    <div class=\"row rv\">\n      <a class=\"pill pill--solid\" href=\"mailto:info@zoehelali.com\">info@zoehelali.com<\/a>\n      <a class=\"pill\" href=\"https:\/\/www.instagram.com\/zoehelali\/\" target=\"_blank\" rel=\"noopener\">Instagram Fashion<\/a>\n      <a class=\"pill\" href=\"https:\/\/www.instagram.com\/zoe.helali_art\/\" target=\"_blank\" rel=\"noopener\">Instagram Art<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================= Footer ======================= -->\n<footer>\n  <div class=\"wrap\">\n    <div class=\"foot-grid\"><div><div class=\"wordmark\" style=\"text-align:left\"><b>Zoe&nbsp;Helali<\/b><span>Model \u00b7 Influencerin \u00b7 Artist<\/span><\/div><p style=\"margin-top:24px;max-width:34ch\">Berlin Office<br>Termine nach Vereinbarung<\/p><\/div><div><h5>Arbeit<\/h5><a target=\"_top\" href=\"\/zeitstrahl-model\">Model &#038; Influencerin<\/a><a target=\"_top\" href=\"\/influencerin\">Influencerin<\/a><a target=\"_top\" href=\"\/zeitstrahl-kunst\">K\u00fcnstlerin<\/a><a target=\"_top\" href=\"\/designerin\">Designerin<\/a><\/div><div><h5>Mehr<\/h5><a target=\"_top\" href=\"\/ausstellungen\">Ausstellungen &#038; Termine<\/a><a target=\"_top\" href=\"\/videos\">Videos<\/a><a target=\"_top\" href=\"\/presse\">Presse<\/a><a target=\"_top\" href=\"\/ueber-mich\">\u00dcber mich<\/a><a target=\"_top\" href=\"\/kontakt-anfrage\">Kontakt<\/a><\/div><div><h5>Direkt<\/h5><a href=\"mailto:info@zoehelali.com\">info@zoehelali.com<\/a><a href=\"https:\/\/www.instagram.com\/zoehelali\/\" target=\"_blank\" rel=\"noopener\">@zoehelali<\/a><a href=\"https:\/\/www.instagram.com\/zoe.helali_art\/\" target=\"_blank\" rel=\"noopener\">@zoe.helali_art<\/a><\/div><\/div><div class=\"legal\">\n      <span>\u00a9 2026 Zoe Helali<\/span>\n      <span><a target=\"_top\" href=\"\/impressum\">Impressum<\/a> \u00b7 <a target=\"_top\" href=\"\/datenschutz\">Datenschutz<\/a> \u00b7 <a target=\"_top\" href=\"\/cookie-richtlinie\">Cookie-Richtlinie<\/a><\/span>\n    <\/div>\n  <\/div>\n  \n<\/footer>\n\n<!-- ======================= Tempo-Regler ======================= -->\n<div class=\"tempo\" id=\"tempo\">\n  Tempo\n  <button data-rate=\"0.25\">0,25\u00d7<\/button>\n  <button data-rate=\"0.5\" aria-pressed=\"true\">0,5\u00d7<\/button>\n  <button data-rate=\"1\">1\u00d7<\/button>\n<\/div>\n\n<div id=\"zh-menu\" aria-hidden=\"true\"><button id=\"zh-menu-close\" aria-label=\"Men\u00fc schlie\u00dfen\">&#215;<\/button><nav><a target=\"_top\" href=\"\/?page_id=14946\"><span>01<\/span>Model &amp; Influencerin<\/a><a target=\"_top\" href=\"\/?page_id=15037\" class=\"sub\">Influencerin<\/a><a target=\"_top\" href=\"\/?page_id=14947\"><span>02<\/span>K\u00fcnstlerin<\/a><a target=\"_top\" href=\"\/?page_id=15009\"><span>03<\/span>Designerin<\/a><a target=\"_top\" href=\"\/?page_id=15009#schmuck\" class=\"sub\">Schmuckdesigns<\/a><a target=\"_top\" href=\"\/?page_id=15020\"><span>04<\/span>Ausstellungen &amp; Termine<\/a><a target=\"_top\" href=\"\/?page_id=15044\"><span>05<\/span>Presse<\/a><a target=\"_top\" href=\"\/?page_id=15953\"><span>06<\/span>Videos<\/a><a target=\"_top\" href=\"\/?page_id=15149\"><span>07<\/span>\u00dcber mich<\/a><a target=\"_top\" href=\"\/?page_id=15049\"><span>08<\/span>Kontakt<\/a><div class=\"grp\"><span>09<\/span>Rechtliches<\/div><a target=\"_top\" href=\"\/?page_id=15150\" class=\"sub\">Impressum<\/a><a target=\"_top\" href=\"\/?page_id=15151\" class=\"sub\">Datenschutzerkl\u00e4rung<\/a><a target=\"_top\" href=\"\/?page_id=15152\" class=\"sub\">Cookie-Richtlinie<\/a><\/nav><\/div>\n<\/div>\n<script>(function(){\nvar W=window.zh=window.zh||{};\nW.rate=0.5;W.cinemas=[];W.apiReady=false;W.gestartet=false;\nvar tp=document.getElementById('tempo');\nif(tp){tp.style.visibility='hidden';}\nvar rvs=[].slice.call(document.querySelectorAll('.rv'));\nif(!('IntersectionObserver' in window)){rvs.forEach(function(el){el.classList.add('in');});}\nelse{var rio=new IntersectionObserver(function(es){es.forEach(function(en,i){if(en.isIntersecting){setTimeout(function(){en.target.classList.add('in');},i*90);rio.unobserve(en.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});rvs.forEach(function(el){rio.observe(el);});}\nvar slides=[].slice.call(document.querySelectorAll('.slide'));\nvar railBtns=[].slice.call(document.querySelectorAll('.rail button'));\nvar bar=document.getElementById('bar');\nvar DAUER=13000;var current=0,timer=null,tStart=0,raf=null;\nfunction spieler(i){var st=slides[i].querySelector('.stage');var p=null;W.cinemas.forEach(function(x){if(x.el===st){p=x.player;}});return p;}\nfunction go(n,manual){\nn=(n+slides.length)%slides.length;if(n===current)return;\nslides[current].classList.remove('is-active');railBtns[current].setAttribute('aria-current','false');\ncurrent=n;\nslides[current].classList.add('is-active');railBtns[current].setAttribute('aria-current','true');\ntry{var p=spieler(current);p.setPlaybackRate(W.rate);p.playVideo();}catch(e){}\nif(manual){neustart();}}\nfunction neustart(){\nclearTimeout(timer);cancelAnimationFrame(raf);tStart=performance.now();\ntimer=setTimeout(function(){go(current+1);neustart();},DAUER);\nvar tick=function(now){var p=Math.min((now-tStart)\/DAUER,1);if(bar){bar.style.width=(p*100)+'%';}if(p<1){raf=requestAnimationFrame(tick);}};\nraf=requestAnimationFrame(tick);}\nrailBtns.forEach(function(b){b.addEventListener('click',function(){go(+b.dataset.go,true);});});\nnew IntersectionObserver(function(es){var en=es[0];slides.forEach(function(s,i){try{var p=spieler(i);if(en.isIntersecting){p.playVideo();}else{p.pauseVideo();}}catch(e){}});},{threshold:0}).observe(document.querySelector('.hero'));\ndocument.addEventListener('visibilitychange',function(){if(document.hidden){clearTimeout(timer);cancelAnimationFrame(raf);}else{neustart();}});\nneustart();\nvar dienst='you'+'tube';\nfunction darf(){try{\nvar P=window.parent;if(!P){return false;}\nif(typeof P.cmplz_has_service_consent==='function'){if(P.cmplz_has_service_consent(dienst)){return true;}}\nif(typeof P.cmplz_has_consent==='function'){return P.cmplz_has_consent('marketing');}\nreturn false;}catch(e){return false;}}\nfunction buehne(stage){\nif(stage.dataset.mounted)return;stage.dataset.mounted='1';\nvar host=document.createElement('div');host.className='frame';stage.appendChild(host);\nvar start=+stage.dataset.start||0;var len=+stage.dataset.len||25;\nvar eintrag={el:stage,start:start,len:len,player:null};W.cinemas.push(eintrag);\neintrag.player=new YT.Player(host,{videoId:stage.dataset.video,playerVars:{autoplay:1,mute:1,controls:0,disablekb:1,fs:0,modestbranding:1,rel:0,playsinline:1,iv_load_policy:3,cc_load_policy:0,start:start},events:{\nonReady:function(e){e.target.mute();e.target.setPlaybackRate(W.rate);if(stage.dataset.visible==='1'||stage.hasAttribute('data-eager')){e.target.playVideo();}},\nonStateChange:function(e){\nif(e.data===YT.PlayerState.PLAYING){e.target.setPlaybackRate(W.rate);stage.classList.add('is-playing');}\nif(e.data===YT.PlayerState.ENDED){e.target.seekTo(start);e.target.playVideo();}}}});}\nfunction findeKino(stage){var c=null;W.cinemas.forEach(function(x){if(x.el===stage){c=x;}});return c;}\nfunction starteBewegtbild(){\nif(W.gestartet)return;W.gestartet=true;\nif(tp){tp.style.visibility='visible';}\nvar tag=document.createElement('script');\ntag.src='https:\/\/www.'+dienst+'.com\/iframe_api';\ndocument.head.appendChild(tag);\nwindow['onYou'+'TubeIframeAPIReady']=function(){\nW.apiReady=true;\n[].slice.call(document.querySelectorAll('.stage')).forEach(function(s){if(s.hasAttribute('data-eager')){buehne(s);}else if(s.dataset.visible==='1'){buehne(s);}});\nneustart();};\nsetInterval(function(){W.cinemas.forEach(function(c){try{if(c.player.getPlayerState){if(c.player.getPlayerState()===1){var t=c.player.getCurrentTime();if(t>c.start+c.len||t<c.start-1){c.player.seekTo(c.start);}}}}catch(e){}});},700);\nvar lazyIO=new IntersectionObserver(function(es){es.forEach(function(en){\nvar stage=en.target;stage.dataset.visible=en.isIntersecting?'1':'0';\nif(!W.apiReady)return;\nif(en.isIntersecting){buehne(stage);var c=findeKino(stage);if(c){try{c.player.playVideo();}catch(e){}}}\nelse{var d=findeKino(stage);if(d){try{d.player.pauseVideo();}catch(e){}}}});},{threshold:.25});\n[].slice.call(document.querySelectorAll('.stage')).forEach(function(s){if(!s.hasAttribute('data-eager')){lazyIO.observe(s);}});\nif(tp){tp.addEventListener('click',function(ev){var b=ev.target.closest('button[data-rate]');if(!b)return;\nW.rate=parseFloat(b.dataset.rate);\n[].slice.call(document.querySelectorAll('#tempo button')).forEach(function(x){x.setAttribute('aria-pressed',String(x===b));});\nW.cinemas.forEach(function(c){try{c.player.setPlaybackRate(W.rate);}catch(e){}});});}}\nif(darf()){starteBewegtbild();}\nelse{var v=0;var warte=setInterval(function(){v++;if(darf()){clearInterval(warte);starteBewegtbild();return;}if(v>240){clearInterval(warte);}},500);\ntry{window.parent.document.addEventListener('cmplz_status_change',function(){if(darf()){starteBewegtbild();}});}catch(e){}}\n})();<\/script>\n<script>(function(){var m=document.getElementById(\"zh-menu\");var b=document.querySelector(\".menu-btn\");function open(e){if(e)e.preventDefault();m.classList.add(\"open\");m.setAttribute(\"aria-hidden\",\"false\");}function close(){m.classList.remove(\"open\");m.setAttribute(\"aria-hidden\",\"true\");}if(b)b.addEventListener(\"click\",open);document.getElementById(\"zh-menu-close\").addEventListener(\"click\",close);m.querySelectorAll(\".close-on-click\").forEach(function(a){a.addEventListener(\"click\",close);});document.addEventListener(\"keydown\",function(e){if(e.key===\"Escape\")close();});})();<\/script>\n<script>(function(){var st=document.createElement(\"style\");st.textContent=\".zh-up{position:fixed;right:22px;bottom:22px;z-index:9999;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(14,14,14,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e8e4de;font:400 19px\/1 system-ui,sans-serif;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s,border-color .3s,color .3s}.zh-up.an{opacity:1;visibility:visible;transform:none}.zh-up:hover{border-color:#c9a961;color:#c9a961}@media(max-width:600px){.zh-up{right:14px;bottom:14px;width:42px;height:42px}}\";document.head.appendChild(st);var a=document.createElement(\"div\");a.style.cssText=\"height:1px;width:100%\";document.body.insertBefore(a,document.body.firstChild);var b=document.createElement(\"button\");b.type=\"button\";b.className=\"zh-up\";b.setAttribute(\"aria-label\",\"Nach oben\");b.textContent=\"\\u2191\";document.body.appendChild(b);b.addEventListener(\"click\",function(){window.scrollTo(0,0);if(document.scrollingElement)document.scrollingElement.scrollTop=0;if(document.body)document.body.scrollTop=0;});if(!window.IntersectionObserver){b.classList.add(\"an\");return;}var io=new IntersectionObserver(function(es){if(es[0].isIntersecting){b.classList.remove(\"an\");return;}b.classList.add(\"an\");},{threshold:0,rootMargin:\"700px 0px 0px 0px\"});io.observe(a);})();<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Men\u00fc Zoe&nbsp;Helali Model \u00b7 Influencerin \u00b7 Artist Model &amp; Influencerin Jede Bewegunghat ihrenMoment. Ich dehne ihn. Model-Portfolio Artist Jede Farbehat ihreStimme. Ich h\u00f6re zu. Zur Kunst Booking ZwischenLaufsteg undAtelier. Sprechen wir. Anfrage senden Model Artist Booking \u2726 Booking-Anfrage Selected Works Zwei Welten, eine Handschrift Vor der Kamera.Vor der Leinwand. Manchmal entsteht ein Bild in einem&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14938","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/pages\/14938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/comments?post=14938"}],"version-history":[{"count":23,"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/pages\/14938\/revisions"}],"predecessor-version":[{"id":16287,"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/pages\/14938\/revisions\/16287"}],"wp:attachment":[{"href":"https:\/\/zoehelali.com\/ar\/wp-json\/wp\/v2\/media?parent=14938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}