<!--








$$$$$$$\                      $$\                           $$\                                                                                          
$$  __$$\                     \__|                          $$ |                                                                                         
$$ |  $$ | $$$$$$\   $$$$$$$\ $$\  $$$$$$\  $$$$$$$\        $$$$$$$\  $$\   $$\                                                                          
$$ |  $$ |$$  __$$\ $$  _____|$$ |$$  __$$\ $$  __$$\       $$  __$$\ $$ |  $$ |                                                                         
$$ |  $$ |$$$$$$$$ |\$$$$$$\  $$ |$$ /  $$ |$$ |  $$ |      $$ |  $$ |$$ |  $$ |                                                                         
$$ |  $$ |$$   ____| \____$$\ $$ |$$ |  $$ |$$ |  $$ |      $$ |  $$ |$$ |  $$ |                                                                         
$$$$$$$  |\$$$$$$$\ $$$$$$$  |$$ |\$$$$$$$ |$$ |  $$ |      $$$$$$$  |\$$$$$$$ |                                                                         
\_______/  \_______|\_______/ \__| \____$$ |\__|  \__|      \_______/  \____$$ |                                                                         
                                  $$\   $$ |                          $$\   $$ |                                                                         
                                  \$$$$$$  |                          \$$$$$$  |                                                                         
                                   \______/                            \______/ 


								   
$$\      $$\                       $$\     $$\                 $$\   $$\                                         $$\                                     
$$$\    $$$ |                      $$ |    \__|                $$ | $$  |                                        $$ |                                    
$$$$\  $$$$ | $$$$$$\   $$$$$$\  $$$$$$\   $$\ $$$$$$$\        $$ |$$  /  $$$$$$\   $$$$$$\  $$\   $$\  $$$$$$$\ $$$$$$$\   $$$$$$\   $$$$$$\   $$$$$$\  
$$\$$\$$ $$ | \____$$\ $$  __$$\ \_$$  _|  $$ |$$  __$$\       $$$$$  /  $$  __$$\  \____$$\ $$ |  $$ |$$  _____|$$  __$$\  \____$$\  \____$$\ $$  __$$\ 
$$ \$$$  $$ | $$$$$$$ |$$ |  \__|  $$ |    $$ |$$ |  $$ |      $$  $$<   $$ |  \__| $$$$$$$ |$$ |  $$ |\$$$$$$\  $$ |  $$ | $$$$$$$ | $$$$$$$ |$$ |  \__|
$$ |\$  /$$ |$$  __$$ |$$ |        $$ |$$\ $$ |$$ |  $$ |      $$ |\$$\  $$ |      $$  __$$ |$$ |  $$ | \____$$\ $$ |  $$ |$$  __$$ |$$  __$$ |$$ |      
$$ | \_/ $$ |\$$$$$$$ |$$ |        \$$$$  |$$ |$$ |  $$ |      $$ | \$$\ $$ |      \$$$$$$$ |\$$$$$$  |$$$$$$$  |$$ |  $$ |\$$$$$$$ |\$$$$$$$ |$$ |      
\__|     \__| \_______|\__|         \____/ \__|\__|  \__|      \__|  \__|\__|       \_______| \______/ \_______/ \__|  \__| \_______| \_______|\__|







Dieser Quelltext ist das Ergebnis meiner harten Arbeit und unzähligen Stunden, 
die ich damit verbracht habe, jedes Detail zu perfektionieren.

Jedes Wort, jedes Bild und jede Zeile Code repräsentiert 
einen Teil meiner Energie und meines Engagements.

Ich bitte Sie respektvoll, diese Energie zu achten und nicht zu entwenden. 
Wenn Sie Teile dieses Codes nutzen möchten, bitte ich Sie, mich zu kontaktieren und um Erlaubnis zu fragen. 
Das ist nicht nur ein Akt der Höflichkeit, sondern auch eine Anerkennung der Zeit und Anstrengung, 
die in die Erstellung dieses Werks geflossen sind.


Vielen Dank für Ihr Verständnis und Ihren Respekt.

https://martin-kraushaar.de







$$$$$$$\                      $$\                           $$\                                                                                          
$$  __$$\                     \__|                          $$ |                                                                                         
$$ |  $$ | $$$$$$\   $$$$$$$\ $$\  $$$$$$\  $$$$$$$\        $$$$$$$\  $$\   $$\                                                                          
$$ |  $$ |$$  __$$\ $$  _____|$$ |$$  __$$\ $$  __$$\       $$  __$$\ $$ |  $$ |                                                                         
$$ |  $$ |$$$$$$$$ |\$$$$$$\  $$ |$$ /  $$ |$$ |  $$ |      $$ |  $$ |$$ |  $$ |                                                                         
$$ |  $$ |$$   ____| \____$$\ $$ |$$ |  $$ |$$ |  $$ |      $$ |  $$ |$$ |  $$ |                                                                         
$$$$$$$  |\$$$$$$$\ $$$$$$$  |$$ |\$$$$$$$ |$$ |  $$ |      $$$$$$$  |\$$$$$$$ |                                                                         
\_______/  \_______|\_______/ \__| \____$$ |\__|  \__|      \_______/  \____$$ |                                                                         
                                  $$\   $$ |                          $$\   $$ |                                                                         
                                  \$$$$$$  |                          \$$$$$$  |                                                                         
                                   \______/                            \______/ 


								   
