V.A.M Kulturzentrum \u2013 Musik- und Kunstschule in Essen<\/title>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n :root {\n --black: #111;\n --white: #fff;\n --accent: #e8c96b;\n --warm: #f5f0e8;\n --text: #444;\n --hero-overlay: linear-gradient(135deg, rgba(0, 0, 0, 0.62) 0%, rgba(20, 10, 5, 0.42) 100%);\n --image-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.22) 55%, transparent 100%);\n --container: 1160px;\n --radius: 0px;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Lato', sans-serif;\n color: var(--black);\n background: var(--white);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n a {\n text-decoration: none;\n }\n\n .container {\n width: min(100%, var(--container));\n margin: 0 auto;\n padding-left: 32px;\n padding-right: 32px;\n }\n\n \/* NAV *\/\n nav {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 20;\n display: flex;\n justify-content: center;\n padding: 22px 24px;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 13px;\n letter-spacing: 4px;\n color: var(--white);\n text-transform: uppercase;\n text-align: center;\n line-height: 1.4;\n }\n\n .logo span {\n display: block;\n font-size: 10px;\n letter-spacing: 6px;\n opacity: 0.9;\n }\n\n \/* HERO *\/\n .hero {\n position: relative;\n min-height: 520px;\n background: url('https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35348-scaled.jpeg') center center \/ cover no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 120px 24px 80px;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--hero-overlay);\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n width: min(100%, 760px);\n margin: 0 auto;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(34px, 6vw, 58px);\n font-weight: 900;\n color: var(--white);\n line-height: 1.15;\n letter-spacing: 0.3px;\n margin-bottom: 28px;\n text-wrap: balance;\n }\n\n .btn-outline,\n .btn-yellow,\n .btn-dark,\n .link-underline {\n transition: all 0.25s ease;\n }\n\n .btn-outline {\n display: inline-block;\n border: 2px solid var(--white);\n color: var(--white);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n padding: 12px 24px;\n }\n\n .btn-outline:hover {\n background: var(--white);\n color: var(--black);\n }\n\n \/* INTRO *\/\n .intro {\n padding: 72px 0;\n }\n\n .intro-inner {\n display: grid;\n grid-template-columns: 220px minmax(0, 1fr);\n align-items: center;\n gap: 48px;\n }\n\n .intro-images {\n display: grid;\n gap: 12px;\n }\n\n .intro-images img {\n width: 100%;\n height: 140px;\n object-fit: cover;\n }\n\n .intro-text h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 36px);\n font-weight: 700;\n line-height: 1.25;\n margin-bottom: 18px;\n text-wrap: balance;\n }\n\n .intro-text p {\n font-size: 15px;\n line-height: 1.9;\n color: var(--text);\n max-width: 760px;\n }\n\n \/* ANGEBOTE *\/\n .angebote {\n background: var(--warm);\n padding: 72px 0;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 3vw, 34px);\n font-weight: 700;\n letter-spacing: 0.3px;\n text-align: center;\n margin-bottom: 40px;\n }\n\n .cards {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .card {\n position: relative;\n min-height: 320px;\n overflow: hidden;\n background: #ddd;\n }\n\n .card img {\n width: 100%;\n height: 100%;\n min-height: 320px;\n object-fit: cover;\n transition: transform 0.45s ease;\n }\n\n .card:hover img {\n transform: scale(1.04);\n }\n\n .card-overlay {\n position: absolute;\n inset: 0;\n background: var(--image-overlay);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: 18px;\n text-align: left;\n }\n\n .card-overlay h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 8px;\n line-height: 1.35;\n }\n\n .card-overlay p {\n font-size: 12px;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.86);\n max-width: 90%;\n }\n\n \/* BANNER *\/\n .banner {\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #1a0a00 0%, #7a1a00 40%, #c43a00 70%, #e8820a 100%);\n padding: 72px 0;\n }\n\n .banner::after {\n content: '';\n position: absolute;\n right: -80px;\n top: 50%;\n transform: translateY(-50%);\n width: 360px;\n height: 360px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\n }\n\n .banner-inner {\n position: relative;\n z-index: 1;\n display: grid;\n grid-template-columns: minmax(0, 1fr) 260px;\n align-items: center;\n gap: 36px;\n }\n\n .banner-text h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(32px, 6vw, 56px);\n font-weight: 900;\n color: var(--white);\n line-height: 1.02;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 28px;\n }\n\n .btn-yellow {\n display: inline-block;\n background: var(--accent);\n color: var(--black);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 13px 28px;\n }\n\n .btn-yellow:hover {\n opacity: 0.9;\n transform: translateY(-1px);\n }\n\n .banner-visual {\n width: 240px;\n aspect-ratio: 1 \/ 1;\n border-radius: 50%;\n background: url('https:\/\/images.unsplash.com\/photo-1598488035139-bdbb2231ce04?w=600&q=80') center \/ cover no-repeat;\n border: 3px solid rgba(255, 255, 255, 0.22);\n justify-self: end;\n }\n\n \/* WORKSHOP *\/\n .workshop {\n padding: 72px 0;\n }\n\n .workshop-inner {\n display: grid;\n grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);\n align-items: center;\n gap: 48px;\n }\n\n .workshop-image img {\n width: 100%;\n height: 320px;\n object-fit: cover;\n }\n\n .workshop-text h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 3vw, 32px);\n font-weight: 700;\n margin-bottom: 16px;\n line-height: 1.25;\n }\n\n .workshop-text p {\n font-size: 15px;\n line-height: 1.85;\n color: var(--text);\n margin-bottom: 20px;\n max-width: 620px;\n }\n\n .link-underline {\n display: inline-block;\n color: var(--black);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n border-bottom: 2px solid var(--black);\n padding-bottom: 3px;\n }\n\n .link-underline:hover {\n opacity: 0.6;\n }\n\n \/* PROBERAUM *\/\n .proberaum {\n background: var(--warm);\n padding: 72px 0;\n }\n\n .proberaum-bg {\n background:\n linear-gradient(135deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.36) 100%),\n url('https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35330-scaled.jpeg') center center \/ cover no-repeat;\n padding: 88px 32px;\n text-align: center;\n margin-bottom: 18px;\n }\n\n .proberaum-bg .section-title {\n color: var(--white);\n margin-bottom: 18px;\n }\n\n .proberaum-bg p {\n font-size: 15px;\n line-height: 1.85;\n color: rgba(255,255,255,0.94);\n max-width: 620px;\n margin: 0 auto 28px;\n }\n\n .btn-dark {\n display: inline-block;\n background: var(--black);\n color: var(--white);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 14px 30px;\n }\n\n .btn-dark:hover {\n background: #333;\n }\n\n .piano-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px;\n }\n\n .piano-grid img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n background: #ddd;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--black);\n color: rgba(255,255,255,0.6);\n text-align: center;\n padding: 30px 20px;\n font-size: 12px;\n letter-spacing: 1px;\n }\n\n footer strong {\n color: var(--white);\n }\n\n \/* TABLET *\/\n @media (max-width: 1024px) {\n .intro-inner {\n grid-template-columns: 180px minmax(0, 1fr);\n gap: 32px;\n }\n\n .cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .banner-inner {\n grid-template-columns: minmax(0, 1fr) 220px;\n }\n\n .workshop-inner {\n grid-template-columns: 1fr;\n gap: 28px;\n }\n\n .workshop-image img {\n height: 300px;\n }\n\n .piano-grid img {\n height: 260px;\n }\n }\n\n \/* MOBILE *\/\n @media (max-width: 768px) {\n .container {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n nav {\n padding: 18px 16px;\n }\n\n .logo {\n font-size: 12px;\n letter-spacing: 3px;\n }\n\n .logo span {\n font-size: 9px;\n letter-spacing: 4px;\n }\n\n .hero {\n min-height: 460px;\n padding: 110px 20px 70px;\n }\n\n .hero h1 {\n margin-bottom: 24px;\n }\n\n .btn-outline,\n .btn-yellow,\n .btn-dark {\n width: auto;\n max-width: 100%;\n }\n\n .intro {\n padding: 52px 0;\n }\n\n .intro-inner {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .intro-images {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .intro-images img {\n height: 120px;\n }\n\n .angebote,\n .banner,\n .workshop,\n .proberaum {\n padding: 52px 0;\n }\n\n .cards {\n grid-template-columns: 1fr;\n }\n\n .card,\n .card img {\n min-height: 260px;\n }\n\n .banner-inner {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .banner-visual {\n justify-self: center;\n width: 170px;\n }\n\n .banner-text h2 {\n margin-bottom: 22px;\n }\n\n .workshop-image img {\n height: 230px;\n }\n\n .proberaum-bg {\n padding: 60px 20px;\n }\n\n .piano-grid {\n grid-template-columns: 1fr;\n }\n\n .piano-grid img {\n height: 240px;\n }\n\n .workshop-text,\n .intro-text {\n text-align: left;\n }\n }\n\n @media (max-width: 420px) {\n .hero {\n min-height: 430px;\n }\n\n .intro-images {\n grid-template-columns: 1fr 1fr;\n }\n\n .intro-images img {\n height: 100px;\n }\n\n .card,\n .card img {\n min-height: 220px;\n }\n\n .workshop-image img,\n .piano-grid img {\n height: 210px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <nav>\n <div class=\"logo\">\n V.A.M\n <span>Kulturzentrum<\/span>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>Eine Musik- und Kunstschule in Essen<\/h1>\n <a href=\"https:\/\/vamartmusic.com\/zh\/kontaktformular\/\" class=\"btn-outline\">Jetzt Anmelden<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"intro\">\n <div class=\"container intro-inner\">\n <div class=\"intro-images\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514320291840-2e0a9bf2a9ae?w=400&q=80\" alt=\"Musik lernen\" \/>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579783902614-a3fb3927b6a5?w=400&q=80\" alt=\"Kunst entdecken\" \/>\n <\/div>\n\n <div class=\"intro-text\">\n <h2>Hier kannst du Musik erleben und Kunst entdecken.<\/h2>\n <p>\n Lerne Musikinstrumente, entwickle deine k\u00fcnstlerischen F\u00e4higkeiten im Bereich Malerei und gestalte deinen eigenen kreativen Weg.<br><br>\n In unserem professionellen Tonstudio hast du die M\u00f6glichkeit, Aufnahmen zu machen und deine eigene Musik zu produzieren. Nimm teil an unseren vielf\u00e4ltigen Workshops, Konzerten und Ausstellungen \u2013 und bereichere dein Leben durch Musik und Kunst.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"angebote\">\n <div class=\"container\">\n <h2 class=\"section-title\">Unsere Angebote<\/h2>\n\n <div class=\"cards\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511379938547-c1f69419868d?w=900&q=80\" alt=\"Instrumental- und Gesangsunterricht\" \/>\n <div class=\"card-overlay\">\n <h3>Instrumental- und Gesangsunterricht<\/h3>\n <p>Individuelle Stunden f\u00fcr alle Niveaus \u2013 von Anf\u00e4ngern bis Fortgeschrittenen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460661419201-fd4cecdf8a8b?w=900&q=80\" alt=\"Malkurse\" \/>\n <div class=\"card-overlay\">\n <h3>Malkurse<\/h3>\n <p>Malkurse zur Entwicklung von Technik, Kreativit\u00e4t und individuellem Ausdruck.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35331-scaled.jpeg\" alt=\"Musikproduzieren und Tonstudio\" \/>\n <div class=\"card-overlay\">\n <h3>Musikproduzieren & Tonstudio<\/h3>\n <p>Professionelle Aufnahmen f\u00fcr Creators und Makers.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"banner\">\n <div class=\"container banner-inner\">\n <div class=\"banner-text\">\n <h2>Jetzt<br>Er\u00f6ffnungsrabatt<br>Sichern!<\/h2>\n <a href=\"\/zh\/eroeffnungsangebot.html\/\" class=\"btn-yellow\">Zum Er\u00f6ffnungsangebot<\/a>\n <\/div>\n\n <div class=\"banner-visual\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"workshop\">\n <div class=\"container workshop-inner\">\n <div class=\"workshop-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501612780327-45045538702b?w=1200&q=80\" alt=\"Workshop und Events\" \/>\n <\/div>\n\n <div class=\"workshop-text\">\n <h2>Workshop & Events<\/h2>\n <p>\n Wir veranstalten regelm\u00e4\u00dfig Musik- und Kunstevents offen f\u00fcr alle. Entdecke unsere Workshops und melde dich gerne an.\n <\/p>\n <a href=\"\/zh\/veranstaltungen.html\/\" class=\"link-underline\">Veranstaltungskalender<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"proberaum\">\n <div class=\"container\">\n <div class=\"proberaum-bg\">\n <h2 class=\"section-title\">Proberaum<\/h2>\n <p>\n Unsere drei Fl\u00fcgelr\u00e4ume mit hervorragender Akustik sowie zwei Klavierr\u00e4ume stehen f\u00fcr \u00dcbung und Proben zur Verf\u00fcgung.\n <\/p>\n <a href=\"https:\/\/vamartmusic.simplybook.it\/v2\/\" class=\"btn-dark\">Jetzt Reservieren<\/a>\n <\/div>\n\n <div class=\"piano-grid\">\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/3dc3c74101ddc989c141433563b23223-scaled.jpeg\" alt=\"Fl\u00fcgelraum 1\" \/>\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/29e00d4c745e3a325a6af8dda6002fbe-scaled.jpeg\" alt=\"Klavierraum 1\" \/>\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/5bcc5c127e06d6b77e0817c57ef355fd-scaled.jpeg\" alt=\"Fl\u00fcgelraum 2\" \/>\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35346.jpeg\" alt=\"Klavierraum 2\" \/>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <strong>V.A.M Kulturzentrum<\/strong> | Musik- und Kunstschule in Essen\n <\/footer>\n\n<\/body>\n<\/html>\n\n<style>\n body{margin:0}\n .form-page{\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n background:#ffffff;\n color:#111;\n padding:40px 20px 80px;\n }\n .form-wrap{\n max-width:520px;\n margin:0 auto;\n }\n\n h1{\n font-size:28px;\n font-weight:600;\n margin-bottom:32px;\n }\n\n label{\n display:block;\n font-size:14px;\n font-weight:500;\n margin-bottom:8px;\n }\n\n input, textarea{\n width:100%;\n padding:14px 16px;\n border-radius:12px;\n border:1px solid #ddd;\n font-size:15px;\n outline:none;\n margin-bottom:26px;\n }\n\n textarea{\n min-height:140px;\n resize:vertical;\n }\n\n input::placeholder,\n textarea::placeholder{\n color:#aaa;\n }\n\n .checkbox-row{\n display:flex;\n gap:12px;\n align-items:flex-start;\n font-size:13px;\n color:#333;\n line-height:1.6;\n margin-bottom:30px;\n }\n\n .checkbox-row input{\n margin-top:4px;\n width:18px;\n height:18px;\n }\n\n .checkbox-row a{\n color:#000;\n text-decoration:underline;\n }\n\n button{\n width:100%;\n padding:14px;\n border-radius:999px;\n border:none;\n background:#111;\n color:#fff;\n font-size:15px;\n font-weight:600;\n cursor:pointer;\n }\n<\/style>\n\n<div class=\"form-page\">\n <div class=\"form-wrap\">\n\n <h1>Kontakt<\/h1>\n\n <form onsubmit=\"sendMail(); return false;\" action=\"\">\n <label>Name<\/label>\n <input id=\"name\" type=\"text\" placeholder=\"What's your name?\" required>\n\n <label>Email<\/label>\n <input id=\"email\" type=\"email\" placeholder=\"What's your email?\" required>\n\n <label>Message<\/label>\n <textarea id=\"message\" placeholder=\"Write your message...\" required><\/textarea>\n\n <div class=\"checkbox-row\">\n <input id=\"privacy\" type=\"checkbox\" required>\n <div>\n Ich bin damit einverstanden, dass die von mir angegebenen personenbezogenen Daten\n f\u00fcr die Beantwortung der Anfrage verwendet werden, wie beschrieben in:\n <a href=\"\/zh\/datenschutz\/\" target=\"_blank\">Datenschutzrichtlinie<\/a>.\n Ich kann meine Zustimmung jederzeit widerrufen.\n <\/div>\n <\/div>\n\n <button type=\"submit\">Send Message<\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n\n <\/div>\n<\/div>\n\n<script>\n function sendMail(){\n const name = document.getElementById(\"name\").value;\n const email = document.getElementById(\"email\").value;\n const message = document.getElementById(\"message\").value;\n\n const subject = encodeURIComponent(\"Neue Anfrage \u00fcber die Website\");\n const body = encodeURIComponent(\n \"Name: \" + name + \"\\n\" +\n \"Email: \" + email + \"\\n\\n\" +\n \"Message:\\n\" + message\n );\n\n window.location.href =\n \"mailto:vamartmusic@gmail.com?subject=\" + subject + \"&body=\" + body;\n }\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>V.A.M Kulturzentrum \u2013 Musik- und Kunstschule in Essen V.A.M Kulturzentrum Eine Musik- und Kunstschule in Essen Jetzt Anmelden Hier kannst du Musik erleben und Kunst entdecken. Lerne Musikinstrumente, entwickle deine k\u00fcnstlerischen F\u00e4higkeiten im Bereich Malerei und gestalte deinen eigenen kreativen Weg. In unserem professionellen Tonstudio hast du die M\u00f6glichkeit, Aufnahmen zu machen und deine eigene […]<\/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-4","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":71,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":384,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/4\/revisions\/384"}],"wp:attachment":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n V.A.M Kulturzentrum \u2013 Musik- und Kunstschule in Essen<\/title>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n :root {\n --black: #111;\n --white: #fff;\n --accent: #e8c96b;\n --warm: #f5f0e8;\n --text: #444;\n --hero-overlay: linear-gradient(135deg, rgba(0, 0, 0, 0.62) 0%, rgba(20, 10, 5, 0.42) 100%);\n --image-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.22) 55%, transparent 100%);\n --container: 1160px;\n --radius: 0px;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Lato', sans-serif;\n color: var(--black);\n background: var(--white);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n a {\n text-decoration: none;\n }\n\n .container {\n width: min(100%, var(--container));\n margin: 0 auto;\n padding-left: 32px;\n padding-right: 32px;\n }\n\n \/* NAV *\/\n nav {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 20;\n display: flex;\n justify-content: center;\n padding: 22px 24px;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 13px;\n letter-spacing: 4px;\n color: var(--white);\n text-transform: uppercase;\n text-align: center;\n line-height: 1.4;\n }\n\n .logo span {\n display: block;\n font-size: 10px;\n letter-spacing: 6px;\n opacity: 0.9;\n }\n\n \/* HERO *\/\n .hero {\n position: relative;\n min-height: 520px;\n background: url('https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35348-scaled.jpeg') center center \/ cover no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 120px 24px 80px;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--hero-overlay);\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n width: min(100%, 760px);\n margin: 0 auto;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(34px, 6vw, 58px);\n font-weight: 900;\n color: var(--white);\n line-height: 1.15;\n letter-spacing: 0.3px;\n margin-bottom: 28px;\n text-wrap: balance;\n }\n\n .btn-outline,\n .btn-yellow,\n .btn-dark,\n .link-underline {\n transition: all 0.25s ease;\n }\n\n .btn-outline {\n display: inline-block;\n border: 2px solid var(--white);\n color: var(--white);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n padding: 12px 24px;\n }\n\n .btn-outline:hover {\n background: var(--white);\n color: var(--black);\n }\n\n \/* INTRO *\/\n .intro {\n padding: 72px 0;\n }\n\n .intro-inner {\n display: grid;\n grid-template-columns: 220px minmax(0, 1fr);\n align-items: center;\n gap: 48px;\n }\n\n .intro-images {\n display: grid;\n gap: 12px;\n }\n\n .intro-images img {\n width: 100%;\n height: 140px;\n object-fit: cover;\n }\n\n .intro-text h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 36px);\n font-weight: 700;\n line-height: 1.25;\n margin-bottom: 18px;\n text-wrap: balance;\n }\n\n .intro-text p {\n font-size: 15px;\n line-height: 1.9;\n color: var(--text);\n max-width: 760px;\n }\n\n \/* ANGEBOTE *\/\n .angebote {\n background: var(--warm);\n padding: 72px 0;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 3vw, 34px);\n font-weight: 700;\n letter-spacing: 0.3px;\n text-align: center;\n margin-bottom: 40px;\n }\n\n .cards {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .card {\n position: relative;\n min-height: 320px;\n overflow: hidden;\n background: #ddd;\n }\n\n .card img {\n width: 100%;\n height: 100%;\n min-height: 320px;\n object-fit: cover;\n transition: transform 0.45s ease;\n }\n\n .card:hover img {\n transform: scale(1.04);\n }\n\n .card-overlay {\n position: absolute;\n inset: 0;\n background: var(--image-overlay);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: 18px;\n text-align: left;\n }\n\n .card-overlay h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 8px;\n line-height: 1.35;\n }\n\n .card-overlay p {\n font-size: 12px;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.86);\n max-width: 90%;\n }\n\n \/* BANNER *\/\n .banner {\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #1a0a00 0%, #7a1a00 40%, #c43a00 70%, #e8820a 100%);\n padding: 72px 0;\n }\n\n .banner::after {\n content: '';\n position: absolute;\n right: -80px;\n top: 50%;\n transform: translateY(-50%);\n width: 360px;\n height: 360px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\n }\n\n .banner-inner {\n position: relative;\n z-index: 1;\n display: grid;\n grid-template-columns: minmax(0, 1fr) 260px;\n align-items: center;\n gap: 36px;\n }\n\n .banner-text h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(32px, 6vw, 56px);\n font-weight: 900;\n color: var(--white);\n line-height: 1.02;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 28px;\n }\n\n .btn-yellow {\n display: inline-block;\n background: var(--accent);\n color: var(--black);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 13px 28px;\n }\n\n .btn-yellow:hover {\n opacity: 0.9;\n transform: translateY(-1px);\n }\n\n .banner-visual {\n width: 240px;\n aspect-ratio: 1 \/ 1;\n border-radius: 50%;\n background: url('https:\/\/images.unsplash.com\/photo-1598488035139-bdbb2231ce04?w=600&q=80') center \/ cover no-repeat;\n border: 3px solid rgba(255, 255, 255, 0.22);\n justify-self: end;\n }\n\n \/* WORKSHOP *\/\n .workshop {\n padding: 72px 0;\n }\n\n .workshop-inner {\n display: grid;\n grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);\n align-items: center;\n gap: 48px;\n }\n\n .workshop-image img {\n width: 100%;\n height: 320px;\n object-fit: cover;\n }\n\n .workshop-text h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 3vw, 32px);\n font-weight: 700;\n margin-bottom: 16px;\n line-height: 1.25;\n }\n\n .workshop-text p {\n font-size: 15px;\n line-height: 1.85;\n color: var(--text);\n margin-bottom: 20px;\n max-width: 620px;\n }\n\n .link-underline {\n display: inline-block;\n color: var(--black);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n border-bottom: 2px solid var(--black);\n padding-bottom: 3px;\n }\n\n .link-underline:hover {\n opacity: 0.6;\n }\n\n \/* PROBERAUM *\/\n .proberaum {\n background: var(--warm);\n padding: 72px 0;\n }\n\n .proberaum-bg {\n background:\n linear-gradient(135deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.36) 100%),\n url('https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35330-scaled.jpeg') center center \/ cover no-repeat;\n padding: 88px 32px;\n text-align: center;\n margin-bottom: 18px;\n }\n\n .proberaum-bg .section-title {\n color: var(--white);\n margin-bottom: 18px;\n }\n\n .proberaum-bg p {\n font-size: 15px;\n line-height: 1.85;\n color: rgba(255,255,255,0.94);\n max-width: 620px;\n margin: 0 auto 28px;\n }\n\n .btn-dark {\n display: inline-block;\n background: var(--black);\n color: var(--white);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 14px 30px;\n }\n\n .btn-dark:hover {\n background: #333;\n }\n\n .piano-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px;\n }\n\n .piano-grid img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n background: #ddd;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--black);\n color: rgba(255,255,255,0.6);\n text-align: center;\n padding: 30px 20px;\n font-size: 12px;\n letter-spacing: 1px;\n }\n\n footer strong {\n color: var(--white);\n }\n\n \/* TABLET *\/\n @media (max-width: 1024px) {\n .intro-inner {\n grid-template-columns: 180px minmax(0, 1fr);\n gap: 32px;\n }\n\n .cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .banner-inner {\n grid-template-columns: minmax(0, 1fr) 220px;\n }\n\n .workshop-inner {\n grid-template-columns: 1fr;\n gap: 28px;\n }\n\n .workshop-image img {\n height: 300px;\n }\n\n .piano-grid img {\n height: 260px;\n }\n }\n\n \/* MOBILE *\/\n @media (max-width: 768px) {\n .container {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n nav {\n padding: 18px 16px;\n }\n\n .logo {\n font-size: 12px;\n letter-spacing: 3px;\n }\n\n .logo span {\n font-size: 9px;\n letter-spacing: 4px;\n }\n\n .hero {\n min-height: 460px;\n padding: 110px 20px 70px;\n }\n\n .hero h1 {\n margin-bottom: 24px;\n }\n\n .btn-outline,\n .btn-yellow,\n .btn-dark {\n width: auto;\n max-width: 100%;\n }\n\n .intro {\n padding: 52px 0;\n }\n\n .intro-inner {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .intro-images {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .intro-images img {\n height: 120px;\n }\n\n .angebote,\n .banner,\n .workshop,\n .proberaum {\n padding: 52px 0;\n }\n\n .cards {\n grid-template-columns: 1fr;\n }\n\n .card,\n .card img {\n min-height: 260px;\n }\n\n .banner-inner {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .banner-visual {\n justify-self: center;\n width: 170px;\n }\n\n .banner-text h2 {\n margin-bottom: 22px;\n }\n\n .workshop-image img {\n height: 230px;\n }\n\n .proberaum-bg {\n padding: 60px 20px;\n }\n\n .piano-grid {\n grid-template-columns: 1fr;\n }\n\n .piano-grid img {\n height: 240px;\n }\n\n .workshop-text,\n .intro-text {\n text-align: left;\n }\n }\n\n @media (max-width: 420px) {\n .hero {\n min-height: 430px;\n }\n\n .intro-images {\n grid-template-columns: 1fr 1fr;\n }\n\n .intro-images img {\n height: 100px;\n }\n\n .card,\n .card img {\n min-height: 220px;\n }\n\n .workshop-image img,\n .piano-grid img {\n height: 210px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <nav>\n <div class=\"logo\">\n V.A.M\n <span>Kulturzentrum<\/span>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>Eine Musik- und Kunstschule in Essen<\/h1>\n <a href=\"https:\/\/vamartmusic.com\/zh\/kontaktformular\/\" class=\"btn-outline\">Jetzt Anmelden<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"intro\">\n <div class=\"container intro-inner\">\n <div class=\"intro-images\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514320291840-2e0a9bf2a9ae?w=400&q=80\" alt=\"Musik lernen\" \/>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579783902614-a3fb3927b6a5?w=400&q=80\" alt=\"Kunst entdecken\" \/>\n <\/div>\n\n <div class=\"intro-text\">\n <h2>Hier kannst du Musik erleben und Kunst entdecken.<\/h2>\n <p>\n Lerne Musikinstrumente, entwickle deine k\u00fcnstlerischen F\u00e4higkeiten im Bereich Malerei und gestalte deinen eigenen kreativen Weg.<br><br>\n In unserem professionellen Tonstudio hast du die M\u00f6glichkeit, Aufnahmen zu machen und deine eigene Musik zu produzieren. Nimm teil an unseren vielf\u00e4ltigen Workshops, Konzerten und Ausstellungen \u2013 und bereichere dein Leben durch Musik und Kunst.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"angebote\">\n <div class=\"container\">\n <h2 class=\"section-title\">Unsere Angebote<\/h2>\n\n <div class=\"cards\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511379938547-c1f69419868d?w=900&q=80\" alt=\"Instrumental- und Gesangsunterricht\" \/>\n <div class=\"card-overlay\">\n <h3>Instrumental- und Gesangsunterricht<\/h3>\n <p>Individuelle Stunden f\u00fcr alle Niveaus \u2013 von Anf\u00e4ngern bis Fortgeschrittenen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460661419201-fd4cecdf8a8b?w=900&q=80\" alt=\"Malkurse\" \/>\n <div class=\"card-overlay\">\n <h3>Malkurse<\/h3>\n <p>Malkurse zur Entwicklung von Technik, Kreativit\u00e4t und individuellem Ausdruck.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35331-scaled.jpeg\" alt=\"Musikproduzieren und Tonstudio\" \/>\n <div class=\"card-overlay\">\n <h3>Musikproduzieren & Tonstudio<\/h3>\n <p>Professionelle Aufnahmen f\u00fcr Creators und Makers.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"banner\">\n <div class=\"container banner-inner\">\n <div class=\"banner-text\">\n <h2>Jetzt<br>Er\u00f6ffnungsrabatt<br>Sichern!<\/h2>\n <a href=\"\/zh\/eroeffnungsangebot.html\/\" class=\"btn-yellow\">Zum Er\u00f6ffnungsangebot<\/a>\n <\/div>\n\n <div class=\"banner-visual\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"workshop\">\n <div class=\"container workshop-inner\">\n <div class=\"workshop-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501612780327-45045538702b?w=1200&q=80\" alt=\"Workshop und Events\" \/>\n <\/div>\n\n <div class=\"workshop-text\">\n <h2>Workshop & Events<\/h2>\n <p>\n Wir veranstalten regelm\u00e4\u00dfig Musik- und Kunstevents offen f\u00fcr alle. Entdecke unsere Workshops und melde dich gerne an.\n <\/p>\n <a href=\"\/zh\/veranstaltungen.html\/\" class=\"link-underline\">Veranstaltungskalender<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"proberaum\">\n <div class=\"container\">\n <div class=\"proberaum-bg\">\n <h2 class=\"section-title\">Proberaum<\/h2>\n <p>\n Unsere drei Fl\u00fcgelr\u00e4ume mit hervorragender Akustik sowie zwei Klavierr\u00e4ume stehen f\u00fcr \u00dcbung und Proben zur Verf\u00fcgung.\n <\/p>\n <a href=\"https:\/\/vamartmusic.simplybook.it\/v2\/\" class=\"btn-dark\">Jetzt Reservieren<\/a>\n <\/div>\n\n <div class=\"piano-grid\">\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/3dc3c74101ddc989c141433563b23223-scaled.jpeg\" alt=\"Fl\u00fcgelraum 1\" \/>\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/29e00d4c745e3a325a6af8dda6002fbe-scaled.jpeg\" alt=\"Klavierraum 1\" \/>\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/5bcc5c127e06d6b77e0817c57ef355fd-scaled.jpeg\" alt=\"Fl\u00fcgelraum 2\" \/>\n <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/04\/35346.jpeg\" alt=\"Klavierraum 2\" \/>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <strong>V.A.M Kulturzentrum<\/strong> | Musik- und Kunstschule in Essen\n <\/footer>\n\n<\/body>\n<\/html>\n\n<style>\n body{margin:0}\n .form-page{\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n background:#ffffff;\n color:#111;\n padding:40px 20px 80px;\n }\n .form-wrap{\n max-width:520px;\n margin:0 auto;\n }\n\n h1{\n font-size:28px;\n font-weight:600;\n margin-bottom:32px;\n }\n\n label{\n display:block;\n font-size:14px;\n font-weight:500;\n margin-bottom:8px;\n }\n\n input, textarea{\n width:100%;\n padding:14px 16px;\n border-radius:12px;\n border:1px solid #ddd;\n font-size:15px;\n outline:none;\n margin-bottom:26px;\n }\n\n textarea{\n min-height:140px;\n resize:vertical;\n }\n\n input::placeholder,\n textarea::placeholder{\n color:#aaa;\n }\n\n .checkbox-row{\n display:flex;\n gap:12px;\n align-items:flex-start;\n font-size:13px;\n color:#333;\n line-height:1.6;\n margin-bottom:30px;\n }\n\n .checkbox-row input{\n margin-top:4px;\n width:18px;\n height:18px;\n }\n\n .checkbox-row a{\n color:#000;\n text-decoration:underline;\n }\n\n button{\n width:100%;\n padding:14px;\n border-radius:999px;\n border:none;\n background:#111;\n color:#fff;\n font-size:15px;\n font-weight:600;\n cursor:pointer;\n }\n<\/style>\n\n<div class=\"form-page\">\n <div class=\"form-wrap\">\n\n <h1>Kontakt<\/h1>\n\n <form onsubmit=\"sendMail(); return false;\" action=\"\">\n <label>Name<\/label>\n <input id=\"name\" type=\"text\" placeholder=\"What's your name?\" required>\n\n <label>Email<\/label>\n <input id=\"email\" type=\"email\" placeholder=\"What's your email?\" required>\n\n <label>Message<\/label>\n <textarea id=\"message\" placeholder=\"Write your message...\" required><\/textarea>\n\n <div class=\"checkbox-row\">\n <input id=\"privacy\" type=\"checkbox\" required>\n <div>\n Ich bin damit einverstanden, dass die von mir angegebenen personenbezogenen Daten\n f\u00fcr die Beantwortung der Anfrage verwendet werden, wie beschrieben in:\n <a href=\"\/zh\/datenschutz\/\" target=\"_blank\">Datenschutzrichtlinie<\/a>.\n Ich kann meine Zustimmung jederzeit widerrufen.\n <\/div>\n <\/div>\n\n <button type=\"submit\">Send Message<\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n\n <\/div>\n<\/div>\n\n<script>\n function sendMail(){\n const name = document.getElementById(\"name\").value;\n const email = document.getElementById(\"email\").value;\n const message = document.getElementById(\"message\").value;\n\n const subject = encodeURIComponent(\"Neue Anfrage \u00fcber die Website\");\n const body = encodeURIComponent(\n \"Name: \" + name + \"\\n\" +\n \"Email: \" + email + \"\\n\\n\" +\n \"Message:\\n\" + message\n );\n\n window.location.href =\n \"mailto:vamartmusic@gmail.com?subject=\" + subject + \"&body=\" + body;\n }\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>V.A.M Kulturzentrum \u2013 Musik- und Kunstschule in Essen V.A.M Kulturzentrum Eine Musik- und Kunstschule in Essen Jetzt Anmelden Hier kannst du Musik erleben und Kunst entdecken. Lerne Musikinstrumente, entwickle deine k\u00fcnstlerischen F\u00e4higkeiten im Bereich Malerei und gestalte deinen eigenen kreativen Weg. In unserem professionellen Tonstudio hast du die M\u00f6glichkeit, Aufnahmen zu machen und deine eigene […]<\/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-4","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":71,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":384,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/4\/revisions\/384"}],"wp:attachment":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}