{"id":6629,"date":"2022-11-16T17:08:52","date_gmt":"2022-11-16T17:08:52","guid":{"rendered":"https:\/\/rheinklassik.ch\/?page_id=6629"},"modified":"2026-05-08T15:37:43","modified_gmt":"2026-05-08T15:37:43","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/rheinklassik.ch\/de\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6629\" class=\"elementor elementor-6629\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2032a70 e-con-full e-flex e-con e-parent\" data-id=\"2032a70\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b61456 elementor-widget elementor-widget-html\" data-id=\"7b61456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Albert+Sans:wght@200;300;400;500;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.elementor-widget-html,\n.elementor-widget-html .elementor-widget-container {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n.rk-kontakt-wrap {\n  width: 100%;\n  background: #fafafa;\n  padding: 56px 56px 64px;\n  font-family: 'Albert Sans', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  border-bottom: 0.5px solid rgba(54,69,59,0.13);\n}\n.rk-kontakt-wrap * { box-sizing: border-box; font-family: 'Albert Sans', sans-serif; }\n.rk-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }\n.rk-ey-ln { width: 18px; height: 1px; background: #b8933a; flex-shrink: 0; display: block; }\n.rk-ey-tx { font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #b8933a; }\n.rk-kontakt-title { font-size: clamp(42px, 8vw, 80px); font-weight: 800; letter-spacing: -0.03em; line-height: 0.95; color: #36453b; margin: 0 0 8px; display: block; }\n.rk-kontakt-sub { font-size: 16px; font-weight: 300; color: #a8a78e; letter-spacing: 0.02em; margin: 0 0 48px; display: block; }\n.rk-kontakt-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }\n.rk-field { margin-bottom: 20px; }\n.rk-field label { display: block; font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #b8933a; margin-bottom: 8px; }\n.rk-field input, .rk-field textarea { width: 100%; background: #ffffff; border: 0.5px solid rgba(54,69,59,0.13); border-radius: 3px; padding: 12px 14px; font-family: 'Albert Sans', sans-serif; font-size: 15px; font-weight: 300; color: #515751; outline: none; transition: border-color 0.2s; -webkit-appearance: none; appearance: none; }\n.rk-field input:focus, .rk-field textarea:focus { border-color: #b8933a; }\n.rk-field textarea { resize: vertical; min-height: 130px; }\n.rk-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.rk-submit { display: inline-flex; align-items: center; gap: 10px; background: #36453b; color: #f0e4c0; border: none; border-radius: 3px; padding: 13px 28px; margin-top: 8px; font-family: 'Albert Sans', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; transition: background 0.2s; }\n.rk-submit:hover { background: #4a5e50; }\n.rk-msg { display: none; margin-top: 16px; padding: 12px 16px; font-size: 14px; font-weight: 300; line-height: 1.5; }\n.rk-msg.success { background: #dde8df; color: #36453b; border-left: 3px solid #36453b; }\n.rk-msg.error { background: #fff3f3; color: #7a2020; border-left: 3px solid #b84040; }\n.rk-info-col { padding-top: 4px; }\n.rk-info-divider { height: 0.5px; background: rgba(54,69,59,0.13); margin: 24px 0; }\n.rk-info-label { display: block; font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #b8933a; margin-bottom: 6px; }\n.rk-info-value { font-size: 15px; font-weight: 300; color: #515751; line-height: 1.7; }\n.rk-info-value a { color: #36453b; text-decoration: none; font-weight: 400; }\n.rk-info-value a:hover { color: #b8933a; }\n.rk-season-divider { display: flex; align-items: center; gap: 16px; margin-top: 56px; }\n.rk-div-line { flex: 1; height: 1px; background: linear-gradient(90deg, #b8933a, rgba(184,147,58,0.2) 60%, transparent); }\n.rk-div-label { font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #b8933a; white-space: nowrap; }\n@media (max-width: 768px) {\n  .rk-kontakt-wrap { padding: 52px 28px 48px; }\n  .rk-kontakt-inner { grid-template-columns: 1fr; gap: 40px; }\n  .rk-field-row { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"rk-kontakt-wrap\">\n  <div class=\"rk-eyebrow\">\n    <span class=\"rk-ey-ln\"><\/span>\n    <span class=\"rk-ey-tx\">Kontakt<\/span>\n  <\/div>\n  <span class=\"rk-kontakt-title\">Schreiben<br>Sie uns.<\/span>\n  <span class=\"rk-kontakt-sub\">Wir freuen uns von Ihnen zu h\u00f6ren.<\/span>\n  <div class=\"rk-kontakt-inner\">\n    <div class=\"rk-form-col\">\n      <div class=\"rk-field-row\">\n        <div class=\"rk-field\">\n          <label for=\"rk-vorname\">Vorname<\/label>\n          <input type=\"text\" id=\"rk-vorname\" placeholder=\"Maria\" autocomplete=\"given-name\">\n        <\/div>\n        <div class=\"rk-field\">\n          <label for=\"rk-nachname\">Nachname<\/label>\n          <input type=\"text\" id=\"rk-nachname\" placeholder=\"M\u00fcller\" autocomplete=\"family-name\">\n        <\/div>\n      <\/div>\n      <div class=\"rk-field\">\n        <label for=\"rk-email\">E-Mail<\/label>\n        <input type=\"email\" id=\"rk-email\" placeholder=\"maria@beispiel.ch\" autocomplete=\"email\">\n      <\/div>\n      <div class=\"rk-field\">\n        <label for=\"rk-msg-field\">Nachricht<\/label>\n        <textarea id=\"rk-msg-field\" placeholder=\"Ihre Nachricht\u2026\"><\/textarea>\n      <\/div>\n      <button class=\"rk-submit\" id=\"rk-send-btn\">\n        <span>Absenden<\/span>\n        <span style=\"font-size:16px;font-weight:200;\">\u2192<\/span>\n      <\/button>\n      <div class=\"rk-msg\" id=\"rk-status\"><\/div>\n    <\/div>\n    <div class=\"rk-info-col\">\n      <div>\n        <span class=\"rk-info-label\">E-Mail<\/span>\n        <div class=\"rk-info-value\"><a href=\"mailto:info@rheinklassik.ch\">info@rheinklassik.ch<\/a><\/div>\n      <\/div>\n      <div class=\"rk-info-divider\"><\/div>\n      <div>\n        <span class=\"rk-info-label\">Adresse<\/span>\n        <div class=\"rk-info-value\">Vogesenstrasse 100<br>4056 Basel<br>Schweiz<\/div>\n      <\/div>\n      <div class=\"rk-info-divider\"><\/div>\n      <div>\n        <span class=\"rk-info-label\">Rechtliches<\/span>\n        <div class=\"rk-info-value\">Gemeinn\u00fctziger Verein<br>100 % non-profit<\/div>\n      <\/div>\n      <div class=\"rk-info-divider\"><\/div>\n      <div>\n        <span class=\"rk-info-label\">Folgen Sie uns<\/span>\n        <div class=\"rk-info-value\">\n          <a href=\"https:\/\/www.instagram.com\/rheinklassik\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n          &nbsp;\u00b7&nbsp;\n          <a href=\"https:\/\/www.facebook.com\/rheinklassik.ch\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"rk-season-divider\">\n    <div class=\"rk-div-line\"><\/div>\n    <span class=\"rk-div-label\">Rhein Klassik \u00b7 Basel<\/span>\n    <div class=\"rk-div-line\" style=\"background:linear-gradient(270deg,#b8933a,rgba(184,147,58,0.2) 60%,transparent);\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  document.getElementById('rk-send-btn').addEventListener('click', function(){\n    var vorname  = document.getElementById('rk-vorname').value.trim();\n    var nachname = document.getElementById('rk-nachname').value.trim();\n    var email    = document.getElementById('rk-email').value.trim();\n    var msg      = document.getElementById('rk-msg-field').value.trim();\n    var status   = document.getElementById('rk-status');\n    if(!vorname||!email||!msg){\n      status.textContent='Bitte f\u00fcllen Sie alle Pflichtfelder aus (Vorname, E-Mail, Nachricht).';\n      status.className='rk-msg error'; status.style.display='block'; return;\n    }\n    if(!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)){\n      status.textContent='Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.';\n      status.className='rk-msg error'; status.style.display='block'; return;\n    }\n    var subject='Kontaktanfrage von '+vorname+(nachname?' '+nachname:'');\n    var body='Name: '+vorname+(nachname?' '+nachname:'')+'\\nE-Mail: '+email+'\\n\\n'+msg;\n    window.location.href='mailto:info@rheinklassik.ch?subject='+encodeURIComponent(subject)+'&body='+encodeURIComponent(body);\n    status.textContent='Ihre E-Mail-App wurde ge\u00f6ffnet \u2014 bitte senden Sie die Nachricht von dort ab.';\n    status.className='rk-msg success'; status.style.display='block';\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\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>Kontakt SchreibenSie uns. Wir freuen uns von Ihnen zu h\u00f6ren. Vorname Nachname E-Mail Nachricht Absenden \u2192 E-Mail info@rheinklassik.ch Adresse Vogesenstrasse 1004056 BaselSchweiz Rechtliches Gemeinn\u00fctziger Verein100 % non-profit Folgen Sie uns Instagram &nbsp;\u00b7&nbsp; Facebook Rhein Klassik \u00b7 Basel<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6629","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/pages\/6629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/comments?post=6629"}],"version-history":[{"count":31,"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/pages\/6629\/revisions"}],"predecessor-version":[{"id":11828,"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/pages\/6629\/revisions\/11828"}],"wp:attachment":[{"href":"https:\/\/rheinklassik.ch\/de\/wp-json\/wp\/v2\/media?parent=6629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}