PageSourceSearch

https://www.highermind.de/webinare/

html highermind.de collected 2026-10-02 15:31:00 UTC 34,125 bytes, 629 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<title>Kostenlose Webinare</title>
7<meta name="description" content="In jedem kostenlosen Webinar von HigherMind arbeiten wir gemeinsam mit Übungen, die deine energetischen Blockaden lösen.">
8<link rel="icon" href="/favicon.ico" sizes="any">
9<link rel="icon" type="image/png" sizes="32x32" href="/bilder/favicon-32.png">
10<link rel="icon" type="image/png" sizes="16x16" href="/bilder/favicon-16.png">
11<link rel="apple-touch-icon" sizes="180x180" href="/bilder/apple-touch-icon.png">
12<link rel="canonical" href="https://www.highermind.de/webinare/">
13<meta property="og:url" content="https://www.highermind.de/webinare/">
14<meta property="og:title" content="Kostenlose Webinare">
15<meta property="og:description" content="Wir üben gemeinsam, und am Ende hat sich etwas in dir bewegt.">
16<meta property="og:type" content="website">
17<meta property="og:locale" content="de_DE">
18<link rel="preconnect" href="https://fonts.googleapis.com">
19<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap">
21<style>
22/* ===========================================================================
23   Kostenlose Webinare — www.highermind.de/webinare/
24   Kopfzeile, Fußzeile, Farben und Schriftgrade sind aus der Startseite
25   uebernommen, damit beide Seiten als eine Seite wirken.
26   =========================================================================== */
27:root{
28  --beere:#754260;
29  --beere-hell:#8a5273;
30  --beige:#EAE6E3;
31  --tinte:#2c2a29;
32  --weiss:#ffffff;
33  --grau-nav:#6b7280;
34  --grau-nav-hover:#374151;
35  --linie:#e5e7eb;
36  --sans:Montserrat,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
37}
38*{box-sizing:border-box}
39html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
40@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
41body{margin:0;background:var(--weiss);color:var(--tinte);
42  font:300 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
43img{display:block;max-width:100%}
44a{color:inherit}
45:focus-visible{outline:3px solid var(--beere);outline-offset:3px;border-radius:3px}
46
47.bahn{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}
48@media (min-width:640px){.bahn{padding:0 32px}}
49.beige{background:var(--beige)}
50.weiss{background:var(--weiss)}
51
52/* --- Kopfzeile (identisch zur Startseite) --------------------------------- */
53.kopf{background:var(--weiss);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);
54  position:sticky;top:0;z-index:99}
55.kopf .bahn{display:flex;align-items:center;justify-content:space-between;height:64px}
56.logo img{height:40px;width:auto;object-fit:contain;object-position:left center}
57.nav{display:flex;gap:32px}
58.nav a{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--grau-nav);
59  text-decoration:none;padding:4px 4px 0;border-bottom:2px solid transparent;
60  transition:color .15s,border-color .15s}
61.nav a:hover{color:var(--grau-nav-hover);border-bottom-color:#d1d5db}
62.nav a[aria-current="page"]{color:var(--beere);border-bottom-color:var(--beere)}
63.burger{display:none;border:0;background:none;padding:8px;border-radius:6px;color:#9ca3af;cursor:pointer}
64.burger:hover{color:var(--grau-nav);background:#f3f4f6}
65.burger svg{display:block;width:24px;height:24px}
66#mobilnav{display:none;background:var(--weiss);border-top:1px solid var(--linie)}
67#mobilnav.offen{display:block}
68#mobilnav a{display:block;padding:14px 16px;font-size:16px;font-weight:500;
69  color:var(--grau-nav);text-decoration:none;border-bottom:1px solid #f3f4f6}
70#mobilnav a:last-child{border-bottom:none}
71#mobilnav a:hover{color:var(--grau-nav-hover);background:#f9fafb}
72#mobilnav a[aria-current="page"]{color:var(--beere)}
73@media (max-width:639px){.nav{display:none}.burger{display:block}}
74@media (min-width:640px){#mobilnav{display:none!important}}
75
76/* --- Seitenkopf ----------------------------------------------------------- */
77.seitenkopf{background:var(--beige);padding:56px 0 48px;text-align:center}
78.seitenkopf .marke{font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
79  color:var(--beere);margin:0 0 18px;display:flex;align-items:center;justify-content:center;gap:14px}
80.seitenkopf .marke::before,.seitenkopf .marke::after{content:"";width:40px;height:1px;
81  background:var(--beere);opacity:.5}
82.seitenkopf h1{margin:0 auto;max-width:20ch;font-size:40px;line-height:1.16;font-weight:600;
83  text-wrap:balance}
84.seitenkopf .unter{margin:18px auto 0;max-width:58ch;font-size:20px;line-height:1.55;color:#4b4846}
85@media (max-width:639px){
86  .seitenkopf{padding:40px 0 36px}
87  .seitenkopf h1{font-size:29px}
88  .seitenkopf .unter{font-size:17px}
89}
90
91/* Drei kurze Fakten unter der Überschrift */
92.fakten{list-style:none;margin:30px auto 0;padding:0;display:flex;flex-wrap:wrap;
93  justify-content:center;gap:12px;max-width:760px}
94.fakten li{display:flex;align-items:center;gap:9px;background:var(--weiss);
95  border:1px solid #ddd7d3;border-radius:999px;padding:9px 18px;font-size:15px}
96.fakten svg{width:17px;height:17px;flex:0 0 auto;color:var(--beere)}
97@media (max-width:639px){.fakten li{font-size:14px;padding:8px 14px}}
98
99/* --- Abschnitte ----------------------------------------------------------- */
100section{padding:64px 0}
101@media (max-width:639px){section{padding:44px 0}}
102.kopfzeile{text-align:center;margin-bottom:40px}
103/* max-width:none muss sein — sonst erbt der Kicker die 62ch aus ".kopfzeile p"
104   und rutscht nach links aus der Mitte. */
105.kopfzeile .augen{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;
106  color:var(--beere);margin:0 0 12px;max-width:none}
107.kopfzeile h2{margin:0 auto;max-width:24ch;font-size:30px;line-height:1.24;font-weight:600;
108  text-wrap:balance}
109.kopfzeile p{margin:14px auto 0;max-width:62ch;font-size:18px;line-height:1.6;color:#4b4846}
110@media (max-width:639px){
111  .kopfzeile{margin-bottom:28px}
112  .kopfzeile h2{font-size:24px}
113  .kopfzeile p{font-size:16px}
114}
115
116/* --- Webinar-Karten ------------------------------------------------------- */
117.raster{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
118@media (max-width:1023px){.raster{grid-template-columns:repeat(2,1fr);gap:22px}}
119@media (max-width:639px){.raster{grid-template-columns:1fr;gap:20px}}
120
121.karte{position:relative;display:flex;flex-direction:column;background:var(--weiss);
122  border:1px solid var(--linie);border-radius:14px;overflow:hidden;
123  box-shadow:0 1px 2px rgba(0,0,0,.04);
124  transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s}
125/* Der farbige Strich oben ordnet die Karte ihrem Thema zu. */
126.karte::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--ton)}
127.karte:hover,.karte:focus-within{transform:translateY(-4px);border-color:#ddd7d3;
128  box-shadow:0 14px 34px rgba(44,42,41,.13)}
129
130.karte .bild{background:var(--weiss);padding:18px 16px 4px}
131.karte .bild img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
132
133.karte .inhalt{display:flex;flex-direction:column;flex:1;padding:6px 26px 28px}
134.karte .thema{margin:0 0 9px;font-size:12px;font-weight:600;letter-spacing:.16em;
135  text-transform:uppercase;color:var(--ton)}
136.karte h3{margin:0;font-size:20px;line-height:1.32;font-weight:600;text-wrap:balance}
137.karte p{margin:11px 0 0;font-size:15.5px;line-height:1.62;color:#4b4846}
138
139/* Die Schaltfläche sitzt bei allen Karten auf gleicher Höhe, egal wie lang der Text ist. */
140.karte .mehr{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:8px;
141  align-self:flex-start;font-size:15px;font-weight:600;color:var(--beere);text-decoration:none}
142.karte .mehr .pfeil{transition:transform .18s ease-out}
143.karte:hover .mehr .pfeil{transform:translateX(4px)}
144.karte .mehr::after{content:"";position:absolute;inset:0}
145.karte .mehr:hover{color:var(--beere-hell)}
146
147.karte .gratis{position:absolute;top:16px;right:16px;z-index:2;
148  background:var(--beere);color:var(--weiss);font-size:13px;font-weight:600;
149  padding:5px 12px;border-radius:999px;letter-spacing:.02em}
150
151@media (max-width:639px){
152  .karte .inhalt{padding:6px 20px 24px}
153  .karte h3{font-size:19px}
154}
155
156/* --- Breite Karte für die Challenge --------------------------------------- */
157.breit{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
158  align-items:center;gap:0;background:var(--weiss);border:1px solid var(--linie);
159  border-radius:14px;overflow:hidden;max-width:980px;margin:0 auto;
160  box-shadow:0 1px 2px rgba(0,0,0,.04);
161  transition:transform .18s ease-out,box-shadow .18s ease-out}
162.breit::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--ton);z-index:1}
163.breit:hover,.breit:focus-within{transform:translateY(-4px);box-shadow:0 14px 34px rgba(44,42,41,.13)}
164.breit .bild{padding:26px 18px 14px}
165.breit .bild img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
166.breit .inhalt{padding:28px 40px 32px 16px}
167.breit .thema{margin:0 0 9px;font-size:12px;font-weight:600;letter-spacing:.16em;
168  text-transform:uppercase;color:var(--ton)}
169.breit h3{margin:0;font-size:25px;line-height:1.28;font-weight:600;text-wrap:balance}
170.breit p{margin:12px 0 0;font-size:16.5px;line-height:1.62;color:#4b4846}
171.breit .mehr{margin-top:22px;display:inline-flex;align-items:center;gap:8px;
172  font-size:15px;font-weight:600;color:var(--beere);text-decoration:none}
173.breit .mehr::after{content:"";position:absolute;inset:0}
174.breit .mehr .pfeil{transition:transform .18s ease-out}
175.breit:hover .mehr .pfeil{transform:translateX(4px)}
176.breit .gratis{position:absolute;top:18px;right:18px;z-index:2;
177  background:var(--beere);color:var(--weiss);font-size:13px;font-weight:600;
178  padding:5px 12px;border-radius:999px}
179
180/* Die Empfehlung traegt mehr Gewicht als die Karten darunter: breiter, heller
181   abgesetzt und mit einem Band, das sie als Empfehlung ausweist. */
182.breit.empfehlung{max-width:1100px;border-color:#ddd7d3;
183  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
184  box-shadow:0 10px 34px rgba(44,42,41,.10)}
185.breit.empfehlung::before{height:5px;
186  background:linear-gradient(90deg,var(--ton),var(--beere))}
187.breit.empfehlung .bild{padding:22px 10px 14px 18px}
188.breit.empfehlung .inhalt{padding:34px 48px 38px 10px}
189.breit.empfehlung h3{font-size:28px}
190.breit.empfehlung p{font-size:17px}
191/* Bewusst ein <span>, kein <p>: ".breit.empfehlung p{font-size:17px}" haette
192   mit zwei Klassen mehr Gewicht und wuerde die Schriftgroesse hier ueberschreiben. */
193.stern{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;
194  margin:0 0 11px;background:#f6eff3;color:var(--beere);border-radius:999px;
195  padding:3px 10px;font-size:10.5px;font-weight:600;letter-spacing:.08em;
196  line-height:1.5;text-transform:uppercase}
197.stern svg{width:11px;height:11px}
198@media (max-width:767px){
199  /* Muss hier stehen: ".breit.empfehlung" oben schlaegt mit zwei Klassen
200     die einfache Regel ".breit{grid-template-columns:1fr}" weiter unten,
201     sonst bleibt die Karte auf dem Handy zweispaltig. */
202  .breit.empfehlung{grid-template-columns:1fr}
203  .breit.empfehlung .bild{padding:24px 16px 6px}
204  .breit.empfehlung .inhalt{padding:6px 24px 28px}
205  .breit.empfehlung h3{font-size:22px}
206  .breit.empfehlung p{font-size:15.5px}
207}
208@media (max-width:767px){
209  .breit{grid-template-columns:1fr}
210  .breit .bild{padding:22px 16px 4px;order:-1}
211  .breit .inhalt{padding:6px 24px 26px}
212  .breit h3{font-size:21px}
213  .breit p{font-size:15.5px}
214}
215
216/* --- Kommt bald: die beiden oberen Chakren -------------------------------- */
217.bald{margin-top:28px;border:1px dashed #c9c1bc;border-radius:14px;
218  padding:26px 26px 28px;background:rgba(255,255,255,.45)}
219.bald .titel{margin:0 0 18px;text-align:center;font-size:12px;font-weight:600;
220  letter-spacing:.26em;text-transform:uppercase;color:#8a837f}
221.bald .paar{display:grid;grid-template-columns:1fr 1fr;gap:16px}
222@media (max-width:639px){.bald{padding:22px 18px 24px}.bald .paar{grid-template-columns:1fr}}
223.bald .feld{position:relative;background:var(--weiss);border:1px solid var(--linie);
224  border-radius:12px;padding:20px 22px 22px;opacity:.72}
225/* Der Farbstrich bleibt, damit die Reihe optisch vollstaendig wirkt, nur blasser. */
226.bald .feld::before{content:"";position:absolute;inset:0 0 auto;height:4px;
227  background:var(--ton);opacity:.45;border-radius:12px 12px 0 0}
228.bald .thema{margin:6px 0 7px;font-size:12px;font-weight:600;letter-spacing:.16em;
229  text-transform:uppercase;color:#8a837f}
230.bald h3{margin:0;font-size:18px;line-height:1.35;font-weight:600;color:#5c5754}
231.bald p{margin:8px 0 0;font-size:15px;line-height:1.6;color:#7a736f}
232.bald .marker{display:inline-block;margin-top:14px;font-size:12px;font-weight:600;
233  letter-spacing:.1em;text-transform:uppercase;color:#9b9490;
234  border:1px solid #d9d2ce;border-radius:999px;padding:4px 11px}
235
236/* --- Fragen und Antworten ------------------------------------------------- */
237.fragen{max-width:860px;margin:0 auto}
238.fragen details{background:var(--weiss);border:1px solid var(--linie);border-radius:12px;
239  margin-bottom:12px;overflow:hidden;transition:border-color .18s}
240.fragen details[open]{border-color:#ddd7d3;box-shadow:0 4px 16px rgba(44,42,41,.07)}
241.fragen summary{list-style:none;cursor:pointer;padding:19px 56px 19px 24px;position:relative;
242  font-size:17px;font-weight:500;line-height:1.45}
243.fragen summary::-webkit-details-marker{display:none}
244.fragen summary:hover{color:var(--beere)}
245/* Plus-Zeichen, das sich beim Öffnen zum Minus dreht */
246.fragen summary::after{content:"";position:absolute;right:24px;top:50%;width:13px;height:2px;
247  background:var(--beere);transform:translateY(-50%)}
248.fragen summary::before{content:"";position:absolute;right:29.5px;top:50%;width:2px;height:13px;
249  background:var(--beere);transform:translateY(-50%);transition:transform .2s ease-out}
250.fragen details[open] summary::before{transform:translateY(-50%) rotate(90deg)}
251.fragen .antwort{padding:0 24px 22px;font-size:16px;line-height:1.68;color:#4b4846}
252.fragen .antwort a{color:var(--beere);font-weight:500}
253@media (max-width:639px){
254  .fragen summary{font-size:16px;padding:17px 48px 17px 18px}
255  .fragen summary::after{right:18px}
256  .fragen summary::before{right:23.5px}
257  .fragen .antwort{padding:0 18px 20px;font-size:15.5px}
258}
259
260/* --- Abschlussband -------------------------------------------------------- */
261.abschluss{background:var(--beere);color:#fffff0;text-align:center;padding:56px 0}
262.abschluss h2{margin:0 auto;max-width:22ch;font-size:28px;line-height:1.26;font-weight:600;
263  color:#fffff0;text-wrap:balance}
264.abschluss p{margin:14px auto 0;max-width:56ch;font-size:17.5px;line-height:1.6;color:#f2e7ee}
265.knopf{display:inline-block;background:var(--weiss);color:var(--beere);text-decoration:none;
266  border-radius:8px;padding:15px 34px;margin-top:26px;font-size:17px;font-weight:600;
267  transition:transform .1s ease-out,background .15s}
268.knopf:hover{transform:scale(1.02);background:#fffff0}
269@media (max-width:639px){.abschluss{padding:42px 0}.abschluss h2{font-size:23px}.abschluss p{font-size:16px}}
270
271/* --- Fußzeile (identisch zur Startseite) -----------------------------------
272   Schlicht wie auf andreasschwarz.de: heller Grund, drei Links mit feinen
273   Trennstrichen, darunter die Zeile mit dem Jahr. Werte dort nachgemessen
274   (16px/24px, Gewicht 300, Strich #d6d3d2, 32 px Luft zwischen den Zeilen).
275   --------------------------------------------------------------------------- */
276.fuss{background:var(--weiss);color:var(--tinte);padding:32px 0;
277  font-size:16px;line-height:24px;font-weight:300;text-align:center}
278.fuss a{color:inherit;text-decoration:none}
279.fuss a:hover{text-decoration:underline}
280.fuss .rechtliches{display:flex;flex-direction:column;align-items:center;
281  gap:12px;margin:32px 24px}
282@media (min-width:768px){
283  /* ab Tablet nebeneinander, getrennt durch feine senkrechte Striche */
284  .fuss .rechtliches{flex-direction:row;justify-content:center;gap:0}
285  .fuss .rechtliches a{padding:0 16px;border-left:1px solid #d6d3d2}
286  .fuss .rechtliches a:first-child{border-left:0}
287}
288.fuss .schluss{margin:0}
289</style>
290</head>
291<body>
292
293<header class="kopf">
294  <div class="bahn">
295    <a class="logo" href="/"><img src="/bilder/logo.jpg" alt="HigherMind" width="384" height="40"></a>
296    <nav class="nav">
297      <a href="https://andreasschwarz.de/">Über mich</a>
298      <a href="/kurse/">Kurse</a>
299      <a href="/webinare/" aria-current="page">Kostenlos</a>
300      <a href="https://lp.highermind.de/coaching">Coachings</a>
301      <a href="https://lp.highermind.de/app">HigherMind App</a>
302    </nav>
303    <button class="burger" id="burger" type="button" aria-expanded="false" aria-controls="mobilnav" aria-label="Menü öffnen">
304      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
305        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
306      </svg>
307    </button>
308  </div>
309  <nav id="mobilnav" aria-label="Menü">
310    <a href="https://andreasschwarz.de/">Über mich</a>
311    <a href="/kurse/">Kurse</a>
312    <a href="/webinare/" aria-current="page">Kostenlos</a>
313    <a href="https://lp.highermind.de/coaching">Coachings</a>
314    <a href="https://lp.highermind.de/app">HigherMind App</a>
315  </nav>
316</header>
317
318<main>
319
320  <!-- Seitenkopf -->
321  <section class="seitenkopf">
322    <div class="bahn">
323      <p class="marke">Immer 0 €</p>
324      <h1>Kostenlose Webinare</h1>
325      <p class="unter">In jedem Webinar arbeiten wir gemeinsam mit Übungen, die deine
326        energetischen Blockaden lösen. Am Ende hat sich etwas in dir bewegt, das du spürst.</p>
327      <ul class="fakten">
328        <li>
329          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
330            <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
331          </svg>
332          45–90 Minuten
333        </li>
334        <li>
335          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
336            <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"/>
337          </svg>
338          Ohne Vorkenntnisse
339        </li>
340        <li>
341          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
342            <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"/>
343          </svg>
344          Wir üben gemeinsam
345        </li>
346      </ul>
347    </div>
348  </section>
349
350  <!-- Empfehlung: Zirbeldrüse -->
351  <section class="weiss">
352    <div class="bahn">
353      <div class="kopfzeile">
354        <p class="augen">Meine Empfehlung</p>
355        <h2>Wenn du nur ein Webinar besuchst, dann dieses</h2>
356        <p>Die Zirbeldrüse ist das Tor zu deiner inneren Weisheit. Von allen Webinaren,
357          die ich halte, bewegt dieses am meisten.</p>
358      </div>
359
360      <article class="breit empfehlung" style="--ton:#3F4F96">
361        <span class="gratis">0 €</span>
362        <div class="bild"><img src="/bilder/webinare/zirbeldruese.webp" width="800" height="450"
363          alt="Andreas Schwarz vor einem Bildschirm mit violettem Lichtmotiv, Zirbeldrüsen-Webinar"></div>
364        <div class="inhalt">
365          <span class="stern">
366            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
367              <path d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354l-4.627 2.826c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006Z"/>
368            </svg>
369            Am beliebtesten
370          </span>
371          <p class="thema">Zirbeldrüse</p>
372          <h3>Entfalte deine spirituellen Fähigkeiten</h3>
373          <p>Lerne, wie du das Tor zu deiner inneren Weisheit öffnest und so klare Botschaften
374            erhalten kannst.</p>
375          <a class="mehr" href="https://lp.highermind.de/webinar/zirbeldruese/anmelden-1?utm_medium=sharing&amp;utm_source=website&amp;utm_campaign=wzd24-11">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
376        </div>
377      </article>
378    </div>
379  </section>
380
381  <!-- Die Chakra-Reihe -->
382  <section class="beige">
383    <div class="bahn">
384      <div class="kopfzeile">
385        <p class="augen">Die Chakra-Reihe</p>
386        <h2>Löse die Blockade, die dich festhält</h2>
387        <p>Jedes Chakra steht für einen Lebensbereich. Such dir das aus, das dich im Moment
388          am meisten beschäftigt, oder geh sie der Reihe nach von unten nach oben.</p>
389      </div>
390
391      <div class="raster">
392
393        <article class="karte" style="--ton:#B0392C">
394          <span class="gratis">0 €</span>
395          <div class="bild"><img src="/bilder/webinare/wurzelchakra.webp" width="800" height="450" loading="lazy"
396            alt="Andreas Schwarz vor einem Bildschirm mit rotem Wurzelgeflecht – Wurzelchakra-Webinar"></div>
397          <div class="inhalt">
398            <p class="thema">Wurzelchakra</p>
399            <h3>Verwandle Ängste in unerschütterliches Vertrauen</h3>
400            <p>Lerne, wie du Blockaden in deinem Wurzelchakra lösen kannst, um dich endlich sicher
401              und geborgen zu fühlen.</p>
402            <a class="mehr" href="https://lp.highermind.de/webinar/wurzelchakra/anmelden-2?utm_medium=sharing&amp;utm_source=website&amp;utm_campaign=wwc25-03">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
403          </div>
404        </article>
405
406        <article class="karte" style="--ton:#D35400">
407          <span class="gratis">0 €</span>
408          <div class="bild"><img src="/bilder/webinare/sakralchakra.webp" width="800" height="450" loading="lazy"
409            alt="Andreas Schwarz vor einem Bildschirm in Orangetönen – Sakralchakra-Webinar"></div>
410          <div class="inhalt">
411            <p class="thema">Sakralchakra</p>
412            <h3>Bringe deine Gefühlswelt wieder in Balance</h3>
413            <p>Lerne, wie du Blockaden im Sakralchakra löst und dich wieder voller Freude, Genuss
414              und Sinnlichkeit fühlen kannst.</p>
415            <a class="mehr" href="https://lp.highermind.de/webinar/sakralchakra/anmelden?utm_medium=sharing&amp;utm_source=website">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
416          </div>
417        </article>
418
419        <article class="karte" style="--ton:#C8912B">
420          <span class="gratis">0 €</span>
421          <div class="bild"><img src="/bilder/webinare/solarplexuschakra.webp" width="800" height="450" loading="lazy"
422            alt="Andreas Schwarz vor einem Bildschirm in Gelbtönen – Solarplexuschakra-Webinar"></div>
423          <div class="inhalt">
424            <p class="thema">Solarplexuschakra</p>
425            <h3>Erwecke dein inneres Feuer</h3>
426            <p>Lerne, Solarplexuschakra-Blockaden zu lösen, Selbstzweifel zu überwinden und deine
427              Willenskraft zu entfalten.</p>
428            <a class="mehr" href="https://lp.highermind.de/webinar/solarplexuschakra/anmelden?utm_medium=sharing&amp;utm_source=website&amp;utm_campaign=wspc25-07">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
429          </div>
430        </article>
431
432        <article class="karte" style="--ton:#3FA08E">
433          <span class="gratis">0 €</span>
434          <div class="bild"><img src="/bilder/webinare/herzchakra.webp" width="800" height="450" loading="lazy"
435            alt="Andreas Schwarz vor einem Bildschirm in Grüntönen – Herzchakra-Webinar"></div>
436          <div class="inhalt">
437            <p class="thema">Herzchakra</p>
438            <h3>Harmonie in Selbstliebe &amp; Beziehungen</h3>
439            <p>Lerne, Herzchakra-Blockaden zu lösen, um dein Herz zu öffnen und gesunde und echte
440              Beziehungen aufzubauen.</p>
441            <a class="mehr" href="https://lp.highermind.de/webinar/herzchakra/anmelden1?utm_medium=sharing&amp;utm_source=website&amp;utm_campaign=whz25-09">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
442          </div>
443        </article>
444
445        <article class="karte" style="--ton:#2F9FCE">
446          <span class="gratis">0 €</span>
447          <div class="bild"><img src="/bilder/webinare/halschakra.webp" width="800" height="450" loading="lazy"
448            alt="Andreas Schwarz vor einem Bildschirm in Blautönen – Halschakra-Webinar"></div>
449          <div class="inhalt">
450            <p class="thema">Halschakra</p>
451            <h3>Entdecke die Sprache deiner Seele</h3>
452            <p>Lerne, wie du Blockaden in deinem Halschakra löst, um deine Wahrheit auszusprechen
453              und für dich und deine Meinung einzustehen.</p>
454            <a class="mehr" href="https://lp.highermind.de/webinar/halschakra/anmelden-2?utm_medium=sharing&amp;utm_source=website&amp;utm_campaign=whc25-11">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
455          </div>
456        </article>
457
458      </div>
459
460      <!-- Die beiden oberen Chakren gibt es noch nicht als Webinar -->
461      <div class="bald">
462        <p class="titel">Kommt bald</p>
463        <div class="paar">
464          <div class="feld" style="--ton:#3F4F96">
465            <p class="thema">Stirnchakra</p>
466            <h3>Intuition und innere Klarheit</h3>
467            <p>Das Webinar zum sechsten Chakra ist in Vorbereitung.</p>
468            <span class="marker">In Arbeit</span>
469          </div>
470          <div class="feld" style="--ton:#7E4B9E">
471            <p class="thema">Kronenchakra</p>
472            <h3>Deine Verbindung zum großen Ganzen</h3>
473            <p>Das Webinar zum siebten Chakra ist in Vorbereitung.</p>
474            <span class="marker">In Arbeit</span>
475          </div>
476        </div>
477      </div>
478    </div>
479  </section>
480
481  <!-- Weitere Themen -->
482  <section class="weiss">
483    <div class="bahn">
484      <div class="kopfzeile">
485        <p class="augen">Weitere Themen</p>
486        <h2>Bewusstsein, Traum und innere Ruhe</h2>
487        <p>Drei Wege, die über die Chakra-Arbeit hinausgehen, für alles, was jenseits
488          des wachen Alltagsverstands liegt.</p>
489      </div>
490
491      <div class="raster">
492
493        <article class="karte" style="--ton:#7E4B9E">
494          <span class="gratis">0 €</span>
495          <div class="bild"><img src="/bilder/webinare/astralreisen.webp" width="800" height="450" loading="lazy"
496            alt="Andreas Schwarz vor einem Bildschirm mit kosmischem Motiv – Astralreisen-Webinar"></div>
497          <div class="inhalt">
498            <p class="thema">Astralreisen</p>
499            <h3>Mit der Turbo-Technik deine erste Astralreise auslösen</h3>
500            <p>Lerne, wie du die Grenzen deines physischen Körpers überwinden und deine Seele
501              und das Universum erforschen kannst.</p>
502            <a class="mehr" href="https://lp.highermind.de/webinar/astralreisen/anmelden?utm_medium=sharing&amp;utm_source=website&amp;utm_campaign=war25-02">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
503          </div>
504        </article>
505
506        <article class="karte" style="--ton:#3400A3">
507          <span class="gratis">0 €</span>
508          <div class="bild"><img src="/bilder/webinare/klartraum.webp" width="800" height="450" loading="lazy"
509            alt="Andreas Schwarz vor einem Bildschirm mit Traummotiv – Klartraum-Webinar"></div>
510          <div class="inhalt">
511            <p class="thema">Klartraum</p>
512            <h3>Wie du deine Träume bewusst steuern und erleben kannst</h3>
513            <p>Erfahre, wie du mit luziden Träumen dein Unterbewusstsein umprogrammieren und
514              Albträume besiegen kannst.</p>
515            <a class="mehr" href="https://lp.highermind.de/webinar/klartraum/anmelden?utm_medium=sharing&amp;utm_source=website&amp;
515utm_campaign=wkt24-2">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
516          </div>
517        </article>
518
519        <article class="karte" style="--ton:#754260">
520          <span class="gratis">0 €</span>
521          <div class="bild"><img src="/bilder/webinare/meditation.webp" width="800" height="450" loading="lazy"
522            alt="Andreas Schwarz im Meditationssitz vor einem Bildschirm mit Naturmotiv – Meditations-Webinar"></div>
523          <div class="inhalt">
524            <p class="thema">Meditation</p>
525            <h3>Finde zurück in deine innere Mitte, Ruhe &amp; Gelassenheit</h3>
526            <p>Lerne, wie du mit Meditation deine Gedanken beruhigst, um mehr Achtsamkeit und
527              innere Ruhe in deinem Leben zu kultivieren.</p>
528            <a class="mehr" href="https://lp.highermind.de/webinar/meditation/anmelden-1?utm_medium=sharing&amp;utm_source=website&amp;utm_campaign=wme24-10">Mehr erfahren <span class="pfeil" aria-hidden="true">→</span></a>
529          </div>
530        </article>
531
532      </div>
533    </div>
534  </section>
535
536  <!-- Fragen und Antworten -->
537  <section class="beige">
538    <div class="bahn">
539      <div class="kopfzeile">
540        <p class="augen">Noch unsicher?</p>
541        <h2>Fragen? Hier findest du die Antworten</h2>
542      </div>
543
544      <div class="fragen">
545        <details>
546          <summary>Ist das Webinar auch für Anfänger geeignet?</summary>
547          <div class="antwort">Ja! Du brauchst keinerlei Vorkenntnisse in Chakren-, Energie- oder
548            Bewusstseinsarbeit. Alles wird so erklärt, dass du sofort einsteigen und die Impulse
549            direkt nutzen kannst.</div>
550        </details>
551        <details>
552          <summary>Wie läuft das Webinar ab?</summary>
553          <div class="antwort">Du bekommst fundiertes Wissen, praktische Übungen und klare Impulse,
554            um dich sanft in das Thema zu führen. Am Ende machen wir eine sanfte Meditation oder
555            Atemübung, die die ersten energetischen Prozesse verankert.</div>
556        </details>
557        <details>
558          <summary>Wie lange dauert das Webinar?</summary>
559          <div class="antwort">Alle Webinare dauern ca. 45–90 Minuten. Genug Zeit, um tief zu gehen,
560            aber kompakt genug, damit du es im Alltag unterbringst.</div>
561        </details>
562        <details>
563          <summary>Brauche ich spezielle Vorbereitung oder Voraussetzungen?</summary>
564          <div class="antwort">Nein. Alles, was du brauchst, ist Offenheit und ein ruhiger Ort.
565            Wenn du magst, halte Stift und Papier bereit, um deine Erkenntnisse zu notieren.</div>
566        </details>
567        <details>
568          <summary>Muss ich nach dem Webinar noch weiterarbeiten?</summary>
569          <div class="antwort">Das Webinar schenkt dir kraftvolle Impulse und erste Übungen. Für
570            nachhaltige Veränderung lohnt es sich, die Impulse zu vertiefen – aber der wichtigste
571            Schritt ist: anzufangen. Und dafür ist dieses Webinar der perfekte Raum.</div>
572        </details>
573        <details>
574          <summary>Kann ein Webinar wirklich etwas bewegen?</summary>
575          <div class="antwort">Jeder Mensch reagiert anders. Manche Veränderungen sind sofort
576            spürbar, andere brauchen Zeit. Wenn du dich einlässt, wirst du eine Schicht in dir
577            berühren, die lange geschwiegen hat. Von dort aus beginnt deine Veränderung –
578            Schritt für Schritt.</div>
579        </details>
580        <details>
581          <summary>Ich habe noch eine andere Frage …</summary>
582          <div class="antwort">Du hast noch eine Frage, die hier nicht beantwortet wurde? Dann
583            schreibe uns einfach per Mail an <a href="mailto:[email protected]">[email protected]</a>
584            und wir helfen dir weiter.</div>
585        </details>
586      </div>
587    </div>
588  </section>
589
590  <!-- Abschluss -->
591  <section class="abschluss">
592    <div class="bahn">
593      <h2>Du weißt nicht, wo du anfangen sollst?</h2>
594      <p>Der Chakra-Test zeigt dir in wenigen Minuten, welches deiner Chakren
595        blockiert ist und welches Webinar für dich das richtige ist.</p>
596      <a class="knopf" href="https://web.highermind.de/chakra-test/">Zum Chakra-Test</a>
597    </div>
598  </section>
599
600</main>
601
602<footer class="fuss">
603  <div class="bahn">
604    <div class="rechtliches">
605      <a href="https://lp.highermind.de/rechtliches/impressum">Impressum</a>
606      <a href="https://lp.highermind.de/rechtliches/datenschutz">Datenschutz</a>
607      <a href="https://lp.highermind.de/rechtliches/kontakt">Kontakt</a>
608    </div>
609    <p class="schluss">© <span id="jahr">2026</span> HigherMind GmbH - Alle Rechte vorbehalten</p>
610  </div>
611</footer>
612
613<script>
614(function(){
615  var b=document.getElementById('burger'), m=document.getElementById('mobilnav');
616  b.addEventListener('click',function(){
617    var offen=m.classList.toggle('offen');
618    b.setAttribute('aria-expanded',String(offen));
619    b.setAttribute('aria-label',offen?'Menü schließen':'Menü öffnen');
620  });
621  m.addEventListener('click',function(e){ if(e.target.tagName==='A') m.classList.remove('offen') });
622  document.addEventListener('keydown',function(e){
623    if(e.key==='Escape'&&m.classList.contains('offen')){m.classList.remove('offen');b.focus()}
624  });
625  document.getElementById('jahr').textContent=new Date().getFullYear();
626})();
627</script>
627
628</body>
629</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.