{"id":238,"date":"2026-07-30T11:25:44","date_gmt":"2026-07-30T09:25:44","guid":{"rendered":"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/?page_id=238"},"modified":"2026-08-01T17:16:26","modified_gmt":"2026-08-01T15:16:26","slug":"about","status":"publish","type":"page","link":"https:\/\/philipppablitschko.de\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"238\" class=\"elementor elementor-238\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e9730c e-flex e-con-boxed e-con e-parent\" data-id=\"7e9730c\" 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-c2277a1 elementor-widget elementor-widget-html\" data-id=\"c2277a1\" 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    background: #f1eee8;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .pp-about-page,\n  .pp-about-page * {\n    box-sizing: border-box;\n  }\n\n  \/* ======================================================\n     GRUNDLAYOUT\n     ====================================================== *\/\n\n  .pp-about-page {\n    --background: #f1eee8;\n    --background-secondary: #e7e2da;\n\n    --text: #070707;\n    --secondary: rgba(0, 0, 0, 0.56);\n    --muted: rgba(0, 0, 0, 0.38);\n    --line: rgba(0, 0, 0, 0.18);\n\n    \/* Pink nur f\u00fcr besondere Hover-Effekte *\/\n    --accent: #d66f96;\n\n    width: auto;\n    min-height: 100vh;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    overflow-x: clip;\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-about-header {\n    position: relative;\n    z-index: 30;\n\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    width: 100%;\n    padding: 26px 48px;\n\n    background: var(--background);\n  }\n\n  .pp-about-logo {\n    display: block;\n\n    width: 120px;\n    flex: 0 0 120px;\n\n    line-height: 0;\n  }\n\n  .pp-about-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    filter: none !important;\n  }\n\n  .pp-about-navigation {\n    display: flex;\n    align-items: center;\n\n    gap: 52px;\n    padding-top: 19px;\n  }\n\n  .pp-about-navigation a {\n    position: relative;\n\n    color: var(--secondary);\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    white-space: nowrap;\n\n    transition: color 180ms ease;\n  }\n\n  \/*\n    Men\u00fc-Hover bewusst NICHT pink:\n    genauso wie auf Impressum und Privacy.\n  *\/\n\n  .pp-about-navigation a:hover,\n  .pp-about-navigation a.is-current {\n    color: var(--text);\n  }\n\n  .pp-about-navigation a.is-current::after {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    right: 6px;\n    bottom: -10px;\n\n    height: 1px;\n\n    background: var(--text);\n  }\n\n  \/* ======================================================\n     HERO\n     ====================================================== *\/\n\n  .pp-about-hero {\n    width: min(100%, 1800px);\n    margin: 0 auto;\n\n    padding:\n      clamp(90px, 10vw, 180px)\n      clamp(28px, 6vw, 115px)\n      clamp(75px, 8vw, 145px);\n  }\n\n  .pp-about-hero-top {\n    position: relative;\n    z-index: 10;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    margin-bottom: clamp(30px, 4vw, 65px);\n  }\n\n  .pp-about-eyebrow {\n    display: flex;\n    align-items: center;\n\n    gap: 18px;\n\n    color: var(--secondary);\n\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: 6px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-eyebrow::before {\n    content: \"\";\n\n    display: block;\n    flex: 0 0 auto;\n\n    width: 45px;\n    height: 1px;\n\n    background: rgba(0, 0, 0, 0.4);\n  }\n\n  \/* ======================================================\n     SPRACHUMSCHALTER\n     ====================================================== *\/\n\n  .pp-language-switch {\n    position: relative;\n    z-index: 20;\n\n    display: inline-flex;\n    align-items: center;\n\n    flex: 0 0 auto;\n\n    padding: 5px;\n\n    border: 1px solid var(--line);\n    border-radius: 100px;\n\n    background: var(--background);\n  }\n\n  .pp-language-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 48px;\n\n    padding: 10px 13px;\n\n    border: 0;\n    border-radius: 100px;\n\n    background: transparent;\n    color: var(--muted);\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n\n    cursor: pointer;\n    appearance: none;\n\n    transition:\n      background 220ms ease,\n      color 220ms ease;\n  }\n\n  .pp-language-button:hover {\n    color: var(--accent);\n  }\n\n  .pp-language-button.is-active {\n    background: var(--text);\n    color: #f7f7f4;\n  }\n\n  .pp-language-button.is-active:hover {\n    background: var(--text);\n    color: #f7f7f4;\n  }\n\n  .pp-language-button:focus-visible {\n    outline: 2px solid var(--accent);\n    outline-offset: 2px;\n  }\n\n  \/* ======================================================\n     HAUPT\u00dcBERSCHRIFT\n     ====================================================== *\/\n\n  .pp-about-heading {\n    position: relative;\n    z-index: 1;\n\n    width: 100%;\n    max-width: 1700px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(110px, 16vw, 290px);\n    font-weight: 700;\n    line-height: 0.75;\n    letter-spacing: clamp(0px, 0.15vw, 3px);\n\n    text-transform: uppercase;\n  }\n\n  \/* ======================================================\n     PROFILBEREICH\n     ====================================================== *\/\n\n  .pp-about-profile {\n    display: grid;\n    grid-template-columns:\n      minmax(320px, 0.85fr)\n      minmax(400px, 1.15fr);\n\n    gap: clamp(55px, 8vw, 150px);\n\n    width: min(calc(100% - 56px), 1570px);\n    margin: 0 auto;\n\n    padding:\n      clamp(30px, 4vw, 70px)\n      0\n      clamp(120px, 13vw, 230px);\n\n    border-top: 1px solid var(--line);\n  }\n\n  \/* ======================================================\n     PROFILBILD\n     ====================================================== *\/\n\n  .pp-about-photo-column {\n    position: relative;\n\n    min-width: 0;\n  }\n\n  .pp-about-photo-wrap {\n    position: relative;\n\n    width: 100%;\n    aspect-ratio: 4 \/ 5;\n\n    padding: clamp(10px, 1.4vw, 24px);\n\n    overflow: hidden;\n\n    background: #ddd5cb;\n  }\n\n  .pp-about-photo-frame {\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n\n    background: #d1cbc3;\n  }\n\n  .pp-about-photo-frame img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center 35%;\n\n    filter:\n      saturate(0.88)\n      contrast(1.02);\n\n    transform: scale(1);\n\n    transition:\n      transform 1000ms cubic-bezier(0.2, 0.8, 0.2, 1),\n      filter 500ms ease;\n  }\n\n  .pp-about-photo-wrap:hover img {\n    filter:\n      saturate(1)\n      contrast(1);\n\n    transform: scale(1.025);\n  }\n\n  .pp-about-photo-caption {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-top: 17px;\n\n    color: var(--muted);\n\n    font-size: 8px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n  }\n\n  \/* ======================================================\n     PROFILTEXT\n     ====================================================== *\/\n\n  .pp-about-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    min-width: 0;\n  }\n\n  .pp-about-title {\n    max-width: 950px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(65px, 7vw, 135px);\n    font-weight: 700;\n    line-height: 0.83;\n    letter-spacing: 0;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-text {\n    max-width: 850px;\n\n    margin-top: clamp(55px, 7vw, 115px);\n  }\n\n  .pp-about-text p {\n    margin:\n      0\n      0\n      28px;\n\n    color: rgba(0, 0, 0, 0.7);\n\n    font-size: clamp(17px, 1.45vw, 25px);\n    font-weight: 400;\n    line-height: 1.58;\n  }\n\n  .pp-about-text p:first-child {\n    color: var(--text);\n\n    font-size: clamp(21px, 2vw, 34px);\n    line-height: 1.45;\n  }\n\n  \/* ======================================================\n     KURZINFORMATIONEN\n     ====================================================== *\/\n\n  .pp-about-facts {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 25px;\n\n    margin-top: clamp(50px, 6vw, 95px);\n    padding-top: 27px;\n\n    border-top: 1px solid var(--line);\n  }\n\n  .pp-about-fact {\n    min-width: 0;\n  }\n\n  .pp-about-fact-label {\n    display: block;\n\n    margin-bottom: 12px;\n\n    color: var(--muted);\n\n    font-size: 8px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-fact-value {\n    display: block;\n\n    color: var(--text);\n\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.5;\n\n    overflow-wrap: break-word;\n  }\n\n  \/* ======================================================\n     SERVICES UND TOOLS\n     ====================================================== *\/\n\n  .pp-about-details {\n    width: min(calc(100% - 56px), 1570px);\n    margin: 0 auto;\n\n    padding:\n      clamp(95px, 11vw, 190px)\n      0;\n\n    border-top: 1px solid var(--line);\n  }\n\n  .pp-about-details-heading {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n\n    gap: 60px;\n\n    margin-bottom: clamp(75px, 9vw, 150px);\n  }\n\n  .pp-about-section-label {\n    color: var(--muted);\n\n    font-size: 9px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-details-title {\n    max-width: 1100px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(55px, 7vw, 135px);\n    font-weight: 700;\n    line-height: 0.84;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-lists {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    gap: clamp(60px, 9vw, 150px);\n  }\n\n  .pp-about-list-heading {\n    display: block;\n\n    margin-bottom: 24px;\n\n    color: var(--muted);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-list {\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n\n    border-top: 1px solid var(--line);\n  }\n\n  .pp-about-list li {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding: 22px 0;\n\n    border-bottom: 1px solid var(--line);\n\n    color: var(--text);\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(27px, 2.6vw, 48px);\n    font-weight: 700;\n    line-height: 1;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-list li > span:first-child {\n    min-width: 0;\n  }\n\n  .pp-about-list-number {\n    flex: 0 0 auto;\n\n    color: var(--muted);\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 2px;\n  }\n\n  \/* ======================================================\n     BERUFLICHER HINTERGRUND\n     ====================================================== *\/\n\n  .pp-about-background {\n    width: min(calc(100% - 56px), 1570px);\n    margin: 0 auto;\n\n    padding:\n      clamp(95px, 11vw, 190px)\n      0;\n\n    border-top: 1px solid var(--line);\n  }\n\n  .pp-about-background-grid {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n\n    gap: 60px;\n  }\n\n  .pp-about-experience-list {\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n\n    border-top: 1px solid var(--line);\n  }\n\n  .pp-about-experience-item {\n    display: grid;\n    grid-template-columns: 130px minmax(0, 1fr);\n\n    gap: 35px;\n\n    padding: 28px 0;\n\n    border-bottom: 1px solid var(--line);\n  }\n\n  .pp-about-experience-year {\n    color: var(--muted);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-experience-title {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--text);\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(28px, 2.5vw, 46px);\n    font-weight: 700;\n    line-height: 1;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-experience-description {\n    display: block;\n\n    color: var(--secondary);\n\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  \/* ======================================================\n     KONTAKTBEREICH\n     ====================================================== *\/\n\n  .pp-about-contact {\n    width: min(calc(100% - 56px), 1570px);\n    margin: 0 auto;\n\n    padding:\n      clamp(100px, 12vw, 220px)\n      0\n      45px;\n\n    border-top: 1px solid var(--line);\n  }\n\n  .pp-about-contact-top {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: flex-end;\n\n    gap: 70px;\n  }\n\n  .pp-about-contact-label {\n    display: block;\n\n    margin-bottom: clamp(25px, 3vw, 45px);\n\n    color: var(--muted);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-contact-title {\n    max-width: 1200px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(72px, 10vw, 190px);\n    font-weight: 700;\n    line-height: 0.79;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-availability {\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n    padding-bottom: 17px;\n\n    color: var(--secondary);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .pp-about-availability::before {\n    content: \"\";\n\n    display: block;\n    flex: 0 0 auto;\n\n    width: 9px;\n    height: 9px;\n\n    border-radius: 50%;\n\n    background: #65845f;\n  }\n\n  \/* ======================================================\n     KONTAKTLINKS \u2013 PINKER HOVER\n     ====================================================== *\/\n\n  .pp-about-contact-links {\n    margin-top: clamp(80px, 9vw, 150px);\n\n    border-top: 1px solid var(--line);\n  }\n\n  .pp-about-contact-link {\n    display: grid;\n    grid-template-columns: 160px minmax(0, 1fr) auto;\n    align-items: center;\n\n    gap: 35px;\n\n    width: 100%;\n    padding: clamp(24px, 3vw, 42px) 0;\n\n    border-bottom: 1px solid var(--line);\n\n    color: var(--text);\n    text-decoration: none;\n\n    transition:\n      padding-left 350ms cubic-bezier(0.2, 0.8, 0.2, 1),\n      color 220ms ease;\n  }\n\n  .pp-about-contact-link:hover {\n    padding-left: 18px;\n\n    color: var(--accent);\n  }\n\n  .pp-about-contact-type {\n    color: var(--muted);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n\n    transition: color 220ms ease;\n  }\n\n  .pp-about-contact-link:hover .pp-about-contact-type {\n    color: var(--accent);\n  }\n\n  .pp-about-contact-value {\n    min-width: 0;\n\n    overflow-wrap: anywhere;\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(34px, 4vw, 74px);\n    font-weight: 700;\n    line-height: 0.95;\n\n    text-transform: uppercase;\n  }\n\n  .pp-about-contact-arrow {\n    font-size: clamp(24px, 3vw, 46px);\n    line-height: 1;\n\n    transition:\n      color 220ms ease,\n      transform 300ms ease;\n  }\n\n  .pp-about-contact-link:hover .pp-about-contact-arrow {\n    color: var(--accent);\n\n    transform: translate(7px, -7px);\n  }\n\n  \/* ======================================================\n     FOOTER\n     ====================================================== *\/\n\n  .pp-about-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n\n    margin-top: clamp(90px, 11vw, 180px);\n    padding-top: 25px;\n\n    border-top: 1px solid var(--line);\n\n    color: var(--muted);\n\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-about-footer-copy {\n    flex: 0 0 auto;\n  }\n\n  .pp-about-footer-links {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n\n    gap: 15px 28px;\n  }\n\n  .pp-about-footer-links a {\n    position: relative;\n\n    color: inherit;\n\n    text-decoration: none;\n    white-space: nowrap;\n\n    transition: color 180ms ease;\n  }\n\n  \/*\n    Footer wie Impressum und Privacy:\n    Hover bewusst schwarz, nicht pink.\n  *\/\n\n  .pp-about-footer-links a:hover,\n  .pp-about-footer-links a.is-current {\n    color: var(--text);\n  }\n\n  .pp-about-footer-links a.is-current::after {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    right: 3px;\n    bottom: -6px;\n\n    height: 1px;\n\n    background: rgba(0, 0, 0, 0.6);\n  }\n\n  \/* ======================================================\n     SCROLL-EINBLENDUNGEN\n     ====================================================== *\/\n\n  .pp-about-reveal {\n    opacity: 1;\n\n    transform: none;\n  }\n\n  .pp-has-js .pp-about-reveal {\n    opacity: 0;\n\n    transform: translateY(70px);\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-about-reveal.is-visible {\n    opacity: 1;\n\n    transform: none;\n  }\n\n  \/* ======================================================\n     TABLET\n     ====================================================== *\/\n\n  @media (max-width: 1050px) {\n    .pp-about-header {\n      padding: 24px 28px;\n    }\n\n    .pp-about-logo {\n      width: 105px;\n      flex-basis: 105px;\n    }\n\n    .pp-about-navigation {\n      gap: 28px;\n      padding-top: 17px;\n    }\n\n    .pp-about-navigation a {\n      font-size: 11px;\n      letter-spacing: 4px;\n    }\n\n    .pp-about-profile {\n      grid-template-columns:\n        minmax(280px, 0.9fr)\n        1.1fr;\n\n      width: calc(100% - 84px);\n\n      gap: 60px;\n    }\n\n    .pp-about-details,\n    .pp-about-background,\n    .pp-about-contact {\n      width: calc(100% - 84px);\n    }\n\n    .pp-about-title {\n      font-size: clamp(55px, 7vw, 95px);\n    }\n\n    .pp-about-facts {\n      grid-template-columns: 1fr;\n    }\n\n    .pp-about-details-heading,\n    .pp-about-background-grid {\n      grid-template-columns: 0.7fr 1.3fr;\n    }\n\n    .pp-about-contact-link {\n      grid-template-columns: 120px minmax(0, 1fr) auto;\n    }\n\n    .pp-about-footer {\n      align-items: flex-start;\n    }\n\n    .pp-about-footer-links {\n      max-width: 650px;\n    }\n  }\n\n  \/* ======================================================\n     SMARTPHONE\n     ====================================================== *\/\n\n  @media (max-width: 700px) {\n    .pp-about-page {\n      overflow-x: clip;\n      overflow-y: visible;\n    }\n\n    .pp-about-header {\n      align-items: flex-start;\n\n      padding: 18px;\n    }\n\n    .pp-about-logo {\n      width: 76px;\n      flex: 0 0 76px;\n    }\n\n    .pp-about-navigation {\n      gap: 15px;\n      padding-top: 13px;\n    }\n\n    .pp-about-navigation a {\n      font-size: 8px;\n      letter-spacing: 2px;\n    }\n\n    .pp-about-navigation a.is-current::after {\n      right: 2px;\n      bottom: -7px;\n    }\n\n    .pp-about-hero {\n      width: 100%;\n\n      padding:\n        72px\n        20px\n        60px;\n\n      overflow: visible;\n    }\n\n    .pp-about-hero-top {\n      align-items: flex-start;\n\n      gap: 18px;\n\n      margin-bottom: 35px;\n    }\n\n    .pp-about-eyebrow {\n      gap: 12px;\n\n      max-width: calc(100% - 110px);\n\n      font-size: 8px;\n      line-height: 1.4;\n      letter-spacing: 3px;\n    }\n\n    .pp-about-eyebrow::before {\n      width: 28px;\n    }\n\n    .pp-language-switch {\n      padding: 4px;\n    }\n\n    .pp-language-button {\n      min-width: 42px;\n\n      padding: 9px 10px;\n\n      font-size: 8px;\n    }\n\n    .pp-about-heading {\n      width: 100%;\n      max-width: 100%;\n\n      font-size: clamp(64px, 21vw, 100px);\n      line-height: 0.82;\n      letter-spacing: -0.035em;\n\n      white-space: nowrap;\n      overflow: visible;\n    }\n\n    .pp-about-profile {\n      display: flex;\n      flex-direction: column;\n\n      width: calc(100% - 40px);\n\n      gap: 60px;\n\n      padding:\n        25px\n        0\n        105px;\n    }\n\n    .pp-about-photo-wrap {\n      width: 100%;\n\n      aspect-ratio: 4 \/ 5;\n\n      padding: 8px;\n    }\n\n    .pp-about-photo-frame img {\n      object-position: center 32%;\n    }\n\n    .pp-about-photo-caption {\n      align-items: flex-start;\n\n      gap: 12px;\n\n      margin-top: 14px;\n\n      font-size: 7px;\n      line-height: 1.4;\n      letter-spacing: 2px;\n    }\n\n    .pp-about-photo-caption span:last-child {\n      text-align: right;\n    }\n\n    .pp-about-title {\n      width: 100%;\n      max-width: 100%;\n\n      font-size: clamp(47px, 14vw, 72px);\n      line-height: 0.86;\n      letter-spacing: -0.02em;\n    }\n\n    .pp-about-text {\n      margin-top: 42px;\n    }\n\n    .pp-about-text p {\n      margin-bottom: 22px;\n\n      font-size: 16px;\n      line-height: 1.62;\n    }\n\n    .pp-about-text p:first-child {\n      font-size: 20px;\n      line-height: 1.5;\n    }\n\n    .pp-about-facts {\n      grid-template-columns: 1fr;\n\n      gap: 0;\n\n      margin-top: 45px;\n      padding-top: 0;\n\n      border-top: 1px solid var(--line);\n    }\n\n    .pp-about-fact {\n      padding: 20px 0;\n\n      border-bottom: 1px solid var(--line);\n    }\n\n    .pp-about-fact-label {\n      margin-bottom: 9px;\n    }\n\n    .pp-about-details,\n    .pp-about-background,\n    .pp-about-contact {\n      width: calc(100% - 40px);\n\n      padding-top: 85px;\n      padding-bottom: 85px;\n    }\n\n    .pp-about-details-heading,\n    .pp-about-background-grid {\n      display: block;\n    }\n\n    .pp-about-section-label {\n      display: block;\n\n      margin-bottom: 30px;\n\n      font-size: 8px;\n      letter-spacing: 3px;\n    }\n\n    .pp-about-details-title {\n      width: 100%;\n\n      font-size: clamp(43px, 13vw, 68px);\n      line-height: 0.88;\n      letter-spacing: -0.02em;\n    }\n\n    .pp-about-lists {\n      grid-template-columns: 1fr;\n\n      gap: 70px;\n    }\n\n    .pp-about-list-heading {\n      margin-bottom: 18px;\n\n      font-size: 8px;\n      letter-spacing: 3px;\n    }\n\n    .pp-about-list li {\n      align-items: flex-start;\n\n      gap: 14px;\n\n      padding: 19px 0;\n\n      font-size: clamp(23px, 7vw, 34px);\n      line-height: 0.98;\n    }\n\n    .pp-about-list li > span:first-child {\n      min-width: 0;\n      max-width: calc(100% - 34px);\n\n      overflow-wrap: break-word;\n    }\n\n    .pp-about-list-number {\n      padding-top: 3px;\n    }\n\n    .pp-about-experience-item {\n      grid-template-columns: 1fr;\n\n      gap: 10px;\n\n      padding: 24px 0;\n    }\n\n    .pp-about-experience-title {\n      font-size: clamp(26px, 8vw, 38px);\n      line-height: 1;\n    }\n\n    .pp-about-experience-description {\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    .pp-about-contact-top {\n      display: block;\n    }\n\n    .pp-about-contact-title {\n      width: 100%;\n\n      font-size: clamp(48px, 14vw, 76px);\n      line-height: 0.84;\n      letter-spacing: -0.025em;\n    }\n\n    .pp-about-availability {\n      margin-top: 35px;\n      padding-bottom: 0;\n\n      font-size: 8px;\n      line-height: 1.5;\n      letter-spacing: 2px;\n\n      white-space: normal;\n    }\n\n    .pp-about-contact-links {\n      margin-top: 65px;\n    }\n\n    .pp-about-contact-link {\n      grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n      gap: 12px;\n\n      padding:\n        24px\n        0;\n    }\n\n    .pp-about-contact-link:hover {\n      padding-left: 0;\n    }\n\n    .pp-about-contact-type {\n      grid-column: 1 \/ 3;\n\n      font-size: 7px;\n      letter-spacing: 2.5px;\n    }\n\n    .pp-about-contact-value {\n      min-width: 0;\n\n      font-size: clamp(25px, 7vw, 38px);\n      line-height: 1.05;\n      letter-spacing: -0.015em;\n\n      text-transform: none;\n\n      overflow-wrap: anywhere;\n    }\n\n    .pp-about-contact-arrow {\n      align-self: center;\n\n      font-size: 25px;\n    }\n\n    .pp-about-footer {\n      display: block;\n\n      margin-top: 80px;\n\n      font-size: 7px;\n      line-height: 1.7;\n      letter-spacing: 2px;\n    }\n\n    .pp-about-footer-links {\n      justify-content: flex-start;\n\n      gap: 13px 22px;\n\n      margin-top: 18px;\n    }\n  }\n\n  \/* ======================================================\n     KLEINE SMARTPHONES\n     ====================================================== *\/\n\n  @media (max-width: 420px) {\n    .pp-about-header {\n      padding: 16px 14px;\n    }\n\n    .pp-about-logo {\n      width: 66px;\n      flex-basis: 66px;\n    }\n\n    .pp-about-navigation {\n      gap: 10px;\n      padding-top: 11px;\n    }\n\n    .pp-about-navigation a {\n      font-size: 7px;\n      letter-spacing: 1.3px;\n    }\n\n    .pp-about-hero {\n      padding:\n        65px\n        17px\n        52px;\n    }\n\n    .pp-about-hero-top {\n      gap: 10px;\n    }\n\n    .pp-about-eyebrow {\n      gap: 8px;\n\n      max-width: calc(100% - 96px);\n\n      font-size: 6.5px;\n      letter-spacing: 1.7px;\n    }\n\n    .pp-about-eyebrow::before {\n      width: 18px;\n    }\n\n    .pp-language-switch {\n      padding: 3px;\n    }\n\n    .pp-language-button {\n      min-width: 37px;\n\n      padding: 8px 7px;\n\n      font-size: 7px;\n      letter-spacing: 1.3px;\n    }\n\n    .pp-about-heading {\n      font-size: 20vw;\n      line-height: 0.84;\n    }\n\n    .pp-about-profile,\n    .pp-about-details,\n    .pp-about-background,\n    .pp-about-contact {\n      width: calc(100% - 34px);\n    }\n\n    .pp-about-title {\n      font-size: 13.5vw;\n    }\n\n    .pp-about-details-title {\n      font-size: 12.5vw;\n    }\n\n    .pp-about-list li {\n      font-size: 6.8vw;\n    }\n\n    .pp-about-contact-title {\n      font-size: 13.5vw;\n    }\n\n    .pp-about-contact-value {\n      font-size: clamp(23px, 6.8vw, 30px);\n    }\n\n    .pp-about-photo-caption {\n      font-size: 6px;\n      letter-spacing: 1.5px;\n    }\n\n    .pp-about-footer-links {\n      gap: 12px 18px;\n    }\n  }\n\n  \/* ======================================================\n     REDUZIERTE BEWEGUNG\n     ====================================================== *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .pp-about-photo-frame img {\n      transition: none;\n    }\n\n    .pp-has-js .pp-about-reveal {\n      opacity: 1;\n\n      transform: none;\n\n      transition: none;\n    }\n  }\n<\/style>\n\n\n<main\n  id=\"top\"\n  class=\"pp-about-page\">\n\n  <!-- ====================================================\n       HEADER\n       ==================================================== -->\n\n  <header class=\"pp-about-header\">\n\n    <a\n      class=\"pp-about-logo\"\n      href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/\"\n      aria-label=\"Home\">\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\n    <nav\n      class=\"pp-about-navigation\"\n      aria-label=\"Main navigation\">\n\n      <a href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/\">\n        Home\n      <\/a>\n\n      <a href=\"https:\/\/philipppablitschko.de\/index.php\/projects\/\">\n        Work\n      <\/a>\n\n      <a\n        class=\"is-current\"\n        href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/index.php\/about\/\"\n        aria-current=\"page\">\n        About\n      <\/a>\n\n    <\/nav>\n\n  <\/header>\n\n\n  <!-- ====================================================\n       HERO\n       ==================================================== -->\n\n  <section class=\"pp-about-hero\">\n\n    <div class=\"pp-about-hero-top\">\n\n      <span class=\"pp-about-eyebrow\">\n        About \u00b7 Philipp Pablitschko\n      <\/span>\n\n\n      <div\n        class=\"pp-language-switch\"\n        role=\"group\"\n        aria-label=\"Select language\">\n\n        <button\n          class=\"pp-language-button is-active\"\n          type=\"button\"\n          data-set-language=\"en\"\n          aria-pressed=\"true\">\n          EN\n        <\/button>\n\n        <button\n          class=\"pp-language-button\"\n          type=\"button\"\n          data-set-language=\"de\"\n          aria-pressed=\"false\">\n          DE\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!--\n      ABOUT bleibt bewusst in beiden Sprachen gleich.\n      Dadurch gibt es keine Probleme mit dem \u00dc und\n      nichts liegt \u00fcber dem Sprachumschalter.\n    -->\n\n    <h1 class=\"pp-about-heading\">\n\n      <span data-lang=\"en\">\n        About\n      <\/span>\n\n      <span\n        data-lang=\"de\"\n        hidden>\n        About\n      <\/span>\n\n    <\/h1>\n\n  <\/section>\n\n\n  <!-- ====================================================\n       PROFIL\n       ==================================================== -->\n\n  <section class=\"pp-about-profile\">\n\n    <div class=\"pp-about-photo-column pp-about-reveal\">\n\n      <div class=\"pp-about-photo-wrap\">\n\n        <div class=\"pp-about-photo-frame\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/MG_9526dwqdqdq.jpg\"\n            alt=\"Philipp Pablitschko\">\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"pp-about-photo-caption\">\n\n        <span>\n          Philipp Pablitschko\n        <\/span>\n\n\n        <span data-lang=\"en\">\n          Nuremberg \u00b7 Germany\n        <\/span>\n\n        <span\n          data-lang=\"de\"\n          hidden>\n          N\u00fcrnberg \u00b7 Deutschland\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"pp-about-copy pp-about-reveal\">\n\n      <div>\n\n        <h2 class=\"pp-about-title\">\n\n          <span data-lang=\"en\">\n            3D Artist,<br>\n            Designer &<br>\n            Visual Storyteller\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            3D Artist,<br>\n            Designer &<br>\n            Visual Storyteller\n          <\/span>\n\n        <\/h2>\n\n\n        <div class=\"pp-about-text\">\n\n          <div data-lang=\"en\">\n\n            <p>\n              I\u2019m Philipp, a 3D artist and designer based\n              in Nuremberg. I create architectural\n              visualisations, product imagery and animations\n              that turn ideas into clear and atmospheric\n              visual experiences.\n            <\/p>\n\n            <p>\n              With a background in geovisualisation,\n              architectural imagery and graphic design,\n              I combine technical accuracy with a strong\n              interest in light, materials, composition\n              and visual storytelling.\n            <\/p>\n\n            <p>\n              My work ranges from detailed architectural\n              scenes and product presentations to animated\n              content and visual communication.\n            <\/p>\n\n          <\/div>\n\n\n          <div\n            data-lang=\"de\"\n            hidden>\n\n            <p>\n              Ich bin Philipp, 3D Artist und Designer aus\n              N\u00fcrnberg. Ich entwickle Architekturvisualisierungen,\n              Produktbilder und Animationen, die Ideen in klare\n              und atmosph\u00e4rische visuelle Erlebnisse \u00fcbersetzen.\n            <\/p>\n\n            <p>\n              Mit meinem Hintergrund in Geovisualisierung,\n              Architekturvisualisierung und Grafikdesign\n              verbinde ich technische Genauigkeit mit einem\n              besonderen Interesse an Licht, Materialien,\n              Komposition und visuellem Storytelling.\n            <\/p>\n\n            <p>\n              Meine Arbeit reicht von detaillierten\n              Architekturszenen und Produktpr\u00e4sentationen\n              bis hin zu Animationen und visueller\n              Kommunikation.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"pp-about-facts\">\n\n        <div class=\"pp-about-fact\">\n\n          <span class=\"pp-about-fact-label\">\n\n            <span data-lang=\"en\">\n              Based in\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              Standort\n            <\/span>\n\n          <\/span>\n\n\n          <span class=\"pp-about-fact-value\">\n\n            <span data-lang=\"en\">\n              Nuremberg, Germany\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              N\u00fcrnberg, Deutschland\n            <\/span>\n\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"pp-about-fact\">\n\n          <span class=\"pp-about-fact-label\">\n\n            <span data-lang=\"en\">\n              Freelance\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              Selbstst\u00e4ndig\n            <\/span>\n\n          <\/span>\n\n\n          <span class=\"pp-about-fact-value\">\n\n            <span data-lang=\"en\">\n              Since 2021\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              Seit 2021\n            <\/span>\n\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"pp-about-fact\">\n\n          <span class=\"pp-about-fact-label\">\n\n            <span data-lang=\"en\">\n              Focus\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              Schwerpunkt\n            <\/span>\n\n          <\/span>\n\n\n          <span class=\"pp-about-fact-value\">\n\n            <span data-lang=\"en\">\n              3D Visualisation & Animation\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              3D-Visualisierung & Animation\n            <\/span>\n\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ====================================================\n       SERVICES UND TOOLS\n       ==================================================== -->\n\n  <section class=\"pp-about-details pp-about-reveal\">\n\n    <div class=\"pp-about-details-heading\">\n\n      <span class=\"pp-about-section-label\">\n\n        <span data-lang=\"en\">\n          What I do\n        <\/span>\n\n        <span\n          data-lang=\"de\"\n          hidden>\n          Was ich mache\n        <\/span>\n\n      <\/span>\n\n\n      <h2 class=\"pp-about-details-title\">\n\n        <span data-lang=\"en\">\n          Visual solutions<br>\n          from idea to image.\n        <\/span>\n\n        <span\n          data-lang=\"de\"\n          hidden>\n          Visuelle L\u00f6sungen<br>\n          von der Idee zum Bild.\n        <\/span>\n\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"pp-about-lists\">\n\n      <div>\n\n        <span class=\"pp-about-list-heading\">\n\n          <span data-lang=\"en\">\n            Services\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Leistungen\n          <\/span>\n\n        <\/span>\n\n\n        <ul class=\"pp-about-list\">\n\n          <li>\n\n            <span>\n\n              <span data-lang=\"en\">\n                Architectural Visualisation\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Architekturvisualisierung\n              <\/span>\n\n            <\/span>\n\n            <span class=\"pp-about-list-number\">\n              01\n            <\/span>\n\n          <\/li>\n\n\n          <li>\n\n            <span>\n\n              <span data-lang=\"en\">\n                Product Visualisation\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Produktvisualisierung\n              <\/span>\n\n            <\/span>\n\n            <span class=\"pp-about-list-number\">\n              02\n            <\/span>\n\n          <\/li>\n\n\n          <li>\n\n            <span>\n\n              <span data-lang=\"en\">\n                3D Animation\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                3D-Animation\n              <\/span>\n\n            <\/span>\n\n            <span class=\"pp-about-list-number\">\n              03\n            <\/span>\n\n          <\/li>\n\n\n          <li>\n\n            <span>\n\n              <span data-lang=\"en\">\n                Visual Design\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Visuelles Design\n              <\/span>\n\n            <\/span>\n\n            <span class=\"pp-about-list-number\">\n              04\n            <\/span>\n\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n\n      <div>\n\n        <span class=\"pp-about-list-heading\">\n\n          <span data-lang=\"en\">\n            Selected Tools\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Ausgew\u00e4hlte Tools\n          <\/span>\n\n        <\/span>\n\n\n        <ul class=\"pp-about-list\">\n\n          <li>\n            <span>Cinema 4D<\/span>\n            <span class=\"pp-about-list-number\">01<\/span>\n          <\/li>\n\n          <li>\n            <span>V-Ray<\/span>\n            <span class=\"pp-about-list-number\">02<\/span>\n          <\/li>\n\n          <li>\n            <span>Adobe Creative Cloud<\/span>\n            <span class=\"pp-about-list-number\">03<\/span>\n          <\/li>\n\n          <li>\n            <span>Unreal Engine<\/span>\n            <span class=\"pp-about-list-number\">04<\/span>\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ====================================================\n       BERUFLICHER HINTERGRUND\n       ==================================================== -->\n\n  <section class=\"pp-about-background pp-about-reveal\">\n\n    <div class=\"pp-about-background-grid\">\n\n      <span class=\"pp-about-section-label\">\n\n        <span data-lang=\"en\">\n          Selected Background\n        <\/span>\n\n        <span\n          data-lang=\"de\"\n          hidden>\n          Ausgew\u00e4hlter Hintergrund\n        <\/span>\n\n      <\/span>\n\n\n      <ul class=\"pp-about-experience-list\">\n\n        <li class=\"pp-about-experience-item\">\n\n          <span class=\"pp-about-experience-year\">\n\n            <span data-lang=\"en\">\n              Since 2021\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              Seit 2021\n            <\/span>\n\n          <\/span>\n\n\n          <div>\n\n            <strong class=\"pp-about-experience-title\">\n\n              <span data-lang=\"en\">\n                Freelance 3D Artist\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Selbstst\u00e4ndiger 3D Artist\n              <\/span>\n\n            <\/strong>\n\n\n            <span class=\"pp-about-experience-description\">\n\n              <span data-lang=\"en\">\n                Architectural visualisation, product imagery,\n                animation, websites and visual communication.\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Architekturvisualisierung, Produktbilder,\n                Animation, Websites und visuelle Kommunikation.\n              <\/span>\n\n            <\/span>\n\n          <\/div>\n\n        <\/li>\n\n\n        <li class=\"pp-about-experience-item\">\n\n          <span class=\"pp-about-experience-year\">\n\n            <span data-lang=\"en\">\n              Experience\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              Erfahrung\n            <\/span>\n\n          <\/span>\n\n\n          <div>\n\n            <strong class=\"pp-about-experience-title\">\n\n              <span data-lang=\"en\">\n                Architectural Visualisation\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Architekturvisualisierung\n              <\/span>\n\n            <\/strong>\n\n\n            <span class=\"pp-about-experience-description\">\n\n              <span data-lang=\"en\">\n                Creation of interior and exterior imagery,\n                animation and visual material for architecture,\n                planning and marketing.\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Erstellung von Innen- und Au\u00dfenvisualisierungen,\n                Animationen und visuellen Inhalten f\u00fcr\n                Architektur, Planung und Marketing.\n              <\/span>\n\n            <\/span>\n\n          <\/div>\n\n        <\/li>\n\n\n        <li class=\"pp-about-experience-item\">\n\n          <span class=\"pp-about-experience-year\">\n\n            <span data-lang=\"en\">\n              Education\n            <\/span>\n\n            <span\n              data-lang=\"de\"\n              hidden>\n              Ausbildung\n            <\/span>\n\n          <\/span>\n\n\n          <div>\n\n            <strong class=\"pp-about-experience-title\">\n              B.Eng. Geovisualisation\n            <\/strong>\n\n\n            <span class=\"pp-about-experience-description\">\n\n              <span data-lang=\"en\">\n                Background in 3D modelling, visualisation,\n                spatial data, design and digital communication.\n              <\/span>\n\n              <span\n                data-lang=\"de\"\n                hidden>\n                Studium mit Schwerpunkten in 3D-Modellierung,\n                Visualisierung, Geodaten, Design und digitaler\n                Kommunikation.\n              <\/span>\n\n            <\/span>\n\n          <\/div>\n\n        <\/li>\n\n      <\/ul>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ====================================================\n       KONTAKT\n       ==================================================== -->\n\n  <section\n    id=\"contact\"\n    class=\"pp-about-contact pp-about-reveal\">\n\n    <div class=\"pp-about-contact-top\">\n\n      <div>\n\n        <span class=\"pp-about-contact-label\">\n\n          <span data-lang=\"en\">\n            Contact\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Kontakt\n          <\/span>\n\n        <\/span>\n\n\n        <h2 class=\"pp-about-contact-title\">\n\n          <span data-lang=\"en\">\n            Let\u2019s create<br>\n            something<br>\n            together.\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Lass uns<br>\n            gemeinsam etwas<br>\n            gestalten.\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n\n      <span class=\"pp-about-availability\">\n\n        <span data-lang=\"en\">\n          Available for selected projects\n        <\/span>\n\n        <span\n          data-lang=\"de\"\n          hidden>\n          Verf\u00fcgbar f\u00fcr ausgew\u00e4hlte Projekte\n        <\/span>\n\n      <\/span>\n\n    <\/div>\n\n\n    <div class=\"pp-about-contact-links\">\n\n      <!-- E-Mail -->\n\n      <a\n        class=\"pp-about-contact-link\"\n        href=\"mailto:philipp@pablitschko.de\">\n\n        <span class=\"pp-about-contact-type\">\n\n          <span data-lang=\"en\">\n            Email\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            E-Mail\n          <\/span>\n\n        <\/span>\n\n\n        <span class=\"pp-about-contact-value\">\n          philipp@pablitschko.de\n        <\/span>\n\n\n        <span\n          class=\"pp-about-contact-arrow\"\n          aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/a>\n\n\n      <!-- Telefon -->\n\n      <a\n        class=\"pp-about-contact-link\"\n        href=\"tel:+4915783464485\">\n\n        <span class=\"pp-about-contact-type\">\n\n          <span data-lang=\"en\">\n            Phone\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Telefon\n          <\/span>\n\n        <\/span>\n\n\n        <span class=\"pp-about-contact-value\">\n          +49 1578 3464485\n        <\/span>\n\n\n        <span\n          class=\"pp-about-contact-arrow\"\n          aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/a>\n\n\n      <!-- Instagram -->\n\n      <a\n        class=\"pp-about-contact-link\"\n        href=\"https:\/\/www.instagram.com\/philipppablo\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\">\n\n        <span class=\"pp-about-contact-type\">\n          Instagram\n        <\/span>\n\n\n        <span class=\"pp-about-contact-value\">\n          @philipppablo\n        <\/span>\n\n\n        <span\n          class=\"pp-about-contact-arrow\"\n          aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n\n    <!-- ==================================================\n         FOOTER\n         ================================================== -->\n\n    <footer class=\"pp-about-footer\">\n\n      <span class=\"pp-about-footer-copy\">\n        \u00a9 2026 Philipp Pablitschko\n      <\/span>\n\n\n      <nav\n        class=\"pp-about-footer-links\"\n        aria-label=\"Footer navigation\">\n\n        <a href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/\">\n          Home\n        <\/a>\n\n\n        <a href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/index.php\/projects\/\">\n          Work\n        <\/a>\n\n\n        <a\n          class=\"is-current\"\n          href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/index.php\/about\/\"\n          aria-current=\"page\">\n          About\n        <\/a>\n\n\n        <a href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/index.php\/impressum\/\">\n\n          <span data-lang=\"en\">\n            Legal Notice\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Impressum\n          <\/span>\n\n        <\/a>\n\n\n        <a href=\"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/index.php\/privacy-policy\/\">\n\n          <span data-lang=\"en\">\n            Privacy Policy\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Datenschutz\n          <\/span>\n\n        <\/a>\n\n\n        <a href=\"#top\">\n\n          <span data-lang=\"en\">\n            Back to top \u2191\n          <\/span>\n\n          <span\n            data-lang=\"de\"\n            hidden>\n            Nach oben \u2191\n          <\/span>\n\n        <\/a>\n\n      <\/nav>\n\n    <\/footer>\n\n  <\/section>\n\n<\/main>\n\n\n<script>\n  (function () {\n    function initialiseAboutPage() {\n      const aboutPage =\n        document.querySelector(\n          \".pp-about-page\"\n        );\n\n      if (!aboutPage) {\n        return;\n      }\n\n      document.documentElement.classList.add(\n        \"pp-has-js\"\n      );\n\n\n      const languageButtons =\n        aboutPage.querySelectorAll(\n          \"[data-set-language]\"\n        );\n\n      const languageElements =\n        aboutPage.querySelectorAll(\n          \"[data-lang]\"\n        );\n\n\n      \/* ==================================================\n         SPRACHUMSCHALTER\n         ================================================== *\/\n\n      function setLanguage(language) {\n        const selectedLanguage =\n          language === \"de\"\n            ? \"de\"\n            : \"en\";\n\n\n        languageElements.forEach(\n          function (element) {\n            const elementLanguage =\n              element.getAttribute(\n                \"data-lang\"\n              );\n\n            element.hidden =\n              elementLanguage !==\n              selectedLanguage;\n          }\n        );\n\n\n        languageButtons.forEach(\n          function (button) {\n            const buttonLanguage =\n              button.getAttribute(\n                \"data-set-language\"\n              );\n\n            const isActive =\n              buttonLanguage ===\n              selectedLanguage;\n\n            button.classList.toggle(\n              \"is-active\",\n              isActive\n            );\n\n            button.setAttribute(\n              \"aria-pressed\",\n              isActive\n                ? \"true\"\n                : \"false\"\n            );\n          }\n        );\n\n\n        document.documentElement.lang =\n          selectedLanguage;\n      }\n\n\n      languageButtons.forEach(\n        function (button) {\n          button.addEventListener(\n            \"click\",\n            function (event) {\n              event.preventDefault();\n              event.stopPropagation();\n\n              const selectedLanguage =\n                button.getAttribute(\n                  \"data-set-language\"\n                );\n\n              setLanguage(\n                selectedLanguage\n              );\n            }\n          );\n        }\n      );\n\n\n      \/*\n        Englisch ist bei jedem Laden\n        die Standardsprache.\n      *\/\n\n      setLanguage(\"en\");\n\n\n      \/* ==================================================\n         SCROLL-EINBLENDUNGEN\n         ================================================== *\/\n\n      const revealElements =\n        aboutPage.querySelectorAll(\n          \".pp-about-reveal\"\n        );\n\n      const reducedMotion =\n        window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n\n      if (\n        reducedMotion ||\n        !(\"IntersectionObserver\" in window)\n      ) {\n        revealElements.forEach(\n          function (element) {\n            element.classList.add(\n              \"is-visible\"\n            );\n          }\n        );\n\n        return;\n      }\n\n\n      const revealObserver =\n        new IntersectionObserver(\n          function (entries, observer) {\n            entries.forEach(\n              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          {\n            threshold: 0.1,\n            rootMargin:\n              \"0px 0px -7% 0px\"\n          }\n        );\n\n\n      revealElements.forEach(\n        function (element) {\n          revealObserver.observe(\n            element\n          );\n        }\n      );\n    }\n\n\n    \/*\n      Funktioniert sowohl beim normalen Aufruf\n      als auch innerhalb der Elementor-Vorschau.\n    *\/\n\n    if (\n      document.readyState === \"loading\"\n    ) {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        initialiseAboutPage,\n        {\n          once: true\n        }\n      );\n    } else {\n      initialiseAboutPage();\n    }\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>Home Work About About \u00b7 Philipp Pablitschko EN DE About About Philipp Pablitschko Nuremberg \u00b7 Germany N\u00fcrnberg \u00b7 Deutschland 3D Artist, Designer &#038; Visual Storyteller 3D Artist, Designer &#038; Visual Storyteller I\u2019m Philipp, a 3D artist and designer based in Nuremberg. I create architectural visualisations, product imagery and animations that turn ideas into clear and [&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-238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/238","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=238"}],"version-history":[{"count":49,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/238\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/238\/revisions\/506"}],"wp:attachment":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/media?parent=238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}