{"id":32,"date":"2025-04-23T17:09:05","date_gmt":"2025-04-23T17:09:05","guid":{"rendered":"https:\/\/studiomabel.ch\/?page_id=32"},"modified":"2025-08-04T09:32:29","modified_gmt":"2025-08-04T09:32:29","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/studiomabel.ch\/index.php\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6db0355 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6db0355\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;tilt&quot;,&quot;mdp_selection_sticky_effect_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-98a16e4\" data-id=\"98a16e4\" data-element_type=\"column\" data-settings=\"{&quot;mdp_selection_sticky_column_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d7b48b1 de_scroll_animation_no elementor-widget elementor-widget-image\" data-id=\"d7b48b1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_5f102a28-768x1024.jpg\" class=\"attachment-large size-large wp-image-332\" alt=\"\" srcset=\"https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_5f102a28-768x1024.jpg 768w, https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_5f102a28-225x300.jpg 225w, https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_5f102a28-1152x1536.jpg 1152w, https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_5f102a28.jpg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17470c3 de_scroll_animation_no elementor-widget elementor-widget-image\" data-id=\"17470c3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_c2ecb0ed-576x1024.jpg\" class=\"attachment-large size-large wp-image-331\" alt=\"\" srcset=\"https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_c2ecb0ed-576x1024.jpg 576w, https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_c2ecb0ed-169x300.jpg 169w, https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_c2ecb0ed-768x1365.jpg 768w, https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_c2ecb0ed-864x1536.jpg 864w, https:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/WhatsApp-Bild-2025-04-30-um-01.52.59_c2ecb0ed.jpg 900w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ee544ff\" data-id=\"ee544ff\" data-element_type=\"column\" data-settings=\"{&quot;mdp_selection_sticky_column_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-53e5cba elementor-widget-mobile__width-inherit de_scroll_animation_no elementor-widget elementor-widget-heading\" data-id=\"53e5cba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Kontakt<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76dbf50 elementor-widget__width-inherit de_scroll_animation_no elementor-widget elementor-widget-text-editor\" data-id=\"76dbf50\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ob Terminwunsch, R\u00fcckfrage oder individuelle Beratung \u2013 wir sind f\u00fcr dich da. Nimm ganz unkompliziert Kontakt mit uns auf. Gemeinsam finden wir den passenden Service und Termin f\u00fcr dich. Pers\u00f6nlich. Herzlich. Professionell.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-456e2c69 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"456e2c69\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;mdp_selection_sticky_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3fdc43c8\" data-id=\"3fdc43c8\" data-element_type=\"column\" data-settings=\"{&quot;mdp_selection_sticky_column_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d4ba6e0 de_scroll_animation_no elementor-widget elementor-widget-heading\" data-id=\"d4ba6e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Jetzt Kontakt aufnehmen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75f67cc2 de_scroll_animation_no elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"75f67cc2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ob per Telefon, Instagram, WhatsApp oder einfach \u00fcber unser Kontaktformular \u2013 wir freuen uns auf deine Nachricht!<br data-start=\"230\" data-end=\"233\" \/>Egal, ob du Fragen hast, einen Termin vereinbaren m\u00f6chtest oder einfach nur kurz Hallo sagen willst \u2013 wir sind f\u00fcr dich da.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-385c6b8b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"385c6b8b\" data-element_type=\"section\" data-settings=\"{&quot;mdp_selection_sticky_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-35573053 elementor-invisible\" data-id=\"35573053\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:400,&quot;mdp_selection_sticky_column_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5eabee05 de_scroll_animation_no elementor-widget elementor-widget-heading\" data-id=\"5eabee05\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">F.Catar<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-451349a7 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width de_scroll_animation_no elementor-widget elementor-widget-icon-list\" data-id=\"451349a7\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-phone-handset\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+41766072288<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-440e422e elementor-invisible\" data-id=\"440e422e\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:600,&quot;mdp_selection_sticky_column_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7527a88b de_scroll_animation_no elementor-widget elementor-widget-heading\" data-id=\"7527a88b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">V.Ismaili<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fd0e71 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width de_scroll_animation_no elementor-widget elementor-widget-icon-list\" data-id=\"2fd0e71\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-phone-handset\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+41767585868<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97ae542 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97ae542\" data-element_type=\"section\" data-settings=\"{&quot;mdp_selection_sticky_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d84f78d\" data-id=\"d84f78d\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;mdp_selection_sticky_column_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56ced96 de_scroll_animation_no elementor-widget elementor-widget-heading\" data-id=\"56ced96\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Termin vereinbaren bei Studio Mabel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fafe9e de_scroll_animation_no elementor-widget elementor-widget-shortcode\" data-id=\"0fafe9e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Behandlungsbuchung<\/title>\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <script src=\"https:\/\/unpkg.com\/alpinejs@3.x.x\/dist\/cdn.min.js\" defer><\/script>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    body {\r\n      font-family: 'Inter', sans-serif;\r\n    }\r\n    .active-step {\r\n      background-color: #D8CDB9;\r\n      color: #333;\r\n      border-left: 4px solid #86755F;\r\n    }\r\n    .completed-step {\r\n      color: #86755F;\r\n    }\r\n    .artist-card {\r\n      transition: all 0.2s ease-in-out;\r\n    }\r\n    .artist-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n    }\r\n    .artist-card.selected {\r\n      border: 2px solid #D8CDB9;\r\n      background-color: rgba(216, 205, 185, 0.1);\r\n    }\r\n    .btn-primary {\r\n      background-color: #D8CDB9;\r\n      color: #333;\r\n      transition: all 0.2s ease;\r\n    }\r\n    .btn-primary:hover {\r\n      background-color: #86755F;\r\n      color: white;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n  <div x-data=\"{\r\n    currentStep: 1,\r\n    selectedArtist: null,\r\n    steps: [\r\n      { id: 1, name: 'Artist', icon: 'M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z' },\r\n      { id: 2, name: 'Termin', icon: 'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' }\r\n    ],\r\n    nextStep() {\r\n      if (this.currentStep === 1 && !this.selectedArtist) {\r\n        alert('Bitte w\u00e4hlen Sie einen Artist aus');\r\n        return;\r\n      }\r\n      this.currentStep++;\r\n    },\r\n    prevStep() {\r\n      if (this.currentStep > 1) this.currentStep--;\r\n    },\r\n    selectArtist(artist) {\r\n      this.selectedArtist = artist;\r\n    },\r\n    isStepComplete(step) {\r\n      if (step === 1) return this.selectedArtist !== null;\r\n      return false;\r\n    }\r\n  }\" class=\"min-h-screen flex items-center justify-center p-4\">\r\n    \r\n    <div class=\"w-full max-w-6xl bg-white rounded-xl shadow-lg overflow-hidden flex flex-col md:flex-row\">\r\n      \r\n      <!-- Linke Navigationsleiste -->\r\n      <div class=\"w-full md:w-72 bg-gray-50 p-6\">\r\n        <div class=\"flex items-center mb-8\">\r\n          <img decoding=\"async\" src=\"http:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/04\/Logo-FINAL1-Studio-Mabel-scaled.png\" alt=\"Logo\" class=\"w-10 h-10 rounded-md\">\r\n          <h2 class=\"ml-3 text-xl font-semibold text-gray-800\">Studio Mabel<\/h2>\r\n        <\/div>\r\n        \r\n        <div class=\"space-y-2\">\r\n          <template x-for=\"step in steps\" :key=\"step.id\">\r\n            <div \r\n              :class=\"{ \r\n                'active-step': currentStep === step.id,\r\n                'completed-step': currentStep > step.id\r\n              }\" \r\n              class=\"flex items-center p-3 rounded-lg cursor-pointer\"\r\n            >\r\n              <div :class=\"currentStep >= step.id ? 'bg-amber-100 text-amber-900' : 'bg-gray-200 text-gray-600'\" class=\"w-8 h-8 flex items-center justify-center rounded-full\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" :d=\"step.icon\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"ml-3 text-sm font-medium\" x-text=\"step.name\"><\/span>\r\n              <svg x-show=\"isStepComplete(step.id)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"ml-auto h-5 w-5 text-green-500\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/template>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Rechte Inhaltsseite -->\r\n      <div class=\"flex-1 p-6 md:p-8\">\r\n        <!-- Schritt 1: Artist ausw\u00e4hlen -->\r\n        <div x-show=\"currentStep === 1\" class=\"space-y-6\">\r\n          <h2 class=\"text-2xl font-semibold text-gray-800\">W\u00e4hlen Sie einen Artist<\/h2>\r\n          <p class=\"text-gray-600\">Von welcher Person m\u00f6chten Sie eine Behandlung erhalten?<\/p>\r\n          \r\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mt-6\">\r\n            <!-- Ismaili -->\r\n            <div \r\n              @click=\"selectArtist('Ismaili')\" \r\n              :class=\"{'selected': selectedArtist === 'Ismaili'}\"\r\n              class=\"artist-card p-4 rounded-xl border cursor-pointer bg-white\"\r\n            >\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/120\/D8CDB9\/333.png?text=I\" alt=\"Ismaili\" class=\"w-32 h-32 rounded-full mb-4 object-cover\">\r\n                <h3 class=\"text-lg font-semibold\">Vjolli<\/h3>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Catar -->\r\n            <div \r\n              @click=\"selectArtist('Catar')\" \r\n              :class=\"{'selected': selectedArtist === 'Catar'}\"\r\n              class=\"artist-card p-4 rounded-xl border cursor-pointer bg-white\"\r\n            >\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/120\/D8CDB9\/333.png?text=C\" alt=\"Catar\" class=\"w-32 h-32 rounded-full mb-4 object-cover\">\r\n                <h3 class=\"text-lg font-semibold\">Fulya<\/h3>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"flex justify-end mt-8\">\r\n            <button @click=\"nextStep()\" class=\"btn-primary px-6 py-2 rounded-lg font-medium\">\r\n              Weiter\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Schritt 2: Termin buchen -->\r\n        <div x-show=\"currentStep === 2\" class=\"space-y-6\">\r\n          <div x-show=\"selectedArtist === 'Ismaili'\" class=\"transition-all\">\r\n            <h2 class=\"text-2xl font-semibold text-gray-800\">Termin mit Ismaili vereinbaren<\/h2>\r\n            \r\n            <div class=\"mt-8 bg-amber-50 p-6 rounded-xl text-center relative overflow-hidden\">\r\n              <div class=\"absolute inset-0 z-0\">\r\n                <img decoding=\"async\" src=\"http:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/05\/image00004-scaled.jpeg\" \r\n                     alt=\"Studio Mabel Hintergrund\" \r\n                     class=\"w-full h-full object-cover opacity-20 transition-opacity duration-300 hover:opacity-30\">\r\n              <\/div>\r\n              <div class=\"relative z-10\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-16 w-16 mx-auto text-amber-600 mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\r\n                <\/svg>\r\n                <h3 class=\"text-xl font-medium text-amber-800 mb-2\">Jetzt anrufen und Termin vereinbaren<\/h3>\r\n                <p class=\"text-amber-700 mb-4\">Vijolli ist telefonisch f\u00fcr Sie erreichbar.<\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n                  <a href=\"tel:+41767585868\" class=\"inline-block btn-primary px-8 py-3 rounded-lg text-lg font-medium\">\r\n                    +41 (0) 76 758 58 68\r\n                  <\/a>\r\n                  <a href=\"https:\/\/wa.me\/41767585868\" target=\"_blank\" class=\"inline-block bg-[#25D366] hover:bg-[#128C7E] text-white px-8 py-3 rounded-lg text-lg font-medium transition-all\">\r\n                    <span class=\"flex items-center justify-center\">\r\n                      <svg class=\"w-6 h-6 mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n                      <\/svg>\r\n                      WhatsApp\r\n                    <\/span>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div x-show=\"selectedArtist === 'Catar'\" class=\"transition-all\">\r\n            <h2 class=\"text-2xl font-semibold text-gray-800\">Termin mit Catar vereinbaren<\/h2>\r\n            \r\n            <div class=\"mt-8 bg-amber-50 p-6 rounded-xl text-center relative overflow-hidden\">\r\n              <div class=\"absolute inset-0 z-0\">\r\n                <img decoding=\"async\" src=\"http:\/\/studiomabel.ch\/wp-content\/uploads\/2025\/05\/image00004-scaled.jpeg\" \r\n                     alt=\"Studio Mabel Hintergrund\" \r\n                     class=\"w-full h-full object-cover opacity-20 transition-opacity duration-300 hover:opacity-30\">\r\n              <\/div>\r\n              <div class=\"relative z-10\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-16 w-16 mx-auto text-amber-600 mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\r\n                <\/svg>\r\n                <h3 class=\"text-xl font-medium text-amber-800 mb-2\">Jetzt anrufen und Termin vereinbaren<\/h3>\r\n                <p class=\"text-amber-700 mb-4\">Fulya ist telefonisch f\u00fcr Sie erreichbar.<\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n                  <a href=\"tel:+41766072288\" class=\"inline-block btn-primary px-8 py-3 rounded-lg text-lg font-medium\">\r\n                    +41 (0) 76 607 22 88\r\n                  <\/a>\r\n                  <a href=\"https:\/\/wa.me\/41766072288\" target=\"_blank\" class=\"inline-block bg-[#25D366] hover:bg-[#128C7E] text-white px-8 py-3 rounded-lg text-lg font-medium transition-all\">\r\n                    <span class=\"flex items-center justify-center\">\r\n                      <svg class=\"w-6 h-6 mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n                      <\/svg>\r\n                      WhatsApp\r\n                    <\/span>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"flex justify-between mt-8\">\r\n            <button @click=\"prevStep()\" class=\"px-6 py-2 rounded-lg border border-gray-300 text-gray-700 font-medium\">\r\n              Zur\u00fcck\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/body>\r\n<\/html> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6abf1101 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6abf1101\" data-element_type=\"section\" data-settings=\"{&quot;mdp_selection_sticky_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41952aee\" data-id=\"41952aee\" data-element_type=\"column\" data-settings=\"{&quot;mdp_selection_sticky_column_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1901c79b de_scroll_animation_no elementor-widget elementor-widget-google_maps\" data-id=\"1901c79b\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Claragraben%2014%2C%20Basel%2C%20Switzerland%204058&#038;t=m&#038;z=14&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Claragraben 14, Basel, Switzerland 4058\"\n\t\t\t\t\taria-label=\"Claragraben 14, Basel, Switzerland 4058\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kontakt Ob Terminwunsch, R\u00fcckfrage oder individuelle Beratung \u2013 wir sind f\u00fcr dich da. Nimm ganz unkompliziert Kontakt mit uns auf. Gemeinsam finden wir den passenden Service und Termin f\u00fcr dich. Pers\u00f6nlich. Herzlich. Professionell. Jetzt Kontakt aufnehmen Ob per Telefon, Instagram, WhatsApp oder einfach \u00fcber unser Kontaktformular \u2013 wir freuen uns auf deine Nachricht!Egal, ob du [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":66,"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":2758,"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/2758"}],"wp:attachment":[{"href":"https:\/\/studiomabel.ch\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}