{"id":33,"date":"2026-06-06T18:51:41","date_gmt":"2026-06-06T16:51:41","guid":{"rendered":"https:\/\/knifemaker.ch\/?page_id=33"},"modified":"2026-06-15T09:53:17","modified_gmt":"2026-06-15T07:53:17","slug":"33-2","status":"publish","type":"page","link":"https:\/\/knifemaker.ch\/","title":{"rendered":""},"content":{"rendered":"\n\n\nKnifemaker \u2014 Handgefertigte Messer<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Barlow:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #0a0908;\n --bg2: #111010;\n --bg3: #1a1816;\n --text: #e8e2d9;\n --muted: #7a7167;\n --accent: #c8a96e;\n --border: rgba(200,169,110,0.15);\n --serif: 'Cormorant Garamond', Georgia, serif;\n --sans: 'Barlow', sans-serif;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--sans);\n font-weight: 300;\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1.5rem 4rem;\n border-bottom: 1px solid var(--border);\n background: rgba(10,9,8,0.92);\n backdrop-filter: blur(12px);\n }\n\n .logo {\n font-family: var(--serif);\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 0.12em;\n color: var(--text);\n text-decoration: none;\n }\n .logo span { color: var(--accent); }\n\n nav ul { display: flex; gap: 3rem; list-style: none; }\n\n nav a {\n font-size: 0.72rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.3s;\n }\n nav a:hover { color: var(--accent); }\n\n #home {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 4rem;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 60% 50% at 70% 50%, rgba(200,169,110,0.05) 0%, transparent 70%),\n radial-gradient(ellipse 40% 80% at 80% 50%, rgba(200,169,110,0.03) 0%, transparent 60%);\n }\n\n .hero-line {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 45vw;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--accent), transparent);\n opacity: 0.3;\n }\n\n .hero-content { position: relative; max-width: 680px; }\n\n .hero-eyebrow {\n font-size: 0.65rem;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .hero-eyebrow::before {\n content: '';\n display: block;\n width: 40px;\n height: 1px;\n background: var(--accent);\n }\n\n h1 {\n font-family: var(--serif);\n font-size: clamp(3.5rem, 7vw, 7rem);\n font-weight: 300;\n line-height: 1.05;\n letter-spacing: -0.01em;\n margin-bottom: 2rem;\n }\n h1 em { font-style: italic; color: var(--accent); }\n\n .hero-sub {\n font-size: 0.95rem;\n color: var(--muted);\n max-width: 400px;\n margin-bottom: 3rem;\n line-height: 1.8;\n }\n\n .cta {\n display: inline-flex;\n align-items: center;\n gap: 1rem;\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--text);\n text-decoration: none;\n border: 1px solid var(--border);\n padding: 1rem 2rem;\n transition: all 0.3s;\n }\n .cta:hover { border-color: var(--accent); color: var(--accent); }\n .cta-arrow { font-size: 1.2rem; transition: transform 0.3s; }\n .cta:hover .cta-arrow { transform: translateX(4px); }\n\n .divider {\n height: 1px;\n background: linear-gradient(to right, transparent, var(--border), transparent);\n margin: 0 4rem;\n }\n\n section {\n padding: 8rem 4rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-label {\n font-size: 0.62rem;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 3.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .section-label::before {\n content: '';\n display: block;\n width: 30px;\n height: 1px;\n background: var(--accent);\n }\n\n h2 {\n font-family: var(--serif);\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 300;\n line-height: 1.15;\n margin-bottom: 1.5rem;\n }\n h2 em { font-style: italic; color: var(--accent); }\n\n .works-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-top: 4rem;\n }\n\n .work-card { position: relative; overflow: hidden; cursor: pointer; }\n\n .work-img {\n width: 100%;\n aspect-ratio: 3\/4;\n background: var(--bg3);\n position: relative;\n overflow: hidden;\n }\n\n \/* When you add a real photo use class=\"work-photo\" on the img tag *\/\n .work-img img.work-photo {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n filter: grayscale(15%) contrast(1.05);\n transition: transform 0.6s ease, filter 0.4s ease;\n }\n .work-card:hover .work-img img.work-photo {\n transform: scale(1.04);\n filter: grayscale(0%) contrast(1);\n }\n\n .work-img svg { position: absolute; inset: 0; width: 100%; height: 100%; }\n\n .work-card:hover .work-overlay { opacity: 1; }\n .work-overlay {\n position: absolute;\n inset: 0;\n background: rgba(10,9,8,0.75);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.4s;\n z-index: 2;\n }\n .work-overlay span {\n font-size: 0.65rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--accent);\n border: 1px solid var(--accent);\n padding: 0.6rem 1.5rem;\n }\n\n .work-info { padding: 1.25rem 0 0; }\n .work-title { font-family: var(--serif); font-size: 1.25rem; font-weight: 300; margin-bottom: 0.25rem; }\n .work-mat { font-size: 0.7rem; letter-spacing: 0.15em; color: var(--muted); text-transform: uppercase; }\n\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: start;\n margin-top: 1rem;\n }\n\n .about-text p { color: var(--muted); font-size: 0.95rem; line-height: 1.9; margin-bottom: 1.5rem; }\n\n .about-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 3rem;\n padding-top: 3rem;\n border-top: 1px solid var(--border);\n }\n\n .stat-num {\n font-family: var(--serif);\n font-size: 3rem;\n font-weight: 300;\n color: var(--accent);\n line-height: 1;\n margin-bottom: 0.5rem;\n }\n .stat-label { font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }\n\n .about-visual { position: relative; }\n\n .about-img-frame {\n width: 100%;\n aspect-ratio: 4\/5;\n background: var(--bg3);\n border: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .about-img-frame::before {\n content: '';\n position: absolute;\n top: 1.5rem; left: 1.5rem; right: -1.5rem; bottom: -1.5rem;\n border: 1px solid var(--border);\n z-index: -1;\n }\n .about-img-frame img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: grayscale(20%);\n }\n\n #kontakt { border-top: 1px solid var(--border); }\n\n .contact-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: start;\n }\n\n .contact-intro p { color: var(--muted); font-size: 0.95rem; line-height: 1.9; margin-bottom: 2rem; }\n\n .contact-links { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }\n\n .contact-link {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-decoration: none;\n color: var(--muted);\n font-size: 0.85rem;\n letter-spacing: 0.05em;\n transition: color 0.3s;\n }\n .contact-link:hover { color: var(--accent); }\n\n .contact-link-icon {\n width: 36px;\n height: 36px;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n flex-shrink: 0;\n transition: border-color 0.3s;\n }\n .contact-link:hover .contact-link-icon { border-color: var(--accent); color: var(--accent); }\n\n .contact-form { display: flex; flex-direction: column; gap: 1.25rem; }\n\n .form-group { display: flex; flex-direction: column; gap: 0.5rem; }\n\n .form-group label {\n font-size: 0.62rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--muted);\n }\n\n .form-group input,\n .form-group textarea {\n background: var(--bg2);\n border: 1px solid var(--border);\n color: var(--text);\n font-family: var(--sans);\n font-weight: 300;\n font-size: 0.9rem;\n padding: 0.85rem 1rem;\n outline: none;\n transition: border-color 0.3s;\n resize: vertical;\n }\n .form-group input:focus,\n .form-group textarea:focus { border-color: var(--accent); }\n .form-group textarea { min-height: 130px; }\n\n .form-submit {\n background: transparent;\n border: 1px solid var(--accent);\n color: var(--accent);\n font-family: var(--sans);\n font-size: 0.65rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n padding: 1rem 2rem;\n cursor: pointer;\n transition: all 0.3s;\n align-self: flex-start;\n }\n .form-submit:hover { background: var(--accent); color: var(--bg); }\n .form-submit:disabled { opacity: 0.5; cursor: not-allowed; }\n\n footer {\n padding: 3rem 4rem;\n border-top: 1px solid var(--border);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n footer p { font-size: 0.7rem; letter-spacing: 0.12em; color: var(--muted); }\n footer .footer-logo { font-family: var(--serif); font-size: 1.1rem; color: var(--muted); letter-spacing: 0.1em; }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .hero-content > * { animation: fadeUp 0.8s ease both; }\n .hero-eyebrow { animation-delay: 0.1s; }\n h1 { animation-delay: 0.25s; }\n .hero-sub { animation-delay: 0.4s; }\n .cta { animation-delay: 0.55s; }\n\n @media (max-width: 900px) {\n nav { padding: 1.25rem 1.5rem; }\n nav ul { gap: 1.5rem; }\n #home, section, footer { padding-left: 1.5rem; padding-right: 1.5rem; }\n .divider { margin: 0 1.5rem; }\n .works-grid { grid-template-columns: 1fr 1fr; }\n .about-grid, .contact-inner { grid-template-columns: 1fr; gap: 3rem; }\n .about-img-frame { aspect-ratio: 16\/9; }\n }\n @media (max-width: 600px) {\n nav ul { display: none; }\n .works-grid { grid-template-columns: 1fr; }\n h1 { font-size: 3rem; }\n }\n\n \/* LIGHTBOX *\/\n .lightbox {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 999;\n background: rgba(10,9,8,0.96);\n align-items: center;\n justify-content: center;\n cursor: pointer;\n animation: fadeIn 0.3s ease;\n }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n .lightbox.active { display: flex; }\n .lightbox-inner {\n position: relative;\n max-width: 90vw;\n max-height: 90vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n cursor: default;\n }\n .lightbox-inner img {\n max-width: 88vw;\n max-height: 78vh;\n object-fit: contain;\n filter: none !important;\n display: block;\n transform: none !important;\n }\n .lightbox-caption {\n font-family: var(--serif);\n font-size: 1.2rem;\n font-weight: 300;\n color: var(--text);\n letter-spacing: 0.08em;\n text-align: center;\n }\n .lightbox-sub {\n font-size: 0.65rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--muted);\n text-align: center;\n margin-top: -1rem;\n }\n .lightbox-close {\n position: fixed;\n top: 2rem;\n right: 2rem;\n font-size: 0.65rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--muted);\n cursor: pointer;\n border: 1px solid var(--border);\n padding: 0.5rem 1.2rem;\n transition: color 0.3s, border-color 0.3s;\n background: transparent;\n font-family: var(--sans);\n }\n .lightbox-close:hover { color: var(--accent); border-color: var(--accent); }\n<\/style>\n\n\n\n<nav>\n <a href=\"#home\" class=\"logo\">Knife<span>maker<\/span><\/a>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#arbeiten\">Arbeiten<\/a><\/li>\n <li><a href=\"#ueber\">\u00dcber mich<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<section id=\"home\" style=\"padding-top:0;padding-bottom:0;max-width:none;\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-line\"><\/div>\n <div class=\"hero-content\">\n <p class=\"hero-eyebrow\">Handgefertigte Messer<\/p>\n <h1>Scharf.<br><em>Zeitlos.<\/em><br>Einzigartig.<\/h1>\n <p class=\"hero-sub\">Jedes Messer entsteht von Hand \u2014 aus erlesenen St\u00e4hlen und nat\u00fcrlichen Materialien. Pr\u00e4zision trifft auf Tradition.<\/p>\n <a href=\"#arbeiten\" class=\"cta\">Arbeiten entdecken <span class=\"cta-arrow\">\u2192<\/span><\/a>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n<section id=\"arbeiten\">\n <p class=\"section-label\">Ausgew\u00e4hlte St\u00fccke<\/p>\n <h2>Jedes Messer<br>erz\u00e4hlt eine <em>Geschichte<\/em><\/h2>\n\n <div class=\"works-grid\">\n\n <!-- CARD 1 \u2014 Chef's Knife\n TO ADD YOUR PHOTO: remove the <svg>\u2026<\/svg> and add:\n \n -->\n <div class=\"work-card\">\n <div class=\"work-img\">\n <img decoding=\"async\" src=\"https:\/\/knifemaker.ch\/wp-content\/uploads\/2026\/06\/IMG_20230526_112421-scaled.jpg\" alt=\"Chef's Knife \" class=\"work-photo\">\n <div class=\"work-overlay\" onclick=\"openLightbox('Chefs Knife ','Stahl 14c28n \u00b7 Mikata','https:\/\/knifemaker.ch\/wp-content\/uploads\/2026\/06\/IMG_20230526_112421-scaled.jpg')\"><span>Ansehen<\/span><\/div>\n <\/div>\n <div class=\"work-info\">\n <p class=\"work-title\">Chef’s Knife <\/p>\n <p class=\"work-mat\">Stahl 14c28n \u00b7 Mikata<\/p>\n <\/div>\n <\/div>\n\n <!-- CARD 2 \u2014 Santoku Black -->\n <div class=\"work-card\">\n <div class=\"work-img\">\n <img decoding=\"async\" src=\"https:\/\/knifemaker.ch\/wp-content\/uploads\/2026\/06\/IMG_20230526_112118_edit_13337903554735-scaled.jpg\" alt=\"Santoku Black\" class=\"work-photo\">\n <div class=\"work-overlay\" onclick=\"openLightbox('Santoku Black','Stahl 14c28n \u00b7Ebenholz','https:\/\/knifemaker.ch\/wp-content\/uploads\/2026\/06\/IMG_20230526_112118_edit_13337903554735-scaled.jpg')\"><span>Ansehen<\/span><\/div>\n <\/div>\n <div class=\"work-info\">\n <p class=\"work-title\">Santoku Black<\/p>\n <p class=\"work-mat\">Stahl 14c28n \u00b7Ebenholz<\/p>\n <\/div>\n <\/div>\n\n <!-- CARD 3 \u2014 Outdoor Messer\n TO ADD YOUR PHOTO: remove the <svg>\u2026<\/svg> and add:\n \n -->\n <div class=\"work-card\">\n <div class=\"work-img\">\n <img decoding=\"async\" src=\"https:\/\/knifemaker.ch\/wp-content\/uploads\/2026\/06\/IMG_20240321_100538-scaled.jpg\" alt=\"Outdoor Messer\" class=\"work-photo\">\n <div class=\"work-overlay\" onclick=\"openLightbox('Outdoor Messer','Stahl 60SiCr7 \u00b7 Hirschhorn','https:\/\/knifemaker.ch\/wp-content\/uploads\/2026\/06\/IMG_20240321_100538-scaled.jpg')\"><span>Ansehen<\/span><\/div>\n <\/div>\n <div class=\"work-info\">\n <p class=\"work-title\">Outdoor Messer<\/p>\n <p class=\"work-mat\">Stahl 14c28n \u00b7 Hirschhorn<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n<section id=\"ueber\">\n <div class=\"about-grid\">\n <div class=\"about-text\">\n <p class=\"section-label\">Handwerk & Leidenschaft<\/p>\n <h2>\u00dcber <em>mich<\/em><\/h2>\n <p>Als ich 2018 Z\u00fcrich den R\u00fccken kehrte, um im B\u00fcndnerland meine kleine Werkstatt zu gr\u00fcnden, ahnte er noch nicht, dass Messer seine Leidenschaft werden sollten. Er begann damals, Lieblingsst\u00fccke seiner Kunden zu reparieren (\u00abAlt wie Neu\u00bb), Upcycling, das Design von aussergew\u00f6hnlichen Lampen aus Fundst\u00fccken und kreierte besondere Holzbretter f\u00fcr K\u00fcchenzubeh\u00f6r-Shops.<\/p>\n <p>Als Johanna, meine Ehefrau und K\u00f6chin, sich ein neues K\u00fcchenmesser w\u00fcnschte, nahm das Schicksal seinen Lauf und ich entwarf mein ersten Messer-Prototyp. ich verliebte sich in diese Arbeit und \u00abbrenne\u00bb seither f\u00fcr das Messer-Design. Die Liebe zur Handwerkskunst, Pr\u00e4zision und zum Detail spiegeln sich in meiner Arbeit. Viele meiner hochwertigen Materialien wie Holz, Stahl, Horn und Leder werden lokal oder nachhaltig beschafft.<\/p>\n <div class=\"about-stats\">\n <div><p class=\"stat-num\">8<\/p><p class=\"stat-label\">Jahre Erfahrung<\/p><\/div>\n <div><p class=\"stat-num\">100+<\/p><p class=\"stat-label\">Gefertigte St\u00fccke<\/p><\/div>\n <div><p class=\"stat-num\">6<\/p><p class=\"stat-label\">Stahlsorten<\/p><\/div>\n <div><p class=\"stat-num\">100%<\/p><p class=\"stat-label\">Handarbeit<\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-visual\">\n <!-- TO ADD YOUR PHOTO: replace the svg below with:\n \n -->\n <div class=\"about-img-frame\">\n <img decoding=\"async\" src=\"https:\/\/knifemaker.ch\/wp-content\/uploads\/2026\/06\/werkstatt.jpg\" alt=\"Werkstatt\">\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n<section id=\"kontakt\">\n <div class=\"contact-inner\">\n <div class=\"contact-intro\">\n <p class=\"section-label\">Anfragen & Auftr\u00e4ge<\/p>\n <h2>Ein Messer,<br><em>f\u00fcr Sie.<\/em><\/h2>\n <p>Die Philosophie eines Messermachers kann vielf\u00e4ltig sein, da sie stark von den pers\u00f6nlichen Werten, Erfahrungen und \u00dcberzeugungen des Handwerkers gepr\u00e4gt ist. Im Allgemeinen jedoch streben Messermacher nach h\u00f6chster Qualit\u00e4t, Funktionalit\u00e4t und \u00c4sthetik in ihren Produkten.<\/p>\n <p>Pers\u00f6nlich habe ich eine tiefe Verbundenheit zur Natur und verwende hochwertige Materialien wie Holz, Stahl oder Leder, die oft lokal oder nachhaltig beschafft werden.<\/p>\n <p> Willst du dein eigenes Messer machen?\nMelde dich noch heute an! \n <div class=\"contact-links\">\n <a href=\"mailto:info@knifemaker.ch\" class=\"contact-link\">\n <span class=\"contact-link-icon\">\u2709<\/span>\n info@knifemaker.ch\n <\/a>\n <a href=\"tel:+41764138310\" class=\"contact-link\">\n <span class=\"contact-link-icon\">\u2706<\/span>\n +41 76 413 83 10\n <\/a>\n <a href=\"#\" class=\"contact-link\">\n <span class=\"contact-link-icon\">\u2299<\/span>\n Sumvitg 10 \u00b7 7424 Pr\u00e4z\n <\/a>\n <\/div>\n <\/div>\n\n <div>\n <div data-fs-success=\"\" style=\"display:none; font-size:0.8rem; color:#c8a96e; letter-spacing:0.1em; margin-bottom:1rem;\">\n Vielen Dank \u2014 ich melde mich bald.\n <\/div>\n <div data-fs-error=\"\" style=\"display:none; font-size:0.8rem; color:#c04a4a; letter-spacing:0.1em; margin-bottom:1rem;\"><\/div>\n\n <form class=\"contact-form\" id=\"contact-form\">\n <div class=\"form-group\">\n <label for=\"name\">Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" data-fs-field=\"\" placeholder=\"Ihr vollst\u00e4ndiger Name\" required=\"\">\n <span data-fs-error=\"name\" style=\"font-size:0.75rem; color:#c04a4a;\"><\/span>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">E-Mail<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" data-fs-field=\"\" placeholder=\"ihre@email.ch\" required=\"\">\n <span data-fs-error=\"email\" style=\"font-size:0.75rem; color:#c04a4a;\"><\/span>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message\">Nachricht<\/label>\n <textarea id=\"message\" name=\"message\" data-fs-field=\"\" placeholder=\"Beschreiben Sie Ihre Vorstellung \u2014 Stahl, Form, Material, Verwendungszweck \u2026\" required=\"\"><\/textarea>\n <span data-fs-error=\"message\" style=\"font-size:0.75rem; color:#c04a4a;\"><\/span>\n <\/div>\n <button type=\"submit\" class=\"form-submit\" data-fs-submit-btn=\"\">Anfrage senden \u2192<\/button>\n <\/form>\n\n <script>\n window.formspree = window.formspree || function () { (formspree.q = formspree.q || []).push(arguments); };\n formspree('initForm', { formElement: '#contact-form', formId: 'meeweyry' });\n <\/script>\n <script src=\"https:\/\/unpkg.com\/@formspree\/ajax@1\" defer=\"\"><\/script>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <p>\u00a9 2026 knifemaker \u2014 Handgefertigte Messer<\/p>\n <p class=\"footer-logo\">KM<\/p>\n <p>Alle St\u00fccke sind Unikate.<\/p>\n<\/footer>\n\n<script>\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n e.preventDefault();\n const target = document.querySelector(a.getAttribute('href'));\n if (target) target.scrollIntoView({ behavior: 'smooth' });\n });\n });\n\n \/\/ Fade-in on scroll\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.work-card, .about-text, .about-visual, .contact-intro, .contact-form').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.7s ease, transform 0.7s ease';\n observer.observe(el);\n });\n<\/script>\n\n<!-- LIGHTBOX -->\n<div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\">Schliessen \u2715<\/button>\n <div class=\"lightbox-inner\">\n <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"\">\n <p class=\"lightbox-caption\" id=\"lightbox-caption\"><\/p>\n <p class=\"lightbox-sub\" id=\"lightbox-sub\"><\/p>\n <\/div>\n<\/div>\n\n<script>\n function openLightbox(title, sub, imgSrc) {\n const lb = document.getElementById('lightbox');\n const img = document.getElementById('lightbox-img');\n const cap = document.getElementById('lightbox-caption');\n const subEl = document.getElementById('lightbox-sub');\n\n \/\/ If no real photo yet, show a \"coming soon\" message instead\n if (!imgSrc) {\n img.style.display = 'none';\n cap.textContent = title;\n subEl.textContent = 'Foto folgt bald \u2014 ' + sub;\n } else {\n img.style.display = 'block';\n img.src = imgSrc;\n img.alt = title;\n cap.textContent = title;\n subEl.textContent = sub;\n }\n\n lb.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLightbox(e) {\n \/\/ Close if clicking backdrop or close button, not the image itself\n if (e && e.target.closest('.lightbox-inner') && !e.target.classList.contains('lightbox')) return;\n document.getElementById('lightbox').classList.remove('active');\n document.body.style.overflow = '';\n }\n\n \/\/ Close with Escape key\n document.addEventListener('keydown', e => {\n if (e.key === 'Escape') closeLightbox();\n });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Knifemaker \u2014 Handgefertigte Messer Knifemaker Home Arbeiten \u00dcber mich Kontakt Handgefertigte Messer Scharf.Zeitlos.Einzigartig. Jedes Messer entsteht von Hand \u2014 aus erlesenen St\u00e4hlen und nat\u00fcrlichen Materialien. Pr\u00e4zision trifft auf Tradition. Arbeiten entdecken \u2192 Ausgew\u00e4hlte St\u00fccke Jedes Messererz\u00e4hlt eine Geschichte Ansehen Chef’s Knife Stahl 14c28n \u00b7 Mikata Ansehen Santoku Black Stahl 14c28n \u00b7Ebenholz Ansehen Outdoor Messer Stahl […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/knifemaker.ch\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knifemaker.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knifemaker.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knifemaker.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knifemaker.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":21,"href":"https:\/\/knifemaker.ch\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/knifemaker.ch\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/knifemaker.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}