$$\      $$\                       $$\     $$\                 $$\   $$\                                         $$\                                     
$$$\    $$$ |                      $$ |    \__|                $$ | $$  |                                        $$ |                                    
$$$$\  $$$$ | $$$$$$\   $$$$$$\  $$$$$$\   $$\ $$$$$$$\        $$ |$$  /  $$$$$$\   $$$$$$\  $$\   $$\  $$$$$$$\ $$$$$$$\   $$$$$$\   $$$$$$\   $$$$$$\  
$$\$$\$$ $$ | \____$$\ $$  __$$\ \_$$  _|  $$ |$$  __$$\       $$$$$  /  $$  __$$\  \____$$\ $$ |  $$ |$$  _____|$$  __$$\  \____$$\  \____$$\ $$  __$$\ 
$$ \$$$  $$ | $$$$$$$ |$$ |  \__|  $$ |    $$ |$$ |  $$ |      $$  $$<   $$ |  \__| $$$$$$$ |$$ |  $$ |\$$$$$$\  $$ |  $$ | $$$$$$$ | $$$$$$$ |$$ |  \__|
$$ |\$  /$$ |$$  __$$ |$$ |        $$ |$$\ $$ |$$ |  $$ |      $$ |\$$\  $$ |      $$  __$$ |$$ |  $$ | \____$$\ $$ |  $$ |$$  __$$ |$$  __$$ |$$ |      
$$ | \_/ $$ |\$$$$$$$ |$$ |        \$$$$  |$$ |$$ |  $$ |      $$ | \$$\ $$ |      \$$$$$$$ |\$$$$$$  |$$$$$$$  |$$ |  $$ |\$$$$$$$ |\$$$$$$$ |$$ |      
\__|     \__| \_______|\__|         \____/ \__|\__|  \__|      \__|  \__|\__|       \_______| \______/ \_______/ \__|  \__| \_______| \_______|\__|








 DEAR READER,

    This source code is the product of my hard work and countless hours spent perfecting each detail. 
	
	
	Every word, every image, and each line of code represents a piece of my energy and commitment.
	

    I respectfully ask you to honor this energy and not to take it away.


	If you wish to use parts of this code, I kindly request that you contact me and ask for permission. 
	
	
	This is not just an act of courtesy, but also an acknowledgement of the time and effort that has gone into creating this work.

    Thank you for your understanding and respect.



https://martin-kraushaar.de









-->
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	
	<!-- Dynamische Inhalte -->
	<title>Martin Kraushaar - Lichtbrücke der Vernetzung</title>
	<meta name="description" content="Vernetzung von Menschen, um gemeinsam in einer höheren energetischen Ausrichtung zu wachsen.">
	<meta name="keywords" content="Lichtbrücke, Vernetzung, Bewusstseinsverbindung, Netzwerkbildung, Verbundenheit, Transformation und Vernetzung">
	<!-- Dynamische Inhalte: Open Graph -->
	<meta property="og:title" content="Lichtbrücke der Vernetzung">
	<meta property="og:description" content="Vernetzung von Menschen">
	<meta property="og:url" content="https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung.php">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung/Lichtbruecke_der_Vernetzung.jpg">
	
	<!-- Twitter Meta Tags -->
	<meta name="twitter:card" content="summary_large_image">
	<meta property="twitter:domain" content="martin-kraushaar.de">
	<meta property="twitter:url" content="https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung.php">
	<meta name="twitter:title" content="Lichtbrücke der Vernetzung">
	<meta name="twitter:description" content="Vernetzung von Menschen">
	<meta name="twitter:image" content="https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung/Lichtbruecke_der_Vernetzung.jpg">
	
	<!-- Statische Inhalte -->
<meta name="author" content="Martin Kraushaar @  intuitiv7" />
<meta name="publisher" content="Martin Kraushaar @  intuitiv7" />
<meta name="copyright" content="Martin Kraushaar @  intuitiv7" />
<meta name="language" content="de">
<meta name="robots" content="index, follow">


<!-- Favicon und Designfarben -->
<link rel="apple-touch-icon" sizes="180x180" href="/favico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favico/favicon-16x16.png">
<link rel="manifest" href="/favico/site.webmanifest">
<link rel="mask-icon" href="/favico/safari-pinned-tab.svg" color="#c10c56">
<meta name="msapplication-TileColor" content="#c10c56">
<meta name="theme-color" content="#c10c56">	
	<link rel="canonical" href="https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung.php">
	
	

   <meta name="facebook-domain-verification" content="rjuigm8jlgwfj6y0hkcdof6boo1k40" />
   
   <script src="vendor/js/title-scroll.js"></script>
   
   <!-- Bootstrap CSS -->
    <link href="vendor/bootstrap-5.3.3-dist/css/bootstrap.css" rel="stylesheet">
	
<script>
        // JavaScript, um das Gerät zu erkennen und den <body>-Tag entsprechend anzupassen
        window.onload = function() {
            var bodyTag = document.getElementsByTagName("body")[0];

            // Funktion zum Überprüfen, ob es sich um ein Touch-Gerät handelt
            function isTouchDevice() {
                return (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
            }

            if (isTouchDevice()) { // Smartphone oder Tablet
                bodyTag.setAttribute("onselectstart", "return false");
                bodyTag.setAttribute("oncontextmenu", "return false");
                bodyTag.setAttribute("ondragstart", "return false");
            }
        };
    </script>

<!-- Lity Lightbox -->
	<link href="vendor/lity/lity.css" rel="stylesheet">
	<script src="vendor/lity/jquery.js"></script>
	<script src="vendor/lity/lity.min.js"></script>
	
	
	
	<!-- Font Awesome -->	
	<link href="vendor/fontawesome-free-6.5.1-web/css/fontawesome.css" rel="stylesheet">
	<link href="vendor/fontawesome-free-6.5.1-web/css/brands.css" rel="stylesheet">
	<link href="vendor/fontawesome-free-6.5.1-web/css/solid.css" rel="stylesheet">
	
	<!-- Mediaelement -->
	<link rel="stylesheet" href="vendor/mediaelement/mediaelementplayer.css">
	<script src="vendor/mediaelement/mediaelement-and-player.js"></script>
	<!-- Initialisierung des MediaElementPlayer -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    var playerContainer = document.querySelector('.mejs-container');
    if (playerContainer) {
        playerContainer.style.borderRadius = '12px';
    }
});
</script>

