{"id":19,"date":"2020-06-15T08:54:37","date_gmt":"2020-06-15T08:54:37","guid":{"rendered":"https:\/\/stockholm54.qodeinteractive.com\/?page_id=19"},"modified":"2026-03-19T18:49:32","modified_gmt":"2026-03-19T17:49:32","slug":"contact","status":"publish","type":"page","link":"https:\/\/jonskadhauge.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fac816 e-flex e-con-boxed e-con e-parent\" data-id=\"1fac816\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04712ba elementor-widget elementor-widget-html\" data-id=\"04712ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"contact\" aria-labelledby=\"contact-title\">\n  <style>\n    :root {\n      --bg: #EDE4D9; \/* beige base *\/\n      --ink: #1b1b1b;\n      --muted: rgba(0,0,0,0.55);\n    }\n\n    #contact {\n      position: relative;\n      background: var(--bg); \/* Layer 0 *\/\n      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\n      color: var(--ink);\n      overflow: hidden;\n    }\n\n    \/* LOGO LAYER (Layer 1) *\/\n    #contact::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: url(\"https:\/\/jonskadhauge.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-13-2025-04_40_20-PM.png\") no-repeat center;\n      background-size: 760px auto;\n      opacity: 0.25;\n      z-index: 1;\n      pointer-events: none;\n      background-position: 105%;\n    }\n\n    @media (max-width: 800px) {\n      #contact::before {\n        background-position: 60% 0%;\n        background-size: 500px auto;\n        opacity: 0.25;\n      }\n    }\n\n    \/* CONTENT LAYER (Layer 2) *\/\n    .contact-wrap {\n      position: relative;\n      z-index: 2;\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: clamp(32px, 5vw, 72px) clamp(20px, 4vw, 32px);\n      display: grid;\n      grid-template-columns: 0.9fr 1.1fr;\n      gap: clamp(20px, 4vw, 48px);\n      align-items: center;\n    }\n\n    @media (max-width: 800px) {\n      .contact-wrap {\n        grid-template-columns: 1fr;\n      }\n      .contact-photo {\n        order: -1;\n        text-align: center;\n      }\n      .contact-photo img {\n        max-width: 75%;\n        margin: 0 auto;\n        transform: scale(0.95);\n      }\n    }\n\n    h2 {\n      font-size: clamp(28px, 4vw, 44px);\n      line-height: 1.1;\n      margin: 0 0 16px 0;\n      letter-spacing: -0.02em;\n    }\n\n    p.lead {\n      margin: 0 0 24px 0;\n      font-size: clamp(16px, 2.2vw, 18px);\n      color: var(--muted);\n    }\n\n    .contact-grid {\n      display: grid;\n      gap: 10px 18px;\n      grid-template-columns: auto 1fr;\n      align-items: start;\n      font-size: 16px;\n    }\n\n    .label {\n      color: var(--muted);\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .value a {\n      color: var(--ink);\n      text-decoration: none;\n      position: relative;\n    }\n    .value a::after {\n      content: \"\";\n      position: absolute;\n      left: 0; right: 0; bottom: -2px;\n      height: 1px;\n      background: currentColor;\n      opacity: 0.25;\n      transition: opacity .2s ease;\n    }\n    .value a:hover::after { opacity: 0.6; }\n\n    .cta-row {\n      display: flex;\n      gap: 12px;\n      margin-top: 28px;\n      flex-wrap: wrap;\n    }\n    .cta {\n      appearance: none;\n      border: none;\n      background: rgba(0,0,0,0.9);\n      color: #fff;\n      padding: 12px 18px;\n      border-radius: 999px;\n      font-size: 15px;\n      text-decoration: none;\n      line-height: 1;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      transition: transform .06s ease, background .2s ease, opacity .2s ease;\n      will-change: transform;\n    }\n    .cta:hover { background: rgba(0,0,0,1); }\n    .cta:active { transform: translateY(1px); }\n    .cta.secondary {\n      background: transparent;\n      color: var(--ink);\n      box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18);\n    }\n    .cta.secondary:hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.34); }\n\n    .contact-photo img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: cover;\n      object-position: center top; \/* helps framing if new image differs *\/\n      border-radius: 0;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    }\n\n    a:focus-visible, .cta:focus-visible {\n      outline: 2px solid rgba(0,0,0,0.5);\n      outline-offset: 2px;\n      border-radius: 12px;\n    }\n  <\/style>\n\n  <div class=\"contact-wrap\" itemscope itemtype=\"https:\/\/schema.org\/Person\">\n    <figure class=\"contact-photo\">\n      <img loading=\"lazy\"\n        src=\"https:\/\/jonskadhauge.com\/wp-content\/uploads\/2026\/03\/pic1-cart-scaled.jpg\"\n        alt=\"Portrait of Jons Kadhauge\"\n        decoding=\"async\"\n        width=\"1200\"\n        height=\"1600\">\n    <\/figure>\n\n    <div class=\"contact-text\">\n      <div class=\"contact-grid\" itemprop=\"contactPoint\" itemscope itemtype=\"https:\/\/schema.org\/ContactPoint\">\n        <meta itemprop=\"contactType\" content=\"business\" \/>\n        <div class=\"label\">Email<\/div>\n        <div class=\"value\">\n          <a href=\"mailto:jsk@tonemester.com\" itemprop=\"email\">jsk@tonemester.com<\/a>\n        <\/div>\n\n        <div class=\"label\">Phone<\/div>\n        <div class=\"value\">\n          <a href=\"tel:+4542426377\" itemprop=\"telephone\">+45&nbsp;42&nbsp;42&nbsp;63&nbsp;77<\/a>\n        <\/div>\n\n        <div class=\"label\">Location<\/div>\n        <div class=\"value\" itemprop=\"address\" itemscope itemtype=\"https:\/\/schema.org\/PostalAddress\">\n          <span itemprop=\"addressLocality\">Copenhagen<\/span>, <span itemprop=\"addressCountry\">DK<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cta-row\">\n        <a class=\"cta\" href=\"mailto:jsk@tonemester.com?subject=Project%20Inquiry\">Email<\/a>\n        <a class=\"cta secondary\" href=\"tel:+4542426377\">Call<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Email jsk@tonemester.com Telefon +45&nbsp;42&nbsp;42&nbsp;63&nbsp;77 Lokation K\u00f8benhavn, DK Email Ring<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":561,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":8676,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/8676"}],"wp:attachment":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}