506 lines
31 KiB
HTML
506 lines
31 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">Manchmal spüren wir, dass sich etwas in unserem Leben verändern möchte. Unruhe, körperliche Beschwerden oder innere Blockaden zeigen uns, dass es Zeit ist, wieder in Verbindung mit uns selbst zu kommen.</p>
|
||
<blockquote class="hero-quote">
|
||
<p>«Ich begleite dich auf einem natürlichen Weg der Heilung, der Körper, Geist und Seele verbindet. Mit energetischer Heilung, Quantenheilung und der Kraft der Natur erlebst du Transformation, Leichtigkeit und neue Klarheit.»</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>Ich bin im Unterengadin aufgewachsen und seit vielen Jahren auf einem persönlichen Heilungsweg.</p>
|
||
<p>Durch eigene Erfahrungen mit inneren und körperlichen Herausforderungen habe ich gelernt, wie stark Körper und Seele miteinander verbunden sind. Eine tiefgehende Spontanheilung hat mein Leben grundlegend verändert und mir den Weg zu Bewusstheit, Heilung und meiner heutigen Arbeit geöffnet.</p>
|
||
<p>Heute begleite ich Menschen dabei, wieder in Verbindung mit sich selbst zu kommen und ihre eigene Kraft zu entdecken.</p>
|
||
</div>
|
||
<div class="mentors">
|
||
<h3>Meine Mentoren</h3>
|
||
<ul class="mentors-list">
|
||
<li><strong>Roberto Antela Martinez</strong> — 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>Viele Beschwerden haben tiefere Ursachen. Meine Arbeit zeigt diese Muster auf und ermöglicht ihre Transformation.</p>
|
||
<p>Durch energetische Heilung, Quantenheilung, Bewusstseinsarbeit und die Verbindung mit der Natur und den Elementen können innere Blockaden gelöst, Klarheit gewonnen und neue Lebensenergie freigesetzt werden.</p>
|
||
<p>Unsere gemeinsame Arbeit kann dich unterstützen:</p>
|
||
<ul class="arbeit-list">
|
||
<li>Innere Blockaden zu lösen</li>
|
||
<li>Mehr Ruhe und Klarheit zu finden</li>
|
||
<li>Ängste loszulassen</li>
|
||
<li>Vertrauen zu entwickeln</li>
|
||
<li>Neue Lebensenergie zu spüren</li>
|
||
<li>Deine Berufung zu finden</li>
|
||
<li>Bewusst eigene Verantwortung zu übernehmen</li>
|
||
<li>Wieder näher zu dir selbst zu kommen</li>
|
||
</ul>
|
||
<p class="arbeit-closing">Jede Session ist individuell, intuitiv und orientiert sich an deinen aktuellen Herausforderungen und Bedürfnissen.</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 spürst, dass sich etwas verändern möchte, bist du herzlich willkommen.</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 – Heilung auf Distanz</h3>
|
||
<p class="angebote-group-intro">Energetische Heilung ist nicht an Ort oder Zeit gebunden. Auch über die Ferne kann sich ein tiefer Prozess der Klärung und Transformation entfalten.</p>
|
||
<p class="angebote-group-intro">Während der Behandlung verbinde ich mich bewusst mit deiner Energie. Du darfst dich an einem ruhigen Ort entspannen und empfangen.</p>
|
||
<div class="remote-cards">
|
||
<div class="offering-card offering-card-compact">
|
||
<div class="offering-header">
|
||
<h4>Mini-Fernsession</h4>
|
||
<span class="offering-meta">30 Minuten</span>
|
||
</div>
|
||
<div class="offering-price"><span class="price-label">Energieausgleich:</span> 50 CHF</div>
|
||
<p class="offering-desc">Ein sanfter Impuls zur Klärung eines aktuellen Themas. Ideal zum Kennenlernen oder zur Stabilisierung.</p>
|
||
<a href="#contact" class="btn btn-secondary btn-sm">Termin vereinbaren</a>
|
||
</div>
|
||
<div class="offering-card offering-card-compact">
|
||
<div class="offering-header">
|
||
<h4>Fernbehandlung</h4>
|
||
<span class="offering-meta">60 Minuten</span>
|
||
</div>
|
||
<div class="offering-price"><span class="price-label">Energieausgleich:</span> 100 CHF</div>
|
||
<p class="offering-desc">Tiefe energetische Heilung auf Distanz mit Integrationsgespräch. Für Menschen, die spüren, dass sich etwas nachhaltig bewegen möchte.</p>
|
||
<a href="#contact" class="btn btn-secondary btn-sm">Termin vereinbaren</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 bis 90 Minuten</span>
|
||
</div>
|
||
<div class="offering-price"><span class="price-label">Energieausgleich:</span> 100 bis 150 CHF</div>
|
||
<p class="offering-desc">Tiefe energetische Heilung, Bewusstseinsarbeit und Transformation in ruhiger Atmosphäre oder Natur.</p>
|
||
<ul class="offering-details">
|
||
<li>Quantenheilung</li>
|
||
<li>Energieheilung</li>
|
||
<li>Bewusstseinsarbeit</li>
|
||
<li>Gespräch & Integration</li>
|
||
<li>Stille & Präsenz</li>
|
||
</ul>
|
||
<p class="offering-goal"><strong>Ziel:</strong> Blockaden transformieren, Klarheit finden, Ängste loslassen, neue Lebensenergie spüren.</p>
|
||
<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">4 Stunden</span>
|
||
</div>
|
||
<div class="offering-price"><span class="price-label">Energieausgleich:</span> 360 CHF</div>
|
||
<p class="offering-desc">Heilung in Verbindung mit Naturerfahrung.</p>
|
||
<ul class="offering-details">
|
||
<li>Energetische Heilung</li>
|
||
<li>Bewusstseinsarbeit</li>
|
||
<li>Zeit in der Natur</li>
|
||
<li>Stille & Präsenz</li>
|
||
</ul>
|
||
<p class="offering-combinable">Individuell im Erlebnis kombinierbar: Bewusst Natur erleben, Meditation (nach Absprache).</p>
|
||
<p class="offering-goal"><strong>Ziel:</strong> Tiefe innere Bewegung, Klarheit & neue Orientierung.</p>
|
||
<a href="#contact" class="btn btn-secondary btn-sm">Termin vereinbaren</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 (8 Stunden)</span>
|
||
</div>
|
||
<div class="offering-price"><span class="price-label">Energieausgleich:</span> 600 CHF</div>
|
||
<p class="offering-desc">Ganzer Tag in der Natur für besonders tiefgehende Erfahrungen.</p>
|
||
<ul class="offering-details">
|
||
<li>Energetische Heilung</li>
|
||
<li>Integration</li>
|
||
<li>Bewusstseinsarbeit</li>
|
||
<li>Naturzeit</li>
|
||
<li>Stille & Präsenz</li>
|
||
</ul>
|
||
<p class="offering-combinable">Individuell im Erlebnis kombinierbar: Fliegenfischen, Pilze sammeln, Meditation (nach Absprache).</p>
|
||
<p class="offering-goal"><strong>Ziel:</strong> Tiefgreifende Heilung, Nähe zu dir selbst, Urkraft spüren.</p>
|
||
<a href="#contact" class="btn btn-secondary btn-sm">Termin vereinbaren</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"><span class="price-label">Energieausgleich:</span> 1'100 CHF</div>
|
||
<p class="offering-desc">Intensive Begleitung über zwei Tage für nachhaltige Transformation.</p>
|
||
<ul class="offering-details">
|
||
<li>Energetische Heilung</li>
|
||
<li>Integration</li>
|
||
<li>Naturerfahrung</li>
|
||
<li>Bewusstseinsarbeit</li>
|
||
<li>Stille & Verbindung</li>
|
||
</ul>
|
||
<p class="offering-combinable">Individuell im Erlebnis kombinierbar: Fliegenfischen, Pilze sammeln, Arbeit mit den Elementen (nach Absprache).</p>
|
||
<p class="offering-goal"><strong>Ziel:</strong> Tiefgreifende innere Veränderung und neue Klarheit.</p>
|
||
<a href="#contact" class="btn btn-secondary btn-sm">Termin vereinbaren</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</span>
|
||
</div>
|
||
<div class="offering-price"><span class="price-label">Energieausgleich:</span> 600 CHF</div>
|
||
<p class="offering-desc">Tiefe energetische Heilung kombiniert mit Fliegenfischen in der Natur.</p>
|
||
<ul class="offering-details">
|
||
<li>Energetische Heilung</li>
|
||
<li>Bewusstseinsarbeit</li>
|
||
<li>Fliegenfischen</li>
|
||
<li>Zeit am Wasser</li>
|
||
<li>Verbindung mit Natur & Stille</li>
|
||
</ul>
|
||
<p class="offering-combinable">Individuell im Erlebnis kombinierbar: Pilze sammeln, Meditation (nach Absprache).</p>
|
||
<p class="offering-goal"><strong>Ziel:</strong> Blockaden transformieren, innere Ruhe & Klarheit erleben, Natur intensiv spüren.</p>
|
||
<a href="#contact" class="btn btn-secondary btn-sm">Termin vereinbaren</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Wertschätzung -->
|
||
<div class="wertschaetzung">
|
||
<h3>Wertschätzung & Ausgleich</h3>
|
||
<p>Meine Arbeit ist ein bewusster Energieausgleich. Wenn es dir momentan nicht möglich ist, den angegebenen Betrag zu investieren, melde dich gerne bei mir.</p>
|
||
<p>Wir finden gemeinsam eine stimmige 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 im Palace in Scuol haben mein Leben in vielen Bereichen positiv verändert. Situationen, die früher schwer waren, erlebe ich jetzt mit Leichtigkeit.</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 sich meine Seele schon in der zweiten Session so sicher fühlte, dass eine reinigende Reise möglich wurde – mit Erkenntnissen, die ich sofort im Alltag anwenden konnte?</p>
|
||
<p>2 × WOW   2 × JA   2 × DANKE</p>
|
||
</blockquote>
|
||
<cite>— Sevi</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<p>Nicht nur das Symptom, sondern die Ursache wird transformiert. Mein Alltag ist leichter und klarer geworden.</p>
|
||
</blockquote>
|
||
<cite>— Julia</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<p>Meine Einstellung hat sich verändert, Herausforderungen erscheinen einfacher.</p>
|
||
</blockquote>
|
||
<cite>— Martina</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<p>Tino schafft einen sicheren Raum, der Heilung ermöglicht. Licht und Liebe können wieder fliessen.</p>
|
||
</blockquote>
|
||
<cite>— Evi</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<p>Der Workshop hat mir mentale Tore geöffnet und neue Gedankenräume gezeigt.</p>
|
||
</blockquote>
|
||
<cite>— Barbara</cite>
|
||
</div>
|
||
<div class="testimonial-card">
|
||
<blockquote>
|
||
<p>Nach spontanen Behandlungen nahm der Schmerz in meiner Schulter schnell ab. Tinos Arbeit ist aussergewöhnlich.</p>
|
||
</blockquote>
|
||
<cite>— Maria</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">Vereinbare jetzt eine Session oder ein Natur-Erlebnis mit Heilung.</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>
|