<!-- JS Modal zoom in out-->
	<script src="vendor/inline-modal-animate/jquery-3.4.1.min.js"></script>
	<script src="vendor/inline-modal-animate/jquery.popup.min.js"></script>
	
	<!-- WOW JS -->
	<link rel="stylesheet" href="vendor/wow/css/animate.css">
	<script src="vendor/wow/js/wow.min.js"></script>
<script>
wow = new WOW(
    {
    boxClass:     'wow',      // default
    animateClass: 'animated', // default
    offset:       0,          // default
    mobile:       false,       // default
    live:         true        // default
    }
    )
wow.init();
</script>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Alle Elemente mit der Klasse "update-info" suchen
        const updateElements = document.querySelectorAll(".update-info");

        updateElements.forEach((element) => {
            const texts = element.dataset.texts.split(","); // Texte aus dem Attribut "data-texts"
            let index = 0;

            // Intervall für die Textänderung
            setInterval(() => {
                element.textContent = texts[index]; // Aktuellen Text anzeigen
                index = (index + 1) % texts.length; // Nächsten Text auswählen
            }, 3000); // Alle 3 Sekunden wechseln
        });
    });
</script> 
	
	

    
   <meta name="facebook-domain-verification" content="rjuigm8jlgwfj6y0hkcdof6boo1k40" />
   
   <script src="vendor/js/title-scroll.js"></script>
   
   <!-- Bootstrap CSS -->
    <link href="vendor/bootstrap-5.3.3-dist/css/bootstrap.css" rel="stylesheet">
	
<script>
        // JavaScript, um das Gerät zu erkennen und den <body>-Tag entsprechend anzupassen
        window.onload = function() {
            var bodyTag = document.getElementsByTagName("body")[0];

            // Funktion zum Überprüfen, ob es sich um ein Touch-Gerät handelt
            function isTouchDevice() {
                return (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
            }

            if (isTouchDevice()) { // Smartphone oder Tablet
                bodyTag.setAttribute("onselectstart", "return false");
                bodyTag.setAttribute("oncontextmenu", "return false");
                bodyTag.setAttribute("ondragstart", "return false");
            }
        };
    </script>

<!-- Lity Lightbox -->
	<link href="vendor/lity/lity.css" rel="stylesheet">
	<script src="vendor/lity/jquery.js"></script>
	<script src="vendor/lity/lity.min.js"></script>
	
	
	
	<!-- Font Awesome -->	
	<link href="vendor/fontawesome-free-6.5.1-web/css/fontawesome.css" rel="stylesheet">
	<link href="vendor/fontawesome-free-6.5.1-web/css/brands.css" rel="stylesheet">
	<link href="vendor/fontawesome-free-6.5.1-web/css/solid.css" rel="stylesheet">
	
	<!-- Mediaelement -->
	<link rel="stylesheet" href="vendor/mediaelement/mediaelementplayer.css">
	<script src="vendor/mediaelement/mediaelement-and-player.js"></script>
	<!-- Initialisierung des MediaElementPlayer -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    var playerContainer = document.querySelector('.mejs-container');
    if (playerContainer) {
        playerContainer.style.borderRadius = '12px';
    }
});
</script>

<!-- JS Modal zoom in out-->
	<script src="vendor/inline-modal-animate/jquery-3.4.1.min.js"></script>
	<script src="vendor/inline-modal-animate/jquery.popup.min.js"></script>
	
	<!-- WOW JS -->
	<link rel="stylesheet" href="vendor/wow/css/animate.css">
	<script src="vendor/wow/js/wow.min.js"></script>
<script>
wow = new WOW(
    {
    boxClass:     'wow',      // default
    animateClass: 'animated', // default
    offset:       0,          // default
    mobile:       false,       // default
    live:         true        // default
    }
    )
wow.init();
</script>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Alle Elemente mit der Klasse "update-info" suchen
        const updateElements = document.querySelectorAll(".update-info");

        updateElements.forEach((element) => {
            const texts = element.dataset.texts.split(","); // Texte aus dem Attribut "data-texts"
            let index = 0;

            // Intervall für die Textänderung
            setInterval(() => {
                element.textContent = texts[index]; // Aktuellen Text anzeigen
                index = (index + 1) % texts.length; // Nächsten Text auswählen
            }, 3000); // Alle 3 Sekunden wechseln
        });
    });
</script>
    

<style>
    /* Legt die Farbe für alle Listen und Listenelemente fest */
    ul, ol, li {
        color: #084298; /* Deine gewünschte Farbe */
    }
	.HTMLextraLink {
    color: #0ca643; /* Standard Linkfarbe */
    text-decoration: underline; /* Unterstrichen */
}

