martume \u2013 Art you wear. Art you live in.<\/title>\n <meta name=\"description\" content=\"Story-driven, minimalistische Kunst zum Anziehen und Aufh\u00e4ngen \u2013 T-Shirts, Hoodies, Accessoires und Poster von martume.\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n :root {\n --bg: #f7f7f7;\n --text: #111111;\n --muted: #595959; \/* darkened from #666 for WCAG AA contrast on --card-bg\/--bg *\/\n --accent: #111111;\n --accent-soft: #cfcfcf; \/* darkened from #e0e0e0 so borders\/underlines are visible on --bg *\/\n --card-bg: #ffffff;\n --border: #dddddd;\n --focus-ring: #2563eb;\n --font-main: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-main);\n background: var(--bg);\n color: var(--text);\n line-height: 1.5;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n \/* Visible focus state for keyboard users on every interactive element *\/\n a:focus-visible,\n button:focus-visible,\n input:focus-visible {\n outline: 2px solid var(--focus-ring);\n outline-offset: 2px;\n }\n\n .skip-link {\n position: absolute;\n left: -9999px;\n top: 0;\n background: var(--text);\n color: #fff;\n padding: 8px 16px;\n z-index: 100;\n border-radius: 0 0 8px 0;\n }\n\n .skip-link:focus {\n left: 0;\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n .page {\n max-width: 1200px;\n margin: 0 auto;\n padding: 24px 16px 64px;\n }\n\n header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n }\n\n .logo {\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n font-size: 14px;\n }\n\n nav a {\n margin-left: 16px;\n font-size: 14px;\n color: var(--muted);\n }\n\n nav a:hover {\n color: var(--text);\n }\n\n \/* HERO *\/\n\n .hero {\n display: grid;\n grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);\n gap: 32px;\n align-items: center;\n margin-bottom: 64px;\n }\n\n .hero-text h1 {\n font-size: 40px;\n letter-spacing: 0.03em;\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .hero-text p {\n font-size: 16px;\n color: var(--muted);\n margin-bottom: 24px;\n max-width: 420px;\n }\n\n .hero-cta {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n align-items: center;\n }\n\n .btn-primary {\n padding: 12px 24px;\n border-radius: 999px;\n border: 1px solid var(--accent);\n background: var(--accent);\n color: #ffffff;\n font-size: 14px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n display: inline-block;\n }\n\n .btn-primary:hover {\n background: #000000;\n }\n\n .btn-ghost {\n padding: 10px 20px;\n border-radius: 999px;\n border: 1px solid var(--accent-soft);\n background: transparent;\n font-size: 13px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--muted);\n display: inline-block;\n }\n\n .btn-ghost:hover {\n border-color: var(--text);\n color: var(--text);\n }\n\n .hero-art {\n border-radius: 16px;\n background: #ffffff;\n border: 1px solid var(--border);\n padding: 24px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .hero-art-image {\n background: #f0f0f0;\n border-radius: 12px;\n height: 260px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--muted);\n font-size: 13px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n text-align: center;\n overflow: hidden;\n }\n\n .hero-art-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 12px;\n }\n\n .hero-art-caption {\n font-size: 13px;\n color: var(--muted);\n }\n\n \/* SECTION TITLE *\/\n\n .section {\n margin-bottom: 64px;\n }\n\n .section-header {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 24px;\n }\n\n .section-title {\n font-size: 18px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .section-subtitle {\n font-size: 13px;\n color: var(--muted);\n max-width: 360px;\n }\n\n \/* FEATURED ARTWEAR *\/\n\n .grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 24px;\n }\n\n .card {\n background: var(--card-bg);\n border-radius: 16px;\n border: 1px solid var(--border);\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .card-image {\n background: #f0f0f0;\n border-radius: 12px;\n height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n overflow: hidden;\n }\n\n .card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 12px;\n }\n\n .card-title {\n font-size: 15px;\n font-weight: 500;\n }\n\n .card-text {\n font-size: 13px;\n color: var(--muted);\n }\n\n .card-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 13px;\n margin-top: 4px;\n }\n\n .card-price {\n font-weight: 500;\n }\n\n .card-cta {\n margin-top: 8px;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text);\n }\n\n .card-cta span {\n border-bottom: 1px solid var(--text);\n }\n\n \/* WHY MARTUME *\/\n\n .usp-list {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 24px;\n }\n\n .usp-item-title {\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 4px;\n }\n\n .usp-item-text {\n font-size: 13px;\n color: var(--muted);\n }\n\n \/* COLLECTIONS *\/\n\n .collections-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n }\n\n .collection-card {\n background: var(--card-bg);\n border-radius: 14px;\n border: 1px solid var(--border);\n padding: 14px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: flex-start;\n width: 100%;\n }\n\n .collection-image {\n background: #f0f0f0;\n border-radius: 10px;\n height: 120px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n overflow: hidden;\n }\n\n .collection-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 10px;\n }\n\n .collection-title {\n font-size: 14px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .collection-link {\n font-size: 12px;\n color: var(--muted);\n }\n\n \/* FOOTER *\/\n\n footer {\n margin-top: 48px;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n font-size: 12px;\n color: var(--muted);\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .footer-links a {\n margin-right: 12px;\n }\n\n .footer-links a:hover {\n color: var(--text);\n }\n\n \/* RESPONSIVE\n Breakpoints consolidated to two: tablet (\u2264900px) and mobile (\u2264600px),\n with an added small-tablet step for the collections grid so it never\n jumps straight from 4 columns to 1. *\/\n\n @media (max-width: 900px) {\n .hero {\n grid-template-columns: minmax(0, 1fr);\n }\n .grid-3,\n .usp-list {\n grid-template-columns: minmax(0, 1fr);\n }\n .collections-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .story {\n grid-template-columns: minmax(0, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n nav {\n display: flex;\n gap: 4px;\n }\n nav a {\n margin-left: 0;\n }\n .hero-text h1 {\n font-size: 30px;\n }\n .collections-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n footer {\n flex-direction: column;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n }\n <\/style>\n<\/head>\n<body>\n <a class=\"skip-link\" href=\"#main\">Zum Inhalt springen<\/a>\n\n <div class=\"page\">\n\n \n <header>\n <div class=\"logo\">martume<\/div>\n <nav aria-label=\"Hauptnavigation\">\n <a href=\"#shop\">Shop<\/a>\n <a href=\"#why\">Story<\/a>\n <a href=\"#collections\">Collections<\/a>\n <\/nav>\n <\/header>\n\n <main id=\"main\">\n\n \n <section class=\"hero\" aria-labelledby=\"hero-heading\">\n <div class=\"hero-text\">\n <h1 id=\"hero-heading\">Wear your story.<\/h1>\n <p>Minimalistische Kunst, die Emotionen in klare Linien fasst. Art you wear. Art you live in.<\/p>\n <div class=\"hero-cta\">\n <a href=\"#shop\" class=\"btn-primary\">Shop Artwear<\/a>\n <a href=\"#why\" class=\"btn-ghost\">Discover the story<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-art\">\n <div class=\"hero-art-image\">\n <img decoding=\"async\" src=\"signature-artwork.jpg\" alt=\"Signature-Motiv \u201eConnected Lines\u201c: zwei sich ber\u00fchrende, minimalistische Linien auf hellem Grund\" title=\"\">\n <\/div>\n <p class=\"hero-art-caption\">\n \u201eConnected Lines\u201c \u2013 zwei Linien, die sich ber\u00fchren, ohne sich zu verlieren.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"shop\" aria-labelledby=\"shop-heading\">\n <div class=\"section-header\">\n <h2 class=\"section-title\" id=\"shop-heading\">Featured Artwear<\/h2>\n <p class=\"section-subtitle\">\n Drei Signature-Designs, die den Kern von martume zeigen \u2013 minimalistisch, emotional, tragbar.\n <\/p>\n <\/div>\n <div class=\"grid-3\">\n <article class=\"card\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"connected-lines-tshirt.jpg\" alt=\"T-Shirt mit dem Motiv \u201eConnected Lines\u201c\" title=\"\">\n <\/div>\n <h3 class=\"card-title\">Connected Lines<\/h3>\n <p class=\"card-text\">\n Zwei Linien, die sich ber\u00fchren, ohne sich zu verlieren \u2013 ein Motiv \u00fcber N\u00e4he und Freiheit.\n <\/p>\n <div class=\"card-meta\">\n <span class=\"card-price\">\u20ac29<\/span>\n <span class=\"card-text\">Bella+Canvas 3001<\/span>\n <\/div>\n <a href=\"\/product\/connected-lines\" class=\"card-cta\">\n <span>View piece<\/span><span class=\"sr-only\"> \u2013 Connected Lines<\/span>\n <\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"silent-faces-tshirt.jpg\" alt=\"T-Shirt mit dem Motiv \u201eSilent Faces\u201c\" title=\"\">\n <\/div>\n <h3 class=\"card-title\">Silent Faces<\/h3>\n <p class=\"card-text\">\n Reduzierte Gesichter, die Ruhe ausstrahlen \u2013 f\u00fcr alle, die Stille tragen wollen.\n <\/p>\n <div class=\"card-meta\">\n <span class=\"card-price\">\u20ac29<\/span>\n <span class=\"card-text\">Bella+Canvas 3001<\/span>\n <\/div>\n <a href=\"\/product\/silent-faces\" class=\"card-cta\">\n <span>View piece<\/span><span class=\"sr-only\"> \u2013 Silent Faces<\/span>\n <\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"duality-tshirt.jpg\" alt=\"T-Shirt mit dem Motiv \u201eDuality\u201c\" title=\"\">\n <\/div>\n <h3 class=\"card-title\">Duality<\/h3>\n <p class=\"card-text\">\n Ein Spiel aus Balance \u2013 zwischen N\u00e4he und Distanz, Licht und Schatten.\n <\/p>\n <div class=\"card-meta\">\n <span class=\"card-price\">\u20ac29<\/span>\n <span class=\"card-text\">Bella+Canvas 3001<\/span>\n <\/div>\n <a href=\"\/product\/duality\" class=\"card-cta\">\n <span>View piece<\/span><span class=\"sr-only\"> \u2013 Duality<\/span>\n <\/a>\n <\/article>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"why\" aria-labelledby=\"why-heading\">\n <div class=\"section-header\">\n <h2 class=\"section-title\" id=\"why-heading\">Why martume?<\/h2>\n <p class=\"section-subtitle\">\n Kunst statt Print. Jedes St\u00fcck ist eine Geschichte, die du tragen kannst \u2013 auf Stoff, nicht auf Leinwand.\n <\/p>\n <\/div>\n <div class=\"usp-list\">\n <div>\n <h3 class=\"usp-item-title\">Story-Driven Art<\/h3>\n <p class=\"usp-item-text\">\n Jedes Motiv entsteht aus einem Moment, einer Erinnerung, einer Verbindung \u2013 nicht aus einem Trend.\n <\/p>\n <\/div>\n <div>\n <h3 class=\"usp-item-title\">Premium Bella+Canvas<\/h3>\n <p class=\"usp-item-text\">\n Weiche, langlebige Shirts mit sauberem Druck. Artwear, die sich so gut anf\u00fchlt, wie sie aussieht.\n <\/p>\n <\/div>\n <div>\n <h3 class=\"usp-item-title\">EU & USA Fulfillment<\/h3>\n <p class=\"usp-item-text\">\n Produktion und Versand aus der N\u00e4he \u2013 ohne Billigdruck, ohne Fast-Fashion-Kompromisse.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"collections\" aria-labelledby=\"collections-heading\">\n <div class=\"section-header\">\n <h2 class=\"section-title\" id=\"collections-heading\">Collections<\/h2>\n <p class=\"section-subtitle\">\n Finde die Form, in der du deine Geschichte tragen willst \u2013 von T-Shirts bis Posters.\n <\/p>\n <\/div>\n <div class=\"collections-grid\">\n <a href=\"\/category\/t-shirts\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-tshirts.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">T-Shirts<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <a href=\"\/category\/hoodies\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-hoodies.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">Hoodies<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <a href=\"\/category\/accessories\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-accessories.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">Accessories<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <a href=\"\/category\/posters\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-posters.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">Posters<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <\/div>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>martume \u2013 Art you wear. Art you live in. Zum Inhalt springen martume Shop Story Collections Wear your story. Minimalistische Kunst, die Emotionen in klare Linien fasst. Art you wear. Art you live in. Shop Artwear Discover the story \u201eConnected Lines\u201c \u2013 zwei Linien, die sich ber\u00fchren, ohne sich zu verlieren. Featured Artwear Drei Signature-Designs, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":0,"footnotes":""},"class_list":["post-17502","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/Ph9uzx-4yi","_links":{"self":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages\/17502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/comments?post=17502"}],"version-history":[{"count":5,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages\/17502\/revisions"}],"predecessor-version":[{"id":24978,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages\/17502\/revisions\/24978"}],"wp:attachment":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/media?parent=17502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n martume \u2013 Art you wear. Art you live in.<\/title>\n <meta name=\"description\" content=\"Story-driven, minimalistische Kunst zum Anziehen und Aufh\u00e4ngen \u2013 T-Shirts, Hoodies, Accessoires und Poster von martume.\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n :root {\n --bg: #f7f7f7;\n --text: #111111;\n --muted: #595959; \/* darkened from #666 for WCAG AA contrast on --card-bg\/--bg *\/\n --accent: #111111;\n --accent-soft: #cfcfcf; \/* darkened from #e0e0e0 so borders\/underlines are visible on --bg *\/\n --card-bg: #ffffff;\n --border: #dddddd;\n --focus-ring: #2563eb;\n --font-main: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-main);\n background: var(--bg);\n color: var(--text);\n line-height: 1.5;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n \/* Visible focus state for keyboard users on every interactive element *\/\n a:focus-visible,\n button:focus-visible,\n input:focus-visible {\n outline: 2px solid var(--focus-ring);\n outline-offset: 2px;\n }\n\n .skip-link {\n position: absolute;\n left: -9999px;\n top: 0;\n background: var(--text);\n color: #fff;\n padding: 8px 16px;\n z-index: 100;\n border-radius: 0 0 8px 0;\n }\n\n .skip-link:focus {\n left: 0;\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n .page {\n max-width: 1200px;\n margin: 0 auto;\n padding: 24px 16px 64px;\n }\n\n header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n }\n\n .logo {\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n font-size: 14px;\n }\n\n nav a {\n margin-left: 16px;\n font-size: 14px;\n color: var(--muted);\n }\n\n nav a:hover {\n color: var(--text);\n }\n\n \/* HERO *\/\n\n .hero {\n display: grid;\n grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);\n gap: 32px;\n align-items: center;\n margin-bottom: 64px;\n }\n\n .hero-text h1 {\n font-size: 40px;\n letter-spacing: 0.03em;\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .hero-text p {\n font-size: 16px;\n color: var(--muted);\n margin-bottom: 24px;\n max-width: 420px;\n }\n\n .hero-cta {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n align-items: center;\n }\n\n .btn-primary {\n padding: 12px 24px;\n border-radius: 999px;\n border: 1px solid var(--accent);\n background: var(--accent);\n color: #ffffff;\n font-size: 14px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n display: inline-block;\n }\n\n .btn-primary:hover {\n background: #000000;\n }\n\n .btn-ghost {\n padding: 10px 20px;\n border-radius: 999px;\n border: 1px solid var(--accent-soft);\n background: transparent;\n font-size: 13px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--muted);\n display: inline-block;\n }\n\n .btn-ghost:hover {\n border-color: var(--text);\n color: var(--text);\n }\n\n .hero-art {\n border-radius: 16px;\n background: #ffffff;\n border: 1px solid var(--border);\n padding: 24px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .hero-art-image {\n background: #f0f0f0;\n border-radius: 12px;\n height: 260px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--muted);\n font-size: 13px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n text-align: center;\n overflow: hidden;\n }\n\n .hero-art-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 12px;\n }\n\n .hero-art-caption {\n font-size: 13px;\n color: var(--muted);\n }\n\n \/* SECTION TITLE *\/\n\n .section {\n margin-bottom: 64px;\n }\n\n .section-header {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 24px;\n }\n\n .section-title {\n font-size: 18px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .section-subtitle {\n font-size: 13px;\n color: var(--muted);\n max-width: 360px;\n }\n\n \/* FEATURED ARTWEAR *\/\n\n .grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 24px;\n }\n\n .card {\n background: var(--card-bg);\n border-radius: 16px;\n border: 1px solid var(--border);\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .card-image {\n background: #f0f0f0;\n border-radius: 12px;\n height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n overflow: hidden;\n }\n\n .card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 12px;\n }\n\n .card-title {\n font-size: 15px;\n font-weight: 500;\n }\n\n .card-text {\n font-size: 13px;\n color: var(--muted);\n }\n\n .card-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 13px;\n margin-top: 4px;\n }\n\n .card-price {\n font-weight: 500;\n }\n\n .card-cta {\n margin-top: 8px;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text);\n }\n\n .card-cta span {\n border-bottom: 1px solid var(--text);\n }\n\n \/* WHY MARTUME *\/\n\n .usp-list {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 24px;\n }\n\n .usp-item-title {\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 4px;\n }\n\n .usp-item-text {\n font-size: 13px;\n color: var(--muted);\n }\n\n \/* COLLECTIONS *\/\n\n .collections-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n }\n\n .collection-card {\n background: var(--card-bg);\n border-radius: 14px;\n border: 1px solid var(--border);\n padding: 14px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: flex-start;\n width: 100%;\n }\n\n .collection-image {\n background: #f0f0f0;\n border-radius: 10px;\n height: 120px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n overflow: hidden;\n }\n\n .collection-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 10px;\n }\n\n .collection-title {\n font-size: 14px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .collection-link {\n font-size: 12px;\n color: var(--muted);\n }\n\n \/* FOOTER *\/\n\n footer {\n margin-top: 48px;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n font-size: 12px;\n color: var(--muted);\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .footer-links a {\n margin-right: 12px;\n }\n\n .footer-links a:hover {\n color: var(--text);\n }\n\n \/* RESPONSIVE\n Breakpoints consolidated to two: tablet (\u2264900px) and mobile (\u2264600px),\n with an added small-tablet step for the collections grid so it never\n jumps straight from 4 columns to 1. *\/\n\n @media (max-width: 900px) {\n .hero {\n grid-template-columns: minmax(0, 1fr);\n }\n .grid-3,\n .usp-list {\n grid-template-columns: minmax(0, 1fr);\n }\n .collections-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .story {\n grid-template-columns: minmax(0, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n nav {\n display: flex;\n gap: 4px;\n }\n nav a {\n margin-left: 0;\n }\n .hero-text h1 {\n font-size: 30px;\n }\n .collections-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n footer {\n flex-direction: column;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n }\n <\/style>\n<\/head>\n<body>\n <a class=\"skip-link\" href=\"#main\">Zum Inhalt springen<\/a>\n\n <div class=\"page\">\n\n \n <header>\n <div class=\"logo\">martume<\/div>\n <nav aria-label=\"Hauptnavigation\">\n <a href=\"#shop\">Shop<\/a>\n <a href=\"#why\">Story<\/a>\n <a href=\"#collections\">Collections<\/a>\n <\/nav>\n <\/header>\n\n <main id=\"main\">\n\n \n <section class=\"hero\" aria-labelledby=\"hero-heading\">\n <div class=\"hero-text\">\n <h1 id=\"hero-heading\">Wear your story.<\/h1>\n <p>Minimalistische Kunst, die Emotionen in klare Linien fasst. Art you wear. Art you live in.<\/p>\n <div class=\"hero-cta\">\n <a href=\"#shop\" class=\"btn-primary\">Shop Artwear<\/a>\n <a href=\"#why\" class=\"btn-ghost\">Discover the story<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-art\">\n <div class=\"hero-art-image\">\n <img decoding=\"async\" src=\"signature-artwork.jpg\" alt=\"Signature-Motiv \u201eConnected Lines\u201c: zwei sich ber\u00fchrende, minimalistische Linien auf hellem Grund\" title=\"\">\n <\/div>\n <p class=\"hero-art-caption\">\n \u201eConnected Lines\u201c \u2013 zwei Linien, die sich ber\u00fchren, ohne sich zu verlieren.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"shop\" aria-labelledby=\"shop-heading\">\n <div class=\"section-header\">\n <h2 class=\"section-title\" id=\"shop-heading\">Featured Artwear<\/h2>\n <p class=\"section-subtitle\">\n Drei Signature-Designs, die den Kern von martume zeigen \u2013 minimalistisch, emotional, tragbar.\n <\/p>\n <\/div>\n <div class=\"grid-3\">\n <article class=\"card\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"connected-lines-tshirt.jpg\" alt=\"T-Shirt mit dem Motiv \u201eConnected Lines\u201c\" title=\"\">\n <\/div>\n <h3 class=\"card-title\">Connected Lines<\/h3>\n <p class=\"card-text\">\n Zwei Linien, die sich ber\u00fchren, ohne sich zu verlieren \u2013 ein Motiv \u00fcber N\u00e4he und Freiheit.\n <\/p>\n <div class=\"card-meta\">\n <span class=\"card-price\">\u20ac29<\/span>\n <span class=\"card-text\">Bella+Canvas 3001<\/span>\n <\/div>\n <a href=\"\/product\/connected-lines\" class=\"card-cta\">\n <span>View piece<\/span><span class=\"sr-only\"> \u2013 Connected Lines<\/span>\n <\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"silent-faces-tshirt.jpg\" alt=\"T-Shirt mit dem Motiv \u201eSilent Faces\u201c\" title=\"\">\n <\/div>\n <h3 class=\"card-title\">Silent Faces<\/h3>\n <p class=\"card-text\">\n Reduzierte Gesichter, die Ruhe ausstrahlen \u2013 f\u00fcr alle, die Stille tragen wollen.\n <\/p>\n <div class=\"card-meta\">\n <span class=\"card-price\">\u20ac29<\/span>\n <span class=\"card-text\">Bella+Canvas 3001<\/span>\n <\/div>\n <a href=\"\/product\/silent-faces\" class=\"card-cta\">\n <span>View piece<\/span><span class=\"sr-only\"> \u2013 Silent Faces<\/span>\n <\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"duality-tshirt.jpg\" alt=\"T-Shirt mit dem Motiv \u201eDuality\u201c\" title=\"\">\n <\/div>\n <h3 class=\"card-title\">Duality<\/h3>\n <p class=\"card-text\">\n Ein Spiel aus Balance \u2013 zwischen N\u00e4he und Distanz, Licht und Schatten.\n <\/p>\n <div class=\"card-meta\">\n <span class=\"card-price\">\u20ac29<\/span>\n <span class=\"card-text\">Bella+Canvas 3001<\/span>\n <\/div>\n <a href=\"\/product\/duality\" class=\"card-cta\">\n <span>View piece<\/span><span class=\"sr-only\"> \u2013 Duality<\/span>\n <\/a>\n <\/article>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"why\" aria-labelledby=\"why-heading\">\n <div class=\"section-header\">\n <h2 class=\"section-title\" id=\"why-heading\">Why martume?<\/h2>\n <p class=\"section-subtitle\">\n Kunst statt Print. Jedes St\u00fcck ist eine Geschichte, die du tragen kannst \u2013 auf Stoff, nicht auf Leinwand.\n <\/p>\n <\/div>\n <div class=\"usp-list\">\n <div>\n <h3 class=\"usp-item-title\">Story-Driven Art<\/h3>\n <p class=\"usp-item-text\">\n Jedes Motiv entsteht aus einem Moment, einer Erinnerung, einer Verbindung \u2013 nicht aus einem Trend.\n <\/p>\n <\/div>\n <div>\n <h3 class=\"usp-item-title\">Premium Bella+Canvas<\/h3>\n <p class=\"usp-item-text\">\n Weiche, langlebige Shirts mit sauberem Druck. Artwear, die sich so gut anf\u00fchlt, wie sie aussieht.\n <\/p>\n <\/div>\n <div>\n <h3 class=\"usp-item-title\">EU & USA Fulfillment<\/h3>\n <p class=\"usp-item-text\">\n Produktion und Versand aus der N\u00e4he \u2013 ohne Billigdruck, ohne Fast-Fashion-Kompromisse.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"collections\" aria-labelledby=\"collections-heading\">\n <div class=\"section-header\">\n <h2 class=\"section-title\" id=\"collections-heading\">Collections<\/h2>\n <p class=\"section-subtitle\">\n Finde die Form, in der du deine Geschichte tragen willst \u2013 von T-Shirts bis Posters.\n <\/p>\n <\/div>\n <div class=\"collections-grid\">\n <a href=\"\/category\/t-shirts\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-tshirts.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">T-Shirts<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <a href=\"\/category\/hoodies\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-hoodies.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">Hoodies<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <a href=\"\/category\/accessories\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-accessories.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">Accessories<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <a href=\"\/category\/posters\" class=\"collection-card\">\n <div class=\"collection-image\">\n <img decoding=\"async\" src=\"collection-posters.jpg\" alt=\"\" role=\"presentation\" title=\"\">\n <\/div>\n <span class=\"collection-title\">Posters<\/span>\n <span class=\"collection-link\">Explore<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <\/div>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>martume \u2013 Art you wear. Art you live in. Zum Inhalt springen martume Shop Story Collections Wear your story. Minimalistische Kunst, die Emotionen in klare Linien fasst. Art you wear. Art you live in. Shop Artwear Discover the story \u201eConnected Lines\u201c \u2013 zwei Linien, die sich ber\u00fchren, ohne sich zu verlieren. Featured Artwear Drei Signature-Designs, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":0,"footnotes":""},"class_list":["post-17502","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/Ph9uzx-4yi","_links":{"self":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages\/17502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/comments?post=17502"}],"version-history":[{"count":5,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages\/17502\/revisions"}],"predecessor-version":[{"id":24978,"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/pages\/17502\/revisions\/24978"}],"wp:attachment":[{"href":"https:\/\/martume.com\/wp-json\/wp\/v2\/media?parent=17502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}