feat: complete website content & design overhaul
CI/CD / deploy (push) Failing after 44s
Details
New content from Tino's finalized ODT document, new color scheme (forest green + matte gold + warm cream), Lato typography, SVG logo, 11 new images, restructured offerings section with pricing, privacy policy modal, and updated testimonials. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
Before Width: | Height: | Size: 188 KiB After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 356 KiB |
|
After Width: | Height: | Size: 420 KiB |
|
After Width: | Height: | Size: 338 KiB |
|
After Width: | Height: | Size: 488 KiB |
|
Before Width: | Height: | Size: 233 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
Before Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 2.7 MiB |
|
After Width: | Height: | Size: 709 KiB |
|
After Width: | Height: | Size: 201 KiB |
|
Before Width: | Height: | Size: 119 KiB |
|
After Width: | Height: | Size: 3.0 MiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 940 KiB |
|
Before Width: | Height: | Size: 624 KiB After Width: | Height: | Size: 858 KiB |
|
Before Width: | Height: | Size: 162 KiB |
581
index.html
|
|
@ -1,21 +1,49 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<!-- Tino Andri - Quantenheilung & Selbstheilung - Scuol, Engadin -->
|
<!-- Tino Andri - Heilung, Natur & Bewusstsein - Scuol, Engadin -->
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Tino Andri | Quantenheilung & Selbstheilung | Scuol, Engadin</title>
|
<title>Tino Andri | Heilung, Natur & Bewusstsein | Scuol, Engadin</title>
|
||||||
<meta name="description" content="Tino Andri bietet Quantenheilung, SelbstHeilungsTechnik und Bewusstseinscoaching in Scuol, Engadin. Sanfte Impulse, die tief bewegen.">
|
<meta name="description" content="Tino Andri bietet ganzheitliche Heilarbeit, Elementebehandlungen und Bewusstseinsarbeit in Scuol, Engadin. Sanfte Impulse, die tief bewegen.">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Nunito+Sans:wght@300;400;600&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Navigation -->
|
<!-- Navigation -->
|
||||||
<nav class="nav">
|
<nav class="nav">
|
||||||
<div class="nav-container">
|
<div class="nav-container">
|
||||||
<a href="#" class="nav-logo">Tino Andri</a>
|
<a href="#" class="nav-logo" aria-label="Tino Andri – Startseite">
|
||||||
|
<svg class="nav-logo-svg" viewBox="0 0 180 200" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
|
<!-- Tree trunk -->
|
||||||
|
<path d="M90 150 C88 130, 85 110, 88 90 C90 75, 90 60, 90 50" fill="none" stroke="#B89A5B" stroke-width="2.5" stroke-linecap="round"/>
|
||||||
|
<!-- Left branch lower -->
|
||||||
|
<path d="M88 105 C75 95, 55 90, 45 80" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Left leaf lower -->
|
||||||
|
<path d="M45 80 C40 70, 42 58, 52 55 C62 52, 65 62, 60 72 C55 82, 48 82, 45 80Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<!-- Right branch lower -->
|
||||||
|
<path d="M90 105 C103 95, 123 90, 133 80" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Right leaf lower -->
|
||||||
|
<path d="M133 80 C138 70, 136 58, 126 55 C116 52, 113 62, 118 72 C123 82, 130 82, 133 80Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<!-- Left branch upper -->
|
||||||
|
<path d="M89 85 C78 75, 62 68, 55 58" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Left leaf upper -->
|
||||||
|
<path d="M55 58 C48 48, 50 36, 60 33 C70 30, 72 40, 68 50 C64 58, 57 60, 55 58Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<!-- Right branch upper -->
|
||||||
|
<path d="M90 85 C101 75, 116 68, 123 58" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Right leaf upper -->
|
||||||
|
<path d="M123 58 C130 48, 128 36, 118 33 C108 30, 106 40, 110 50 C114 58, 121 60, 123 58Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<!-- Center top leaf -->
|
||||||
|
<path d="M90 50 C90 38, 82 22, 80 12 C78 22, 90 18, 98 12 C96 22, 90 38, 90 50Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<!-- Wave lines underneath -->
|
||||||
|
<path d="M40 162 C55 155, 70 168, 90 162 C110 155, 125 168, 140 162" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<path d="M50 172 C63 166, 75 176, 90 172 C105 166, 117 176, 130 172" fill="none" stroke="#B89A5B" stroke-width="1.8" stroke-linecap="round"/>
|
||||||
|
<!-- Text -->
|
||||||
|
<text x="90" y="196" text-anchor="middle" fill="#B89A5B" font-family="'Cormorant Garamond', Georgia, serif" font-size="18" font-weight="500" letter-spacing="3">TINO ANDRI</text>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
<button class="nav-toggle" aria-label="Menu">
|
<button class="nav-toggle" aria-label="Menu">
|
||||||
<span></span>
|
<span></span>
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|
@ -25,22 +53,23 @@
|
||||||
<li><a href="#about">Über mich</a></li>
|
<li><a href="#about">Über mich</a></li>
|
||||||
<li><a href="#angebot">Angebot</a></li>
|
<li><a href="#angebot">Angebot</a></li>
|
||||||
<li><a href="#erfahrungen">Erfahrungen</a></li>
|
<li><a href="#erfahrungen">Erfahrungen</a></li>
|
||||||
<li><a href="#workshops">Workshops</a></li>
|
|
||||||
<li><a href="#contact">Kontakt</a></li>
|
<li><a href="#contact">Kontakt</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- Hero Section -->
|
<!-- Hero Section -->
|
||||||
<header class="hero">
|
<header class="hero-fullwidth" style="background-image: url('images/hero-river.jpg');">
|
||||||
|
<div class="hero-overlay">
|
||||||
<div class="hero-content">
|
<div class="hero-content">
|
||||||
<p class="hero-subtitle">Quantenheilung & Selbstheilung</p>
|
<h1 class="hero-title">Heilung, Natur & Bewusstsein</h1>
|
||||||
<h1 class="hero-title">Tino Andri</h1>
|
|
||||||
<p class="hero-tagline">Sanfte Impulse, die tief bewegen</p>
|
<p class="hero-tagline">Sanfte Impulse, die tief bewegen</p>
|
||||||
|
<p class="hero-intro">Spürst du, dass sich etwas in deinem Leben verändern möchte? Vielleicht ist es ein leises Gefühl, ein körperliches Signal oder eine innere Unruhe, die dich hierhergeführt hat.</p>
|
||||||
|
<blockquote class="hero-quote">
|
||||||
|
<p>«Ich arbeite mit der Kraft der Natur, der Stille und dem Bewusstsein – damit Heilung dort geschehen kann, wo sie gebraucht wird.»</p>
|
||||||
|
</blockquote>
|
||||||
<a href="#contact" class="btn btn-primary">Termin vereinbaren</a>
|
<a href="#contact" class="btn btn-primary">Termin vereinbaren</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="hero-image">
|
|
||||||
<img src="images/tino-aurora.jpg" alt="Nordlichter über den Engadiner Bergen" class="hero-img">
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
@ -49,21 +78,21 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="about-grid">
|
<div class="about-grid">
|
||||||
<div class="about-image">
|
<div class="about-image">
|
||||||
<img src="images/tino-portrait.jpg" alt="Tino Andri Portrait" class="about-img">
|
<img src="images/tino-portrait.jpg" alt="Tino Andri unter einem Baum im Engadin" class="about-img">
|
||||||
</div>
|
</div>
|
||||||
<div class="about-content">
|
<div class="about-content">
|
||||||
<h2 class="section-title">Über mich</h2>
|
<h2 class="section-title">Wer ich bin – Tino Andri</h2>
|
||||||
<div class="about-text">
|
<div class="about-text">
|
||||||
<p>Tino Andri, aufgewachsen im Unterengadin. In meiner Kindheit und Jugend erlebte ich verschiedene Verletzungen beziehungsweise Traumata die mir mein Selbstwert und Selbstvertrauen nahmen. Mit der Zeit kamen körperliche Schmerzen dazu wie Rückenschmerzen und weitere Verletzungen die mich mehr und mehr einschränkten.</p>
|
<p>Aufgewachsen im Unterengadin, erlebte ich in meiner Kindheit und Jugend verschiedene Verletzungen und Traumata, die mir meinen Selbstwert und mein Selbstvertrauen nahmen. Mit der Zeit kamen körperliche Schmerzen dazu – Rückenschmerzen und weitere Verletzungen, die mich zunehmend einschränkten.</p>
|
||||||
<p>Bis zu meiner Spontanheilung war es mir nicht mal bewusst, dass meine seelischen Schmerzen so gross waren und sich Seele und Körper gegenseitig beeinflussen. Dieses wunderbare Erlebnis der Spontanheilung hat mir die Augen geöffnet und einen Heilungsweg mit Bewusstwerdung ermöglicht. Auch konnte ich so meine Berufung finden.</p>
|
<p>Bis zu meiner Spontanheilung war mir nicht einmal bewusst, wie gross meine seelischen Schmerzen waren – und wie stark sich Seele und Körper gegenseitig beeinflussen. Dieses wunderbare Erlebnis öffnete mir die Augen und ermöglichte einen Heilungsweg mit tiefer Bewusstwerdung. So fand ich auch meine Berufung.</p>
|
||||||
<p>Mit verschiedenen Mentoren lernte ich verschiedene Methoden der Selbstheilung kennen und festigte sie mit der über fünfjährigen Selbstanwendung. Vor drei Jahren eröffnete ich meine Praxis mit dem Ziel, Menschen auf ihrem Heilungsweg zu begleiten.</p>
|
<p>Von verschiedenen Mentoren lernte ich unterschiedliche Methoden der Selbstheilung kennen und festigte sie durch über fünf Jahre Selbstanwendung. Vor drei Jahren eröffnete ich meine Praxis mit dem Ziel, Menschen auf ihrem Heilungsweg zu begleiten.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="mentors">
|
<div class="mentors">
|
||||||
<h3>Meine Mentoren</h3>
|
<h3>Meine Mentoren</h3>
|
||||||
<ul class="mentors-list">
|
<ul class="mentors-list">
|
||||||
<li><strong>Roberto Antela Martinez</strong> — SHT (Selbstheilungs-Techniken)</li>
|
<li><strong>Roberto Antela Martinez</strong> — SHT (Selbstheilungs-Techniken)</li>
|
||||||
<li><strong>Ines Rüfenacht</strong> — Quantenheilung</li>
|
<li><strong>Ines Rüfenacht</strong> — Quantenheilung</li>
|
||||||
<li><strong>Joe Dispenza</strong> — Quantenheilung</li>
|
<li><strong>Joe Dispenza</strong> — Bewusstseinsarbeit & Quantenheilung</li>
|
||||||
<li><strong>Kurt Tepperwein</strong> — Bewusstwerdung</li>
|
<li><strong>Kurt Tepperwein</strong> — Bewusstwerdung</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -72,98 +101,199 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Angebot Section -->
|
<!-- Meine Arbeit Section -->
|
||||||
<section id="angebot" class="section angebot">
|
<section id="arbeit" class="section arbeit">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="section-title section-title-center">Mein Angebot</h2>
|
<h2 class="section-title section-title-center">Meine Arbeit</h2>
|
||||||
|
<div class="arbeit-content">
|
||||||
<div class="angebot-intro">
|
<p>In meiner Arbeit gehe ich den tieferen Ursachen von körperlichen, emotionalen und mentalen Beschwerden auf den Grund. Ich verbinde verschiedene Heilmethoden – aus der Quantenheilung, Selbstheilung und Bewusstseinsarbeit – zu einem individuellen Ansatz, der dort ansetzt, wo Heilung wirklich gebraucht wird.</p>
|
||||||
<div class="rhetorical-questions">
|
<ul class="arbeit-list">
|
||||||
<p class="rhetorical-question">Möchtest du deine inneren Blockaden erkennen und transformieren, um mehr Gesundheit, Zufriedenheit und mehr Lebensenergie zu erfahren?</p>
|
<li>Innere Blockaden erkennen und lösen</li>
|
||||||
<p class="rhetorical-question">Möchtest du auf dem Weg der Selbstheilung begleitet sein und dich stärken?</p>
|
<li>Ruhe, Klarheit und innere Balance finden</li>
|
||||||
<p class="rhetorical-question">Möchtest du dein Leben auf eine neue Ebene des Bewusstseins heben?</p>
|
<li>Ängste und alte Muster loslassen</li>
|
||||||
</div>
|
<li>Selbstheilungskräfte aktivieren</li>
|
||||||
<p class="angebot-answer">Dann bist du bei mir richtig. Mit den ganzheitlichen Methoden öffnen wir gemeinsam Türen zur Selbstheilung. Wir erkennen die tieferen Ursachen von Symptomen und transformieren sie. Dein Körper darf sich schon nach einer Sitzung regenerieren, dein Geist erfrischt und dein Herz füllt sich mit neuer Lebensenergie.</p>
|
<li>Körperliche Beschwerden auf energetischer Ebene unterstützen</li>
|
||||||
<p class="angebot-cta-text">Erlaube dir dein Weg zu einem freieren, gesünderen und erfüllteren Leben – es ist Zeit für deine persönliche Transformation!</p>
|
<li>Selbstwert und Selbstvertrauen stärken</li>
|
||||||
</div>
|
<li>Bewusstsein und Achtsamkeit im Alltag verankern</li>
|
||||||
|
<li>Lebensenergie und Lebensfreude steigern</li>
|
||||||
<!-- 5-Step Treatment Process -->
|
</ul>
|
||||||
<h3 class="process-title">Inhalt einer Behandlung</h3>
|
<p class="arbeit-closing">Jede Session ist individuell – angepasst an dich und das, was sich gerade zeigen möchte.</p>
|
||||||
<div class="process-timeline">
|
|
||||||
<div class="process-step">
|
|
||||||
<div class="step-number">1</div>
|
|
||||||
<div class="step-content">
|
|
||||||
<h4>Ankommen und Vorgespräch</h4>
|
|
||||||
<p>Zu Beginn der Sitzung nehmen wir uns Zeit, um deine aktuellen Herausforderungen und Anliegen zu besprechen. Gemeinsam klären wir, welche Blockaden oder Beschwerden du lösen möchtest.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="process-step">
|
|
||||||
<div class="step-number">2</div>
|
|
||||||
<div class="step-content">
|
|
||||||
<h4>Einführung in die Entspannung</h4>
|
|
||||||
<p>Mit einer kurzen, geführten Entspannungsphase schaffen wir die optimale Grundlage, um in das reine Bewusstseinsfeld einzutauchen. Dein Geist kommt zur Ruhe, und dein Energiefeld öffnet sich für die Heilimpulse.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="process-step">
|
|
||||||
<div class="step-number">3</div>
|
|
||||||
<div class="step-content">
|
|
||||||
<h4>Energetische Transformation</h4>
|
|
||||||
<p>In diesem zentralen Teil der Sitzung werden gezielte Impulse auf der Quantenebene gesetzt, um schon lange bestehende Blockaden, Schmerzen oder Traumas und die zugrunde liegenden Ursachen zu lösen. Deine Selbstheilungskräfte werden so aktiviert, und durch harmonisierende Energien wird die Transformation auf allen Ebenen unterstützt.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="process-step">
|
|
||||||
<div class="step-number">4</div>
|
|
||||||
<div class="step-content">
|
|
||||||
<h4>Integration und Reflexion</h4>
|
|
||||||
<p>Nach der energetischen Arbeit hast du Zeit, die erfahrenen Veränderungen zu spüren und zu verinnerlichen. Im Anschluss reflektieren wir gemeinsam, welche Erkenntnisse sich gezeigt haben und wie du diese in deinen Alltag integrieren kannst.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="process-step">
|
|
||||||
<div class="step-number">5</div>
|
|
||||||
<div class="step-content">
|
|
||||||
<h4>Alltagstools für nachhaltige Transformation</h4>
|
|
||||||
<p>Neben der energetischen Arbeit erhältst du einfache, praktische Werkzeuge für den Alltag: Atemtechniken, Achtsamkeitsübungen, einfache Meditationen, Affirmationen und Impulse für Routinen. Diese Tools unterstützen dich dabei, die angestossenen Veränderungen nachhaltig zu integrieren und langfristig ein erfüllteres, gesünderes Leben zu führen.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Coaching -->
|
|
||||||
<div class="coaching-card">
|
|
||||||
<h3>Coaching</h3>
|
|
||||||
<p>In meinem Coaching arbeiten wir zusammen an deiner Bewusstwerdung. Ich bringe dir bei, nach welchen Gesetzen das Menschsein spielt und was dir im Alltag helfen kann, dein Potenzial zu entfalten, das nur darauf wartet, gelebt zu werden. Du erhältst viele einfache, jedoch sehr effiziente Werkzeuge, um den Alltag mit Leichtigkeit zu bewältigen.</p>
|
|
||||||
<p>Auch wirst du auf einschränkende Glaubenssätze und Konditionierungen aufmerksam gemacht und bekommst Techniken, um sie in förderliche umzuwandeln. Kurz gesagt: Ich begleite dich auf deinem Bewusstseinsweg und bringe dir bei, wie du dich selber heilen kannst.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Pricing & Location -->
|
|
||||||
<div class="pricing-card">
|
|
||||||
<div class="pricing-details">
|
|
||||||
<div class="pricing-item">
|
|
||||||
<span class="pricing-label">Investition in dich</span>
|
|
||||||
<span class="pricing-value">CHF 100.– / Stunde</span>
|
|
||||||
</div>
|
|
||||||
<div class="pricing-item">
|
|
||||||
<span class="pricing-label">Dauer</span>
|
|
||||||
<span class="pricing-value">ca. 60–90 Minuten</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="pricing-note">Wenn du es dir momentan nicht leisten kannst, nimm bitte Kontakt mit mir auf und wir finden gemeinsam eine Lösung.</p>
|
|
||||||
<div class="pricing-locations">
|
|
||||||
<span>Praxis Scuol</span>
|
|
||||||
<span>Fernbehandlung</span>
|
|
||||||
<span>Hausbesuche</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Quote Section -->
|
<!-- Aurora Divider -->
|
||||||
<section class="quote-section">
|
<div class="image-divider">
|
||||||
|
<img src="images/aurora-engadin.jpg" alt="Nordlichter über dem Engadin" class="divider-img">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Einladung Section -->
|
||||||
|
<section class="section einladung">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<blockquote class="quote">
|
<div class="einladung-content">
|
||||||
<p>"Dein Körper weiss, wie er heilen kann. Manchmal braucht er nur die richtige Unterstützung, um den Weg zu finden."</p>
|
<p>Wenn du bereit bist, dich auf diesen Weg einzulassen, begleite ich dich gerne – mit Respekt, Einfühlungsvermögen und der tiefen Überzeugung, dass jeder Mensch die Kraft zur Heilung in sich trägt.</p>
|
||||||
|
<blockquote class="einladung-quote">
|
||||||
|
<p>«Heilung beginnt dort, wo wir bewusst die Verantwortung für unser Leben übernehmen.»</p>
|
||||||
<cite>— Tino Andri</cite>
|
<cite>— Tino Andri</cite>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Angebote Section -->
|
||||||
|
<section id="angebot" class="section angebote">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title section-title-center">Angebot</h2>
|
||||||
|
|
||||||
|
<!-- Remote Offerings -->
|
||||||
|
<div class="angebote-group">
|
||||||
|
<h3 class="angebote-group-title">Fernbehandlungen</h3>
|
||||||
|
<p class="angebote-group-intro">Heilung kennt keine Distanz. Dank der Quantenverschränkung ist es möglich, auch über die Ferne tiefgreifende Impulse zu setzen. Du befindest dich dabei in deiner gewohnten Umgebung – ich verbinde mich energetisch mit dir.</p>
|
||||||
|
<div class="remote-cards">
|
||||||
|
<div class="offering-card offering-card-compact">
|
||||||
|
<div class="offering-header">
|
||||||
|
<h4>Mini-Fernsession</h4>
|
||||||
|
<span class="offering-meta">ca. 30 Min.</span>
|
||||||
|
</div>
|
||||||
|
<div class="offering-price">50 CHF</div>
|
||||||
|
<p class="offering-desc">Ein kurzer, gezielter Impuls – ideal als Einstieg oder Nachbehandlung.</p>
|
||||||
|
<a href="#contact" class="btn btn-secondary btn-sm">Anfragen</a>
|
||||||
|
</div>
|
||||||
|
<div class="offering-card offering-card-compact">
|
||||||
|
<div class="offering-header">
|
||||||
|
<h4>Fernbehandlung</h4>
|
||||||
|
<span class="offering-meta">ca. 60 Min.</span>
|
||||||
|
</div>
|
||||||
|
<div class="offering-price">100 CHF</div>
|
||||||
|
<p class="offering-desc">Eine vollständige Behandlung auf Distanz – tiefgreifend und transformierend.</p>
|
||||||
|
<a href="#contact" class="btn btn-secondary btn-sm">Anfragen</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- In-person Offerings -->
|
||||||
|
<div class="angebote-group">
|
||||||
|
<h3 class="angebote-group-title">Vor Ort</h3>
|
||||||
|
|
||||||
|
<!-- 1:1 Behandlung -->
|
||||||
|
<div class="offering-card">
|
||||||
|
<div class="offering-body">
|
||||||
|
<div class="offering-header">
|
||||||
|
<h4>1:1 Behandlung</h4>
|
||||||
|
<span class="offering-meta">60–90 Min.</span>
|
||||||
|
</div>
|
||||||
|
<div class="offering-price">100–150 CHF</div>
|
||||||
|
<p class="offering-desc">Eine persönliche Sitzung in meiner Praxis in Scuol. Wir arbeiten gemeinsam an deinen Themen – mit Quantenheilung, Selbstheilungs-Techniken und Bewusstseinsarbeit.</p>
|
||||||
|
<ul class="offering-details">
|
||||||
|
<li>Vorgespräch und Ankommen</li>
|
||||||
|
<li>Energetische Behandlung</li>
|
||||||
|
<li>Integration und Reflexion</li>
|
||||||
|
<li>Alltagstools für nachhaltige Veränderung</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#contact" class="btn btn-secondary btn-sm">Termin vereinbaren</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Elementebehandlung -->
|
||||||
|
<div class="offering-card offering-card-image">
|
||||||
|
<div class="offering-img-wrap">
|
||||||
|
<img src="images/elementebehandlung.jpg" alt="Elementebehandlung – Heilarbeit in der Natur" class="offering-img">
|
||||||
|
</div>
|
||||||
|
<div class="offering-body">
|
||||||
|
<div class="offering-header">
|
||||||
|
<h4>Elementebehandlung</h4>
|
||||||
|
<span class="offering-meta">ca. 4 Stunden</span>
|
||||||
|
</div>
|
||||||
|
<div class="offering-price">360 CHF</div>
|
||||||
|
<p class="offering-desc">Eine intensive Heilsession in der Natur. Wir arbeiten mit den Elementen – Wasser, Erde, Feuer und Luft – und verbinden Heilarbeit mit der Kraft der Engadiner Landschaft.</p>
|
||||||
|
<ul class="offering-details">
|
||||||
|
<li>Energetische Behandlung in der Natur</li>
|
||||||
|
<li>Arbeit mit den vier Elementen</li>
|
||||||
|
<li>Tiefe Bewusstwerdung und Transformation</li>
|
||||||
|
</ul>
|
||||||
|
<p class="offering-goal"><strong>Ziel:</strong> Tiefgreifende Heilung durch die Verbindung von Natur und Bewusstsein.</p>
|
||||||
|
<a href="#contact" class="btn btn-secondary btn-sm">Anfragen</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Elementetage -->
|
||||||
|
<div class="offering-card offering-card-image">
|
||||||
|
<div class="offering-img-wrap">
|
||||||
|
<img src="images/elementetage.jpg" alt="Elementetage – ein ganzer Tag in der Natur" class="offering-img">
|
||||||
|
</div>
|
||||||
|
<div class="offering-body">
|
||||||
|
<div class="offering-header">
|
||||||
|
<h4>Elementetage</h4>
|
||||||
|
<span class="offering-meta">1 Tag (ca. 8 Stunden)</span>
|
||||||
|
</div>
|
||||||
|
<div class="offering-price">600 CHF</div>
|
||||||
|
<p class="offering-desc">Ein ganzer Tag, gewidmet deiner Heilung und Transformation. Wir tauchen tief ein in die Arbeit mit den Elementen, begleitet von der Stille und Kraft der Natur.</p>
|
||||||
|
<ul class="offering-details">
|
||||||
|
<li>Ganztägige Begleitung in der Natur</li>
|
||||||
|
<li>Vertiefte Elementearbeit</li>
|
||||||
|
<li>Meditation, Atemarbeit und Bewusstseinsübungen</li>
|
||||||
|
<li>Gemeinsames Essen am Feuer</li>
|
||||||
|
</ul>
|
||||||
|
<p class="offering-goal"><strong>Ziel:</strong> Ein Tag der tiefen Einkehr, Transformation und Erneuerung.</p>
|
||||||
|
<a href="#contact" class="btn btn-secondary btn-sm">Anfragen</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Elementereise -->
|
||||||
|
<div class="offering-card offering-card-image">
|
||||||
|
<div class="offering-img-wrap">
|
||||||
|
<img src="images/elementereise.jpg" alt="Elementereise – zwei Tage in den Engadiner Bergen" class="offering-img">
|
||||||
|
</div>
|
||||||
|
<div class="offering-body">
|
||||||
|
<div class="offering-header">
|
||||||
|
<h4>Elementereise</h4>
|
||||||
|
<span class="offering-meta">2 Tage</span>
|
||||||
|
</div>
|
||||||
|
<div class="offering-price">1'100 CHF</div>
|
||||||
|
<p class="offering-desc">Eine zweitägige Reise zu dir selbst – eingebettet in die Engadiner Bergwelt. Wir verbinden Heilarbeit, Naturerfahrung und Bewusstseinsarbeit zu einem intensiven Retreat.</p>
|
||||||
|
<ul class="offering-details">
|
||||||
|
<li>Zwei Tage in der Natur</li>
|
||||||
|
<li>Tiefe Elementearbeit und energetische Behandlungen</li>
|
||||||
|
<li>Übernachtung unter freiem Himmel oder in einer Hütte</li>
|
||||||
|
<li>Meditation, Stille und Reflexion</li>
|
||||||
|
</ul>
|
||||||
|
<p class="offering-goal"><strong>Ziel:</strong> Nachhaltige Transformation durch vollständiges Eintauchen in Natur und Heilung.</p>
|
||||||
|
<a href="#contact" class="btn btn-secondary btn-sm">Anfragen</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Heilung & Fliegenfischen -->
|
||||||
|
<div class="offering-card offering-card-image">
|
||||||
|
<div class="offering-img-wrap offering-gallery">
|
||||||
|
<img src="images/fliegenfischen.jpg" alt="Fliegenfischen im Engadin" class="offering-img">
|
||||||
|
<img src="images/stream-sunset.png" alt="Bach bei Sonnenuntergang" class="offering-img">
|
||||||
|
<img src="images/pilze.jpg" alt="Pilze in der Natur" class="offering-img">
|
||||||
|
</div>
|
||||||
|
<div class="offering-body">
|
||||||
|
<div class="offering-header">
|
||||||
|
<h4>Heilung & Fliegenfischen</h4>
|
||||||
|
<span class="offering-meta">1 Tag (ca. 8 Stunden)</span>
|
||||||
|
</div>
|
||||||
|
<div class="offering-price">600 CHF</div>
|
||||||
|
<p class="offering-desc">Ein einzigartiges Erlebnis: Heilarbeit verbunden mit Fliegenfischen in den Engadiner Gewässern. Das achtsame Fischen am Wasser wird zum meditativen Erlebnis und zur Brücke zwischen Natur und innerer Heilung.</p>
|
||||||
|
<ul class="offering-details">
|
||||||
|
<li>Ganztägige Begleitung am Wasser</li>
|
||||||
|
<li>Fliegenfischen als Achtsamkeitspraxis</li>
|
||||||
|
<li>Energetische Behandlung in der Natur</li>
|
||||||
|
<li>Ausrüstung wird gestellt</li>
|
||||||
|
</ul>
|
||||||
|
<p class="offering-goal"><strong>Ziel:</strong> Heilung und Präsenz durch die Verbindung von Natur, Wasser und Stille.</p>
|
||||||
|
<a href="#contact" class="btn btn-secondary btn-sm">Anfragen</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Wertschätzung -->
|
||||||
|
<div class="wertschaetzung">
|
||||||
|
<h3>Wertschätzung & Ausgleich</h3>
|
||||||
|
<p>Mir ist es wichtig, dass Heilung für alle zugänglich ist. Wenn du es dir momentan nicht leisten kannst, nimm bitte Kontakt mit mir auf – wir finden gemeinsam eine Lösung.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Testimonials Section -->
|
<!-- Testimonials Section -->
|
||||||
|
|
@ -176,43 +306,43 @@
|
||||||
<div class="carousel-track">
|
<div class="carousel-track">
|
||||||
<div class="testimonial-card">
|
<div class="testimonial-card">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<p>Es sind vier Wochen seit meinem ersten und eine Woche seit meinem zweiten Besuch bei Tino vergangen. Die beiden Sessions im wunderbaren Palace in Scuol haben mein Leben in vielen Bereichen positiv verändert. Themen wie Ängste, Familienkonstellationen und Selbstzweifel, die mich viel zu lange begleitet haben, erscheinen nun in einem neuen Licht. Dank Tinos Arbeit erlebe ich alltägliche Situationen, die früher von Unsicherheit und Überforderung geprägt waren, mit Leichtigkeit und Freude.</p>
|
<p>Die Sessions bei Tino haben mein Leben in vielen Bereichen positiv verändert. Themen wie Ängste, Familienkonstellationen und Selbstzweifel erscheinen nun in einem neuen Licht. Situationen, die früher von Unsicherheit geprägt waren, erlebe ich jetzt mit Leichtigkeit und Freude.</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<cite>— Marc</cite>
|
<cite>— Marc</cite>
|
||||||
</div>
|
</div>
|
||||||
<div class="testimonial-card">
|
<div class="testimonial-card">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<p>Ist es möglich, dass nach nur einem Treffen mit Tino Ängste und Selbstzweifel einfach nicht mehr da sind? Kann es sein, dass schon in der zweiten Session meine Seele sich so sicher bei Tino fühlte, um auf eine reinigende Reise zu gehen und mit nie für möglich gehaltenen Erkenntnissen zurück in den Alltag zu gehen und gleich anzuwenden? 2× WOW! 2× JA! 2× DANKE!</p>
|
<p>Ist es möglich, dass nach nur einem Treffen mit Tino Ängste und Selbstzweifel einfach nicht mehr da sind? Kann es sein, dass schon in der zweiten Session meine Seele sich so sicher fühlte, um auf eine reinigende Reise zu gehen? 2× WOW! 2× JA! 2× DANKE!</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<cite>— Sevi</cite>
|
<cite>— Sevi</cite>
|
||||||
</div>
|
</div>
|
||||||
<div class="testimonial-card">
|
<div class="testimonial-card">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<p>Seit meiner ersten Behandlung bei Tino bin ich fest davon überzeugt, dass verschiedenste Krankheiten auf diesem einfachen und doch tiefgreifenden Weg geheilt werden können. Auch ist es erstaunlich zu beobachten, wie psychische Probleme und Ängste transformiert werden und es sich im Alltag schnell bemerkbar macht. Viele Dinge erscheinen mir einfacher und es fühlt sich leichter an.</p>
|
<p>Seit meiner ersten Behandlung bei Tino bin ich fest davon überzeugt, dass verschiedenste Krankheiten auf diesem einfachen und doch tiefgreifenden Weg geheilt werden können. Es ist erstaunlich, wie psychische Probleme und Ängste transformiert werden. Viele Dinge erscheinen mir einfacher und leichter.</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<cite>— Julia</cite>
|
<cite>— Julia</cite>
|
||||||
</div>
|
</div>
|
||||||
<div class="testimonial-card">
|
<div class="testimonial-card">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<p>Bei mir hat sich während einem Monat meine Einstellung geändert. Das, was ich als schwierig empfand, hat sich transformiert mit dem Bewusstsein, dass nur ich selber dachte, es sei schwierig. Diese Aspekte haben sich aufgelöst, und jetzt interpretiere ich Herausforderungen anders, nämlich, dass es eigentlich ganz einfach ist. Die Schwere meiner negativen Gedanken ist nicht mehr da, und somit die Barrieren meiner Ängste.</p>
|
<p>Was ich als schwierig empfand, hat sich transformiert mit dem Bewusstsein, dass nur ich selber dachte, es sei schwierig. Die Schwere meiner negativen Gedanken ist nicht mehr da, und somit die Barrieren meiner Ängste.</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<cite>— Martina</cite>
|
<cite>— Martina</cite>
|
||||||
</div>
|
</div>
|
||||||
<div class="testimonial-card">
|
<div class="testimonial-card">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<p>Tino schafft in seinen Sessions einen sicheren und geborgenen Raum, der einem Heilung ermöglicht. Es fällt leicht, das eigene Potential zu erkennen, das Urvertrauen zu stärken, Licht wie auch Liebe zu empfangen, im gegenwärtigen Moment anzukommen, und einfach zu sein. Eine wundervolle Erfahrung!</p>
|
<p>Tino schafft in seinen Sessions einen sicheren und geborgenen Raum, der einem Heilung ermöglicht. Es fällt leicht, das eigene Potential zu erkennen, das Urvertrauen zu stärken und einfach zu sein. Eine wundervolle Erfahrung!</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<cite>— Evi</cite>
|
<cite>— Evi</cite>
|
||||||
</div>
|
</div>
|
||||||
<div class="testimonial-card">
|
<div class="testimonial-card">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<p>Der Workshop mit dir hat mir mentale Tore geöffnet und neue, wunderliche Gedankenräume gezeigt, die zu verlassen mir jetzt unmöglich erscheint. Ein ganz spezieller Aha-Moment macht die wertvolle Zeit mit dir unvergesslich – dafür danke ich dir von Herzen, lieber Tino.</p>
|
<p>Der Workshop mit dir hat mir mentale Tore geöffnet und neue, wunderliche Gedankenräume gezeigt. Ein ganz spezieller Aha-Moment macht die wertvolle Zeit mit dir unvergesslich – dafür danke ich dir von Herzen, lieber Tino.</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<cite>— Barara</cite>
|
<cite>— Barbara</cite>
|
||||||
</div>
|
</div>
|
||||||
<div class="testimonial-card">
|
<div class="testimonial-card">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<p>In quel temp cur ch'eu suffriva dürant mais d'üna sco ditta «frozen shoulder» n'haja inscuntrà a Tino plütöst per cas pervi d'üna otra lavur. Spontaniamaing am n'haja laschà trattar da Tino güstà là sül lö. Davò 15 minuts veiva fingià bler damain mal aint in la spadla. Grazia Tino, tia art da guarischiun es extraordinaria ed eu m'allegr dad imprender inavant da tai.</p>
|
<p>In quel temp cur ch'eu suffriva dürant mais d'üna sco ditta «frozen shoulder» n'haja inscuntrà a Tino plütöst per cas. Spontaniamaing am n'haja laschà trattar da Tino güstà là sül lö. Davò 15 minuts veiva fingià bler damain mal aint in la spadla. Grazia Tino, tia art da guarischiun es extraordinaria!</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<cite>— Maria <span class="testimonial-lang">(Rumantsch)</span></cite>
|
<cite>— Maria <span class="testimonial-lang">(Rumantsch)</span></cite>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -230,175 +360,24 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Quantenheilung Section -->
|
|
||||||
<section id="quantenheilung" class="section explainer">
|
|
||||||
<div class="container">
|
|
||||||
<h2 class="section-title section-title-center">Was bedeutet Quantenheilung?</h2>
|
|
||||||
<p class="section-intro">Quantenheilung basiert auf Konzepten der Quantenphysik, insbesondere auf der Idee, dass alles im Universum aus Energie besteht und miteinander verbunden ist.</p>
|
|
||||||
|
|
||||||
<div class="accordion-group">
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Quantenverschränkung und Heilung</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p>Hierbei spielt das Phänomen der Quantenverschränkung eine zentrale Rolle. Dieses beschreibt, wie zwei oder mehr Teilchen unabhängig von räumlicher Distanz in einem Zustand bleiben, in dem ihre Eigenschaften untrennbar miteinander verbunden sind. Eine Veränderung bei einem Teilchen beeinflusst sofort das andere, unabhängig davon, wie weit sie voneinander entfernt sind.</p>
|
|
||||||
<p>In der Quantenheilung wird die Quantenverschränkung symbolisch genutzt, um die Verbindung zwischen Bewusstsein, Körper und Energie zu erklären. Der Mensch wird als Teil eines universellen Energiefeldes betrachtet, in dem jede Störung oder Blockade das gesamte System beeinflussen kann. Die Heilung basiert darauf, diese Störungen auf der Quantenebene zu harmonisieren, um das natürliche Gleichgewicht wiederherzustellen.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Der Prozess der Quantenheilung</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p><strong>1. Das reine Bewusstseinsfeld:</strong> Im Zentrum der Quantenheilung steht der Zugang zum «reinen Bewusstseinsfeld», wo das ganze Potenzial vorhanden ist. Dies ist ein Zustand völliger Klarheit, in dem der Geist frei von Gedanken, Ängsten oder Ablenkungen ist.</p>
|
|
||||||
<p><strong>2. Energetische Impulse setzen:</strong> Der Praktizierende dient als Kanal oder Katalysator, der mithilfe seines fokussierten Bewusstseins gezielte Impulse setzt. Diese Impulse «informieren» das Energiefeld des Klienten und harmonisieren disharmonische Frequenzen.</p>
|
|
||||||
<p><strong>3. Selbstheilungskräfte aktivieren:</strong> Durch die energetische Harmonisierung werden blockierte Ressourcen freigesetzt, die Heilungsprozesse auf körperlicher, emotionaler und mentaler Ebene angeregt.</p>
|
|
||||||
<p><strong>4. Transformation durch Bewusstsein:</strong> Oft entstehen körperliche oder emotionale Beschwerden durch unbewusste Muster, Stress oder ungelöste Konflikte. In der Quantenheilung können diese Muster durch das bewusste Wahrnehmen und Loslassen transformiert werden.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Vorteile und Wirkung</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p><strong>Körperlich:</strong> Quantenheilung kann Schmerzen lindern, die Funktion von Organen verbessern und die Zellregeneration fördern.</p>
|
|
||||||
<p><strong>Emotional:</strong> Sie löst emotionale Blockaden, fördert innere Ruhe und hilft bei der Verarbeitung von belastenden Erlebnissen.</p>
|
|
||||||
<p><strong>Mental:</strong> Die Methode bringt mentale Klarheit, ersetzt begrenzende Denkmuster und stärkt die Fähigkeit, Herausforderungen zu meistern.</p>
|
|
||||||
<p><strong>Energetisch:</strong> Das Energiefeld wird harmonisiert, wodurch der Mensch mehr Vitalität und Lebensfreude erfährt.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Die Verbindung zur Quantenphysik</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p>Die Quantenphysik hat gezeigt, dass Beobachtung und Bewusstsein eine direkte Wirkung auf Materie und Energie haben. Dieses Konzept wird in der Quantenheilung genutzt: Der Praktizierende richtet sein Bewusstsein gezielt auf die Transformation der Herausforderung des Klienten, wodurch eine Veränderung auf tiefster Ebene ermöglicht wird.</p>
|
|
||||||
<p>Quantenheilung ist eine sanfte, aber kraftvolle Methode, die die Prinzipien der Quantenphysik und das Verständnis von Energie miteinander verbindet. Sie bietet die Möglichkeit, tiefsitzende Blockaden zu transformieren und die innere Balance wiederherzustellen, indem sie den Menschen ganzheitlich auf körperlicher, emotionaler und energetischer Ebene unterstützt.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Selbstheilung Section -->
|
|
||||||
<section id="selbstheilung" class="section explainer explainer-alt">
|
|
||||||
<div class="container">
|
|
||||||
<h2 class="section-title section-title-center">Was bedeutet Selbstheilung?</h2>
|
|
||||||
<p class="section-intro">Der Körper besitzt erstaunliche Fähigkeiten, sich selbst zu reparieren und das innere Gleichgewicht wiederherzustellen.</p>
|
|
||||||
|
|
||||||
<div class="accordion-group">
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Körperliche Selbstheilung</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p>Der Körper besitzt erstaunliche Fähigkeiten, sich selbst zu reparieren. Zum Beispiel heilt sich eine kleine Schnittwunde durch die Bildung von neuem Gewebe, und bei einer Infektion arbeitet das Immunsystem daran, die Krankheitserreger zu bekämpfen. Dieser Prozess ist oft unbewusst und läuft automatisch ab.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Psychische und emotionale Selbstheilung</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p>Neben der körperlichen Heilung spielt auch die mentale Gesundheit eine grosse Rolle. Positive Gedanken, Stressabbau, Meditation und Achtsamkeit können den Heilungsprozess unterstützen. Das Gehirn kann durch bestimmte Techniken helfen, Schmerzen zu lindern oder emotionale Wunden zu heilen.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Einfluss von Lebensstil und Umwelt</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p>Gesunde Ernährung, ausreichend Schlaf, Bewegung und ein positives Umfeld fördern die Selbstheilungskräfte. Auch das Vermeiden von schädlichen Substanzen wie Alkohol oder Drogen kann die natürlichen Heilungsprozesse unterstützen.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Placebo-Effekt</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p>Manche Heilungserfahrungen werden durch den Glauben an die eigene Fähigkeit zur Heilung beeinflusst. Der Placebo-Effekt zeigt, dass die Überzeugung, gesund zu werden, tatsächlich körperliche Veränderungen bewirken kann.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion">
|
|
||||||
<button class="accordion-header">
|
|
||||||
<span>Ganzheitlicher Ansatz</span>
|
|
||||||
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
|
|
||||||
</button>
|
|
||||||
<div class="accordion-body">
|
|
||||||
<p>Viele Menschen betrachten Selbstheilung als einen ganzheitlichen Prozess, bei dem Körper, Geist und Seele im Einklang sein sollten. Methoden wie Yoga, Meditation, Akupunktur oder Naturheilverfahren werden oft genutzt, um die Selbstheilungskräfte zu stärken.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Workshops Section -->
|
|
||||||
<section id="workshops" class="section workshops">
|
|
||||||
<div class="container">
|
|
||||||
<h2 class="section-title section-title-center">Workshops</h2>
|
|
||||||
<p class="section-intro">Quantenheilung und Selbstheilung aktivieren</p>
|
|
||||||
|
|
||||||
<div class="workshop-card">
|
|
||||||
<div class="workshop-image">
|
|
||||||
<img src="images/engadin-hiking.jpg" alt="Workshop in den Engadiner Bergen" class="workshop-img">
|
|
||||||
</div>
|
|
||||||
<div class="workshop-content">
|
|
||||||
<span class="workshop-tag">Workshop-Programm</span>
|
|
||||||
<h3>Quantenheilung und Selbstheilung aktivieren</h3>
|
|
||||||
<p>Erlebe die transformative Kraft der Quantenheilung und lerne, wie du innere Blockaden löst, deine Selbstheilungskräfte aktivierst und nachhaltige Balance in dein Leben bringst. In diesem praxisorientierten Workshop erfährst du die Grundlagen der Quantenheilung und erhältst einfache, alltagstaugliche Tools, um deinen Heilungsprozess selbstständig zu unterstützen.</p>
|
|
||||||
<p>Dieser Workshop richtet sich an Menschen, die ihre Gesundheit, Lebensenergie und innere Klarheit fördern möchten. Vorkenntnisse sind nicht erforderlich – nur die Offenheit, Neues zu entdecken.</p>
|
|
||||||
<a href="#contact" class="btn btn-secondary">Interesse anmelden</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Praxis Section -->
|
|
||||||
<section id="praxis" class="section praxis">
|
|
||||||
<div class="container">
|
|
||||||
<h2 class="section-title section-title-center">Praxis</h2>
|
|
||||||
<div class="praxis-card">
|
|
||||||
<div class="praxis-location">
|
|
||||||
<h3>Praxis Scuol</h3>
|
|
||||||
<address>
|
|
||||||
Pimunt 271<br>
|
|
||||||
7550 Scuol
|
|
||||||
</address>
|
|
||||||
</div>
|
|
||||||
<div class="praxis-options">
|
|
||||||
<p>Behandlungen auch als <strong>Fernbehandlung</strong> oder <strong>Hausbesuche</strong> möglich.</p>
|
|
||||||
<p class="praxis-note">Bei Hausbesuchen passt sich der Tarif an die Entfernung an.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Contact Section -->
|
<!-- Contact Section -->
|
||||||
<section id="contact" class="section contact">
|
<section id="contact" class="section contact" style="background-image: url('images/contact-lake.jpg');">
|
||||||
|
<div class="contact-overlay">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="contact-cta">
|
||||||
|
<h2 class="section-title section-title-center">Spürst du, dass sich etwas in deinem Leben verändern möchte?</h2>
|
||||||
|
<p class="contact-cta-text">Ich freue mich, dich auf deinem Weg zu begleiten. Schreib mir oder ruf mich an – gemeinsam finden wir den richtigen Ansatz für dich.</p>
|
||||||
|
</div>
|
||||||
<div class="contact-grid">
|
<div class="contact-grid">
|
||||||
<div class="contact-info">
|
<div class="contact-info">
|
||||||
<h2 class="section-title">Kontakt</h2>
|
|
||||||
<p>Ich freue mich auf deine Nachricht. Gemeinsam finden wir den richtigen Weg für deine Heilung.</p>
|
|
||||||
|
|
||||||
<div class="contact-details">
|
<div class="contact-details">
|
||||||
|
<div class="contact-item">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||||||
|
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
||||||
|
<polyline points="22,6 12,13 2,6"/>
|
||||||
|
</svg>
|
||||||
|
<a href="mailto:tino.andri@gmail.com">tino.andri@gmail.com</a>
|
||||||
|
</div>
|
||||||
<div class="contact-item">
|
<div class="contact-item">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
|
||||||
|
|
@ -407,10 +386,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-item">
|
<div class="contact-item">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
<circle cx="12" cy="10" r="3"/>
|
||||||
</svg>
|
</svg>
|
||||||
<a href="mailto:info@tino-ardez.ch">info@tino-ardez.ch</a>
|
<span>Pimunt 271, 7550 Scuol</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -436,6 +415,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
|
|
@ -443,15 +423,29 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-brand">
|
<div class="footer-brand">
|
||||||
<span class="footer-logo">Tino Andri</span>
|
<svg class="footer-logo-svg" viewBox="0 0 180 200" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
<p>Quantenheilung & Selbstheilung</p>
|
<path d="M90 150 C88 130, 85 110, 88 90 C90 75, 90 60, 90 50" fill="none" stroke="#B89A5B" stroke-width="2.5" stroke-linecap="round"/>
|
||||||
|
<path d="M88 105 C75 95, 55 90, 45 80" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<path d="M45 80 C40 70, 42 58, 52 55 C62 52, 65 62, 60 72 C55 82, 48 82, 45 80Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<path d="M90 105 C103 95, 123 90, 133 80" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<path d="M133 80 C138 70, 136 58, 126 55 C116 52, 113 62, 118 72 C123 82, 130 82, 133 80Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<path d="M89 85 C78 75, 62 68, 55 58" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<path d="M55 58 C48 48, 50 36, 60 33 C70 30, 72 40, 68 50 C64 58, 57 60, 55 58Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<path d="M90 85 C101 75, 116 68, 123 58" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<path d="M123 58 C130 48, 128 36, 118 33 C108 30, 106 40, 110 50 C114 58, 121 60, 123 58Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<path d="M90 50 C90 38, 82 22, 80 12 C78 22, 90 18, 98 12 C96 22, 90 38, 90 50Z" fill="none" stroke="#B89A5B" stroke-width="1.8"/>
|
||||||
|
<path d="M40 162 C55 155, 70 168, 90 162 C110 155, 125 168, 140 162" fill="none" stroke="#B89A5B" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<path d="M50 172 C63 166, 75 176, 90 172 C105 166, 117 176, 130 172" fill="none" stroke="#B89A5B" stroke-width="1.8" stroke-linecap="round"/>
|
||||||
|
<text x="90" y="196" text-anchor="middle" fill="#B89A5B" font-family="'Cormorant Garamond', Georgia, serif" font-size="18" font-weight="500" letter-spacing="3">TINO ANDRI</text>
|
||||||
|
</svg>
|
||||||
|
<p>Heilung, Natur & Bewusstsein</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-links">
|
<div class="footer-links">
|
||||||
<a href="#about">Über mich</a>
|
<a href="#about">Über mich</a>
|
||||||
<a href="#angebot">Angebot</a>
|
<a href="#angebot">Angebot</a>
|
||||||
<a href="#erfahrungen">Erfahrungen</a>
|
<a href="#erfahrungen">Erfahrungen</a>
|
||||||
<a href="#workshops">Workshops</a>
|
|
||||||
<a href="#contact">Kontakt</a>
|
<a href="#contact">Kontakt</a>
|
||||||
|
<a href="#" class="datenschutz-link">Datenschutzbestimmungen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-bottom">
|
<div class="footer-bottom">
|
||||||
|
|
@ -460,6 +454,37 @@
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<!-- Datenschutz Modal -->
|
||||||
|
<div class="modal-overlay" id="datenschutz-modal">
|
||||||
|
<div class="modal">
|
||||||
|
<button class="modal-close" aria-label="Schliessen">×</button>
|
||||||
|
<h2>Datenschutzbestimmungen</h2>
|
||||||
|
|
||||||
|
<h3>Verantwortliche Stelle</h3>
|
||||||
|
<p>Tino Andri<br>Pimunt 271<br>7550 Scuol<br>E-Mail: tino.andri@gmail.com</p>
|
||||||
|
|
||||||
|
<h3>Welche Daten werden erhoben?</h3>
|
||||||
|
<p>Wenn du das Kontaktformular nutzt, werden folgende Daten übermittelt: Name, E-Mail-Adresse, Telefonnummer (optional) und deine Nachricht.</p>
|
||||||
|
|
||||||
|
<h3>Zweck der Datenverarbeitung</h3>
|
||||||
|
<p>Die erhobenen Daten werden ausschliesslich verwendet, um deine Anfrage zu beantworten und dich gegebenenfalls zu kontaktieren.</p>
|
||||||
|
|
||||||
|
<h3>Weitergabe an Dritte</h3>
|
||||||
|
<p>Deine Daten werden nicht an Dritte weitergegeben.</p>
|
||||||
|
|
||||||
|
<h3>Cookies und Analyse</h3>
|
||||||
|
<p>Diese Website verwendet keine Cookies und keine Analyse- oder Tracking-Tools. Es ist eine einfache, statische Website.</p>
|
||||||
|
|
||||||
|
<h3>Deine Rechte</h3>
|
||||||
|
<p>Gemäss dem Schweizer Datenschutzgesetz (nDSG) hast du das Recht auf Auskunft, Berichtigung und Löschung deiner Daten. Kontaktiere mich dafür einfach per E-Mail.</p>
|
||||||
|
|
||||||
|
<h3>Änderungen</h3>
|
||||||
|
<p>Diese Datenschutzerklärung kann gelegentlich angepasst werden. Es gilt die jeweils aktuelle Version auf dieser Website.</p>
|
||||||
|
|
||||||
|
<p class="modal-date">Stand: April 2026</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
51
script.js
|
|
@ -1,5 +1,5 @@
|
||||||
/**
|
/**
|
||||||
* Tino Andri - Quantenheilung & Selbstheilung
|
* Tino Andri - Heilung, Natur & Bewusstsein
|
||||||
* JavaScript functionality
|
* JavaScript functionality
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
@ -26,8 +26,10 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||||
// Smooth scroll for anchor links
|
// Smooth scroll for anchor links
|
||||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||||
anchor.addEventListener('click', function(e) {
|
anchor.addEventListener('click', function(e) {
|
||||||
|
const href = this.getAttribute('href');
|
||||||
|
if (href === '#') return;
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
const target = document.querySelector(this.getAttribute('href'));
|
const target = document.querySelector(href);
|
||||||
if (target) {
|
if (target) {
|
||||||
const headerOffset = 80;
|
const headerOffset = 80;
|
||||||
const elementPosition = target.getBoundingClientRect().top;
|
const elementPosition = target.getBoundingClientRect().top;
|
||||||
|
|
@ -236,25 +238,42 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||||
}
|
}
|
||||||
|
|
||||||
// =========================================================================
|
// =========================================================================
|
||||||
// Accordion
|
// Datenschutz Modal
|
||||||
// =========================================================================
|
// =========================================================================
|
||||||
document.querySelectorAll('.accordion-group').forEach(group => {
|
const datenschutzModal = document.getElementById('datenschutz-modal');
|
||||||
const accordions = group.querySelectorAll('.accordion');
|
const datenschutzLinks = document.querySelectorAll('.datenschutz-link');
|
||||||
|
|
||||||
accordions.forEach(accordion => {
|
if (datenschutzModal) {
|
||||||
const header = accordion.querySelector('.accordion-header');
|
datenschutzLinks.forEach(link => {
|
||||||
|
link.addEventListener('click', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
datenschutzModal.classList.add('active');
|
||||||
|
document.body.style.overflow = 'hidden';
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
header.addEventListener('click', () => {
|
const closeBtn = datenschutzModal.querySelector('.modal-close');
|
||||||
const isOpen = accordion.classList.contains('open');
|
if (closeBtn) {
|
||||||
|
closeBtn.addEventListener('click', () => {
|
||||||
|
datenschutzModal.classList.remove('active');
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// Close all in this group
|
// Close on overlay click
|
||||||
accordions.forEach(a => a.classList.remove('open'));
|
datenschutzModal.addEventListener('click', function(e) {
|
||||||
|
if (e.target === datenschutzModal) {
|
||||||
// Toggle clicked
|
datenschutzModal.classList.remove('active');
|
||||||
if (!isOpen) {
|
document.body.style.overflow = '';
|
||||||
accordion.classList.add('open');
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Close on Escape
|
||||||
|
document.addEventListener('keydown', function(e) {
|
||||||
|
if (e.key === 'Escape' && datenschutzModal.classList.contains('active')) {
|
||||||
|
datenschutzModal.classList.remove('active');
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
}
|
||||||
});
|
});
|
||||||
});
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||