.HTMLextraLink:hover {
    color: #0d6efd; /* Farbe beim Darüberfahren */
    text-decoration: none; /* Unterstreichung entfernen */
}

.HTMLextraLink:active {
    color: #0d6efd; /* Farbe, wenn der Link aktiv ist */
}

.HTMLextraLink:focus {
    outline: none; /* Entfernt den Standard-Fokusrahmen */
    text-decoration: none; /* Unterstreichung entfernen bei Fokussierung */
    color: #0d6efd; /* Fokussierte Farbe */
}
.HTMLextraLinkWeiss {
    color: #ffffff; /* Linkfarbe auf Weiß setzen */
    text-decoration: underline; /* Unterstrichen */
}

.HTMLextraLinkWeiss:hover {
    color: #ffffff; /* Farbe beim Darüberfahren bleibt Weiß */
    text-decoration: none; /* Unterstreichung entfernen */
}

.HTMLextraLinkWeiss:active {
    color: #ffffff; /* Farbe, wenn der Link aktiv ist */
}

.HTMLextraLinkWeiss:focus {
    outline: none; /* Entfernt den Standard-Fokusrahmen */
    text-decoration: none; /* Unterstreichung entfernen bei Fokussierung */
    color: #ffffff; /* Fokussierte Farbe bleibt Weiß */
}

