{"id":6,"date":"2026-01-24T11:10:48","date_gmt":"2026-01-24T11:10:48","guid":{"rendered":"https:\/\/mediumseagreen-raven-758407.hostingersite.com\/music\/"},"modified":"2026-03-02T18:33:05","modified_gmt":"2026-03-02T18:33:05","slug":"music","status":"publish","type":"page","link":"https:\/\/vamartmusic.com\/zh\/music\/","title":{"rendered":"Music"},"content":{"rendered":"<pre class=\"wp-block-preformatted\"><\/pre>\n\n\n\n<style>\n  html{scroll-behavior:smooth;}\n  body{margin:0}\n\n  .musik-page{\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n    background:#f6f2ec; \/* same as Preis *\/\n    color:#1e1e1e;\n    padding:40px 20px 80px;\n  }\n  .wrap{\n    max-width:1100px;\n    margin:0 auto;\n  }\n\n  \/* ===== HERO TOP ===== *\/\n  .hero-top{\n    position:relative;\n    width:100%;\n    min-height:420px;\n    border-radius:28px;\n    overflow:hidden;\n    margin-bottom:28px;\n  }\n  .hero-top::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(\n        to right,\n        rgba(255,255,255,.85) 0%,\n        rgba(255,255,255,.75) 40%,\n        rgba(255,255,255,.35) 70%,\n        rgba(255,255,255,.15) 100%\n      ),\n      url(\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/manuel-sardo-dZOFaMG-0Q0-unsplash-scaled.jpg\");\n    background-size:cover;\n    background-position:center;\n  }\n  .hero-content{\n    position:relative;\n    padding:60px 56px;\n    max-width:720px;\n  }\n  .hero-title{\n    font-size:52px;\n    font-weight:700;\n    line-height:1.15;\n    margin:0 0 36px;\n    color:#1b1b1b;\n  }\n  .hero-buttons{\n    display:flex;\n    gap:18px;\n    flex-wrap:wrap;\n  }\n  .hero-btn{\n    display:inline-block;\n    padding:14px 28px;\n    border-radius:999px;\n    font-size:15px;\n    font-weight:600;\n    text-decoration:none;\n    border:2px solid #1f4d2e;\n    transition:.2s ease;\n  }\n  .hero-btn.primary{background:#1f4d2e;color:#fff;}\n  .hero-btn.primary:hover{background:#173a23;}\n  .hero-btn.secondary{background:transparent;color:#1f4d2e;}\n  .hero-btn.secondary:hover{background:rgba(31,77,46,.08);}\n\n  \/* ===== shared cards ===== *\/\n  .card{\n    background:rgba(255,255,255,.75);\n    border-radius:22px;\n    padding:26px;\n  }\n  .section{margin-top:18px}\n  .section + .section{margin-top:22px}\n\n  h2{\n    margin:0 0 12px;\n    font-size:34px;\n    font-weight:650;\n    letter-spacing:.2px;\n  }\n  .p{\n    margin:0;\n    color:#4b4b4b;\n    line-height:1.75;\n    font-size:15px;\n  }\n  .spacer{height:18px}\n\n  \/* split sections *\/\n  .split{\n    display:grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap:18px;\n    align-items:stretch;\n  }\n  .imgbox{\n    border-radius:18px;\n    overflow:hidden;\n    background:rgba(0,0,0,.06);\n    min-height:230px;\n  }\n  .imgbox img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n  }\n\n  \/* Lehrteam *\/\n  .subhead{\n    font-size:20px;\n    font-weight:650;\n    margin:0 0 10px;\n  }\n  .feature-grid{\n    margin-top:18px;\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:14px;\n  }\n  .feature{\n    background:rgba(255,255,255,.72);\n    border-radius:18px;\n    padding:18px;\n  }\n  .icon{\n    width:44px;height:44px;\n    border-radius:14px;\n    background:rgba(30,30,30,.07);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:12px;\n    font-size:20px;\n  }\n  .feature h4{\n    margin:0 0 8px;\n    font-size:18px;\n    font-weight:650;\n  }\n  .feature p{\n    margin:0;\n    color:#4b4b4b;\n    line-height:1.65;\n    font-size:14px;\n  }\n\n  \/* Experience tags *\/\n  .tag-row{\n    margin-top:16px;\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:12px;\n  }\n  .tag{\n    display:flex;\n    gap:10px;\n    align-items:center;\n    padding:14px 16px;\n    border-radius:16px;\n    background:rgba(255,255,255,.70);\n    color:#2d2d2d;\n    font-weight:600;\n    font-size:14px;\n  }\n  .tag .mini{\n    width:36px;height:36px;\n    border-radius:12px;\n    background:rgba(30,30,30,.07);\n    display:flex;align-items:center;justify-content:center;\n    font-size:18px;\n    flex:0 0 auto;\n  }\n\n  \/* Courses *\/\n  .center-title{\n    text-align:center;\n    margin:0 0 10px;\n    font-size:32px;\n    font-weight:650;\n  }\n  .center-sub{\n    text-align:center;\n    margin:0 0 20px;\n    color:#5a5a5a;\n    font-size:14px;\n    letter-spacing:.02em;\n  }\n  .course-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n  }\n  .course{\n    overflow:hidden;\n    border-radius:18px;\n    background:rgba(255,255,255,.78);\n  }\n  .course .thumb{height:170px;background:rgba(0,0,0,.06);}\n  .course .thumb img{width:100%;height:100%;object-fit:cover;display:block;}\n  .course .body{padding:14px 14px 16px;}\n  .course h3{margin:0 0 6px;font-size:20px;font-weight:650;}\n  .course p{margin:0;color:#4b4b4b;font-size:14px;line-height:1.6;}\n\n  \/* nicer anchor landing if there's a sticky header *\/\n  #about, #courses{scroll-margin-top:24px;}\n\n  \/* responsive *\/\n  @media(max-width:980px){\n    .hero-top{min-height:360px}\n    .hero-content{padding:42px 28px}\n    .hero-title{font-size:38px}\n    .split{grid-template-columns:1fr}\n    .feature-grid{grid-template-columns:1fr}\n    .tag-row{grid-template-columns:1fr}\n    .course-grid{grid-template-columns:1fr}\n    h2{font-size:28px}\n    .center-title{font-size:26px}\n  }\n<\/style>\n\n<div class=\"musik-page\">\n  <div class=\"wrap\">\n\n    <!-- HERO -->\n    <div class=\"hero-top\">\n      <div class=\"hero-content\">\n        <h1 class=\"hero-title\">Mit Freunde Musik<br>lernen<\/h1>\n        <div class=\"hero-buttons\">\n          <a href=\"#about\" class=\"hero-btn primary\">\u00dcber unsere Musikschule<\/a>\n          <a href=\"#courses\" class=\"hero-btn secondary\">Unsere Kurse<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u00dcBER UNS -->\n    <section class=\"section card\" id=\"about\">\n      <div class=\"split\">\n        <div>\n          <h2>\u00dcber uns<\/h2>\n          <p class=\"p\">Unser Kulturzentrum ist ein Ort, an dem Musik nicht nur gelernt, sondern mit allen Sinnen erlebt wird.<\/p>\n          <div class=\"spacer\"><\/div>\n          <p class=\"p\">\n            Wir verstehen musikalische Bildung als pers\u00f6nlichen und kreativen Prozess, der Raum f\u00fcr Entfaltung,\n            Inspiration und gemeinsames Wachstum bietet.\n          <\/p>\n        <\/div>\n        <div class=\"imgbox\" aria-label=\"\u00dcber uns Bild\">\n          <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/uber-uns\u4ecb\u7ecd\u56fe.png\" alt=\"\u00dcber uns\">\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- LEHRTEAM -->\n    <section class=\"section card\">\n      <p class=\"subhead\">Unser Lehrteam<\/p>\n      <p class=\"p\">\n        Unser Lehrteam besteht aus erfahrenen, hochqualifizierten Musikerinnen und Absolventinnen renommierter Musikhochschulen.\n      <\/p>\n      <div class=\"spacer\"><\/div>\n      <p class=\"p\">\n        Mit professioneller Teamstruktur, pers\u00f6nlicher Betreuung und vielf\u00e4ltigen Lernformen schaffen wir eine Umgebung,\n        in der sich jede*r frei entwickeln kann.\n      <\/p>\n\n      <div class=\"feature-grid\">\n        <div class=\"feature\">\n          <div class=\"icon\">\ud83c\udf93<\/div>\n          <h4>Hochqualifiziertes Lehrteam<\/h4>\n          <p>Unser Lehrteam besteht aus erfahrenen Musikerinnen und Absolvent:innen renommierter Musikhochschulen.<\/p>\n        <\/div>\n        <div class=\"feature\">\n          <div class=\"icon\">\ud83e\udd1d<\/div>\n          <h4>Pers\u00f6nliche Begleitung<\/h4>\n          <p>Individuelle Betreuung und regelm\u00e4\u00dfige Gespr\u00e4che kl\u00e4ren Fragen und unterst\u00fctzen Lernziele.<\/p>\n        <\/div>\n        <div class=\"feature\">\n          <div class=\"icon\">\ud83e\udde9<\/div>\n          <h4>Flexible Lernformen<\/h4>\n          <p>Einzelunterricht, Ensembles oder eigene Bandprojekte \u2013 Musik auf die eigene Weise entdecken.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- MUSIK ALS GELEBTE ERFAHRUNG -->\n    <section class=\"section card\">\n      <div class=\"split\">\n        <div>\n          <h2>Musik als gelebte Erfahrung<\/h2>\n          <p class=\"p\">Neben dem Unterricht legen wir gro\u00dfen Wert auf musikalische Erfahrungen im Alltag.<\/p>\n          <div class=\"spacer\"><\/div>\n          <p class=\"p\">\n            Konzerte, Vorspiele, offene Unterrichtseinblicke und gemeinsames Musizieren schaffen eine lebendige Kultur des Austauschs.\n          <\/p>\n          <div class=\"spacer\"><\/div>\n          <p class=\"p\">\n            So entsteht ein inspirierendes Umfeld, in dem Lernen nachhaltig wirkt und Musik zu einem nat\u00fcrlichen Teil des Lebens wird.\n          <\/p>\n\n          <div class=\"tag-row\" aria-label=\"Erfahrung Tags\">\n            <div class=\"tag\"><span class=\"mini\">\ud83c\udfb6<\/span>Konzerte &amp; Vorspiele<\/div>\n            <div class=\"tag\"><span class=\"mini\">\ud83d\udcca<\/span>Offene Unterrichtseinblicke<\/div>\n            <div class=\"tag\"><span class=\"mini\">\ud83d\udc65<\/span>Gemeinsames Musizieren<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"imgbox\" aria-label=\"Erfahrung Bild\">\n          <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/uber-uns\u9875\u9762\u7b2c\u4e8c\u4e2a\u56fe.png\" alt=\"Musik als gelebte Erfahrung\">\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- UNSERE KURSE -->\n    <section class=\"section\" id=\"courses\" style=\"margin-top:28px;\">\n      <h2 class=\"center-title\">Unsere Kurse<\/h2>\n      <p class=\"center-sub\">Entdecken Sie unser Unterrichtsangebot:<\/p>\n\n      <div class=\"course-grid\">\n        <div class=\"course\">\n          <div class=\"thumb\">\n            <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/kurs\u94a2\u7434-scaled.jpg\" alt=\"Klavier\">\n          <\/div>\n          <div class=\"body\">\n            <h3>Klavier<\/h3>\n            <p>Klavier spielen mit Technik und Ausdruck.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"course\">\n          <div class=\"thumb\">\n            <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/kurs\u5c0f\u63d0\u7434-scaled.jpg\" alt=\"Violine\">\n          <\/div>\n          <div class=\"body\">\n            <h3>Violine<\/h3>\n            <p>Geige lernen von Anfang bis Fortgeschritten.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"course\">\n          <div class=\"thumb\">\n            <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/kurs\u5927\u63d0\u7434-scaled.jpg\" alt=\"Cello\">\n          <\/div>\n          <div class=\"body\">\n            <h3>Cello<\/h3>\n            <p>Cellounterricht f\u00fcr Klang und Tiefe.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"course\">\n          <div class=\"thumb\">\n            <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/kurs\u5531\u6b4c-scaled.jpg\" alt=\"Gesang\">\n          <\/div>\n          <div class=\"body\">\n            <h3>Gesang<\/h3>\n            <p>Stimmbildung und Gesangstechnik.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"course\">\n          <div class=\"thumb\">\n            <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/kurs\u8428\u514b\u65af-scaled.jpg\" alt=\"Saxophon\">\n          <\/div>\n          <div class=\"body\">\n            <h3>Saxophon<\/h3>\n            <p>Saxophon f\u00fcr Jazz &amp; Pop.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"course\">\n          <div class=\"thumb\">\n            <img decoding=\"async\" src=\"https:\/\/vamartmusic.com\/wp-content\/uploads\/2026\/03\/kurs\u513f\u7ae5\u65e9\u6559.png\" alt=\"Fr\u00fchf\u00f6rderung\">\n          <\/div>\n          <div class=\"body\">\n            <h3>Fr\u00fchf\u00f6rderung<\/h3>\n            <p>Liebevolle Musikeinf\u00fchrung f\u00fcr Kinder.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Mit Freunde Musiklernen \u00dcber unsere Musikschule Unsere Kurse \u00dcber uns Unser Kulturzentrum ist ein Ort, an dem Musik nicht nur gelernt, sondern mit allen Sinnen erlebt wird. Wir verstehen musikalische Bildung als pers\u00f6nlichen und kreativen Prozess, der Raum f\u00fcr Entfaltung, Inspiration und gemeinsames Wachstum bietet. Unser Lehrteam Unser Lehrteam besteht aus erfahrenen, hochqualifizierten Musikerinnen und [&hellip;]<\/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-6","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\/6","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=6"}],"version-history":[{"count":11,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/pages\/6\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/vamartmusic.com\/zh\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}