491 lines
32 KiB
HTML
491 lines
32 KiB
HTML
<!DOCTYPE html>
|
||
<!-- Tino Andri - Heilung, Natur & Bewusstsein - Scuol, Engadin -->
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Tino Andri | Heilung, Natur & Bewusstsein | Scuol, Engadin</title>
|
||
<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.gstatic.com" crossorigin>
|
||
<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">
|
||
</head>
|
||
<body>
|
||
<!-- Navigation -->
|
||
<nav class="nav">
|
||
<div class="nav-container">
|
||
<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">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
<ul class="nav-menu">
|
||
<li><a href="#about">Über mich</a></li>
|
||
<li><a href="#angebot">Angebot</a></li>
|
||
<li><a href="#erfahrungen">Erfahrungen</a></li>
|
||
<li><a href="#contact">Kontakt</a></li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Hero Section -->
|
||
<header class="hero-fullwidth" style="background-image: url('images/hero-river.jpg');">
|
||
<div class="hero-overlay">
|
||
<div class="hero-content">
|
||
<h1 class="hero-title">Heilung, Natur & Bewusstsein</h1>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- About Section -->
|
||
<section id="about" class="section about">
|
||
<div class="container">
|
||
<div class="about-grid">
|
||
<div class="about-image">
|
||
<img src="images/tino-portrait.jpg" alt="Tino Andri unter einem Baum im Engadin" class="about-img">
|
||
</div>
|
||
<div class="about-content">
|
||
<h2 class="section-title">Wer ich bin – Tino Andri</h2>
|
||
<div class="about-text">
|
||
<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 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>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 class="mentors">
|
||
<h3>Meine Mentoren</h3>
|
||
<ul class="mentors-list">
|
||
<li><strong>Roberto Antela Martinez</strong> — SHT (Selbstheilungs-Techniken)</li>
|
||
<li><strong>Ines Rüfenacht</strong> — Quantenheilung</li>
|
||
<li><strong>Joe Dispenza</strong> — Bewusstseinsarbeit & Quantenheilung</li>
|
||
<li><strong>Kurt Tepperwein</strong> — Bewusstwerdung</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Meine Arbeit Section -->
|
||
<section id="arbeit" class="section arbeit">
|
||
<div class="container">
|
||
<h2 class="section-title section-title-center">Meine Arbeit</h2>
|
||
<div class="arbeit-content">
|
||
<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>
|
||
<ul class="arbeit-list">
|
||
<li>Innere Blockaden erkennen und lösen</li>
|
||
<li>Ruhe, Klarheit und innere Balance finden</li>
|
||
<li>Ängste und alte Muster loslassen</li>
|
||
<li>Selbstheilungskräfte aktivieren</li>
|
||
<li>Körperliche Beschwerden auf energetischer Ebene unterstützen</li>
|
||
<li>Selbstwert und Selbstvertrauen stärken</li>
|
||
<li>Bewusstsein und Achtsamkeit im Alltag verankern</li>
|
||
<li>Lebensenergie und Lebensfreude steigern</li>
|
||
</ul>
|
||
<p class="arbeit-closing">Jede Session ist individuell – angepasst an dich und das, was sich gerade zeigen möchte.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Aurora Divider -->
|
||
<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="einladung-content">
|
||
<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>
|
||
</blockquote>
|
||
</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>
|
||
|
||
<!-- Testimonials Section -->
|
||
<section id="erfahrungen" class="section testimonials">
|
||
<div class="container">
|
||
<h2 class="section-title section-title-center">Erfahrungen</h2>
|
||
<p class="section-intro">Was Menschen nach ihren Sitzungen berichten.</p>
|
||
|
||
<div class="carousel">
|
||
<div class="carousel-track">
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<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>
|
||
<cite>— Marc</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<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 fühlte, um auf eine reinigende Reise zu gehen? 2× WOW! 2× JA! 2× DANKE!</p>
|
||
</blockquote>
|
||
<cite>— Sevi</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<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. Es ist erstaunlich, wie psychische Probleme und Ängste transformiert werden. Viele Dinge erscheinen mir einfacher und leichter.</p>
|
||
</blockquote>
|
||
<cite>— Julia</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<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>
|
||
<cite>— Martina</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<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 und einfach zu sein. Eine wundervolle Erfahrung!</p>
|
||
</blockquote>
|
||
<cite>— Evi</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<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>
|
||
<cite>— Barbara</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<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. 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>
|
||
<cite>— Maria <span class="testimonial-lang">(Rumantsch)</span></cite>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-controls">
|
||
<button class="carousel-btn carousel-prev" aria-label="Vorherige">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
|
||
</button>
|
||
<div class="carousel-dots"></div>
|
||
<button class="carousel-btn carousel-next" aria-label="Nächste">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 6 15 12 9 18"/></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact Section -->
|
||
<section id="contact" class="section contact" style="background-image: url('images/contact-lake.jpg');">
|
||
<div class="contact-overlay">
|
||
<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-info">
|
||
<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">
|
||
<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"/>
|
||
</svg>
|
||
<a href="tel:+41794763372">+41 79 476 33 72</a>
|
||
</div>
|
||
<div class="contact-item">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
||
<circle cx="12" cy="10" r="3"/>
|
||
</svg>
|
||
<span>Pimunt 271, 7550 Scuol</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<form class="contact-form" action="#" method="POST">
|
||
<div class="form-group">
|
||
<label for="name">Name</label>
|
||
<input type="text" id="name" name="name" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="email">E-Mail</label>
|
||
<input type="email" id="email" name="email" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="phone">Telefon (optional)</label>
|
||
<input type="tel" id="phone" name="phone">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="message">Nachricht</label>
|
||
<textarea id="message" name="message" rows="5" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary btn-full">Nachricht senden</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-brand">
|
||
<svg class="footer-logo-svg" viewBox="0 0 180 200" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||
<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 class="footer-links">
|
||
<a href="#about">Über mich</a>
|
||
<a href="#angebot">Angebot</a>
|
||
<a href="#erfahrungen">Erfahrungen</a>
|
||
<a href="#contact">Kontakt</a>
|
||
<a href="#" class="datenschutz-link">Datenschutzbestimmungen</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2026 Tino Andri. Alle Rechte vorbehalten.</p>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
</body>
|
||
</html>
|