</style>
    
    <style>
			/* CSS, um die Auswahl von Texten auf allen Geräten zu verhindern */
        body {
            -webkit-user-select: none; /* Für WebKit-Browser */
            -moz-user-select: none; /* Für Mozilla-Browser */
            -ms-user-select: none; /* Für Microsoft-Browser */
            user-select: none;
            -webkit-touch-callout: none; /* Für iOS Safari */
        }			  
			  /* Works on Firefox */
			* {
				scrollbar-width: thin;
				scrollbar-color: #980842 #420998;
			}

				/* Works on Chrome, Edge, and Safari */
			*::-webkit-scrollbar {
				width: 10px;
			}

			*::-webkit-scrollbar-track {
				background: rgba(9, 132, 32);
			}

			*::-webkit-scrollbar-thumb {
				background-color: rgba(9, 132, 32);
				border-radius: 40px;
				border: 10px solid #980842;
			}  
				 /* Blocksatz für den Text im Modal-Body */
			.custom-modal-body p {
				text-align: justify;
				font-size: 1.0rem;
				color: white; /* Setze die Schriftfarbe auf Weiß */
			}
				/* Zusätzlicher Stil für den Schließen-Button */
			.custom-close-button p {
				text-align: center;
			}
				/* Runde die Ecken des Modals mit 12 Pixeln ab */
			.custom-modal-content {
				border-radius: 12px;
				animation: backgroundAnimation 7s infinite alternate; /* Verwende die Hintergrundanimationsdefinierung */
			}
				/* Definiere die Hintergrundanimationsdefinierung */
			@keyframes backgroundAnimation {
				0% { background-color: #084298; }
				25% { background-color: #980842; }
				50% { background-color: #098420; }
				75% { background-color: #420998; }
				100% { background-color: #084298; }
			}    
				/* Weiße Schriftfarbe und andere Stile für die Dropdown-Elemente */
			.dropdown-menu a.dropdown-item {
				color: white;
				font-family: 'Source Code Pro', monospace;
				font-weight: 600;
				line-height: 1.2;
				font-size: 1.5rem;
				text-align: center; /* Text horizontal zentrieren */
				align-items: center; /* Text vertikal zentrieren */
			}

			/* Hintergrundfarbe und Schriftfarbe ändern, wenn Maus darüber */
			.dropdown-menu a.dropdown-item:hover {
				background-color: white !important; /* Hintergrundfarbe */
				color: #980842 !important; /* Schriftfarbe */
			}

				/* Keyframes für die Hintergrundfarbanimation */
			@keyframes backgroundAnimation {
				0% { background-color: #084298; }
				25% { background-color: #980842; }
				50% { background-color: #098420; }
				75% { background-color: #420998; }
				100% { background-color: #084298; }
			}

				/* Hintergrundfarbanimation für das Dropdown-Menü */
			.dropdown-menu.dropdown-menu-background-animation {
				animation: backgroundAnimation 7s infinite alternate;
			}

				/* Hintergrundfarbanimation für den Button */
			.btn.btn-background-animation {
				animation: backgroundAnimation 7s infinite alternate;
			}

				/* Stil für den Hamburger-Button */
			.hamburger-button {
				position: absolute;
				width: 150px; /* Festlegen der Breite */
				height: 150px; /* Festlegen der Höhe */
				border-radius: 50%; /* Rundung des Buttons */
				border: 5px solid transparent; /* Hinzufügen eines transparenten Rands */
				cursor: pointer;
				animation: backgroundAnimation 8s infinite;
				color: white; /* Schriftfarbe auf weiß ändern */
				font-size: 50px; /* Ändern Sie die Schriftgröße des Symbols */
				background-color: transparent; /* Hintergrundfarbe transparent machen */
			}

			/* Stil für die Buttons im Offcanvas-Menü */
        .offcanvas-buttons {
            text-align: center; /* Zentrieren des Textes im Container */
            padding: 20px; /* Innenabstand für die Buttons */
            height: 100%; /* 100% Höhe für den Container */
            display: flex; /* Flexbox verwenden */
            flex-direction: column; /* Vertikale Ausrichtung der Kinder */
            align-items: center; /* Kinder vertikal zentrieren */
            justify-content: center; /* Kinder horizontal zentrieren */
        }

			/* Stil für die Buttons im Offcanvas-Menü */
        .offcanvas-buttons .btn {
            margin: 20px 0; /* Abstand zwischen den Buttons erhöhen */
        }
		    /* Anpassung der Breite */
		.offcanvas {
			width: 100% !important;
		}			
			/* Schriftfarbe und andere Stile */
        body,
        p,
        .modal,
        .modal-header,
        .modal-body,
        .modal-footer,
        .btn,
        .alert {
            color: #084298;
            font-family: 'Source Code Pro', monospace;
            font-weight: 600;
            line-height: 1.2;
			font-size: 1.5rem;
        }
		

			/* source-code-pro-regular - latin */
		@font-face {
			font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
			font-family: 'Source Code Pro';
			font-style: normal;
			font-weight: 400;
			src: url('vendor/webfonts/source-code-pro-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		}
			/* source-code-pro-italic - latin */
		@font-face {
			font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
			font-family: 'Source Code Pro';
			font-style: italic;
			font-weight: 400;
			src: url('vendor/webfonts/source-code-pro-v22-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		}
			/* source-code-pro-600 - latin */
		@font-face {
			font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
			font-family: 'Source Code Pro';
			font-style: normal;
			font-weight: 600;
			src: url('vendor/webfonts/source-code-pro-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
			}
			/* source-code-pro-700 - latin */
		@font-face {
			font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
			font-family: 'Source Code Pro';
			font-style: normal;
			font-weight: 700;
			src: url('vendor/webfonts/source-code-pro-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		}
			/* source-code-pro-700italic - latin */
		@font-face {
			font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
			font-family: 'Source Code Pro';
			font-style: italic;
			font-weight: 700;
			src: url('vendor/webfonts/source-code-pro-v22-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		}
			/* source-code-pro-900 - latin */
		@font-face {
			font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
			font-family: 'Source Code Pro';
			font-style: normal;
			font-weight: 900;
			src: url('vendor/webfonts/source-code-pro-v22-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		}
			/* source-code-pro-900italic - latin */
		@font-face {
			font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
			font-family: 'Source Code Pro';
			font-style: italic;
			font-weight: 900;
			src: url('vendor/webfonts/source-code-pro-v22-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		}
			/* Schriftfarbe der Buttons */		
		.btn-farbe1 {
			color: #fff;
			background-color: #084298;
			border-color: #084298;
		}
		.btn-farbe1:hover {
			color: #fff;
			background-color: #0b5ed7;
			border-color: #0a58ca;
		}
		.btn-check:focus + .btn-farbe1, .btn-farbe1:focus {
			color: #fff;
			background-color: #0b5ed7;
			border-color: #0a58ca;
			box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
		}
		.btn-check:checked + .btn-farbe1, .btn-check:active + .btn-farbe1, .btn-farbe1:active, .btn-farbe1.active, .show > .btn-farbe1.dropdown-toggle {
			color: #fff;
			background-color: #0a58ca;
			border-color: #0a53be;
		}
		.btn-check:checked + .btn-farbe1:focus, .btn-check:active + .btn-farbe1:focus, .btn-farbe1:active:focus, .btn-farbe1.active:focus, .show > .btn-farbe1.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
		}
		.btn-farbe1:disabled, .btn-farbe1.disabled {
			color: #fff;
			background-color: #0d6efd;
			border-color: #0d6efd;
		}
		.btn-farbe2 {
			color: #fff;
			background-color: #098420;
			border-color: #098420;
		}
		.btn-farbe2:hover {
			color: #fff;
			background-color: #0fcf4a;
			border-color: #0ca643;
		}
		.btn-check:focus + .btn-farbe2, .btn-farbe2:focus {
			color: #fff;
			background-color: #0fcf4a;
			border-color: #0ca643;
			box-shadow: 0 0 0 0.25rem rgba(9, 132, 32, 0.5);
		}
		.btn-check:checked + .btn-farbe2, .btn-check:active + .btn-farbe2, .btn-farbe2:active, .btn-farbe2.active, .show > .btn-farbe2.dropdown-toggle {
			color: #fff;
			background-color: #0ca643;
			border-color: #0b9b3c;
		}
		.btn-check:checked + .btn-farbe2:focus, .btn-check:active + .btn-farbe2:focus, .btn-farbe2:active:focus, .btn-farbe2.active:focus, .show > .btn-farbe2.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(9, 132, 32, 0.5);
		}
		.btn-farbe2:disabled, .btn-farbe2.disabled {
			color: #fff;
			background-color: #12bf2b;
			border-color: #12bf2b;
		}
		.btn-farbe3 {
			color: #fff;
			background-color: #980842;
			border-color: #980842;
		}
		.btn-farbe3:hover {
			color: #fff;
			background-color: #c10c56;
			border-color: #b10c4f;
		}
		.btn-check:focus + .btn-farbe3, .btn-farbe3:focus {
			color: #fff;
			background-color: #c10c56;
			border-color: #b10c4f;
			box-shadow: 0 0 0 0.25rem rgba(152, 8, 66, 0.5);
		}
		.btn-check:checked + .btn-farbe3, .btn-check:active + .btn-farbe3, .btn-farbe3:active, .btn-farbe3.active, .show > .btn-farbe3.dropdown-toggle {
			color: #fff;
			background-color: #b10c4f;
			border-color: #a10c47;
		}
		.btn-check:checked + .btn-farbe3:focus, .btn-check:active + .btn-farbe3:focus, .btn-farbe3:active:focus, .btn-farbe3.active:focus, .show > .btn-farbe3.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(152, 8, 66, 0.5);
		}
		.btn-farbe3:disabled, .btn-farbe3.disabled {
			color: #fff;
			background-color: #d5136a;
			border-color: #d5136a;
		}
		.btn-farbe4 {
			color: #fff;
			background-color: #420998;
			border-color: #420998;
		}
		.btn-farbe4:hover {
			color: #fff;
			background-color: #6e11c3;
			border-color: #610fb5;
		}
		.btn-check:focus + .btn-farbe4, .btn-farbe4:focus {
			color: #fff;
			background-color: #6e11c3;
			border-color: #610fb5;
			box-shadow: 0 0 0 0.25rem rgba(66, 9, 152, 0.5);
		}
		.btn-check:checked + .btn-farbe4, .btn-check:active + .btn-farbe4, .btn-farbe4:active, .btn-farbe4.active, .show > .btn-farbe4.dropdown-toggle {
			color: #fff;
			background-color: #610fb5;
			border-color: #550ea9;
		}
		.btn-check:checked + .btn-farbe4:focus, .btn-check:active + .btn-farbe4:focus, .btn-farbe4:active:focus, .btn-farbe4.active:focus, .show > .btn-farbe4.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(66, 9, 152, 0.5);
		}
		.btn-farbe4:disabled, .btn-farbe4.disabled {
			color: #fff;
			background-color: #7916d4;
			border-color: #7916d4;
		}
			/* Ändere die Schriftfarbe und -größe des Popovers */
		.popover-body {
			color: #084298 !important; /* Neue Schriftfarbe für den Body */
			font-size: 1rem !important; /* Neue Schriftgröße für den Body */
		}
			/* Ändere die Schriftfarbe für den Titel des Popovers */
		.popover-header {
			color: #980842 !important; /* Neue Schriftfarbe für den Titel */
			font-size: 1.2rem !important; 
			font-weight: bold; /* Macht die Schrift fett */
		}
			/* Runde Ecken mit zwölf Pixeln */
		img,
		.alert, 
		.card img, 
		.img-fluid {
			border-radius: 12px !important;
		}
			/* Galerie */
		img-thumbnail {
			border-radius: 12px !important; /* Runde Ecken mit 12 Pixeln */
			border: 1px solid #980842 !important; /* Rahmenfarbe mit 1 Pixel Breite */
		}
			/* Modal */
		.modal-header {
			border-bottom: 1px solid #dee2e6;
			border-top-left-radius: 12px !important;
			border-top-right-radius: 12px !important;
		}
		.modal-footer {
			border-top: 1px solid #dee2e6;
			border-top-left-radius: 12px !important;
			border-top-right-radius: 12px !important;
		}

		.modal.fade .modal-dialog{
			-webkit-transform: translate(0,0);
			transform: translate(0,0);
		}
		.zoom-in {
			transform: scale(0)!important;
			opacity: 0;
			-webkit-transition: 1.5s all 0s;
			-moz-transition: 1.5s all 0s;
			-ms-transition: 1.5s all 0s;
			-o-transition: 1.5s all 0s;
			transition: 1.5s all 0s;
			display: block !important;
		}
		.zoom-in.show {
			opacity: 1;
			transform: scale(1)!important;
			transform:none;
		}
			/* Carousel */
		.carousel-item img {
			max-width: 667px;
			max-height: 667px;
			width: auto;
			height: auto;
			margin: 0 auto; /* Zentriert das Bild horizontal */
		}
		.carousel-control-prev-icon,
		.carousel-control-next-icon {
			height: 100px;
			width: 100px;
			outline: #fff;
			background-size: 100%, 100%;
			border-radius: 50%;
			border: 1px solid #fff;
			background-image: none;
		}
		.carousel-control-next-icon:after
			{
			content: ">";
			font-size: 55px;
			color: #980842;
		}
		.carousel-control-prev-icon:after {
			content: "<";
			font-size: 55px;
			color: #980842;
		}
		
    </style>
	
	
<!-- Akkordeon Anfang -->
<style>
    /* Buttons im Standardzustand: transparent, keine Hintergrundfarbe */
    .accordion-button {
        background-color: transparent !important; /* Transparent bei Seitenaufruf */
        color: #980842 !important; /* Standard-Schriftfarbe */
        font-family: 'Source Code Pro', monospace;
        font-weight: 600;
        line-height: 1.2;
        font-size: 1.5rem;
        border: none;
        border-radius: 0;
        text-align: justify;
        font-weight: bold;
        transition: background-color 0.3s, color 0.3s; /* Sanfter Übergang */
    }

    /* Aktiver Zustand: Hintergrundfarbe nach Mausklick */
    .accordion-button:not(.collapsed) {
        background-color: #980842 !important; /* Hintergrundfarbe nur nach Aktivierung */
        color: #ffffff !important; /* Schriftfarbe nach Aktivierung */
    }

    /* Geschlossener Zustand (nach Deaktivierung): bleibt transparent */
    .accordion-button.collapsed {
        background-color: transparent !important; /* Keine Hintergrundfarbe */
        color: #980842 !important; /* Schriftfarbe bleibt Standard */
    }

    /* Design des Rahmens */
    .accordion {
        border: 1px solid #084298;
        border-radius: 12px;
        overflow: hidden;
    }

    /* Akkordeon-Inhalt */
    .accordion-body {
        font-family: 'Source Code Pro', monospace;
        font-weight: 600;
        line-height: 1.2;
        font-size: 1.5rem;
        color: #084298;
        text-align: justify;
    }

    /* Entfernen der Standardrahmen der Items */
    .accordion-item {
        border: none;
    }
</style>
<!-- Akkordeon Ende -->




  
  <style>
    .indent {
        margin-left: 33px; /* Wert nach Bedarf anpassen */
    }
</style>	



</head>
<body class="pedelec-seite">




<!-- Inhalt -->
<div id="mk_topBar" style="background-color: #e2e3e5; color: #980842; border-bottom: 1px solid #980842; padding: 7px 0;">
  <span><b>Folge mir:</b></span>
<a href="https://gettr.com/user/martin_kraushaar" target="_blank" data-bs-toggle="popover" data-bs-placement="bottom" title="Linkziel:" data-bs-content-id="linkbild00m1" data-bs-trigger="hover"><img src="vendor/img/svg/Gettr_2022_logo.svg" alt="Gettr-Logo" style="height: 48px;"></a>
<a href="https://x.com/Intuitiv7_MK12" target="_blank" data-bs-toggle="popover" data-bs-placement="bottom" title="Linkziel:" data-bs-content-id="linkbild00m2" data-bs-trigger="hover"><img src="vendor/img/svg/X_logo_2023_original.svg" alt="X-Logo" style="height: 48px;"></a>
<a href="https://www.youtube.com/@martin_kraushaar/community" target="_blank" data-bs-toggle="popover" data-bs-placement="bottom" title="Linkziel:" data-bs-content-id="linkbild00m3" data-bs-trigger="hover"><img src="vendor/img/svg/youtube.jpg" alt="YouTube-Logo" style="height: 48px;"></a>

</div>

<div id="linkbild00m1" class="d-none">
    Besuche Martin Kraushaar auf Gettr
</div>
<div id="linkbild00m2" class="d-none">
    Besuche Martin Kraushaar auf X
</div>
<div id="linkbild00m3" class="d-none">
    Besuche Martin Kraushaar auf YouTube
</div>


<div class="container mt-4">


				<style>
			.custom-button-margin {
				margin-right: 3px; /* Oder den gewünschten Wert */
			}
		</style>

		<div class="btn-group d-flex justify-content-end mt-5 wow slideInLeft" data-wow-duration="2s">
			<!-- Hamburger-Button mit benutzerdefinierter Klasse für benutzerdefinierten Abstand -->
			<button id="myDropdownButton" type="button" class="hamburger-button ms-auto custom-button-margin btn-background-animation" data-bs-toggle="dropdown" aria-expanded="false">
				<i class="fa-solid fa-bars"></i>
			</button>
			<ul class="dropdown-menu dropdown-menu-background-animation" aria-labelledby="myDropdownButton">
			<li><a class="dropdown-item sound-link" href="https://martin-kraushaar.de">Startseite</a></li>
						<li><a class="dropdown-item sound-link" href="https://martin-kraushaar.de/Fotografie.php">Fotografie</a></li>
			<li><a class="dropdown-item sound-link" href="https://martin-kraushaar.de/ICH-BIN.php">ICH-BIN</a></li>	
			<li><a class="dropdown-item sound-link" href="https://martin-kraushaar.de/kontaktformular.php">Kontaktformular</a></li>
			<li><hr style="border: none; border-top: 2px solid white !important; width: 100%; opacity: 1;"></li>
			<li style="text-align: center;"><a href="https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung.php" style="color: white;"  tabindex="0"><span style="font-size: 64px;" class="fa fa-bridge"></span></a></li>
		</ul>
		</div>
		
			
		
			<br><br><br><br><br>


<audio id="meinSound" preload="auto">
  <source src="vendor/sound.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


	<div class="card my-5" style="border: 1px solid #980842; border-radius: 12px;">  <!-- Card -->
   
		<div class="card-header" style="border-bottom: 4px solid #084298;">
			<div class="col-xxl-4 wow slideInRight" data-wow-delay="1s">
				<span style="font-weight: bold; color: #980842 !important;"><b>martin-kraushaar.de</b></span>
			</div>
		</div>


			
			
						<div class="card-body">




  
					<div class="my-3 wow fadeInDown top__element" data-wow-delay="2s">
						<img src="Lichtbruecke_der_Vernetzung/Lichtbruecke_der_Vernetzung.jpg" style="border-radius: 12px !important;" class="img-fluid rounded" alt="...">
					</div>
			
					
				
				
				
					<div class="alert alert-secondary wow slideInRight" data-wow-delay="0.5s"  role="alert" style="border: 1px solid #980842;">
						<span style="font-weight: bold; color: #980842;">Lichtbrücke der Vernetzung</span>
					</div>
				
				

					<div class="row">
						<div class="col-12">
							<p style="text-align: center;color: #980842;">Vernetzung von Menschen,<br>um gemeinsam in einer höheren<br>energetischen Ausrichtung zu wachsen.</p>
						</div>
					</div>
					
					
					
					
					<div class="row">
						<div class="col-12"> 
							<p style="text-align: justify;">Mit diesem <i class="fa-solid fa-bridge"></i> Brückensymbol möchte ich eine Lichtbrücke der Vernetzung symbolisieren. Hilfreiche Menschen, die mir in letzter Zeit zur Seite gestanden haben und weiterhin an meiner Seite sind, möchte ich an dieser Stelle vorstellen und miteinander vernetzen.<br><br>
							Dies tue ich aus tiefster Überzeugung, weil ich fest daran glaube, dass in der Zukunft eine stärkere gegenseitige Vernetzung und Unterstützung von großer Bedeutung sein werden, um gemeinsam in einer höheren, energetischen Ausrichtung zu wachsen.</p>
						</div>
					</div>
					
					
					
					
					<div class="row">
						<div class="col-12">
							<p style="text-align: center;"><button class="btn btn-background-animation" style="border: none; cursor: pointer; padding: 15px 20px; font-size: 1.2rem; font-family: 'Source Code Pro', monospace; font-weight: 600; text-align: center; color: white;border-radius: 12px;" onclick="window.location.href='https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung_Feenmarkt_Kunstparadies.php'">
    Feenmarkt Kunstparadies - Eine Künstlerin der neuen Zeit
</button></p>
						</div>
					</div>
					
					
							<div class="row">
						<div class="col-12">
							<p style="text-align: center;"><button class="btn btn-background-animation" style="border: none; cursor: pointer; padding: 15px 20px; font-size: 1.2rem; font-family: 'Source Code Pro', monospace; font-weight: 600; text-align: center; color: white;border-radius: 12px;" onclick="window.location.href='https://martin-kraushaar.de/Lichtbruecke_der_Vernetzung_Petra_Kreisel_eine_Schamanin_der_neuen_Zeit.php'">
    Petra Kreisel - eine Schamanin der neuen Zeit
</button></p>
						</div>
					</div>
					
					

	
	
	<!-- Ende der Seite -->
						
		

	

					

			</div><!-- Ende Card Body-->
			<div class="card-footer text-muted" style="border-top: 4px solid #084298;">
				
				Impressum: Martin Kraushaar, Deubach 3, 99848 Wutha-Farnroda | &copy; 2024 Martin Kraushaar
			
			</div>
			
		</div><!-- Card -->







</div><!-- Container -->

<!-- --------------------------------------------------------------- Ende der Inhaltsseite, ab hier nur noch Anwendungen und Skripte ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->



	
	
<!-- Modal Spaß beim Erkunden. :-D -->
<div class="modal fade zoom-in custom-modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content custom-modal-content">
      <div class="modal-body custom-modal-body">
        <p style="text-align: center; font-size: 1.5rem;">
          <br><br>
          „Lichtbrücken verbinden Seelen<br> 
		  über Raum und Zeit hinweg<br> 
		  ein Netz aus göttlicher Liebe“ <br><br>
		  – Unbekannt
          <br><br>
          
        </p>
        <p class="custom-close-button"><button type="button" class="btn btn-farbe2 rounded-pill w-100" data-bs-dismiss="modal">Zumachen</button></p>
      </div>
    </div>
  </div>
</div>
<!-- Modal Spaß beim Erkunden. :-D -->	
	
	
 
	
	
	
	
	


<script>
  // Funktion, um den Sound abzuspielen
  function playSound() {
    var sound = document.getElementById('meinSound');
    sound.currentTime = 0; // Zurücksetzen der Wiedergabe auf den Anfang
    sound.play();
  }

  // Eventlistener für alle Links mit der Klasse "sound-link"
  var links = document.querySelectorAll('.sound-link');
  links.forEach(function(link) {
    link.addEventListener('click', function(event) {
      event.preventDefault(); // Verhindert die Standardaktion des Links
      setTimeout(function() {
        playSound(); // Führe die Funktion nach zwei Sekunden aus
        window.location.href = event.target.href; // Navigiere zur Link-URL
      }, 2000); // Zwei Sekunden Verzögerung
    });
  });
</script>
	
	

    <!-- Bootstrap JS und andere Skripte -->
    <script src="vendor/bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js"></script>
	
	

	
	
    <script src="vendor/js/needs-validation.js"></script>
<script>
const list = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
list.map((el) => {
  let opts = {
    animation: true,
  }
  if (el.hasAttribute('data-bs-content-id')) {
    opts.content = document.getElementById(el.getAttribute('data-bs-content-id')).innerHTML;
    opts.html = true;
  }
  new bootstrap.Popover(el, opts);
})
</script>

    <script src="vendor/jQuery-rwdImageMaps-master/jquery.min.js"></script>
    <script src="vendor/jQuery-rwdImageMaps-master/jquery.rwdImageMaps.min.js"></script>
    <script>
        $(document).ready(function(e) {
            $('img[usemap]').rwdImageMaps();
        });
    </script>
	<!-- Script für Modal Spaß beim Erkunden. :-D -->
<script>
    // Eventlistener für das Öffnen des Modals mit der rechten Maustaste
    document.addEventListener('contextmenu', function(event) {
        event.preventDefault();
        if (event.button === 2) { // Überprüfe, ob die rechte Maustaste geklickt wurde
            var modalBackdrop = document.querySelector('.modal-backdrop');
            if (modalBackdrop) {
                modalBackdrop.remove(); // Entferne das Modal-Backdrop-Element, um den Hintergrund nicht zu verdunkeln
            }
            document.body.style.overflow = 'hidden'; // Verhindere das Scrollen des Hintergrunds
            var modal = new bootstrap.Modal(document.getElementById('exampleModal'));
            modal.show();
        }
    });
    
    // Eventlistener für das Schließen des Modals
    var modalElement = document.getElementById('exampleModal');
    modalElement.addEventListener('hidden.bs.modal', function () {
        document.body.style.overflow = 'auto'; // Erlaube das Scrollen des Hintergrunds nach dem Schließen des Modals
    });
</script>
	<!-- Script für Modal Spaß beim Erkunden. :-D -->



</body>
</html>