{"id":51,"date":"2026-07-28T16:06:20","date_gmt":"2026-07-28T14:06:20","guid":{"rendered":"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/index.php\/home\/"},"modified":"2026-08-03T16:20:22","modified_gmt":"2026-08-03T14:20:22","slug":"home","status":"publish","type":"page","link":"https:\/\/philipppablitschko.de\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"51\" class=\"elementor elementor-51\">\n\t\t\t\t<div class=\"elementor-element elementor-element-220517f e-flex e-con-boxed e-con e-parent\" data-id=\"220517f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d149d36 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d149d36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Guntur:wght@700&family=Inter:wght@100..900&display=swap\");\n\n  html {\n    scroll-behavior: smooth;\n    overflow-x: clip;\n  }\n\n  body {\n    margin: 0;\n    overflow-x: clip;\n  }\n\n  .pp-scroll-scene,\n  .pp-scroll-scene *,\n  .pp-work-section,\n  .pp-work-section * {\n    box-sizing: border-box;\n  }\n\n  \/* ======================================================\n     SCHWARZER SCROLL-BEREICH\n     ====================================================== *\/\n\n  .pp-scroll-scene {\n    --pp-left-opacity: 1;\n    --pp-left-scale: 1;\n    --pp-left-y: 0px;\n    --pp-left-blur: 0px;\n\n    --pp-right-opacity: 1;\n    --pp-right-scale: 1;\n    --pp-right-y: 0px;\n    --pp-right-blur: 0px;\n\n    --pp-main-opacity: 1;\n    --pp-main-scale: 1;\n    --pp-main-y: 0px;\n    --pp-main-blur: 0px;\n\n    --pp-title-opacity: 1;\n    --pp-title-y: 0px;\n\n    --pp-caption-opacity: 1;\n\n    position: relative;\n    width: auto;\n    height: 120svh;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    overflow: hidden;\n    background: #050505;\n  }\n\n  \/* ======================================================\n     SCHWARZER HERO\n     ====================================================== *\/\n\n  .pp-hero {\n    --background: #050505;\n    --text: #f7f7f4;\n    --secondary: rgba(255, 255, 255, 0.72);\n\n    position: relative;\n\n    width: 100%;\n    height: 100svh;\n    min-height: 100svh;\n\n    margin: 0;\n    overflow: hidden;\n\n    background: var(--background);\n    color: var(--text);\n\n    font-family: \"Inter\", Arial, Helvetica, sans-serif;\n  }\n\n  \/* ======================================================\n     HEADER\n     ====================================================== *\/\n\n  .pp-header {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 20;\n\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    width: 100%;\n    padding: 26px 48px;\n  }\n\n  .pp-logo {\n    display: block;\n\n    width: 120px;\n    flex: 0 0 120px;\n\n    line-height: 0;\n  }\n\n  .pp-logo img {\n    display: block;\n\n    width: 100% !important;\n    max-width: none !important;\n\n    height: auto !important;\n    max-height: none !important;\n\n    object-fit: contain;\n  }\n\n  .pp-navigation {\n    display: flex;\n    align-items: center;\n\n    gap: 52px;\n    padding-top: 19px;\n  }\n\n  .pp-navigation a {\n    position: relative;\n\n    color: #000000;\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1;\n    letter-spacing: 6px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    transition: color 180ms ease;\n  }\n\n  .pp-navigation a:hover {\n    color: #000000;\n  }\n\n  \/* ======================================================\n     STARTSEITEN-\u00dcBERSCHRIFT\n     ====================================================== *\/\n\n  .pp-title {\n    position: absolute;\n    top: clamp(185px, 19vh, 220px);\n    left: 50%;\n    z-index: 10;\n\n    width: min(96vw, 1550px);\n    margin: 0;\n\n    color: #000000;\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(72px, 8vw, 145px);\n    font-weight: 700;\n    line-height: 0.91;\n    letter-spacing: clamp(3px, 0.55vw, 10px);\n\n    text-align: center;\n    text-transform: uppercase;\n\n    pointer-events: none;\n\n    opacity: var(--pp-title-opacity);\n\n    transform:\n      translateX(-50%)\n      translateY(var(--pp-title-y));\n\n    will-change: opacity, transform;\n  }\n\n  .pp-title span {\n    display: block;\n    white-space: nowrap;\n  }\n\n  \/* ======================================================\n     COLLAGE\n     ====================================================== *\/\n\n  .pp-collage {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n  }\n\n  .pp-image {\n    position: absolute;\n\n    display: block;\n    overflow: hidden;\n\n    background: #191919;\n\n    transform-origin: center center;\n  }\n\n  .pp-image img,\n  .pp-image video {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n      transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .pp-image video {\n    pointer-events: none;\n  }\n\n  .pp-image:hover img {\n    transform: scale(1.035);\n  }\n\n  \/* ======================================================\n     GROSSES VIDEO\n     ====================================================== *\/\n\n  .pp-image-main {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: var(--pp-main-opacity);\n\n    contain: paint;\n    isolation: isolate;\n    backface-visibility: hidden;\n    transform-origin: center center;\n\n    transform:\n      translate3d(0, var(--pp-main-y), 0)\n      scale(var(--pp-main-scale));\n\n    will-change: opacity, transform;\n  }\n\n  .pp-video-filter {\n    position: absolute;\n    inset: 0;\n\n    overflow: hidden;\n\n    filter: blur(var(--pp-main-blur));\n\n    transform:\n      translateZ(0)\n      scale(1.01);\n\n    backface-visibility: hidden;\n    will-change: filter;\n  }\n\n  .pp-image-main video {\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transform:\n      translateZ(0)\n      scale(1);\n\n    backface-visibility: hidden;\n\n    transition:\n      transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .pp-image-main:hover video {\n    transform:\n      translateZ(0)\n      scale(1.035);\n  }\n\n  \/* ======================================================\n     LINKES BILD\n     ====================================================== *\/\n\n  .pp-image-left {\n    top: 57%;\n    left: calc(50% - min(29vw, 460px));\n    z-index: 4;\n\n    width: min(14vw, 240px);\n    aspect-ratio: 1 \/ 1;\n\n    opacity: var(--pp-left-opacity);\n    filter: blur(var(--pp-left-blur));\n\n    transform:\n      translateY(var(--pp-left-y))\n      scale(var(--pp-left-scale));\n\n    will-change: opacity, transform, filter;\n  }\n\n  \/* ======================================================\n     RECHTES BILD\n     ====================================================== *\/\n\n  .pp-image-right {\n    top: 66%;\n    left: calc(50% + min(12vw, 500px));\n    z-index: 4;\n\n    width: min(14vw, 240px);\n    aspect-ratio: 1 \/ 1;\n\n    opacity: var(--pp-right-opacity);\n    filter: blur(var(--pp-right-blur));\n\n    transform:\n      translateY(var(--pp-right-y))\n      scale(var(--pp-right-scale));\n\n    will-change: opacity, transform, filter;\n  }\n\n  \/* ======================================================\n     KLEINER TEXT UNTEN\n     ====================================================== *\/\n\n  .pp-caption {\n    position: absolute;\n    right: 48px;\n    bottom: 27px;\n    z-index: 10;\n\n    color: rgba(255, 255, 255, 0.52);\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n\n    opacity: var(--pp-caption-opacity);\n\n    will-change: opacity;\n  }\n\n  \/* ======================================================\n     HELLER SELECTED-PROJECTS-BEREICH\n     ====================================================== *\/\n\n  .pp-work-section {\n    --pp-work-opacity: 0;\n    --pp-work-y: 80px;\n\n    position: relative;\n    z-index: 5;\n\n    width: auto;\n    min-height: 100vh;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding:\n      clamp(75px, 6vw, 115px)\n      clamp(28px, 6vw, 115px)\n      clamp(70px, 6vw, 110px);\n\n    background: #f1eee8;\n    color: #080808;\n  }\n\n  .pp-work-inner {\n    width: min(100%, 1700px);\n    margin: 0 auto;\n  }\n\n  .pp-work-intro {\n    opacity: 1;\n    transform: none;\n  }\n\n  .pp-has-js .pp-work-intro {\n    opacity: var(--pp-work-opacity);\n\n    transform:\n      translateY(var(--pp-work-y));\n\n    will-change: opacity, transform;\n  }\n\n  .pp-work-kicker {\n    display: block;\n\n    margin-bottom: clamp(25px, 2.5vw, 48px);\n\n    color: #111111;\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: clamp(9px, 0.7vw, 12px);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: clamp(5px, 0.65vw, 11px);\n\n    text-transform: uppercase;\n  }\n\n  .pp-work-title {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    color: #050505;\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(74px, 9.4vw, 180px);\n    font-weight: 700;\n    line-height: 0.84;\n    letter-spacing: clamp(0px, 0.12vw, 2px);\n\n    text-align: left;\n    text-transform: uppercase;\n  }\n\n  .pp-work-title span {\n    display: block;\n    white-space: nowrap;\n  }\n\n  \/* ======================================================\n     PROJEKTLISTE\n     ====================================================== *\/\n\n  .pp-project-list {\n    width: 100%;\n    margin-top: clamp(100px, 11vw, 190px);\n  }\n\n  .pp-project-item {\n    --project-matte: #d8d3cb;\n    --project-accent: #8a6a50;\n    --project-width: 100%;\n    --project-ratio: 16 \/ 9;\n    --project-padding: 0px;\n\n    width: var(--project-width);\n    margin-bottom: clamp(130px, 14vw, 250px);\n  }\n\n  .pp-project-item:last-child {\n    margin-bottom: clamp(100px, 11vw, 180px);\n  }\n\n  .pp-project-item--01 {\n    --project-width: 100%;\n    --project-ratio: 16 \/ 9;\n    --project-padding: 0px;\n    --project-matte: #d8d0c5;\n    --project-accent: #8b674e;\n\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .pp-project-item--02 {\n    --project-width: min(67%, 1050px);\n    --project-ratio: 4 \/ 5;\n    --project-padding: clamp(18px, 2.8vw, 52px);\n    --project-matte: #d7d8ce;\n    --project-accent: #64735f;\n\n    margin-left: auto;\n    margin-right: 0;\n  }\n\n  .pp-project-item--03 {\n    --project-width: min(59%, 900px);\n    --project-ratio: 5 \/ 4;\n    --project-padding: clamp(16px, 2.4vw, 44px);\n    --project-matte: #d3dbe0;\n    --project-accent: #60717e;\n\n    margin-left: 0;\n    margin-right: auto;\n  }\n\n  .pp-project-item--04 {\n    --project-width: min(79%, 1250px);\n    --project-ratio: 3 \/ 2;\n    --project-padding: clamp(14px, 2vw, 38px);\n    --project-matte: #ded2cd;\n    --project-accent: #8a6258;\n\n    margin-left: auto;\n    margin-right: 0;\n  }\n\n  .pp-project-card {\n    display: block;\n    width: 100%;\n\n    color: #050505;\n    text-decoration: none;\n  }\n\n  .pp-project-cover {\n    position: relative;\n\n    width: 100%;\n    aspect-ratio: var(--project-ratio);\n\n    padding: var(--project-padding);\n    overflow: hidden;\n\n    background: var(--project-matte);\n  }\n\n  .pp-project-image-frame {\n    position: relative;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n    background: #c9c5be;\n  }\n\n  .pp-project-cover img,\n  .pp-project-cover video {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transform: scale(1);\n\n    transition:\n      transform 900ms cubic-bezier(0.2, 0.8, 0.2, 1),\n      filter 500ms ease;\n  }\n\n  .pp-project-cover video {\n    background: #050505;\n    pointer-events: none;\n  }\n\n  .pp-hero-video,\n  .pp-project-preview-video {\n    -webkit-appearance: none;\n  }\n\n  .pp-hero-video::-webkit-media-controls,\n  .pp-project-preview-video::-webkit-media-controls,\n  .pp-hero-video::-webkit-media-controls-start-playback-button,\n  .pp-project-preview-video::-webkit-media-controls-start-playback-button,\n  .pp-hero-video::-webkit-media-controls-overlay-play-button,\n  .pp-project-preview-video::-webkit-media-controls-overlay-play-button {\n    display: none !important;\n    -webkit-appearance: none;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n\n  .pp-project-image-frame::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n\n    background: rgba(0, 0, 0, 0.11);\n\n    opacity: 0;\n\n    transition: opacity 400ms ease;\n  }\n\n  .pp-project-view {\n    position: absolute;\n    right: clamp(14px, 1.7vw, 28px);\n    bottom: clamp(14px, 1.7vw, 28px);\n    z-index: 3;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n    padding: 14px 18px;\n\n    background: rgba(5, 5, 5, 0.92);\n    color: #f7f7f4;\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n\n    opacity: 0;\n    transform: translateY(14px);\n\n    transition:\n      opacity 300ms ease,\n      transform 300ms ease;\n  }\n\n  .pp-arrow-icon {\n    display: block;\n\n    width: 13px;\n    height: 13px;\n\n    flex: 0 0 13px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: square;\n    stroke-linejoin: miter;\n  }\n\n  .pp-project-card:hover .pp-project-cover img,\n  .pp-project-card:hover .pp-project-cover video {\n    transform: scale(1.035);\n  }\n\n  .pp-project-card:hover .pp-project-image-frame::after {\n    opacity: 1;\n  }\n\n  .pp-project-card:hover .pp-project-view {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .pp-project-info {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    gap: 35px;\n\n    padding-top: 25px;\n  }\n\n  .pp-project-heading {\n    display: flex;\n    align-items: baseline;\n\n    gap: 24px;\n  }\n\n  .pp-project-name {\n    margin: 0;\n\n    color: #050505;\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(38px, 3.7vw, 69px);\n    font-weight: 700;\n    line-height: 0.9;\n    letter-spacing: 1px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-project-name::after {\n    content: \"\";\n\n    display: block;\n\n    width: 0;\n    height: 2px;\n\n    margin-top: 8px;\n\n    background: var(--project-accent);\n\n    transition:\n      width 450ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .pp-project-card:hover .pp-project-name::after {\n    width: 100%;\n  }\n\n  .pp-project-type {\n    display: flex;\n    align-items: center;\n\n    gap: 10px;\n    padding-top: 9px;\n\n    color: rgba(0, 0, 0, 0.54);\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 2.5px;\n\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .pp-project-type::before {\n    content: \"\";\n\n    display: block;\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n    background: var(--project-accent);\n  }\n\n  .pp-project-item {\n    opacity: 1;\n    transform: none;\n  }\n\n  .pp-has-js .pp-project-item {\n    opacity: 0;\n\n    transition:\n      opacity 900ms ease,\n      transform 1100ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .pp-has-js .pp-project-item[data-reveal=\"up\"] {\n    transform: translateY(80px);\n  }\n\n  .pp-has-js .pp-project-item[data-reveal=\"left\"] {\n    transform:\n      translateX(-70px)\n      translateY(35px);\n  }\n\n  .pp-has-js .pp-project-item[data-reveal=\"right\"] {\n    transform:\n      translateX(70px)\n      translateY(35px);\n  }\n\n  .pp-has-js .pp-project-item.is-visible {\n    opacity: 1;\n    transform: none;\n  }\n\n  .pp-all-projects {\n    display: flex;\n    justify-content: center;\n\n    width: 100%;\n    margin-top: clamp(20px, 4vw, 70px);\n  }\n\n  .pp-all-projects-link {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 22px;\n    padding: 15px 0;\n\n    color: #050505;\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 5px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n  }\n\n  .pp-all-projects-link::after {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    height: 1px;\n\n    background: #050505;\n\n    transform: scaleX(1);\n    transform-origin: right center;\n\n    transition: transform 350ms ease;\n  }\n\n  .pp-all-projects-link:hover::after {\n    transform: scaleX(0);\n    transform-origin: left center;\n  }\n\n  .pp-all-projects-arrow {\n    display: block;\n\n    width: 17px;\n    height: 17px;\n\n    flex: 0 0 17px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: square;\n    stroke-linejoin: miter;\n\n    transition: transform 300ms ease;\n  }\n\n  .pp-all-projects-link:hover .pp-all-projects-arrow {\n    transform: translate(7px, -7px);\n  }\n\n  .pp-legal-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    width: 100%;\n\n    margin-top: clamp(110px, 11vw, 190px);\n    padding-top: 26px;\n\n    border-top: 1px solid rgba(0, 0, 0, 0.18);\n\n    color: rgba(0, 0, 0, 0.42);\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 8px;\n    font-weight: 500;\n    line-height: 1.5;\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-legal-footer nav {\n    display: flex;\n    align-items: center;\n\n    gap: 30px;\n  }\n\n  .pp-legal-footer a {\n    position: relative;\n\n    color: inherit;\n    text-decoration: none;\n\n    transition: color 180ms ease;\n  }\n\n  .pp-legal-footer a::after {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    right: 3px;\n    bottom: -6px;\n\n    height: 1px;\n\n    background: #050505;\n\n    transform: scaleX(0);\n    transform-origin: right center;\n\n    transition: transform 280ms ease;\n  }\n\n  .pp-legal-footer a:hover {\n    color: #050505;\n  }\n\n  .pp-legal-footer a:hover::after {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n\n  @media (max-width: 1050px) {\n    .pp-scroll-scene {\n      height: 120svh;\n    }\n\n    .pp-header {\n      padding: 24px 28px;\n    }\n\n    .pp-logo {\n      width: 105px;\n      flex-basis: 105px;\n    }\n\n    .pp-navigation {\n      gap: 28px;\n      padding-top: 17px;\n    }\n\n    .pp-navigation a {\n      font-size: 11px;\n      letter-spacing: 4px;\n    }\n\n    .pp-title {\n      top: 170px;\n      width: 98vw;\n\n      font-size: clamp(56px, 9vw, 96px);\n      line-height: 0.9;\n      letter-spacing: clamp(2px, 0.5vw, 7px);\n    }\n\n    .pp-image-left {\n      top: 57%;\n      left: 8vw;\n\n      width: min(23vw, 220px);\n    }\n\n    .pp-image-right {\n      top: 68%;\n      left: auto;\n      right: 7vw;\n\n      width: min(23vw, 220px);\n    }\n\n    .pp-work-section {\n      padding: 80px 42px;\n    }\n\n    .pp-work-title {\n      font-size: clamp(70px, 10vw, 115px);\n      line-height: 0.85;\n    }\n\n    .pp-project-item--02 {\n      --project-width: min(73%, 780px);\n    }\n\n    .pp-project-item--03 {\n      --project-width: min(66%, 700px);\n    }\n\n    .pp-project-item--04 {\n      --project-width: min(84%, 900px);\n    }\n\n    .pp-project-info {\n      display: block;\n    }\n\n    .pp-project-type {\n      padding-top: 17px;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .pp-scroll-scene {\n      height: 115svh;\n    }\n\n    .pp-hero {\n      height: 100svh;\n      min-height: 100svh;\n    }\n\n    .pp-header {\n      padding: 20px;\n    }\n\n    .pp-logo {\n      width: 82px;\n      flex: 0 0 82px;\n    }\n\n    .pp-logo img {\n      width: 100% !important;\n      height: auto !important;\n      max-height: none !important;\n    }\n\n    .pp-navigation {\n      gap: 18px;\n      padding-top: 14px;\n    }\n\n    .pp-navigation a {\n      font-size: 9px;\n      letter-spacing: 2.5px;\n    }\n\n    .pp-title {\n      top: 140px;\n      width: 98vw;\n\n      font-size: clamp(40px, 12vw, 68px);\n      line-height: 0.9;\n      letter-spacing: clamp(1px, 0.6vw, 4px);\n    }\n\n    .pp-title span {\n      white-space: nowrap;\n    }\n\n    .pp-image-left {\n      top: 57%;\n      left: 4vw;\n\n      width: 35vw;\n    }\n\n    .pp-image-right {\n      top: 68%;\n      left: auto;\n      right: 3vw;\n\n      width: 34vw;\n    }\n\n    .pp-caption {\n      display: none;\n    }\n\n    .pp-work-section {\n      padding: 65px 22px 55px;\n    }\n\n    .pp-work-kicker {\n      margin-bottom: 25px;\n\n      font-size: 8px;\n      letter-spacing: 5px;\n    }\n\n    .pp-work-title {\n      font-size: clamp(48px, 14vw, 76px);\n      line-height: 0.86;\n      letter-spacing: 0;\n    }\n\n    .pp-work-title span {\n      white-space: normal;\n    }\n\n    .pp-project-list {\n      margin-top: 75px;\n    }\n\n    .pp-project-item,\n    .pp-project-item--01,\n    .pp-project-item--02,\n    .pp-project-item--03,\n    .pp-project-item--04 {\n      --project-width: 100%;\n      --project-padding: 0px;\n\n      width: 100%;\n\n      margin-left: 0;\n      margin-right: 0;\n      margin-bottom: 105px;\n    }\n\n    .pp-project-item--01,\n    .pp-project-item--02,\n    .pp-project-item--03,\n    .pp-project-item--04 {\n      --project-ratio: 4 \/ 5;\n    }\n\n    .pp-project-cover {\n      position: relative;\n      padding: 14px;\n    }\n\n    .pp-project-image-frame {\n      position: absolute;\n      top: 14px;\n      right: 14px;\n      bottom: 14px;\n      left: 14px;\n\n      width: auto;\n      height: auto;\n    }\n\n    .pp-project-item--01 .pp-project-cover {\n      padding: 0;\n    }\n\n    .pp-project-item--01 .pp-project-image-frame {\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }\n\n    .pp-project-view {\n      right: 14px;\n      bottom: 14px;\n\n      gap: 8px;\n      padding: 12px 14px;\n\n      opacity: 1;\n      transform: none;\n\n      font-size: 7px;\n      letter-spacing: 2px;\n    }\n\n    .pp-project-view .pp-arrow-icon {\n      width: 11px;\n      height: 11px;\n      flex-basis: 11px;\n    }\n\n    .pp-project-info {\n      display: block;\n      padding-top: 18px;\n    }\n\n    .pp-project-heading {\n      gap: 15px;\n    }\n\n    .pp-project-name {\n      font-size: clamp(35px, 10.5vw, 55px);\n    }\n\n    .pp-project-type {\n      padding-top: 15px;\n    }\n\n    .pp-all-projects-link {\n      gap: 14px;\n\n      font-size: 9px;\n      letter-spacing: 3px;\n    }\n\n    .pp-legal-footer {\n      display: block;\n\n      margin-top: 100px;\n      padding-top: 22px;\n\n      font-size: 7px;\n      line-height: 1.7;\n      letter-spacing: 2px;\n    }\n\n    .pp-legal-footer nav {\n      flex-wrap: wrap;\n\n      gap: 12px 22px;\n      margin-top: 15px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .pp-header {\n      padding: 17px 16px;\n    }\n\n    .pp-logo {\n      width: 70px;\n      flex-basis: 70px;\n    }\n\n    .pp-navigation {\n      gap: 12px;\n      padding-top: 12px;\n    }\n\n    .pp-navigation a {\n      letter-spacing: 1.7px;\n    }\n\n    .pp-title {\n      top: 125px;\n      width: 99vw;\n\n      font-size: 11.5vw;\n      line-height: 0.9;\n      letter-spacing: 1px;\n    }\n\n    .pp-image-left {\n      top: 56%;\n    }\n\n    .pp-image-right {\n      top: 67%;\n    }\n\n    .pp-work-section {\n      padding-left: 17px;\n      padding-right: 17px;\n    }\n\n    .pp-work-title {\n      font-size: 13.5vw;\n    }\n\n    .pp-legal-footer nav {\n      gap: 12px 18px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .pp-image img,\n    .pp-image video {\n      transition: none;\n    }\n\n    .pp-has-js .pp-work-intro,\n    .pp-has-js .pp-project-item {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div\n  id=\"top\"\n  class=\"pp-scroll-scene\">\n\n  <section class=\"pp-hero\">\n\n    <header class=\"pp-header\">\n\n      <a\n        class=\"pp-logo\"\n        href=\"https:\/\/philipppablitschko.de\/\"\n        aria-label=\"Zur Startseite\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/Logoooo.png\"\n          alt=\"Philipp Pablitschko\">\n\n      <\/a>\n\n      <nav\n        class=\"pp-navigation\"\n        aria-label=\"Hauptnavigation\">\n\n        <a href=\"https:\/\/philipppablitschko.de\/index.php\/projects\/\">\n          Work\n        <\/a>\n\n        <a href=\"https:\/\/philipppablitschko.de\/index.php\/about\/\">\n          About\n        <\/a>\n\n      <\/nav>\n\n    <\/header>\n\n    <h1 class=\"pp-title\">\n      <span>Visuals That<\/span>\n      <span>Speak<\/span>\n    <\/h1>\n\n    <div class=\"pp-collage\">\n\n      <a\n        class=\"pp-image pp-image-main\"\n        href=\"#work\"\n        aria-label=\"Ausgew\u00e4hlte Projekte ansehen\">\n\n        <div class=\"pp-video-filter\">\n\n          <video\n            class=\"pp-hero-video\"\n            autoplay\n            muted\n            loop\n            playsinline\n            webkit-playsinline\n            preload=\"auto\"\n            disablepictureinpicture\n            controlslist=\"nodownload noplaybackrate noremoteplayback\"\n            poster=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/V1-1.jpg\"\n            aria-label=\"3D-Animation von Philipp Pablitschko\">\n\n            <source\n              src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/08\/Hintergrundfilm_V00a.mp4\"\n              type=\"video\/mp4\">\n\n          <\/video>\n\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n    <div class=\"pp-caption\">\n      Philipp Pablitschko \u00b7 3D Artist \u00b7 Nuremberg\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n<section\n  id=\"work\"\n  class=\"pp-work-section\">\n\n  <div class=\"pp-work-inner\">\n\n    <div class=\"pp-work-intro\">\n\n      <span class=\"pp-work-kicker\">\n        Selected Projects\n      <\/span>\n\n      <h2 class=\"pp-work-title\">\n        <span>Architecture,<\/span>\n        <span>Products<\/span>\n        <span>And Animation<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <div class=\"pp-project-list\">\n\n      <article\n        class=\"pp-project-item pp-project-item--01\"\n        data-reveal=\"up\">\n\n        <a\n          class=\"pp-project-card\"\n          href=\"https:\/\/philipppablitschko.de\/index.php\/projects\/mexican_house\/\"\n          aria-label=\"Projekt House 6 Sao Paulo ansehen\">\n\n          <div class=\"pp-project-cover\">\n\n            <div class=\"pp-project-image-frame\">\n\n              <img decoding=\"async\"\n                src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/Interior_V00asas_BRAUN_2.jpg\"\n                alt=\"Innenraumvisualisierung House 6 Sao Paulo\"\n                loading=\"lazy\">\n\n              <span class=\"pp-project-view\">\n                View Project\n\n                <svg\n                  class=\"pp-arrow-icon\"\n                  viewBox=\"0 0 16 16\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n\n                  <path d=\"M4 12L12 4\"><\/path>\n                  <path d=\"M6 4H12V10\"><\/path>\n\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"pp-project-info\">\n\n            <div class=\"pp-project-heading\">\n              <h3 class=\"pp-project-name\">\n                House 6\n              <\/h3>\n            <\/div>\n\n            <span class=\"pp-project-type\">\n              Interior Visualisation\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n      <article\n        class=\"pp-project-item pp-project-item--02\"\n        data-reveal=\"right\">\n\n        <a\n          class=\"pp-project-card\"\n          href=\"https:\/\/philipppablitschko.de\/index.php\/housef\/\"\n          aria-label=\"Projekt House F ansehen\">\n\n          <div class=\"pp-project-cover\">\n\n            <div class=\"pp-project-image-frame\">\n\n              <video\n                class=\"pp-project-preview-video\"\n                autoplay\n                muted\n                loop\n                playsinline\n                webkit-playsinline\n                preload=\"auto\"\n                disablepictureinpicture\n                controlslist=\"nodownload noplaybackrate noremoteplayback\"\n                poster=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/2026-1.jpg\"\n                aria-label=\"Architekturanimation House F\">\n\n                <source\n                  src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/08\/Sequenz-01.mp4\"\n                  type=\"video\/mp4\">\n\n              <\/video>\n\n              <span class=\"pp-project-view\">\n                View Project\n\n                <svg\n                  class=\"pp-arrow-icon\"\n                  viewBox=\"0 0 16 16\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n\n                  <path d=\"M4 12L12 4\"><\/path>\n                  <path d=\"M6 4H12V10\"><\/path>\n\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"pp-project-info\">\n\n            <div class=\"pp-project-heading\">\n              <h3 class=\"pp-project-name\">\n                House F\n              <\/h3>\n            <\/div>\n\n            <span class=\"pp-project-type\">\n              Architecture\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n      <article\n        class=\"pp-project-item pp-project-item--03\"\n        data-reveal=\"left\">\n\n        <a\n          class=\"pp-project-card\"\n          href=\"https:\/\/philipppablitschko.de\/index.php\/ampere-storage\/\"\n          aria-label=\"Projekt Ampere Storage ansehen\">\n\n          <div class=\"pp-project-cover\">\n\n            <div class=\"pp-project-image-frame\">\n\n              <img decoding=\"async\"\n                src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/OxygenPictures_AMPEREStorage_Vorabzug_V00f.png\"\n                alt=\"Produktvisualisierung Ampere Storage\"\n                loading=\"lazy\">\n\n              <span class=\"pp-project-view\">\n                View Project\n\n                <svg\n                  class=\"pp-arrow-icon\"\n                  viewBox=\"0 0 16 16\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n\n                  <path d=\"M4 12L12 4\"><\/path>\n                  <path d=\"M6 4H12V10\"><\/path>\n\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"pp-project-info\">\n\n            <div class=\"pp-project-heading\">\n              <h3 class=\"pp-project-name\">\n                Ampere Storage\n              <\/h3>\n            <\/div>\n\n            <span class=\"pp-project-type\">\n              Product Visualisation\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n      <article\n        class=\"pp-project-item pp-project-item--04\"\n        data-reveal=\"right\">\n\n        <a\n          class=\"pp-project-card\"\n          href=\"https:\/\/philipppablitschko.de\/index.php\/vario-m1\/\"\n          aria-label=\"Projekt Vario M1 Furniture System ansehen\">\n\n          <div class=\"pp-project-cover\">\n\n            <div class=\"pp-project-image-frame\">\n\n              <video\n                class=\"pp-project-preview-video\"\n                autoplay\n                muted\n                loop\n                playsinline\n                webkit-playsinline\n                preload=\"auto\"\n                disablepictureinpicture\n                controlslist=\"nodownload noplaybackrate noremoteplayback\"\n                aria-hidden=\"true\">\n\n                <source\n                  src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/Sequenz-01.mp4\"\n                  type=\"video\/mp4\">\n\n              <\/video>\n\n              <span class=\"pp-project-view\">\n                View Project\n\n                <svg\n                  class=\"pp-arrow-icon\"\n                  viewBox=\"0 0 16 16\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\">\n\n                  <path d=\"M4 12L12 4\"><\/path>\n                  <path d=\"M6 4H12V10\"><\/path>\n\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"pp-project-info\">\n\n            <div class=\"pp-project-heading\">\n              <h3 class=\"pp-project-name\">\n                Vario M1\n              <\/h3>\n            <\/div>\n\n            <span class=\"pp-project-type\">\n              Product Animation\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n    <div class=\"pp-all-projects\">\n\n      <a\n        class=\"pp-all-projects-link\"\n        href=\"https:\/\/philipppablitschko.de\/index.php\/projects\/\">\n\n        View All Projects\n\n        <svg\n          class=\"pp-all-projects-arrow\"\n          viewBox=\"0 0 16 16\"\n          aria-hidden=\"true\"\n          focusable=\"false\">\n\n          <path d=\"M4 12L12 4\"><\/path>\n          <path d=\"M6 4H12V10\"><\/path>\n\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n    <footer class=\"pp-legal-footer\">\n\n      <span>\n        \u00a9 2026 Philipp Pablitschko\n      <\/span>\n\n      <nav aria-label=\"Rechtliche Informationen\">\n\n        <a href=\"https:\/\/philipppablitschko.de\/\">\n          Home\n        <\/a>\n\n        <a href=\"https:\/\/philipppablitschko.de\/index.php\/projects\/\">\n          Work\n        <\/a>\n\n        <a href=\"https:\/\/philipppablitschko.de\/index.php\/about\/\">\n          About\n        <\/a>\n\n        <a href=\"https:\/\/philipppablitschko.de\/index.php\/impressum\/\">\n          Impressum\n        <\/a>\n\n        <a href=\"https:\/\/philipppablitschko.de\/index.php\/privacy-policy\/\">\n          Privacy Policy\n        <\/a>\n\n        <a href=\"#top\">\n          Back to top \u2191\n        <\/a>\n\n      <\/nav>\n\n    <\/footer>\n\n  <\/div>\n\n<\/section>\n\n<script>\n  (function () {\n    document.documentElement.classList.add(\n      \"pp-has-js\"\n    );\n\n    const scenes = document.querySelectorAll(\n      \".pp-scroll-scene\"\n    );\n\n    const workSections = document.querySelectorAll(\n      \".pp-work-section\"\n    );\n\n    const projectItems = document.querySelectorAll(\n      \".pp-project-item\"\n    );\n\n    const autoplayVideos = document.querySelectorAll(\n      \".pp-hero-video, .pp-project-preview-video\"\n    );\n\n    const reducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n    if (reducedMotion) {\n      projectItems.forEach(function (item) {\n        item.classList.add(\"is-visible\");\n      });\n    }\n\n    let ticking = false;\n\n    function clamp(value, min = 0, max = 1) {\n      return Math.min(\n        max,\n        Math.max(min, value)\n      );\n    }\n\n    function smoothstep(start, end, value) {\n      const progress = clamp(\n        (value - start) \/ (end - start)\n      );\n\n      return (\n        progress *\n        progress *\n        (3 - 2 * progress)\n      );\n    }\n\n    \/* ====================================================\n       ALLE VIDEOS AUF SMARTPHONE UND DESKTOP STARTEN\n       ==================================================== *\/\n\n    function prepareVideo(video) {\n      video.muted = true;\n      video.defaultMuted = true;\n      video.playsInline = true;\n\n      video.setAttribute(\"muted\", \"\");\n      video.setAttribute(\"autoplay\", \"\");\n      video.setAttribute(\"playsinline\", \"\");\n      video.setAttribute(\"webkit-playsinline\", \"\");\n\n      if (video.preload !== \"auto\") {\n        video.preload = \"auto\";\n      }\n    }\n\n    function playVideo(video) {\n      prepareVideo(video);\n\n      if (video.readyState === 0) {\n        video.load();\n      }\n\n      const playPromise = video.play();\n\n      if (\n        playPromise &&\n        typeof playPromise.catch === \"function\"\n      ) {\n        playPromise.catch(function () {});\n      }\n    }\n\n    autoplayVideos.forEach(function (video) {\n      prepareVideo(video);\n\n      if (video.readyState >= 2) {\n        playVideo(video);\n      } else {\n        video.addEventListener(\n          \"loadeddata\",\n          function () {\n            playVideo(video);\n          },\n          {\n            once: true\n          }\n        );\n\n        video.addEventListener(\n          \"canplay\",\n          function () {\n            playVideo(video);\n          },\n          {\n            once: true\n          }\n        );\n\n        video.load();\n      }\n    });\n\n    \/*\n      Videos beim Erreichen des sichtbaren Bereichs starten.\n      Sie werden dabei nicht mehr automatisch pausiert.\n    *\/\n\n    if (\"IntersectionObserver\" in window) {\n      const autoplayObserver =\n        new IntersectionObserver(\n          function (entries) {\n            entries.forEach(function (entry) {\n              if (entry.isIntersecting) {\n                playVideo(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.05,\n            rootMargin: \"350px 0px 350px 0px\"\n          }\n        );\n\n      autoplayVideos.forEach(function (video) {\n        autoplayObserver.observe(video);\n      });\n    }\n\n    function restartAutoplayVideos() {\n      autoplayVideos.forEach(function (video) {\n        playVideo(video);\n      });\n    }\n\n    document.addEventListener(\n      \"touchstart\",\n      restartAutoplayVideos,\n      {\n        once: true,\n        passive: true\n      }\n    );\n\n    document.addEventListener(\n      \"pointerdown\",\n      restartAutoplayVideos,\n      {\n        once: true,\n        passive: true\n      }\n    );\n\n    document.addEventListener(\n      \"click\",\n      restartAutoplayVideos,\n      {\n        once: true\n      }\n    );\n\n    window.addEventListener(\n      \"pageshow\",\n      function () {\n        autoplayVideos.forEach(function (video) {\n          playVideo(video);\n        });\n      }\n    );\n\n    document.addEventListener(\n      \"visibilitychange\",\n      function () {\n        if (!document.hidden) {\n          autoplayVideos.forEach(function (video) {\n            playVideo(video);\n          });\n        }\n      }\n    );\n\n    window.addEventListener(\n      \"load\",\n      function () {\n        autoplayVideos.forEach(function (video) {\n          playVideo(video);\n        });\n      }\n    );\n\n    function updateScene(scene) {\n      const rect =\n        scene.getBoundingClientRect();\n\n      const fadeDistance =\n        window.innerHeight * 0.78;\n\n      const progress = clamp(\n        -rect.top \/ fadeDistance\n      );\n\n      const leftProgress = smoothstep(\n        0.04,\n        0.32,\n        progress\n      );\n\n      const rightProgress = smoothstep(\n        0.17,\n        0.45,\n        progress\n      );\n\n      const mainProgress = smoothstep(\n        0.29,\n        0.62,\n        progress\n      );\n\n      const captionProgress = smoothstep(\n        0.23,\n        0.50,\n        progress\n      );\n\n      const titleProgress = smoothstep(\n        0.46,\n        0.80,\n        progress\n      );\n\n      scene.style.setProperty(\n        \"--pp-left-opacity\",\n        (1 - leftProgress).toFixed(3)\n      );\n\n      scene.style.setProperty(\n        \"--pp-left-scale\",\n        (1 - leftProgress * 0.045).toFixed(4)\n      );\n\n      scene.style.setProperty(\n        \"--pp-left-y\",\n        (leftProgress * -28).toFixed(1) + \"px\"\n      );\n\n      scene.style.setProperty(\n        \"--pp-left-blur\",\n        (leftProgress * 3).toFixed(1) + \"px\"\n      );\n\n      scene.style.setProperty(\n        \"--pp-right-opacity\",\n        (1 - rightProgress).toFixed(3)\n      );\n\n      scene.style.setProperty(\n        \"--pp-right-scale\",\n        (1 - rightProgress * 0.045).toFixed(4)\n      );\n\n      scene.style.setProperty(\n        \"--pp-right-y\",\n        (rightProgress * -32).toFixed(1) + \"px\"\n      );\n\n      scene.style.setProperty(\n        \"--pp-right-blur\",\n        (rightProgress * 3).toFixed(1) + \"px\"\n      );\n\n      scene.style.setProperty(\n        \"--pp-main-opacity\",\n        (1 - mainProgress).toFixed(3)\n      );\n\n      scene.style.setProperty(\n        \"--pp-main-scale\",\n        (1 - mainProgress * 0.035).toFixed(4)\n      );\n\n      scene.style.setProperty(\n        \"--pp-main-y\",\n        (mainProgress * -25).toFixed(1) + \"px\"\n      );\n\n      scene.style.setProperty(\n        \"--pp-main-blur\",\n        (mainProgress * 2.5).toFixed(1) + \"px\"\n      );\n\n      scene.style.setProperty(\n        \"--pp-caption-opacity\",\n        (1 - captionProgress).toFixed(3)\n      );\n\n      scene.style.setProperty(\n        \"--pp-title-opacity\",\n        (1 - titleProgress).toFixed(3)\n      );\n\n      scene.style.setProperty(\n        \"--pp-title-y\",\n        (titleProgress * -28).toFixed(1) + \"px\"\n      );\n    }\n\n    function updateWorkSection(section) {\n      const rect =\n        section.getBoundingClientRect();\n\n      const start =\n        window.innerHeight * 0.94;\n\n      const end =\n        window.innerHeight * 0.38;\n\n      const rawProgress =\n        (start - rect.top) \/\n        (start - end);\n\n      const progress = smoothstep(\n        0,\n        1,\n        clamp(rawProgress)\n      );\n\n      section.style.setProperty(\n        \"--pp-work-opacity\",\n        progress.toFixed(3)\n      );\n\n      section.style.setProperty(\n        \"--pp-work-y\",\n        ((1 - progress) * 80).toFixed(1) + \"px\"\n      );\n    }\n\n    if (\"IntersectionObserver\" in window) {\n      const projectObserver =\n        new IntersectionObserver(\n          function (entries, observer) {\n            entries.forEach(function (entry) {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\n                  \"is-visible\"\n                );\n\n                observer.unobserve(\n                  entry.target\n                );\n              }\n            });\n          },\n          {\n            threshold: 0.12,\n            rootMargin: \"0px 0px -8% 0px\"\n          }\n        );\n\n      projectItems.forEach(function (item) {\n        projectObserver.observe(item);\n      });\n    } else {\n      projectItems.forEach(function (item) {\n        item.classList.add(\"is-visible\");\n      });\n    }\n\n    function updateEverything() {\n      if (!reducedMotion) {\n        scenes.forEach(\n          updateScene\n        );\n\n        workSections.forEach(\n          updateWorkSection\n        );\n      }\n\n      ticking = false;\n    }\n\n    function requestUpdate() {\n      if (!ticking) {\n        window.requestAnimationFrame(\n          updateEverything\n        );\n\n        ticking = true;\n      }\n    }\n\n    window.addEventListener(\n      \"scroll\",\n      requestUpdate,\n      {\n        passive: true\n      }\n    );\n\n    window.addEventListener(\n      \"resize\",\n      requestUpdate\n    );\n\n    window.addEventListener(\n      \"load\",\n      requestUpdate\n    );\n\n    requestUpdate();\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Work About Visuals That Speak Philipp Pablitschko \u00b7 3D Artist \u00b7 Nuremberg Selected Projects Architecture, Products And Animation View Project House 6 Interior Visualisation View Project House F Architecture View Project Ampere Storage Product Visualisation View Project Vario M1 Product Animation View All Projects \u00a9 2026 Philipp Pablitschko Home Work About Impressum Privacy Policy Back [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":166,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":515,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions\/515"}],"wp:attachment":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}