{"id":325,"date":"2026-07-30T15:18:40","date_gmt":"2026-07-30T13:18:40","guid":{"rendered":"http:\/\/philipppablitschko.de.w021e2d6.kasserver.com\/?page_id=325"},"modified":"2026-08-01T10:51:01","modified_gmt":"2026-08-01T08:51:01","slug":"housef","status":"publish","type":"page","link":"https:\/\/philipppablitschko.de\/index.php\/housef\/","title":{"rendered":"HouseF"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"325\" class=\"elementor elementor-325\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a062b9 e-flex e-con-boxed e-con e-parent\" data-id=\"5a062b9\" 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-20abf2a elementor-widget elementor-widget-html\" data-id=\"20abf2a\" 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  .pp-case,\n  .pp-case * {\n    box-sizing: border-box;\n  }\n\n  \/* ======================================================\n     GRUNDLAYOUT\n     ====================================================== *\/\n\n  .pp-case {\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: #f1eee8;\n    color: #050505;\n\n    font-family: \"Inter\", Arial, sans-serif;\n  }\n\n  \/* ======================================================\n     KOPFBEREICH\n     ====================================================== *\/\n\n  .pp-case-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    width: 100%;\n\n    padding:\n      30px\n      clamp(24px, 5vw, 90px);\n  }\n\n  .pp-case-back {\n    position: relative;\n\n    color: rgba(0, 0, 0, 0.56);\n\n    font-family: \"Inter\", Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 3px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    transition: color 180ms ease;\n  }\n\n  .pp-case-back::after {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    right: 3px;\n    bottom: -7px;\n\n    height: 1px;\n\n    background: #050505;\n\n    transform: scaleX(0);\n    transform-origin: right center;\n\n    transition:\n      transform 280ms ease;\n  }\n\n  .pp-case-back:hover {\n    color: #050505;\n  }\n\n  .pp-case-back:hover::after {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n\n  .pp-case-logo {\n    display: block;\n\n    width: 110px;\n\n    line-height: 0;\n  }\n\n  .pp-case-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  \/* ======================================================\n     PROJEKTEINLEITUNG\n     ====================================================== *\/\n\n  .pp-case-intro {\n    width: min(100%, 1700px);\n    margin: 0 auto;\n\n    padding:\n      clamp(80px, 9vw, 160px)\n      clamp(24px, 6vw, 110px)\n      clamp(80px, 8vw, 140px);\n  }\n\n  .pp-case-number {\n    display: block;\n\n    margin-bottom: 25px;\n\n    color: rgba(0, 0, 0, 0.5);\n\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-case-title {\n    max-width: 1500px;\n\n    margin: 0;\n\n    color: #050505;\n\n    font-family: \"Hind Guntur\", sans-serif;\n    font-size: clamp(75px, 10vw, 190px);\n    font-weight: 700;\n    line-height: 0.82;\n    letter-spacing: 1px;\n\n    text-transform: uppercase;\n  }\n\n  \/* ======================================================\n     PROJEKTINFORMATIONEN\n     ====================================================== *\/\n\n  .pp-case-meta {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 30px;\n\n    margin-top: clamp(65px, 7vw, 120px);\n    padding-top: 25px;\n\n    border-top: 1px solid rgba(0, 0, 0, 0.25);\n  }\n\n  .pp-case-meta-item {\n    min-width: 0;\n  }\n\n  .pp-case-meta-item span {\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: rgba(0, 0, 0, 0.48);\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-case-meta-item strong {\n    color: #050505;\n\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.5;\n  }\n\n  \/* ======================================================\n     BILDERGALERIE\n     ====================================================== *\/\n\n  .pp-case-gallery {\n    width: min(calc(100% - 48px), 1700px);\n    margin: 0 auto;\n\n    padding-bottom: clamp(90px, 9vw, 150px);\n  }\n\n  .pp-case-image {\n    width: 100%;\n\n    margin:\n      0\n      0\n      clamp(25px, 4vw, 70px);\n\n    overflow: hidden;\n\n    background: #dad6ce;\n  }\n\n  .pp-case-image img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ======================================================\n     ZWEI BILDER NEBENEINANDER\n     ====================================================== *\/\n\n  .pp-case-image-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    gap: clamp(20px, 3vw, 50px);\n\n    margin-bottom: clamp(25px, 4vw, 70px);\n  }\n\n  .pp-case-image-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n\n  gap: clamp(20px, 3vw, 50px);\n\n  margin-top: clamp(25px, 4vw, 70px);\n  margin-bottom: clamp(25px, 4vw, 70px);\n}\n\n  \/* ======================================================\n     PROJEKTBESCHREIBUNG\n     ====================================================== *\/\n\n  .pp-case-description {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n\n    gap: 50px;\n\n    width: min(calc(100% - 48px), 1300px);\n\n    margin:\n      clamp(80px, 9vw, 150px)\n      auto;\n  }\n\n  .pp-case-description-label {\n    color: rgba(0, 0, 0, 0.55);\n\n    font-size: 9px;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n  }\n\n  .pp-case-description p {\n    max-width: 850px;\n\n    margin: 0;\n\n    color: #050505;\n\n    font-size: clamp(18px, 1.8vw, 30px);\n    font-weight: 400;\n    line-height: 1.45;\n  }\n\n  \/* ======================================================\n     FOOTER\n     ====================================================== *\/\n\n  .pp-case-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n\n    width: min(calc(100% - 48px), 1700px);\n    margin: 0 auto;\n\n    padding:\n      26px\n      0\n      45px;\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-case-footer-copy {\n    flex: 0 0 auto;\n  }\n\n  .pp-case-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-case-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  .pp-case-footer-links 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:\n      transform 280ms ease;\n  }\n\n  .pp-case-footer-links a:hover,\n  .pp-case-footer-links a.is-current {\n    color: #050505;\n  }\n\n  .pp-case-footer-links a:hover::after,\n  .pp-case-footer-links a.is-current::after {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n\n  \/* ======================================================\n     TABLET\n     ====================================================== *\/\n\n  @media (max-width: 1050px) {\n    .pp-case-header {\n      padding:\n        25px\n        32px;\n    }\n\n    .pp-case-intro {\n      padding-left: 42px;\n      padding-right: 42px;\n    }\n\n    .pp-case-gallery {\n      width: calc(100% - 84px);\n    }\n\n    .pp-case-description {\n      width: calc(100% - 84px);\n    }\n\n    .pp-case-footer {\n      align-items: flex-start;\n\n      width: calc(100% - 84px);\n    }\n\n    .pp-case-footer-links {\n      max-width: 650px;\n    }\n  }\n\n  \/* ======================================================\n     SMARTPHONE\n     ====================================================== *\/\n\n  @media (max-width: 700px) {\n    .pp-case-header {\n      padding: 20px;\n    }\n\n    .pp-case-back {\n      font-size: 8px;\n      letter-spacing: 2px;\n    }\n\n    .pp-case-logo {\n      width: 75px;\n    }\n\n    .pp-case-intro {\n      padding:\n        70px\n        20px;\n    }\n\n    .pp-case-title {\n      font-size: clamp(55px, 16vw, 90px);\n      line-height: 0.84;\n      letter-spacing: -0.02em;\n    }\n\n    .pp-case-meta {\n      grid-template-columns: 1fr;\n\n      gap: 0;\n\n      margin-top: 55px;\n      padding-top: 0;\n\n      border-top: 1px solid rgba(0, 0, 0, 0.25);\n    }\n\n    .pp-case-meta-item {\n      padding: 20px 0;\n\n      border-bottom: 1px solid rgba(0, 0, 0, 0.18);\n    }\n\n    .pp-case-gallery {\n      width: calc(100% - 40px);\n\n      padding-bottom: 90px;\n    }\n\n    .pp-case-image-row {\n      grid-template-columns: 1fr;\n\n      gap: 25px;\n    }\n\n    .pp-case-description {\n      grid-template-columns: 1fr;\n\n      gap: 25px;\n\n      width: 100%;\n\n      margin:\n        80px\n        auto;\n    }\n\n    .pp-case-description p {\n      font-size: 19px;\n      line-height: 1.55;\n    }\n\n    .pp-case-footer {\n      display: block;\n\n      width: calc(100% - 40px);\n\n      padding-bottom: 35px;\n\n      font-size: 7px;\n      line-height: 1.7;\n      letter-spacing: 2px;\n    }\n\n    .pp-case-footer-links {\n      justify-content: flex-start;\n\n      gap: 13px 22px;\n      margin-top: 18px;\n    }\n  }\n\n  \/* ======================================================\n     KLEINE SMARTPHONES\n     ====================================================== *\/\n\n  @media (max-width: 420px) {\n    .pp-case-header {\n      padding:\n        17px\n        16px;\n    }\n\n    .pp-case-back {\n      max-width: 170px;\n\n      font-size: 7px;\n      line-height: 1.5;\n      letter-spacing: 1.5px;\n    }\n\n    .pp-case-logo {\n      width: 67px;\n    }\n\n    .pp-case-intro {\n      padding:\n        62px\n        17px;\n    }\n\n    .pp-case-title {\n      font-size: 16vw;\n    }\n\n    .pp-case-gallery {\n      width: calc(100% - 34px);\n    }\n\n    .pp-case-footer {\n      width: calc(100% - 34px);\n    }\n\n    .pp-case-footer-links {\n      gap: 12px 18px;\n    }\n  }\n<\/style>\n\n\n<main\n  id=\"top\"\n  class=\"pp-case\">\n\n  <!-- ====================================================\n       HEADER\n       ==================================================== -->\n\n  <header class=\"pp-case-header\">\n\n    <a\n      class=\"pp-case-back\"\n      href=\"https:\/\/philipppablitschko.de\/index.php\/projects\/\">\n      \u2190 Back to Projects\n    <\/a>\n\n\n    <a\n      class=\"pp-case-logo\"\n      href=\"https:\/\/philipppablitschko.de\/\"\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  <\/header>\n\n\n  <!-- ====================================================\n       PROJEKTEINLEITUNG\n       ==================================================== -->\n\n  <section class=\"pp-case-intro\">\n\n    \n\n\n    <h1 class=\"pp-case-title\">\n      House F\n    <\/h1>\n\n\n    <div class=\"pp-case-meta\">\n\n      <div class=\"pp-case-meta-item\">\n\n        <span>\n          Category\n        <\/span>\n\n        <strong>\n          Architecture\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"pp-case-meta-item\">\n\n        <span>\n          Service\n        <\/span>\n\n        <strong>\n          Exterior Visualization\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"pp-case-meta-item\">\n\n        <span>\n          Year\n        <\/span>\n\n        <strong>\n          2021\n        <\/strong>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ====================================================\n       BILDERGALERIE\n       ==================================================== -->\n\n  <div class=\"pp-case-gallery\">\n\n    <!-- Gro\u00dfes erstes Bild -->\n\n    <figure class=\"pp-case-image\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/2026-1.jpg\"\n        alt=\"Au\u00dfenvisualisierung des Projekts House F\">\n\n    <\/figure>\n\n\n    <!-- Zwei Bilder nebeneinander -->\n\n    <div class=\"pp-case-image-row\">\n\n      <figure class=\"pp-case-image\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/philipppablitschko.de\/wp-content\/uploads\/2026\/07\/houseFFF.png\"\n          alt=\"Zweite Ansicht des Projekts House F\">\n\n      <\/figure>\n\n\n      <figure class=\"pp-case-image\">\n\n        <img decoding=\"async\"\n          src=\"\"\n          alt=\"Dritte Ansicht des Projekts House F\">\n\n      <\/figure>\n\n    <\/div>\n\n\n    <!-- Projektbeschreibung -->\n\n    <section class=\"pp-case-description\">\n\n      <span class=\"pp-case-description-label\">\n        About the project\n      <\/span>\n\n\n      <p>\n        House F is a 505 m\u00b2 private residence in Haifa, Israel, completed in 2016 by A.M.N Architecture. The original design is characterized by clean horizontal lines, generous glazing and a strong connection between the interior and the surrounding outdoor spaces.<\/br><\/br>\n\nInspired by these qualities, I used the house as the starting point for my own architectural visualization. Rather than creating an exact reconstruction, I changed several architectural and visual elements and developed a personal interpretation with its own materials, landscaping and atmosphere.\n      <\/p>\n\n    <\/section>\n\n\n    <!-- Weiteres gro\u00dfes Bild -->\n\n    \n\n  <\/div>\n\n\n  <!-- ====================================================\n       FOOTER\n       ==================================================== -->\n\n  <footer class=\"pp-case-footer\">\n\n    <span class=\"pp-case-footer-copy\">\n      \u00a9 2026 Philipp Pablitschko\n    <\/span>\n\n\n    <nav\n      class=\"pp-case-footer-links\"\n      aria-label=\"Footer navigation\">\n\n      <a href=\"https:\/\/philipppablitschko.de\/\">\n        Home\n      <\/a>\n\n\n      <a\n        class=\"is-current\"\n        href=\"https:\/\/philipppablitschko.de\/index.php\/projects\/\"\n        aria-current=\"page\">\n        Work\n      <\/a>\n\n\n      <a href=\"https:\/\/philipppablitschko.de\/index.php\/about\/\">\n        About\n      <\/a>\n\n\n      <a href=\"https:\/\/philipppablitschko.de\/index.php\/impressum\/\">\n        Impressum\n      <\/a>\n\n\n      <a href=\"https:\/\/philipppablitschko.de\/index.php\/privacy-policy\/\">\n        Privacy Policy\n      <\/a>\n\n\n      <a href=\"#top\">\n        Back to top \u2191\n      <\/a>\n\n    <\/nav>\n\n  <\/footer>\n\n<\/main>\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>\u2190 Back to Projects House F Category Architecture Service Exterior Visualization Year 2021 About the project House F is a 505 m\u00b2 private residence in Haifa, Israel, completed in 2016 by A.M.N Architecture. The original design is characterized by clean horizontal lines, generous glazing and a strong connection between the interior and the surrounding outdoor [&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-325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/325","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=325"}],"version-history":[{"count":13,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/325\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/pages\/325\/revisions\/459"}],"wp:attachment":[{"href":"https:\/\/philipppablitschko.de\/index.php\/wp-json\/wp\/v2\/media?parent=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}