{"id":8768,"date":"2026-02-11T10:31:17","date_gmt":"2026-02-11T09:31:17","guid":{"rendered":"https:\/\/mf-mgmt.com\/?page_id=8768"},"modified":"2026-04-09T00:14:34","modified_gmt":"2026-04-08T22:14:34","slug":"aigency-studio","status":"publish","type":"page","link":"https:\/\/mf-mgmt.com\/en\/aigency-studio\/","title":{"rendered":"Home &#8211; A(i)gency Studio &#8211; 2026"},"content":{"rendered":"<div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1766873751646 vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1767893436257\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"video-hero\" aria-label=\"Fullscreen video\">\n  <video class=\"video-hero__video\" autoplay muted loop playsinline preload=\"auto\">\n    <source src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/trailer-web-new.mp4\" type=\"video\/mp4\" \/>\n  <\/video>\n\n  <div class=\"video-hero__overlay\"><\/div>\n<div class=\"video-hero__grain\"><\/div>\n<div class=\"video-hero__content\">\n  <h1>a(i)gency studio<\/h1>\n<\/div>\n<\/section>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-mobile-hidden\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1767894619000 vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-3 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1767894372165\"><div class=\"wpb_wrapper\"><p style=\"font-size: 120px;color: #0a0a0a;line-height: 110px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading\" >was<br \/>\nwir<br \/>\nm\u00f6glich<br \/>\nmachen<\/p><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-9 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1767905504256\"><div class=\"wpb_wrapper\"><p style=\"font-size: 60px;color: #cecece;line-height: 60px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading\" >echte Produkte,<br \/>\ndigital (ki) inszeniert<\/p><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1766874998053 vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm\"><div class=\"vc_column-inner vc_custom_1767894385308\"><div class=\"wpb_wrapper\"><p style=\"font-size: 80px;color: #0a0a0a;line-height: 70px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading vc_custom_1767894690258\" >was<br \/>\nwir<br \/>\nm\u00f6glich<br \/>\nmachen<\/p><p style=\"font-size: 70px;color: #cecece;line-height: 80px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading\" >echte Produkte,<br \/>\ndigital (ki) inszeniert<\/p><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686370499 vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1767893475094\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"split-images-hero\">\n  <div class=\"split-images-hero__media\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-25.jpeg\" alt=\"\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3.jpeg\" alt=\"\">\n  <\/div>\n\n  <div class=\"split-images-hero__overlay\"><\/div>\n\n  <div class=\"split-images-hero__content\">\n    <h1>\nBereit f\u00fcr die Zukunft der <br>KI-Mode- und Beautybranche.\n    <\/h1>\n  <\/div>\n<\/section>\n\n\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1767894570249 vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1767893475094\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-mobile-hidden\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686379647 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-3 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1766873736130\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-family: Roboto; font-size: 80px; line-height: 100px; color: #fff; font-weight: 500; text-align: center;\">Wir verwandeln Produkt Flatlays in<br \/>\nFoto und Video Editorials \u2013<br \/>\nmit <a style=\"color: #fff; text-decoration: underline;\" href=\"#ki-twins\">realen KI-Twins<\/a><br \/>\noder fiktiven KI-Avataren.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-desktop-hidden\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686387376 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm\"><div class=\"vc_column-inner vc_custom_1767894893848\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-family: Roboto; font-size: 40px; line-height: 60px; color: #fff; font-weight: 500; text-align: center;\">Wir verwandeln Produkt Flatlays in<br \/>\nFoto und Video Editorials \u2013<br \/>\nmit <a style=\"color: #fff; text-decoration: underline;\" href=\"#ki-twins\">realen KI-Twins<\/a><br \/>\noder fiktiven KI-Avataren.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686394227 vc_row-has-fill vc_row-o-content-top vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-509x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-509x1024.jpg 509w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-149x300.jpg 149w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-768x1544.jpg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-764x1536.jpg 764w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-1019x2048.jpg 1019w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-6x12.jpg 6w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-scaled.jpg 1274w\" sizes=\"auto, (max-width: 509px) 100vw, 509px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-image-gallery eltdf-grid-list eltdf-grid-masonry-list eltdf-disable-bottom-space  eltdf-ig-masonry-type eltdf-two-columns eltdf-large-space  \">\n\t<div class=\"eltdf-ig-inner eltdf-outer-space eltdf-masonry-list-wrapper\">\n\t\t<div class=\"eltdf-masonry-grid-sizer\"><\/div>\n\t\t<div class=\"eltdf-masonry-grid-gutter\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1850\" height=\"2300\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2.png 1850w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2-241x300.png 241w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2-824x1024.png 824w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2-768x955.png 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2-1235x1536.png 1235w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2-1647x2048.png 1647w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-2-10x12.png 10w\" sizes=\"auto, (max-width: 1850px) 100vw, 1850px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"1280\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-3.jpeg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-3.jpeg 1032w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-3-242x300.jpeg 242w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-3-826x1024.jpeg 826w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-3-768x953.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-3-10x12.jpeg 10w\" sizes=\"auto, (max-width: 1032px) 100vw, 1032px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686400320 vc_row-has-fill vc_row-o-content-top vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"366\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/clothing-arket-5-366x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/clothing-arket-5-366x1024.jpg 366w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/clothing-arket-5-107x300.jpg 107w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/clothing-arket-5-768x2146.jpg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/clothing-arket-5-733x2048.jpg 733w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/clothing-arket-5-4x12.jpg 4w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/clothing-arket-5-scaled.jpg 916w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-image-gallery eltdf-grid-list eltdf-grid-masonry-list eltdf-disable-bottom-space  eltdf-ig-masonry-type eltdf-two-columns eltdf-large-space  \">\n\t<div class=\"eltdf-ig-inner eltdf-outer-space eltdf-masonry-list-wrapper\">\n\t\t<div class=\"eltdf-masonry-grid-sizer\"><\/div>\n\t\t<div class=\"eltdf-masonry-grid-gutter\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1031\" height=\"1280\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-24.jpeg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-24.jpeg 1031w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-24-242x300.jpeg 242w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-24-825x1024.jpeg 825w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-24-768x953.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-24-10x12.jpeg 10w\" sizes=\"auto, (max-width: 1031px) 100vw, 1031px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1028\" height=\"1280\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-23.jpeg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-23.jpeg 1028w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-23-241x300.jpeg 241w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-23-822x1024.jpeg 822w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-23-768x956.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-23-10x12.jpeg 10w\" sizes=\"auto, (max-width: 1028px) 100vw, 1028px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686406798 vc_row-has-fill vc_row-o-content-top vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\/* =========================\n   PIPELINE SECTION\n========================= *\/\n.pipeline-section {\n  position: relative;\n  height: 300vh;\n  background: #000;\n  color: #fff;\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n}\n\n.pipeline-sticky {\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  display: grid;\n  grid-template-columns: 30% 70%;\n  overflow: hidden;\n  background: #000;\n}\n\n.pipeline-sticky::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 30%;\n  width: 1px;\n  background: rgba(255,255,255,0.12);\n  pointer-events: none;\n  z-index: 3;\n}\n\n.pipeline-left,\n.pipeline-right {\n  position: relative;\n  height: 100vh;\n}\n\n.pipeline-left {\n  display: flex;\n  align-items: center;\n  padding: 6vw 4vw 6vw 6vw;\n  border-right: 0;\n  color: #fff;\n}\n\n.pipeline-right {\n  padding: 3vw 4vw 3vw 4vw;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  background: #000;\n}\n\n\/* Left text stack *\/\n.pipeline-steps {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  min-height: 360px;\n  height: 360px;\n}\n\n.pipeline-step {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  opacity: 0;\n  transform: translateY(80px);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n  pointer-events: none;\n}\n\n.pipeline-step.is-active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.pipeline-step.is-prev {\n  opacity: 0;\n  transform: translateY(-80px);\n}\n\n.pipeline-step.is-next {\n  opacity: 0;\n  transform: translateY(80px);\n}\n\n.pipeline-step__eyebrow {\n  font-size: 12px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n  margin-bottom: 18px;\n}\n\n.pipeline-step__number {\n  font-size: 18px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n  color: #fff;\n}\n\n.pipeline-step__title {\n  font-size: clamp(34px, 3.2vw, 56px);\n  line-height: 0.95;\n  letter-spacing: -0.03em;\n  margin: 0 0 24px 0;\n  max-width: 420px;\n  color: #fff;\n}\n\n.pipeline-step__text {\n  font-size: 18px;\n  line-height: 1.5;\n  color: rgba(255,255,255,0.7);\n  max-width: 360px;\n  margin: 0;\n}\n\n\/* Right image stack *\/\n.pipeline-visuals {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 72vh;\n  max-width: none;\n  max-height: 88vh;\n}\n\n.pipeline-visual {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transform: none;\n  transition: opacity 0.8s ease;\n  pointer-events: none;\n  display: grid;\n  gap: 20px;\n  align-content: center;\n  width: 100%;\n}\n\n.pipeline-visual.is-active {\n  opacity: 1;\n  transform: none;\n}\n\n.pipeline-visual.is-prev {\n  opacity: 0;\n  transform: none;\n}\n\n.pipeline-visual.is-next {\n  opacity: 0;\n  transform: none;\n}\n\n.pipeline-visual--single {\n  grid-template-columns: 1fr;\n}\n\n.pipeline-visual--fan {\n  display: grid;\n  place-items: center;\n  perspective: 1800px;\n}\n\n.pipeline-fan {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.pipeline-fan__inner {\n  position: absolute;\n  inset: 50% auto auto 15%;\n  width: min(72%, 540px);\n  aspect-ratio: 4 \/ 5;\n  transform: translate(-50%, -50%);\n}\n\n.pipeline-fan__panel {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  background: transparent;\n  border-radius: 0px;\n  transform-origin: center center;\n  box-shadow: none;\n}\n\n.pipeline-fan__caption {\n  position: absolute;\n  left: 50%;\n  bottom: 35px;\n  transform: translateX(-50%);\n  font-size: 15px;\n  line-height: 1;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #fff;\n  text-shadow: 0 0 12px rgba(0,0,0,0.35);\n  white-space: nowrap;\n  opacity: 0;\n  transition: opacity 0.35s ease;\n  animation: pipelineFanCaption 11s ease-in-out infinite;\n  animation-play-state: paused;\n  pointer-events: none;\n  z-index: 20;\n}\n\n.pipeline-fan__caption--front {\n  animation-delay: 0s;\n}\n\n.pipeline-fan__caption--back {\n  animation-delay: 0s;\n}\n\n.pipeline-section.step1-started .pipeline-visual[data-step=\"0\"].is-active .pipeline-fan__panel,\n.pipeline-section.step1-started .pipeline-visual[data-step=\"0\"].is-active .pipeline-fan__caption {\n  animation-play-state: running;\n}\n\n.pipeline-fan__panel img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: center center;\n  display: block;\n}\n\n.pipeline-fan__panel--1 {\n  z-index: 5;\n  animation: pipelineFanPanel1 11s ease-in-out infinite;\n  animation-play-state: paused;\n}\n\n.pipeline-fan__panel--2 {\n  z-index: 4;\n  animation: pipelineFanPanel2 11s ease-in-out infinite;\n  animation-play-state: paused;\n}\n\n.pipeline-fan__panel--3 {\n  z-index: 3;\n  animation: pipelineFanPanel3 11s ease-in-out infinite;\n  animation-play-state: paused;\n}\n\n.pipeline-fan__panel--4 {\n  z-index: 2;\n  animation: pipelineFanPanel4 11s ease-in-out infinite;\n  animation-play-state: paused;\n}\n\n.pipeline-fan__panel--5 {\n  z-index: 1;\n  animation: pipelineFanPanel5 11s ease-in-out infinite;\n  animation-play-state: paused;\n}\n\n@keyframes pipelineFanPanel1 {\n  0%, 4% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n  18%, 73% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@keyframes pipelineFanPanel2 {\n  0%, 4% {\n    transform: translateX(10px);\n    opacity: 0.9;\n  }\n  18%, 73% {\n    transform: translateX(185px);\n    opacity: 0.9;\n  }\n  100% {\n    transform: translateX(10px);\n    opacity: 0.9;\n  }\n}\n\n@keyframes pipelineFanPanel3 {\n  0%, 4% {\n    transform: translateX(20px);\n    opacity: 0.82;\n  }\n  18%, 73% {\n    transform: translateX(380px);\n    opacity: 0.82;\n  }\n  100% {\n    transform: translateX(20px);\n    opacity: 0.82;\n  }\n}\n\n@keyframes pipelineFanPanel4 {\n  0%, 4% {\n    transform: translateX(30px);\n    opacity: 0.74;\n  }\n  18%, 73% {\n    transform: translateX(575px);\n    opacity: 0.74;\n  }\n  100% {\n    transform: translateX(30px);\n    opacity: 0.74;\n  }\n}\n\n@keyframes pipelineFanPanel5 {\n  0%, 4% {\n    transform: translateX(40px);\n    opacity: 0.66;\n  }\n  18%, 73% {\n    transform: translateX(760px);\n    opacity: 0.66;\n  }\n  100% {\n    transform: translateX(40px);\n    opacity: 0.66;\n  }\n}\n\n@keyframes pipelineFanCaption {\n  0%, 14% {\n    opacity: 0;\n  }\n  18%, 68% {\n    opacity: 1;\n  }\n  73%, 100% {\n    opacity: 0;\n  }\n}\n\n.pipeline-visual--stack {\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr 1fr;\n}\n\n.pipeline-visual--workflow {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto auto;\n  gap: 18px 16px;\n  align-items: start;\n  width: 100%;\n}\n\n.pipeline-visual--workflow .pipeline-visual__frame {\n  aspect-ratio: 3 \/ 4;\n}\n\n.pipeline-connector {\n  position: relative;\n  height: 34px;\n  width: 82%;\n  margin: 0 auto;\n}\n\n.pipeline-connector__label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  font-size: 11px;\n  line-height: 1.2;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.55);\n  text-align: center;\n  white-space: nowrap;\n}\n\n.pipeline-connector__line {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 6px;\n  height: 1px;\n  background: rgba(255,255,255,0.22);\n  overflow: hidden;\n}\n\n.pipeline-connector__line::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  transform: scaleX(0);\n  transform-origin: left center;\n  background: rgba(255,255,255,0.95);\n  animation: pipelineLineFill1 5.4s linear infinite;\n  animation-play-state: paused;\n}\n\n.pipeline-connector--2 .pipeline-connector__line::after {\n  animation-name: pipelineLineFill2;\n}\n\n.pipeline-connector--3 .pipeline-connector__line::after {\n  animation-name: pipelineLineFill3;\n}\n\n.pipeline-connector--1 .pipeline-connector__line::after {\n  animation-delay: 0s;\n}\n\n.pipeline-connector--2 .pipeline-connector__line::after {\n  animation-delay: 0s;\n}\n\n.pipeline-connector--3 .pipeline-connector__line::after {\n  animation-delay: 0s;\n}\n\n.pipeline-connector__end {\n  position: absolute;\n  right: -5px;\n  bottom: 2px;\n}\n\n.pipeline-connector--arrow .pipeline-connector__end {\n  width: 0;\n  height: 0;\n  border-left: 7px solid rgba(255,255,255,0.45);\n  border-top: 5px solid transparent;\n  border-bottom: 5px solid transparent;\n  animation: pipelineArrowFill1 5.4s linear infinite;\n  animation-play-state: paused;\n}\n\n.pipeline-connector--arrow.pipeline-connector--2 .pipeline-connector__end {\n  animation-name: pipelineArrowFill2;\n}\n\n.pipeline-connector--arrow.pipeline-connector--1 .pipeline-connector__end {\n  animation-delay: 0s;\n}\n\n.pipeline-connector--arrow.pipeline-connector--2 .pipeline-connector__end {\n  animation-delay: 0s;\n}\n\n.pipeline-connector--end .pipeline-connector__end {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.45);\n  animation: pipelineDotFill3 5.4s linear infinite;\n  animation-delay: 0s;\n  animation-play-state: paused;\n}\n\n.pipeline-visual[data-step=\"1\"].is-active .pipeline-connector__line::after,\n.pipeline-visual[data-step=\"1\"].is-active .pipeline-connector__end {\n  animation-play-state: running;\n}\n\n@keyframes pipelineLineFill1 {\n  0% { transform: scaleX(0); }\n  18% { transform: scaleX(1); }\n  100% { transform: scaleX(1); }\n}\n\n@keyframes pipelineLineFill2 {\n  0%, 33.333% { transform: scaleX(0); }\n  51.333% { transform: scaleX(1); }\n  100% { transform: scaleX(1); }\n}\n\n@keyframes pipelineLineFill3 {\n  0%, 66.666% { transform: scaleX(0); }\n  84.666% { transform: scaleX(1); }\n  100% { transform: scaleX(1); }\n}\n\n@keyframes pipelineArrowFill1 {\n  0% { border-left-color: rgba(255,255,255,0.45); }\n  18% { border-left-color: rgba(255,255,255,0.95); }\n  100% { border-left-color: rgba(255,255,255,0.95); }\n}\n\n@keyframes pipelineArrowFill2 {\n  0%, 33.333% { border-left-color: rgba(255,255,255,0.45); }\n  51.333% { border-left-color: rgba(255,255,255,0.95); }\n  100% { border-left-color: rgba(255,255,255,0.95); }\n}\n\n@keyframes pipelineDotFill3 {\n  0%, 66.666% { background: rgba(255,255,255,0.45); transform: scale(1); }\n  84.666% { background: rgba(255,255,255,0.95); transform: scale(1.15); }\n  100% { background: rgba(255,255,255,0.95); transform: scale(1.15); }\n}\n\n.pipeline-visual img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  border-radius: 2px;\n}\n\n.pipeline-visual--fan img {\n  object-fit: contain;\n  object-position: center center;\n}\n\n.pipeline-visual[data-step=\"2\"] img {\n  object-fit: contain;\n}\n\n.pipeline-visual__frame {\n  overflow: hidden;\n  background: #000;\n  min-height: 0;\n}\n\n.pipeline-visual--single .pipeline-visual__frame {\n  height: 100%;\n}\n\n.pipeline-visual[data-step=\"2\"] {\n  justify-items: center;\n}\n\n.pipeline-visual[data-step=\"2\"] .pipeline-visual__frame {\n  width: min(88%, 980px);\n  height: 100%;\n  aspect-ratio: auto;\n}\n\n.pipeline-intro {\n  position: absolute;\n  top: 150px;\n  left: 6vw;\n  z-index: 5;\n  max-width: 420px;\n}\n\n.pipeline-intro__label {\n  font-size: 12px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n  margin-bottom: 10px;\n}\n\n.pipeline-intro__headline {\n  font-size: 24px;\n  line-height: 1.1;\n  margin: 0;\n  color: #fff;\n}\n\n.pipeline-progress {\n  position: absolute;\n  left: 6vw;\n  bottom: 40px;\n  width: 160px;\n  height: 1px;\n  background: rgba(255,255,255,0.2);\n  overflow: hidden;\n  z-index: 5;\n}\n\n.pipeline-progress__bar {\n  width: 0%;\n  height: 100%;\n  background: #fff;\n  transition: width 0.2s linear;\n}\n\n\n\/* Mobile *\/\n@media (max-width: 900px) {\n  .pipeline-section {\n    height: auto;\n  }\n\n  .pipeline-sticky {\n    grid-template-columns: 1fr;\n    position: relative;\n    display: block;\n    height: auto;\n  }\n\n  .pipeline-sticky::before {\n    display: none;\n  }\n\n  .pipeline-intro {\n    position: relative;\n    top: auto;\n    left: auto;\n    max-width: none;\n    padding: 32px 24px 0;\n  }\n\n  .pipeline-progress {\n    display: none;\n  }\n\n  .pipeline-left,\n  .pipeline-right {\n    height: auto;\n    padding: 0;\n    border-right: 0;\n    display: contents;\n  }\n\n  .pipeline-steps,\n  .pipeline-visuals {\n    position: relative;\n    height: auto;\n    max-width: none;\n    max-height: none;\n    display: contents;\n  }\n\n  .pipeline-step,\n  .pipeline-visual {\n    position: relative;\n    inset: auto;\n    opacity: 1 !important;\n    transform: none !important;\n    pointer-events: auto;\n  }\n\n  .pipeline-step {\n    padding: 32px 24px 20px;\n  }\n\n  .pipeline-step + .pipeline-step {\n    padding-top: 8px;\n  }\n\n  .pipeline-sticky {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .pipeline-step[data-step=\"0\"] { order: 1; }\n  .pipeline-visual[data-step=\"0\"] { order: 2; }\n  .pipeline-step[data-step=\"1\"] { order: 3; }\n  .pipeline-visual[data-step=\"1\"] { order: 4; }\n  .pipeline-step[data-step=\"2\"] { order: 5; }\n  .pipeline-visual[data-step=\"2\"] { order: 6; }\n\n  .pipeline-step__title {\n    font-size: 32px;\n    line-height: 1;\n    margin-bottom: 18px;\n  }\n\n  .pipeline-step__text {\n    font-size: 16px;\n    max-width: none;\n  }\n\n  .pipeline-right {\n    background: #000;\n  }\n\n  .pipeline-visual {\n    gap: 12px;\n    padding: 0 0px 32px;\n    margin-top: -4px;\n  }\n\n  .pipeline-visual--workflow {\n    position: relative;\n    grid-template-columns: 1fr;\n    grid-template-rows: auto auto auto;\n    gap: 12px;\n    justify-items: center;\n  }\n\n  .pipeline-connector {\n    position: relative;\n    align-self: end;\n    justify-self: center;\n    width: 100%;\n    max-width: 350px;\n    height: 70px;\n    margin: 0 0 30px 25px;\n    z-index: 4;\n    pointer-events: none;\n  }\n\n  .pipeline-connector__label {\n    top: auto;\n    left: 0;\n    right: auto;\n    bottom: 100%;\n    margin-bottom: 8px;\n    width: 80px;\n    font-size: 10px;\n    line-height: 1.2;\n    text-align: left;\n    white-space: normal;\n    color: #000;\n    padding-left: 0;\n  }\n\n  .pipeline-connector__line {\n    position: absolute;\n    left: 6px;\n    right: auto;\n    bottom: 12px;\n    width: 1px;\n    height: 56px;\n    background: rgba(0,0,0,0.22);\n    overflow: hidden;\n  }\n\n  .pipeline-connector__line::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    transform: scaleY(0);\n    transform-origin: top center;\n    background: rgba(0,0,0,0.95);\n    animation: pipelineLineFill1Mobile 5.4s linear infinite;\n    animation-play-state: running;\n  }\n\n  .pipeline-connector--2 .pipeline-connector__line::after {\n    animation-name: pipelineLineFill2Mobile;\n  }\n\n  .pipeline-connector--3 .pipeline-connector__line::after {\n    animation-name: pipelineLineFill3Mobile;\n  }\n\n  .pipeline-visual[data-step=\"1\"] .pipeline-connector__line::after,\n  .pipeline-visual[data-step=\"1\"] .pipeline-connector__end {\n    animation-play-state: running;\n  }\n\n  .pipeline-connector:nth-of-type(4) {\n    grid-row: 1;\n    grid-column: 1;\n  }\n\n  .pipeline-connector:nth-of-type(5) {\n    grid-row: 2;\n    grid-column: 1;\n  }\n\n  .pipeline-connector:nth-of-type(6) {\n    grid-row: 3;\n    grid-column: 1;\n  }\n\n  .pipeline-visual--workflow > .pipeline-visual__frame:nth-of-type(1) {\n    grid-row: 1;\n    grid-column: 1;\n  }\n\n  .pipeline-visual--workflow > .pipeline-visual__frame:nth-of-type(2) {\n    grid-row: 2;\n    grid-column: 1;\n  }\n\n  .pipeline-visual--workflow > .pipeline-visual__frame:nth-of-type(3) {\n    grid-row: 3;\n    grid-column: 1;\n  }\n\n  .pipeline-visual--single .pipeline-visual__frame {\n    aspect-ratio: 3 \/ 4;\n  }\n\n  .pipeline-visual[data-step=\"1\"] .pipeline-visual__frame {\n    width: 100%;\n    max-width: 350px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .pipeline-visual[data-step=\"1\"] .pipeline-connector {\n    width: 100%;\n    max-width: 350px;\n    justify-self: center;\n    align-self: end;\n  }\n\n  .pipeline-fan {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n  }\n\n  .pipeline-fan__inner {\n    position: absolute;\n    inset: 50% auto auto 20%;\n    width: min(78%, 320px);\n    aspect-ratio: 4 \/ 5;\n    transform: translate(-50%, -50%);\n  }\n\n  .pipeline-fan__panel {\n    opacity: 1;\n  }\n\n  @keyframes pipelineFanPanel1 {\n    0%, 4% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    18%, 73% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    100% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes pipelineFanPanel2 {\n    0%, 4% {\n      transform: translateX(10px);\n      opacity: 0.9;\n    }\n    18%, 73% {\n      transform: translateX(55px);\n      opacity: 0.9;\n    }\n    100% {\n      transform: translateX(10px);\n      opacity: 0.9;\n    }\n  }\n\n  @keyframes pipelineFanPanel3 {\n    0%, 4% {\n      transform: translateX(20px);\n      opacity: 0.82;\n    }\n    18%, 73% {\n      transform: translateX(110px);\n      opacity: 0.82;\n    }\n    100% {\n      transform: translateX(20px);\n      opacity: 0.82;\n    }\n  }\n\n  @keyframes pipelineFanPanel4 {\n    0%, 4% {\n      transform: translateX(30px);\n      opacity: 0.74;\n    }\n    18%, 73% {\n      transform: translateX(164px);\n      opacity: 0.74;\n    }\n    100% {\n      transform: translateX(30px);\n      opacity: 0.74;\n    }\n  }\n\n  @keyframes pipelineFanPanel5 {\n    0%, 4% {\n      transform: translateX(40px);\n      opacity: 0.66;\n    }\n    18%, 73% {\n      transform: translateX(218px);\n      opacity: 0.66;\n    }\n    100% {\n      transform: translateX(40px);\n      opacity: 0.66;\n    }\n  }\n\n  .pipeline-fan__caption {\n    display: block;\n    font-size: 11px;\n    bottom: 20px;\n  }\n\n  .pipeline-visual[data-step=\"0\"] .pipeline-fan__panel,\n  .pipeline-visual[data-step=\"0\"] .pipeline-fan__caption {\n    animation-play-state: running;\n  }\n\n  .pipeline-visual[data-step=\"2\"] {\n    justify-items: stretch;\n  }\n\n  .pipeline-visual[data-step=\"1\"] .pipeline-connector__end {\n    right: auto;\n    left: 1px;\n    bottom: 2px;\n  }\n\n  .pipeline-connector--arrow .pipeline-connector__end {\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 7px solid rgba(0,0,0,0.45);\n    border-bottom: 0;\n    animation: pipelineArrowFill1Mobile 5.4s linear infinite;\n    animation-play-state: running;\n  }\n\n  .pipeline-connector--arrow.pipeline-connector--2 .pipeline-connector__end {\n    animation-name: pipelineArrowFill2Mobile;\n  }\n\n  .pipeline-connector--end .pipeline-connector__end {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: rgba(0,0,0,0.45);\n    animation: pipelineDotFill3Mobile 5.4s linear infinite;\n    animation-delay: 0s;\n    animation-play-state: running;\n  }\n\n  @keyframes pipelineLineFill1Mobile {\n    0% { transform: scaleY(0); }\n    18% { transform: scaleY(1); }\n    100% { transform: scaleY(1); }\n  }\n\n  @keyframes pipelineLineFill2Mobile {\n    0%, 33.333% { transform: scaleY(0); }\n    51.333% { transform: scaleY(1); }\n    100% { transform: scaleY(1); }\n  }\n\n  @keyframes pipelineLineFill3Mobile {\n    0%, 66.666% { transform: scaleY(0); }\n    84.666% { transform: scaleY(1); }\n    100% { transform: scaleY(1); }\n  }\n\n  @keyframes pipelineArrowFill1Mobile {\n    0% { border-top-color: rgba(0,0,0,0.45); }\n    18% { border-top-color: rgba(0,0,0,0.95); }\n    100% { border-top-color: rgba(0,0,0,0.95); }\n  }\n\n  @keyframes pipelineArrowFill2Mobile {\n    0%, 33.333% { border-top-color: rgba(0,0,0,0.45); }\n    51.333% { border-top-color: rgba(0,0,0,0.95); }\n    100% { border-top-color: rgba(0,0,0,0.95); }\n  }\n\n  @keyframes pipelineDotFill3Mobile {\n    0%, 66.666% { background: rgba(0,0,0,0.45); transform: scale(1); }\n    84.666% { background: rgba(0,0,0,0.95); transform: scale(1.15); }\n    100% { background: rgba(0,0,0,0.95); transform: scale(1.15); }\n  }\n\n  .pipeline-visual[data-step=\"2\"] .pipeline-visual__frame {\n    width: 100%;\n    height: auto;\n    aspect-ratio: auto;\n  }\n\n  .pipeline-visual--stack .pipeline-visual__frame {\n    aspect-ratio: 3 \/ 4;\n  }\n\n}\n<\/style>\n\n\n<section class=\"pipeline-section\" id=\"pipelineSection\">\n  <div class=\"pipeline-sticky\">\n    <div class=\"pipeline-intro\">\n      <div class=\"pipeline-intro__label\">Custom workflow<\/div>\n      <h2 class=\"pipeline-intro__headline\">Ein Prozess, der ganz auf die Bed\u00fcrfnisse des Kunden zugeschnitten ist.<\/h2>\n    <\/div>\n\n    <div class=\"pipeline-progress\">\n      <div class=\"pipeline-progress__bar\" id=\"pipelineProgressBar\"><\/div>\n    <\/div>\n\n    <div class=\"pipeline-left\">\n      <div class=\"pipeline-steps\">\n        <article class=\"pipeline-step is-active\" data-step=\"0\">\n          <div class=\"pipeline-step__eyebrow\">Schritt 01<\/div>\n          <div class=\"pipeline-step__number\">Die Grundlage<\/div>\n          <h3 class=\"pipeline-step__title\">Model, Marke und Datenbasis<\/h3>\n          <p class=\"pipeline-step__text\">\n          Wir legen den visuellen Ausgangspunkt fest, indem wir das Model, die Marken\u00e4sthetik,\n          die Stilrichtung und die Bilddaten analysieren, die f\u00fcr die Erstellung eines hochwertigen KI-Twins erforderlich sind.\n          <\/p>\n        <\/article>\n\n        <article class=\"pipeline-step is-next\" data-step=\"1\">\n          <div class=\"pipeline-step__eyebrow\">Schritt 02<\/div>\n          <div class=\"pipeline-step__number\">Arbeitsablauf<\/div>\n          <h3 class=\"pipeline-step__title\">Individuelle KI-Pipeline<\/h3>\n          <p class=\"pipeline-step__text\">\n            Ausgehend von den Zielen des Kunden entwickeln wir einen ma\u00dfgeschneiderten Arbeitsablauf \u2013 vom Training des KI-Twins\n            \u00fcber visuelle Konsistenz bis hin zur Prompt-Logik, Produktintegration und kampagnenspezifischen Produktion.\n          <\/p>\n        <\/article>\n\n        <article class=\"pipeline-step is-next\" data-step=\"2\">\n          <div class=\"pipeline-step__eyebrow\">Schritt 03<\/div>\n          <div class=\"pipeline-step__number\">Ergebnis<\/div>\n          <h3 class=\"pipeline-step__title\">Skalierbare visuelle Produktion<\/h3>\n          <p class=\"pipeline-step__text\">\n            Das Ergebnis ist ein flexibles Content-System f\u00fcr hochwertige Bild- und Video Daten, das\n            sich \u00fcber Kampagnen, E-commerce und M\u00e4rkte hinweg skalieren l\u00e4sst und dabei stets im Markenkontext bleibt.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"pipeline-right\">\n      <div class=\"pipeline-visuals\">\n        <div class=\"pipeline-visual pipeline-visual--fan is-active\" data-step=\"0\">\n          <div class=\"pipeline-fan\">\n            <div class=\"pipeline-fan__inner\">\n              <div class=\"pipeline-fan__panel pipeline-fan__panel--1\">\n                <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/step-1-1.png\" alt=\"Step 1 image 1\">\n                <div class=\"pipeline-fan__caption pipeline-fan__caption--front\">KI Twin<\/div>\n              <\/div>\n              <div class=\"pipeline-fan__panel pipeline-fan__panel--2\">\n                <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/step-1-2-2-2.png\" alt=\"Step 1 image 2\">\n              <\/div>\n              <div class=\"pipeline-fan__panel pipeline-fan__panel--3\">\n                <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/step-1-3-2.png\" alt=\"Step 1 image 3\">\n              <\/div>\n              <div class=\"pipeline-fan__panel pipeline-fan__panel--4\">\n                <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/step-1-4-2.png\" alt=\"Step 1 image 4\">\n              <\/div>\n              <div class=\"pipeline-fan__panel pipeline-fan__panel--5\">\n                <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/step-1-5.png\" alt=\"Step 1 image 5\">\n                <div class=\"pipeline-fan__caption pipeline-fan__caption--back\">Reales Model<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pipeline-visual pipeline-visual--workflow is-next\" data-step=\"1\">\n          <div class=\"pipeline-visual__frame\">\n            <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/pipeline-step2-2.jpeg\" alt=\"Flatlay photos\">\n          <\/div>\n          <div class=\"pipeline-visual__frame\">\n            <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/pipeline-step2-1.jpeg\" alt=\"AI twin\">\n          <\/div>\n          <div class=\"pipeline-visual__frame\">\n            <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/pipeline-step2-3.jpeg\" alt=\"Finished ecommerce photo\">\n          <\/div>\n\n          <div class=\"pipeline-connector pipeline-connector--1 pipeline-connector--arrow\" aria-hidden=\"true\">\n            <div class=\"pipeline-connector__label\">Echte Kleidung<\/div>\n            <div class=\"pipeline-connector__line\"><\/div>\n            <span class=\"pipeline-connector__end\"><\/span>\n          <\/div>\n          <div class=\"pipeline-connector pipeline-connector--2 pipeline-connector--arrow\" aria-hidden=\"true\">\n            <div class=\"pipeline-connector__label\">KI-Twin von einem realen Model<\/div>\n            <div class=\"pipeline-connector__line\"><\/div>\n            <span class=\"pipeline-connector__end\"><\/span>\n          <\/div>\n          <div class=\"pipeline-connector pipeline-connector--3 pipeline-connector--end\" aria-hidden=\"true\">\n            <div class=\"pipeline-connector__label\">Ecommerce \u2022 Kampagnen Ergebnis<\/div>\n            <div class=\"pipeline-connector__line\"><\/div>\n            <span class=\"pipeline-connector__end\"><\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"pipeline-visual pipeline-visual--single is-next\" data-step=\"2\">\n          <div class=\"pipeline-visual__frame\">\n            <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/pipeline-step-3-black-web-scaled.jpeg\" alt=\"Foundation\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\n<script>\n(function () {\n  const section = document.getElementById('pipelineSection');\n  if (!section) return;\n  if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\n\n  gsap.registerPlugin(ScrollTrigger);\n\n  const textSteps = Array.from(section.querySelectorAll('.pipeline-step'));\n  const visualSteps = Array.from(section.querySelectorAll('.pipeline-visual'));\n  const progressBar = document.getElementById('pipelineProgressBar');\n  const sticky = section.querySelector('.pipeline-sticky');\n\n  const totalSteps = Math.max(textSteps.length, 1);\n  const maxIndex = totalSteps - 1;\n  const stepPoints = [0, 1 \/ 3, 2 \/ 3];\n\n  let pipelineTrigger = null;\n  let step1VisibilityTrigger = null;\n  let currentStepIndex = 0;\n  let previousActiveIndex = 0;\n  let isSectionActive = false;\n  let isTransitioning = false;\n  let inputLockUntil = 0;\n  let releaseLockUntil = 0;\n  let wheelAccumulated = 0;\n  let touchStartY = 0;\n  let touchAccumulated = 0;\n  let step1Ready = false;\n  let step1VisibilityThreshold = 0.5;\n\n  function isDesktop() {\n    return window.innerWidth > 900;\n  }\n\n  function setStepState(items, activeIndex) {\n    items.forEach((item, index) => {\n      item.classList.remove('is-active', 'is-prev', 'is-next');\n\n      if (index < activeIndex) {\n        item.classList.add('is-prev');\n      } else if (index === activeIndex) {\n        item.classList.add('is-active');\n      } else {\n        item.classList.add('is-next');\n      }\n    });\n  }\n\n  function remountStep1Animation() {\n    const step1Visual = section.querySelector('.pipeline-visual[data-step=\"0\"]');\n    if (!step1Visual) return;\n\n    const step1Inner = step1Visual.querySelector('.pipeline-fan__inner');\n    if (!step1Inner) return;\n\n    const clone = step1Inner.cloneNode(true);\n    step1Inner.parentNode.replaceChild(clone, step1Inner);\n  }\n\n  function updateStep1StartedClass(activeIndex) {\n    if (activeIndex === 0 && step1Ready) {\n      section.classList.add('step1-started');\n    } else {\n      section.classList.remove('step1-started');\n    }\n  }\n\n  function syncStep1VisibilityState() {\n    const rect = section.getBoundingClientRect();\n    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\n    const visibleTop = Math.max(rect.top, 0);\n    const visibleBottom = Math.min(rect.bottom, viewportHeight);\n    const visibleHeight = Math.max(0, visibleBottom - visibleTop);\n    const wasReady = step1Ready;\n\n    step1Ready = visibleHeight >= viewportHeight * step1VisibilityThreshold;\n\n    if (step1Ready) {\n      updateStep1StartedClass(currentStepIndex);\n    } else {\n      section.classList.remove('step1-started');\n      if (wasReady) {\n        remountStep1Animation();\n      }\n    }\n  }\n\n  function render(activeIndex) {\n    const reenteringStep1 = activeIndex === 0 && previousActiveIndex !== 0;\n\n    if (reenteringStep1) {\n      step1Ready = false;\n      section.classList.remove('step1-started');\n    }\n\n    setStepState(textSteps, activeIndex);\n    setStepState(visualSteps, activeIndex);\n    updateStep1StartedClass(activeIndex);\n    previousActiveIndex = activeIndex;\n\n    if (progressBar) {\n      const progress = maxIndex > 0 ? stepPoints[activeIndex] : 0;\n      progressBar.style.width = (progress * 100) + '%';\n    }\n  }\n\n  function resetMobile() {\n    textSteps.forEach(item => item.classList.remove('is-active', 'is-prev', 'is-next'));\n    visualSteps.forEach(item => item.classList.remove('is-active', 'is-prev', 'is-next'));\n    section.classList.remove('step1-started');\n    if (progressBar) progressBar.style.width = '0%';\n  }\n\n  function destroyExistingTrigger() {\n    if (pipelineTrigger) {\n      pipelineTrigger.kill();\n      pipelineTrigger = null;\n    }\n\n    if (step1VisibilityTrigger) {\n      step1VisibilityTrigger.kill();\n      step1VisibilityTrigger = null;\n    }\n  }\n\n  function lockFreshInput(duration) {\n    inputLockUntil = Date.now() + duration;\n    wheelAccumulated = 0;\n    touchAccumulated = 0;\n  }\n\n  function settleToCurrentStep() {\n    if (!pipelineTrigger) return;\n\n    const progressPoint = stepPoints[currentStepIndex];\n    const targetScroll = pipelineTrigger.start + ((pipelineTrigger.end - pipelineTrigger.start) * progressPoint);\n\n    isTransitioning = true;\n    window.scrollTo({ top: targetScroll, behavior: 'auto' });\n    lockFreshInput(260);\n\n    window.setTimeout(() => {\n      isTransitioning = false;\n      render(currentStepIndex);\n      syncStep1VisibilityState();\n    }, 80);\n  }\n\n  function enterSection(fromBottom) {\n    currentStepIndex = fromBottom ? maxIndex : 0;\n    isSectionActive = true;\n    step1VisibilityThreshold = fromBottom ? 0.01 : 0.5;\n    section.classList.remove('step1-started');\n\n    render(currentStepIndex);\n    syncStep1VisibilityState();\n    settleToCurrentStep();\n    lockFreshInput(420);\n  }\n\n  function releaseSection(direction) {\n    if (!pipelineTrigger) return;\n\n    isSectionActive = false;\n    step1Ready = false;\n    step1VisibilityThreshold = 0.5;\n    section.classList.remove('step1-started');\n    isTransitioning = false;\n    wheelAccumulated = 0;\n    touchAccumulated = 0;\n    releaseLockUntil = Date.now() + 420;\n\n    const exitOffset = 8;\n    const targetScroll = direction > 0\n      ? pipelineTrigger.end + exitOffset\n      : Math.max(pipelineTrigger.start - exitOffset, 0);\n\n    window.scrollTo({ top: targetScroll, behavior: 'auto' });\n  }\n\n  function goToStep(nextIndex) {\n    const clamped = Math.max(0, Math.min(maxIndex, nextIndex));\n    if (clamped === currentStepIndex) return;\n\n    if (clamped === 0 && currentStepIndex > 0) {\n      step1VisibilityThreshold = 0.01;\n      step1Ready = false;\n      section.classList.remove('step1-started');\n    }\n\n    currentStepIndex = clamped;\n    render(currentStepIndex);\n    syncStep1VisibilityState();\n    settleToCurrentStep();\n    lockFreshInput(420);\n  }\n\n  function handleStepDirection(direction) {\n    if (!isSectionActive || isTransitioning) return;\n    if (Date.now() < inputLockUntil) return;\n\n    if (direction > 0) {\n      if (currentStepIndex < maxIndex) {\n        goToStep(currentStepIndex + 1);\n      } else {\n        releaseSection(1);\n      }\n      return;\n    }\n\n    if (direction < 0) {\n      if (currentStepIndex > 0) {\n        goToStep(currentStepIndex - 1);\n      } else {\n        releaseSection(-1);\n      }\n    }\n  }\n\n  function handleWheel(e) {\n    if (!isDesktop() || !pipelineTrigger) return;\n    if (!isSectionActive) return;\n    if (Date.now() < releaseLockUntil) return;\n\n    e.preventDefault();\n\n    if (Date.now() < inputLockUntil) {\n      wheelAccumulated = 0;\n      return;\n    }\n\n    wheelAccumulated += e.deltaY;\n\n    if (Math.abs(wheelAccumulated) < 170) return;\n\n    const direction = wheelAccumulated > 0 ? 1 : -1;\n    wheelAccumulated = 0;\n    handleStepDirection(direction);\n  }\n\n  function handleTouchStart(e) {\n    if (!isDesktop()) return;\n    if (!isSectionActive) return;\n    const touch = e.touches[0];\n    if (!touch) return;\n    touchStartY = touch.clientY;\n    touchAccumulated = 0;\n  }\n\n  function handleTouchMove(e) {\n    if (!isDesktop() || !pipelineTrigger) return;\n    if (!isSectionActive) return;\n    if (Date.now() < releaseLockUntil) return;\n\n    const touch = e.touches[0];\n    if (!touch) return;\n\n    e.preventDefault();\n\n    if (Date.now() < inputLockUntil) {\n      touchAccumulated = 0;\n      touchStartY = touch.clientY;\n      return;\n    }\n\n    const delta = touchStartY - touch.clientY;\n    touchStartY = touch.clientY;\n    touchAccumulated += delta;\n\n    if (Math.abs(touchAccumulated) < 110) return;\n\n    const direction = touchAccumulated > 0 ? 1 : -1;\n    touchAccumulated = 0;\n    handleStepDirection(direction);\n  }\n\n  function handleTouchEnd() {\n    touchAccumulated = 0;\n  }\n\n  function handleKeydown(e) {\n    if (!isDesktop() || !pipelineTrigger) return;\n    if (!isSectionActive) return;\n    if (Date.now() < releaseLockUntil || Date.now() < inputLockUntil) return;\n\n    const downKeys = ['ArrowDown', 'PageDown', ' '];\n    const upKeys = ['ArrowUp', 'PageUp'];\n\n    if (!downKeys.includes(e.key) && !upKeys.includes(e.key)) return;\n\n    e.preventDefault();\n    handleStepDirection(downKeys.includes(e.key) ? 1 : -1);\n  }\n\n  function initPipeline() {\n    destroyExistingTrigger();\n\n    if (!isDesktop()) {\n      resetMobile();\n      ScrollTrigger.refresh();\n      return;\n    }\n\n    currentStepIndex = 0;\n    previousActiveIndex = 0;\n    isSectionActive = false;\n    isTransitioning = false;\n    inputLockUntil = 0;\n    releaseLockUntil = 0;\n    wheelAccumulated = 0;\n    touchAccumulated = 0;\n    step1Ready = false;\n    step1VisibilityThreshold = 0.5;\n    section.classList.remove('step1-started');\n    remountStep1Animation();\n    render(0);\n\n    pipelineTrigger = ScrollTrigger.create({\n      id: 'pipelineGSAP',\n      trigger: section,\n      start: 'top top',\n      end: '+=200%',\n      pin: sticky,\n      pinSpacing: true,\n      scrub: false,\n      anticipatePin: 1,\n      invalidateOnRefresh: true,\n      onEnter: () => {\n        if (Date.now() < releaseLockUntil) return;\n        enterSection(false);\n      },\n      onEnterBack: () => {\n        if (Date.now() < releaseLockUntil) return;\n        enterSection(true);\n      },\n      onLeave: () => {\n        isSectionActive = false;\n        step1Ready = false;\n        section.classList.remove('step1-started');\n      },\n      onLeaveBack: () => {\n        isSectionActive = false;\n        step1Ready = false;\n        section.classList.remove('step1-started');\n      },\n      onRefresh: () => {\n        isTransitioning = false;\n        syncStep1VisibilityState();\n      }\n    });\n\n    step1VisibilityTrigger = ScrollTrigger.create({\n      trigger: section,\n      start: 'top bottom',\n      end: 'bottom top',\n      invalidateOnRefresh: true,\n      onEnter: syncStep1VisibilityState,\n      onEnterBack: syncStep1VisibilityState,\n      onUpdate: syncStep1VisibilityState,\n      onLeave: () => {\n        step1Ready = false;\n        section.classList.remove('step1-started');\n        remountStep1Animation();\n      },\n      onLeaveBack: () => {\n        step1Ready = false;\n        section.classList.remove('step1-started');\n        remountStep1Animation();\n      },\n      onRefresh: syncStep1VisibilityState\n    });\n\n    ScrollTrigger.refresh();\n  }\n\n  initPipeline();\n  window.addEventListener('wheel', handleWheel, { passive: false });\n  window.addEventListener('touchstart', handleTouchStart, { passive: true });\n  window.addEventListener('touchmove', handleTouchMove, { passive: false });\n  window.addEventListener('touchend', handleTouchEnd, { passive: true });\n  window.addEventListener('keydown', handleKeydown);\n  window.addEventListener('resize', initPipeline);\n})();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686422760 vc_row-has-fill vc_row-o-content-top vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner vc_custom_1767906114972\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"525\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-4-525x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-4-525x1024.jpg 525w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-4-154x300.jpg 154w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-4-768x1499.jpg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-4-787x1536.jpg 787w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-4-6x12.jpg 6w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-4.jpg 998w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-image-gallery eltdf-grid-list eltdf-grid-masonry-list eltdf-disable-bottom-space  eltdf-ig-masonry-type eltdf-two-columns eltdf-large-space  \">\n\t<div class=\"eltdf-ig-inner eltdf-outer-space eltdf-masonry-list-wrapper\">\n\t\t<div class=\"eltdf-masonry-grid-sizer\"><\/div>\n\t\t<div class=\"eltdf-masonry-grid-gutter\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"1280\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-16.jpeg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-16.jpeg 1030w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-16-241x300.jpeg 241w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-16-824x1024.jpeg 824w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-16-768x954.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-16-10x12.jpeg 10w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"1280\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-15.jpeg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-15.jpeg 1032w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-15-242x300.jpeg 242w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-15-826x1024.jpeg 826w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-15-768x953.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-15-10x12.jpeg 10w\" sizes=\"auto, (max-width: 1032px) 100vw, 1032px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686428262 vc_row-has-fill vc_row-o-content-top vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner vc_custom_1767906120298\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"476\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2-476x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2-476x1024.jpg 476w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2-139x300.jpg 139w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2-768x1653.jpg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2-713x1536.jpg 713w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2-951x2048.jpg 951w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2-6x12.jpg 6w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/clothing-arket-2.jpg 1040w\" sizes=\"auto, (max-width: 476px) 100vw, 476px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-image-gallery eltdf-grid-list eltdf-grid-masonry-list eltdf-disable-bottom-space  eltdf-ig-masonry-type eltdf-two-columns eltdf-large-space  \">\n\t<div class=\"eltdf-ig-inner eltdf-outer-space eltdf-masonry-list-wrapper\">\n\t\t<div class=\"eltdf-masonry-grid-sizer\"><\/div>\n\t\t<div class=\"eltdf-masonry-grid-gutter\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1031\" height=\"1280\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-20.jpeg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-20.jpeg 1031w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-20-242x300.jpeg 242w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-20-825x1024.jpeg 825w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-20-768x953.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-20-10x12.jpeg 10w\" sizes=\"auto, (max-width: 1031px) 100vw, 1031px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"eltdf-ig-image eltdf-item-space \">\n\t\t\t\t<div class=\"eltdf-ig-image-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1029\" height=\"1280\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-21.jpeg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-21.jpeg 1029w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-21-241x300.jpeg 241w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-21-823x1024.jpeg 823w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-21-768x955.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/fashion-ai-clothing-web-21-10x12.jpeg 10w\" sizes=\"auto, (max-width: 1029px) 100vw, 1029px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-mobile-hidden\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686435221 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-10 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1766873736130\"><div class=\"wpb_wrapper\"><p style=\"font-size: 80px;color: #ffffff;line-height: 100px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading\" >Echte Beauty-Produkte.<br \/>\nTransformiert in realistische<br \/>\nKI-Kampagnen.<br \/>\nMit sichtbaren Texturen,<br \/>\nrealer Hautinteraktion<br \/>\nund feinsten Materialdetails \u2013<br \/>\nohne klassische Produktion.<\/p><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-desktop-hidden\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686441787 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1767909578661\"><div class=\"wpb_wrapper\"><p style=\"font-size: 40px;color: #ffffff;line-height: 60px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading\" >Echte Beauty-Produkte.<br \/>\nTransformiert in realistische<br \/>\nKI-Kampagnen.<br \/>\nMit sichtbaren Texturen,<br \/>\nrealer Hautinteraktion<br \/>\nund feinsten Materialdetails \u2013<br \/>\nohne klassische Produktion.<\/p><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686449740 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner vc_custom_1767906066407\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-5-823x1024.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-5-823x1024.jpeg 823w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-5-241x300.jpeg 241w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-5-768x955.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-5-10x12.jpeg 10w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-5.jpeg 1029w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"817\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-6-817x1024.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-6-817x1024.jpeg 817w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-6-239x300.jpeg 239w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-6-768x962.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-6-1226x1536.jpeg 1226w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-6-10x12.jpeg 10w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/beauty-ai-web-6.jpeg 1464w\" sizes=\"auto, (max-width: 817px) 100vw, 817px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686455052 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner vc_custom_1767906060967\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"896\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-1-1024x896.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-1-1024x896.jpeg 1024w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-1-300x262.jpeg 300w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-1-768x672.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-1-14x12.jpeg 14w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-1.jpeg 1086w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"826\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-2-826x1024.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-2-826x1024.jpeg 826w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-2-242x300.jpeg 242w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-2-768x953.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-2-10x12.jpeg 10w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-2.jpeg 1032w\" sizes=\"auto, (max-width: 826px) 100vw, 826px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686465892 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner vc_custom_1767906055848\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"985\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/jewelry-1-1024x985.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/jewelry-1-1024x985.jpg 1024w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/jewelry-1-300x288.jpg 300w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/jewelry-1-768x739.jpg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/jewelry-1-1536x1477.jpg 1536w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/jewelry-1-12x12.jpg 12w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"eltdf-single-image-holder   \">\n    <div class=\"eltdf-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"1024\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1-823x1024.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1-823x1024.jpeg 823w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1-241x300.jpeg 241w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1-768x955.jpeg 768w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1-1235x1536.jpeg 1235w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1-1646x2048.jpeg 1646w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1-10x12.jpeg 10w, https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/beauty-ai-web-3-1.jpeg 1852w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/>                        <\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"ki-twins\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1775686472335 vc_row-has-fill vc_row-o-content-middle vc_row-flex\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1767906055848\"><div class=\"wpb_wrapper\"><p style=\"font-size: 70px;color: #0a0a0a;line-height: 75px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading vc_custom_1770656392933\" >Von realen Models<br \/>\nzu KI-Twins<\/p><p style=\"font-size: 25px;color: #0a0a0a;line-height: 40px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading vc_custom_1771433932470\" >Jeder KI-Twin basiert auf einem realen Model und echten Bilddaten.<br \/>\nSo verbinden wir authentische \u00c4sthetik mit den M\u00f6glichkeiten k\u00fcnstlicher Intelligenz.<br \/>\n\u00dcber uns buchbar.<\/p>\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n.models-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n}\n\n.model-card {\n  position: relative;\n  overflow: hidden;\n  aspect-ratio: 3 \/ 4;\n  cursor: pointer;\n}\n\n.model-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.4s ease, filter 0.4s ease;\n}\n\n.model-card::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0);\n  transition: background 0.4s ease;\n}\n\n.model-name {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-size: 18px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  opacity: 0;\n  z-index: 2;\n  transition: opacity 0.4s ease;\n  pointer-events: none;\n}\n.model-type {\n  display: block;\n  font-size: 12px;\n  margin-top: 6px;\n  letter-spacing: 0.04em;\n}\n\n.label-pill {\n  display: inline-block;\n  padding: 4px 10px;\n  border-radius: 999px;\n  font-size: 11px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  background: rgba(255,255,255,0.15);\n  border: 1px solid rgba(255,255,255,0.35);\n}\n\n.label-pill.twin { background: rgba(255,255,255,0.18); }\n.label-pill.digital { background: rgba(255,255,255,0.08); }\n\n\/* Hover *\/\n.model-card:hover img {\n  filter: brightness(0.7);\n  transform: scale(1.03);\n}\n.model-card:hover::after { background: rgba(0,0,0,0.35); }\n.model-card:hover .model-name { opacity: 1; }\n\n\/* Coming soon state *\/\n.model-card.coming-soon { display: none; }\n.model-card.coming-soon img { filter: blur(10px); }\n.model-card.coming-soon .model-name { opacity: 0 !important; }\n.model-card.coming-soon::before {\n  content: \"Coming soon\";\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-size: 18px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  opacity: 0;\n  z-index: 3;\n  transition: opacity 0.4s ease;\n}\n.model-card.coming-soon:hover::before { opacity: 1; }\n\n\/* KI models coming soon label (name stays visible) *\/\n.model-card.ki-coming img { filter: blur(10px); }\n.model-card.ki-coming::before {\n  content: \"Coming soon\";\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-size: 14px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  z-index: 3;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n.model-card.ki-coming:hover::before { opacity: 0; }\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .models-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n\/* Mobile *\/\n@media (max-width: 640px) {\n  .models-grid { grid-template-columns: 1fr; }\n}\n\n\/* Overlay Modal *\/\n.model-overlay {\n  position: fixed !important;\n  inset: 0;\n  background: rgba(0,0,0,0.6);\n  z-index: 2147483647;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 30px 24px;\n\n  \/* Fade \/ visibility *\/\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 0.25s ease, visibility 0s linear 0.25s;\n}\n.model-overlay.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transition: opacity 0.25s ease;\n}\n\n.model-overlay__inner {\n  position: relative;\n  width: 80vw;\n  height: 80vh;\n  background: #ffffff;\n  overflow: hidden;\n  padding: 48px;\n  border-radius: 4px;\n  transform: translateY(16px);\n  opacity: 0;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n.model-overlay.is-open .model-overlay__inner {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n\/* X fixed inside modal (does not move while scrolling) *\/\n.model-overlay__close {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  z-index: 50;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.model-overlay__scroll {\n  height: 100%;\n  overflow-y: auto;\n  padding: 48px;\n  padding-top: 0px;\n}\n\n@media (max-width: 900px) {\n  .model-overlay__scroll {\n    padding: 24px;\n    padding-top: 10px;\n  }\n}\n\n.model-overlay__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: start;\n}\n\n.model-overlay__headline {\n  font-size: 80px;\n  line-height: .4;\n  max-width: 420px;\n  word-break: keep-all;\n  overflow-wrap: normal;\n  hyphens: none;\n  white-space: normal;\n}\n\n.model-overlay__headline .headline-first,\n.model-overlay__headline .headline-last {\n  display: block;\n  white-space: nowrap; \n}\n\n.model-overlay__subtext {\n  margin-top: 50px;\n  max-width: 420px;\n  font-size: 20px;\n  line-height: 1.4;\n  color: rgba(0,0,0,0.55);\n}\n\n\/* Left column stays sticky while the whole modal scrolls *\/\n.model-overlay__left {\n  position: sticky;\n  top: 130px;\n  align-self: start;\n}\n\n.model-overlay__right {\n  position: relative;\n  padding-right: 0;\n}\n\n.model-overlay__stack {\n  position: relative;\n  display: grid;\n  gap: 24px;\n}\n\n.model-overlay__images {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 24px;\n}\n\n.model-overlay img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* Overlay scroll hint *\/\n.overlay-scroll-indicator {\n  position: fixed;\n  bottom: calc(10vh + 10px); \/* 20px \u00fcber dem unteren Rand des Overlays *\/\n  left: calc(50% + 20vw);    \/* Mitte der rechten Overlay-Spalte *\/\n  transform: translateX(-50%);\n  display: flex;\n  justify-content: center;\n  pointer-events: none;\n  z-index: 2147483648; \/* sicher \u00fcber allem im Overlay *\/\n}\n\n.overlay-scroll-arrow {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.65);\n  color: #000;\n  font-size: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: overlayScrollHint 1.4s ease-in-out infinite;\n}\n\n@keyframes overlayScrollHint {\n  0%   { transform: translateY(0); opacity: 1; }\n  50%  { transform: translateY(6px); opacity: 0.8; }\n  100% { transform: translateY(0); opacity: 1; }\n}\n\n.overlay-scroll-indicator.is-hidden {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n@media (max-width: 900px) {\n  \/* One clean column *\/\n  .model-overlay__grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  \/* Full-viewport modal with cleaner padding *\/\n  .model-overlay__inner {\n    width: 100%;\n    height: calc(100vh - 60px); \/* 30px top + 30px bottom *\/\n    padding: 16px;\n  }\n\n  .model-overlay__scroll {\n    padding: 16px;\n    padding-top: 10px; \/* keep space for close button *\/\n  }\n\n  \/* Left column should not be sticky on mobile *\/\n  .model-overlay__left {\n    position: relative;\n    top: auto;\n  }\n\n  \/* Headline + text scale down nicely *\/\n  .model-overlay__headline {\n    font-size: 50px;\n    line-height: .5;\n    max-width: none;\n    word-break: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .model-overlay__headline .headline-first,\n  .model-overlay__headline .headline-last {\n    white-space: normal;\n  }\n\n  .model-overlay__subtext {\n    margin-top: 16px;\n    max-width: none;\n    font-size: 16px;\n    line-height: 1.45;\n  }\n\n  \/* Close button: top-right on mobile *\/\n  .model-overlay__close {\n    left: auto;\n    right: 12px;\n    top: 12px;\n  }\n\n  \/* Show animated scroll hint on mobile (centered) *\/\n  .overlay-scroll-indicator {\n    display: flex !important;\n    left: 50%;\n    bottom: 50px; \/* sits nicely above the bottom edge *\/\n    transform: translateX(-50%);\n  }\n}\n<\/style>\n\n<div class=\"models-grid\">\n\n  <!-- Model 24 -->\n  <div class=\"model-card\"\n       data-headline=\"SERLINA HOHMANN\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Serlina-Pola-2-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Serlina-Pola-1-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2024\/02\/Serlina-Hohmann-x-Tobias-Dick-10.jpg\" alt=\"Model 22\">\n    <div class=\"model-name\">SERLINA HOHMANN<\/div>\n  <\/div>\n\n  <!-- Model 26 -->\n  <div class=\"model-card\"\n       data-headline=\"SOHNI AHMED\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Sohni-Pola-2.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Sohni-Pola-1.jpeg\"\n       data-img2=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Sohni-Pola-3.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-23.jpeg\" alt=\"Model 22\">\n    <div class=\"model-name\">SOHNI AHMED<\/div>\n  <\/div>\n\n  <!-- Model 25 -->\n  <div class=\"model-card\"\n       data-headline=\"LEA OUDE\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Lea-Pola-1.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Lea-Pola-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/04\/lea-oude-tobias-dick-mf-mgmt-11.jpeg\" alt=\"Model 20\">\n    <div class=\"model-name\">LEA OUDE<\/div>\n  <\/div>\n\n  <!-- Model 23 -->\n  <div class=\"model-card\"\n       data-headline=\"VINCENT VON THIEN\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Vincent-Pola-2-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Vincent-Pola-1-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2024\/02\/Vincent-von-Thien-x-Tobias-Dick-01.jpg\" alt=\"Model 22\">\n    <div class=\"model-name\">VINCENT VON THIEN<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"LUISA SONDERMEIER\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Luisa-Pola-1-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Luisa-Pola-4-scaled.jpeg\"\n       data-img2=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Luisa-Pola-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-16.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">LUISA SONDERMEIER<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"LENNART BETZGEN\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Lennart-Pola-1-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Lennart-Pola-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Lennart-Betzgen-mfmgmt-portrait-1.jpg\" alt=\"Model 16\">\n    <div class=\"model-name\">LENNART BETZGEN<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"LOUISA KAPITZA\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Louisa-Kapitza-Pola-1-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/KI-Twin-Louisa-Kapitza-Pola-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/louisakapitza_model.jpg\" alt=\"Model 16\">\n    <div class=\"model-name\">LOUISA KAPITZA<\/div>\n  <\/div>\n\n    <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"VLADA STALMAKOVA\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-VLADA-STALMAKOVA-1-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-VLADA-STALMAKOVA-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/VLADA-STALMAKOVA.jpg\" alt=\"Model 16\">\n    <div class=\"model-name\">VLADA STALMAKOVA<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"LIA LENHARDT\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Lia-1-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Lia-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/191.jpg\" alt=\"Model 16\">\n    <div class=\"model-name\">LIA LENHARDT<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"NELE SIGURDSON\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Nele-2-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Nele-1-scaled.jpeg\"\n       data-img2=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Nele-3-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/Nele-Sigurdson.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">NELE SIGURDSON<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"CLAUDIA COLLADO\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Claudia-1-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Claudia-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/Claudia-Collado.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">CLAUDIA COLLADO<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"ANNA AMATO\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Anna-2-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Anna-1-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/Anna-Amato.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">ANNA AMATO<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"SOFIA TSAKIRIDOU\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Sofia-2-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Sofia-1-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/SOFIA-TSAKIRIDOU.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">SOFIA TSAKIRIDOU<\/div>\n  <\/div>\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"ELENA FAUPEL\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Elena-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/Elena-Faupel.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">ELENA FAUPEL<\/div>\n  <\/div>\n\n<!--  Model 16 \n  <div class=\"model-card\"\n       data-headline=\"LARA BENDER\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Lara-1-scaled.jpeg\"\n       data-img1=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/KI-Twin-Lara-2-scaled.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/Lara-Bender.jpg\" alt=\"Model 16\">\n    <div class=\"model-name\">LARA BENDER<\/div>\n  <\/div> -->\n\n  <!-- Model 16 -->\n  <div class=\"model-card\"\n       data-headline=\"HANNAH LAKER\"\n       data-main=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/04\/KI-Twin-Hannah-1.jpeg\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/04\/Hannah-Laker.jpg\" alt=\"Model 16\">\n    <div class=\"model-name\">HANNAH LAKER<\/div>\n  <\/div>\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Amara-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">AMARA<\/div>\n  <\/div>\n\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Clara-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">CLARA<\/div>\n  <\/div>\n\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Elena-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">ELENA<\/div>\n  <\/div>\n\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Lucia-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">LUCIA<\/div>\n  <\/div>\n\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Jisoo-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">JISOO<\/div>\n  <\/div>\n\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Lina-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">LINA<\/div>\n  <\/div>\n\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Mina-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">MINA<\/div>\n  <\/div>\n\n  <!-- KI Model -->\n  <div class=\"model-card ki-coming\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/02\/Tari-web.jpeg\" alt=\"Model 16\">\n    <div class=\"model-name\">TARI<\/div>\n  <\/div>\n\n  <!-- Model 1 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-1.jpeg\" alt=\"Model 1\">\n    <div class=\"model-name\">ALEXANDRA PEKARKOVA<\/div>\n  <\/div>\n\n  <!-- Model 2 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-2.jpeg\" alt=\"Model 2\">\n    <div class=\"model-name\">ALINA<\/div>\n  <\/div>\n\n  <!-- Model 3 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-3.jpeg\" alt=\"Model 3\">\n    <div class=\"model-name\">ASEKA<\/div>\n  <\/div>\n\n  <!-- Model 4 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-4.jpeg\" alt=\"Model 4\">\n    <div class=\"model-name\">CAROLINNE PRATES<\/div>\n  <\/div>\n\n  <!-- Model 5 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-5.jpeg\" alt=\"Model 5\">\n    <div class=\"model-name\">CELINA KROGMANN<\/div>\n  <\/div>\n\n  <!-- Model 6 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-6.jpeg\" alt=\"Model 6\">\n    <div class=\"model-name\">FATIMA SIAD<\/div>\n  <\/div>\n\n  <!-- Model 7 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-7.jpeg\" alt=\"Model 7\">\n    <div class=\"model-name\">FINE BAUER<\/div>\n  <\/div>\n\n  <!-- Model 8 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-8.jpeg\" alt=\"Model 8\">\n    <div class=\"model-name\">FLORENTINA<\/div>\n  <\/div>\n\n  <!-- Model 9 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-9.jpeg\" alt=\"Model 9\">\n    <div class=\"model-name\">GRETA<\/div>\n  <\/div>\n\n  <!-- Model 10 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-10.jpeg\" alt=\"Model 10\">\n    <div class=\"model-name\">ILAYS<\/div>\n  <\/div>\n\n  <!-- Model 11 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-11.jpeg\" alt=\"Model 11\">\n    <div class=\"model-name\">JELENA STANKOVIC<\/div>\n  <\/div>\n\n  <!-- Model 12 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-12.jpeg\" alt=\"Model 12\">\n    <div class=\"model-name\">JULIA STREGE<\/div>\n  <\/div>\n\n  <!-- Model 13 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-13.jpeg\" alt=\"Model 13\">\n    <div class=\"model-name\">LENE GOUWS<\/div>\n  <\/div>\n\n  <!-- Model 14 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-14.jpeg\" alt=\"Model 14\">\n    <div class=\"model-name\">LILLI ZOE<\/div>\n  <\/div>\n\n  <!-- Model 15 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-15.jpeg\" alt=\"Model 15\">\n    <div class=\"model-name\">LINDSEY OPSO<\/div>\n  <\/div>\n\n  <!-- Model 17 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-17.jpeg\" alt=\"Model 17\">\n    <div class=\"model-name\">LUISA HARTEMA<\/div>\n  <\/div>\n\n  <!-- Model 18 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-18.jpeg\" alt=\"Model 18\">\n    <div class=\"model-name\">SARAH DEWI<\/div>\n  <\/div>\n\n  <!-- Model 19 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-19.jpeg\" alt=\"Model 19\">\n    <div class=\"model-name\">SOPHIE<\/div>\n  <\/div>\n\n  <!-- Model 20 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-20.jpeg\" alt=\"Model 20\">\n    <div class=\"model-name\">STEPH HUYNH<\/div>\n  <\/div>\n\n  <!-- Model 21 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-21.jpeg\" alt=\"Model 21\">\n    <div class=\"model-name\">VIOLA MAZZA<\/div>\n  <\/div>\n\n  <!-- Model 22 -->\n  <div class=\"model-card coming-soon\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/01\/ki-twins-22.jpeg\" alt=\"Model 22\">\n    <div class=\"model-name\">YVONNE<\/div>\n  <\/div>\n\n<\/div>\n\n<div class=\"model-overlay\" id=\"modelOverlay\">\n  <div class=\"model-overlay__inner\">\n    <div class=\"model-overlay__close\" id=\"closeOverlay\">\u00d7<\/div>\n\n    <div class=\"model-overlay__scroll\">\n      <div class=\"model-overlay__grid\">\n        <div class=\"model-overlay__left\">\n          <h2 class=\"model-overlay__headline\" id=\"overlayHeadline\">MODEL NAME<\/h2>\n          <p class=\"model-overlay__subtext\">\n            Alle Bilder sind KI generiert und basieren auf echten Bilddaten von dem Model.\n            <br>Mit diesen KI-Twins setzen wir die Grundlage f\u00fcr alle kommenden KI Produktionen.\n          <\/p>\n        <\/div>\n\n        <div class=\"model-overlay__right\">\n          <div class=\"model-overlay__stack\">\n            <div class=\"overlay-scroll-indicator\" id=\"overlayScrollIndicator\">\n              <span class=\"overlay-scroll-arrow\">\u2193<\/span>\n            <\/div>\n\n            <div class=\"model-overlay__images\" id=\"overlayImages\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nconst cards = document.querySelectorAll('.model-card:not(.coming-soon):not(.ki-coming)');\nconst overlay = document.getElementById('modelOverlay');\n\n\/\/ Ensure the overlay is at the top level (avoids header stacking contexts \/ transformed parents)\ndocument.body.appendChild(overlay);\n\nconst closeBtn = document.getElementById('closeOverlay');\nconst headline = document.getElementById('overlayHeadline');\nconst imagesWrap = document.getElementById('overlayImages');\n\nconst scrollIndicator = document.getElementById('overlayScrollIndicator');\nconst scrollContainer = document.querySelector('.model-overlay__scroll');\n\ncards.forEach(card => {\n  card.addEventListener('click', () => {\n    const name = card.dataset.headline || card.querySelector('.model-name')?.innerText || '';\n    const fallback = card.querySelector('img')?.src || '';\n\n    const parts = (name || '').trim().split(\/\\s+\/);\n    const firstName = parts.shift() || '';\n    const lastName = parts.join(' ');\n\n    headline.innerHTML = `\n      <span class=\"headline-first\">${firstName}<\/span><br>\n      <span class=\"headline-last\">${lastName}<\/span>\n    `;\n\n    \/\/ reset font-size on open (desktop vs mobile)\nif (window.matchMedia('(max-width: 900px)').matches) {\n  headline.style.fontSize = '32px';\n} else {\n  headline.style.fontSize = '80px';\n}\n\n\/\/ shrink-to-fit if needed\nrequestAnimationFrame(() => {\n  const max = window.matchMedia('(max-width: 900px)').matches\n    ? Math.floor(headline.getBoundingClientRect().width)\n    : 420; \/\/ passt zu deinem CSS max-width\n  while (headline.scrollWidth > max && parseFloat(getComputedStyle(headline).fontSize) > 46) {\n    headline.style.fontSize = (parseFloat(getComputedStyle(headline).fontSize) - 2) + 'px';\n  }\n});\n\n    \/\/ Build image list from data-main + data-img1..data-imgN (only those that exist)\n    const urls = [];\n    if (card.dataset.main) urls.push(card.dataset.main);\n\n    for (let i = 1; i <= 20; i++) {\n      const key = 'img' + i;\n      if (card.dataset[key]) urls.push(card.dataset[key]);\n    }\n\n    \/\/ Fallback: if no data images provided, use the grid thumbnail\n    if (urls.length === 0 && fallback) urls.push(fallback);\n\n    \/\/ Render exactly those images\n    imagesWrap.innerHTML = urls.map(u => `<img decoding=\"async\" src=\"${u}\" alt=\"${name}\">`).join('');\n\n    \/\/ Reset arrow + scroll on each open\n    scrollIndicator.classList.remove('is-hidden');\n    scrollContainer.scrollTop = 0;\n\n    overlay.classList.add('is-open');\n    document.body.style.overflow = 'hidden';\n  });\n});\n\n\/\/ Hide scroll hint after user starts scrolling\nscrollContainer.addEventListener('scroll', () => {\n  if (scrollContainer.scrollTop > 10) {\n    scrollIndicator.classList.add('is-hidden');\n  }\n});\n\nfunction closeOverlay() {\n  overlay.classList.remove('is-open');\n  document.body.style.overflow = '';\n}\n\ncloseBtn.addEventListener('click', closeOverlay);\n\n\/\/ Click on the dark background closes (but not clicks inside the modal)\noverlay.addEventListener('click', (e) => {\n  if (e.target === overlay) closeOverlay();\n});\n\n\/\/ ESC closes\nwindow.addEventListener('keydown', (e) => {\n  if (e.key === 'Escape' && overlay.classList.contains('is-open')) {\n    closeOverlay();\n  }\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-mobile-hidden\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1767909746275 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><p style=\"font-size: 70px;color: #ffffff;line-height: 80px;text-align: left;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading vc_custom_1767798241916\" >a(i)gency studio<\/p>\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1767889689152\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Wir transformieren reale Fashion- und Beauty-Flatlays in realistische Editorial-Visuals f\u00fcr Foto und Video \u2013 kampagnenf\u00e4hig, pr\u00e4zise und authentisch. Materialien, Passform, Textur und Hautstruktur werden originalgetreu digital inszeniert.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Kunden:innen entscheiden selbst, ob mit\u00a0realen Models, Schauspieler:innen, Musiker:innen oder Social Creators als KI-Avatare\u00a0gearbeitet wird \u2013 oder mit\u00a0vollst\u00e4ndig fiktiven und konsistenten KI-Models.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Wir vertreten eigene Talents, machen diese f\u00fcr Produktionen buchbar und \u00fcbernehmen ebenso das Booking externer KI-Talents\u00a0\u00fcber Partneragenturen im In- und Ausland.<br \/>\n<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner vc_custom_1767797662064\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1767905254814\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Je nach Kundenwunsch verantworten wir den kompletten Prozess \u2013 von Recherche und Casting bis zur KI-Produktion \u2013 oder gezielt einzelne Module.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Kampagnen-, E-Commerce-, Lookbook- und Social-Assets entstehen ohne klassische Shootings. Dadurch sind sie skalierbarer und kostenschlanker als traditionelle Foto- und Videoproduktionen bei voller \u00e4sthetischer und materieller Authentizit\u00e4t.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Von der Idee bis zum finalen Asset: Jede Produktion wird direkt agenturseitig mit einem festen Ansprechpartner betreut. Casting, Talents, KI-Produktion \u2013 alles aus einer Hand.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-desktop-hidden\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1767910040094 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><p style=\"font-size: 70px;color: #ffffff;line-height: 80px;text-align: left;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading vc_custom_1767798241916\" >a(i)gency studio<\/p>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Wir transformieren reale Fashion- und Beauty-Flatlays in realistische Editorial-Visuals f\u00fcr Foto und Video \u2013 kampagnenf\u00e4hig, pr\u00e4zise und authentisch. Materialien, Passform, Textur und Hautstruktur werden originalgetreu digital inszeniert.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Kunden:innen entscheiden selbst, ob mit\u00a0realen Models, Schauspieler:innen, Musiker:innen oder Social Creators als KI-Avatare\u00a0gearbeitet wird \u2013 oder mit\u00a0vollst\u00e4ndig fiktiven und konsistenten KI-Models.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Wir vertreten eigene Talents, machen diese f\u00fcr Produktionen buchbar und \u00fcbernehmen ebenso das Booking externer KI-Talents\u00a0\u00fcber Partneragenturen im In- und Ausland.<br \/>\n<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Je nach Kundenwunsch verantworten wir den kompletten Prozess \u2013 von Recherche und Casting bis zur KI-Produktion \u2013 oder gezielt einzelne Module.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Kampagnen-, E-Commerce-, Lookbook- und Social-Assets entstehen ohne klassische Shootings. Dadurch sind sie skalierbarer und kostenschlanker als traditionelle Foto- und Videoproduktionen bei voller \u00e4sthetischer und materieller Authentizit\u00e4t.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\" style=\"text-align: left;\"><span style=\"color: #ffffff; font-size: 18pt; line-height: 45px;\">Von der Idee bis zum finalen Asset: Jede Produktion wird direkt agenturseitig mit einem festen Ansprechpartner betreut. Casting, Talents, KI-Produktion \u2013 alles aus einer Hand.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"custom-row-mobile-hidden\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1767910595134\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><p style=\"font-size: 40px;color: #0a0a0a;line-height: 50px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading\" >we make your vision come to life<\/p>\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"feature-grid\">\n  <div class=\"feature-grid__item\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/michael-portrait.jpg\" alt=\"\">\n    <div class=\"feature-grid__text\">\n      <h3>Michael Fassl<\/h3>\n      <span>Co-Founder<br>Marketing and Business Development<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"feature-grid__item\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/Tobi-studio-portrait-e1774026038140.png\" alt=\"\">\n    <div class=\"feature-grid__text\">\n      <h3>Tobias Dick<\/h3>\n      <span>Co-Founder<br>AI Artist | <br>Photographer | <br>IT Developer<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"feature-grid__item\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/celina-portrait-bw.jpg\" alt=\"\">\n    <div class=\"feature-grid__text\">\n      <h3>Celina Kroder<\/h3>\n      <span>AI Artist<br>Product Design<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"custom-row-desktop-hidden\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1767910641672\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><p style=\"font-size: 40px;color: #0a0a0a;line-height: 50px;text-align: center;font-family:Roboto;font-weight:500;font-style:normal\" class=\"vc_custom_heading vc_custom_1767910613415\" >we make your vision come to life<\/p>\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"feature-grid\">\n  <div class=\"feature-grid__item\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/michael-portrait.jpg\" alt=\"\">\n    <div class=\"feature-grid__text\">\n      <h3>Michael Fassl<\/h3>\n      <span>Co-Founder<br>Marketing and Business Development<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"feature-grid__item\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2026\/03\/Tobi-studio-portrait-e1774026038140.png\" alt=\"\">\n    <div class=\"feature-grid__text\">\n      <h3>Tobias Dick<\/h3>\n      <span>Co-Founder<br>AI Artist | <br>Photographer | <br>IT Developer<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"feature-grid__item\">\n    <img decoding=\"async\" src=\"https:\/\/mf-mgmt.com\/wp-content\/uploads\/2025\/12\/celina-portrait-bw.jpg\" alt=\"\">\n    <div class=\"feature-grid__text\">\n      <h3>Celina Kroder<\/h3>\n      <span>AI Artist<br>Product Design<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"a(i)gency studio was wir m\u00f6glich machenechte Produkte, digital (ki) inszeniertwas wir m\u00f6glich machenechte Produkte, digital (ki) inszeniert Bereit f\u00fcr die Zukunft der KI-Mode- und Beautybranche. Wir verwandeln Produkt Flatlays in Foto und Video Editorials \u2013 mit realen KI-Twins oder fiktiven KI-Avataren. Wir verwandeln Produkt Flatlays in Foto und Video Editorials \u2013 mit realen KI-Twins oder fiktiven KI-Avataren. Custom workflow Ein [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8768","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/pages\/8768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/comments?post=8768"}],"version-history":[{"count":78,"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/pages\/8768\/revisions"}],"predecessor-version":[{"id":9060,"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/pages\/8768\/revisions\/9060"}],"wp:attachment":[{"href":"https:\/\/mf-mgmt.com\/en\/wp-json\/wp\/v2\/media?parent=8768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}