<!DOCTYPE html>
<html>

<head>
	<title>Kraftquelle Natur Start</title>
<meta name="description" content="Natur und M&auml;rchenp&auml;dagogik und Erlebniswandern." />
<meta name="keywords" content="Martina Kircher, Natur, Geschichten, M&auml;rchen, Erz&auml;hlkunst, Erz&auml;hlen, Wandern, Schulung, Workshop, Training, Villach, Naturpark, 	Dobratsch, Warmbad, Wald, Waldp&auml;dagogik, Wasserbotschafter, Erz&auml;hlkunst, Alpe Adria, Bergwanderf&uuml;hrer, Bergwacht, Trainerin, Turritella, Literatur, Lesung, Wunder,Kr&auml;uter, M&auml;rchenk&uuml;che, Wildpflanzenk&uuml;che, M&auml;rchenk&uuml;che" />
<meta name="Martina Kircher" content="Kraftquelle Natur" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	
<style type="text/css" media="screen">
		html {
			padding: 0 5% 10px;
		}
		
		body {
			position: relative;
			background: #224255255;
			font-family: Tahoma, Tauri, sans-serif;
			width: 1000px;
			margin: 0 auto;
			font-size: 0.75em;
			color: #535353;
		}
		
		* {
			-webkit-box-sizing: border-box;
			/* Safari/Chrome, other WebKit */
			
			-moz-box-sizing: border-box;
			/* Firefox, other Gecko */
			
			box-sizing: border-box;
			/* Opera/IE 8+ */
		}
		
		a {
			text-decoration: none;
		}
		
		header {
			width: 100%;
			height: 240px;
			margin: 20px auto 0px;
			color: white;
		}
		
		header h1 a {
			display: block;
			color: white;
			padding: 10px 0 0 20px;
			font-size: 140%;
			font-family: Tahoma, Tauri, sans-serif;
		}
		
		header h1 span {
			font-size: 50%;
			color: white;
			padding: 0 20px;
		}
		
		.ribbon {
			margin: 30px 0 50px;
			position: relative;
			background: #008280;
			border: 1px solid rgba(0, 0, 0, .3);
			box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
			padding: 10px 15px;
			clear: both;
			text-align: center;
			padding: 10px 9px 10px 10px;
			width: 35%;
			margin-left: -10px;
		}
		
		.ribbon::before {
			display: block;
			width: 10px;
			height: 0px;
			position: absolute;
			bottom: -10px;
			left: -11px;
			content: "";
			border-bottom: 10px solid transparent;
			border-right: 10px solid rgb(0, 80, 116);
		}
		
		.ribbon::after {
			display: block;
			width: 10px;
			height: 0px;
			position: absolute;
			bottom: -10px;
			right: -10px;
			content: "";
			border-bottom: 10px solid transparent;
			border-left: 10px solid rgb(0, 80, 116);
		}
		
		header a#navlink {
			display: none;
			float: right;
			text-decoration: none;
			font-size: 1.8em;
			font-weight: bold;
			margin: 20px 20px 0 0;
		}
		
		ul#header-top {
			position: absolute;
			top: 10px;
			right: 50px;
			list-style-type: none;
		}
		
		ul#header-top li {
			float: right;
			list-style-type: none;
			padding: 0px 10px;
			border-left: 1px #008280 solid;
		}
		
		ul#header-top li:last-child {
			border: none;
		}
		
		header p {
			background: #e0ffff url(".//Landkartenflechte.jpg") bottom right no-repeat;
			width: 100%;
			height: 210px;
			margin: -110px 0 0 0;
		}
		/** CONTENT **/
		
		main {
			float: left;
			width: 100%;
			margin: 0 0 10px 0;
			background: #fff;
			-webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset, 0 3px 1px rgba(0, 0, 0, 0.15);
			box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset, 0 3px 1px rgba(0, 0, 0, 0.15);
		}
		
		article {
			padding: 30px;
			width: 70%;
			float: right;
		}
		
		h1,
		h2 {
			font-size: 1.75em;
			font-weight: normal;
			font-family: 'Tauri', serif;
			padding-left: 15px;
			color: #008280;
			text-transform: uppercase;
			border-left: 5px solid #26dc2a;
		}
		
		h2 span {
			font-size: 0.70em;
			color: #333366;
			text-transform: none;
		}
		
		h3 {
			font-size: 1.25em;
			font-weight: normal;
			padding: 0px;
			margin: 0px;
			color: #4E68AD;
		}
		
		p {
			text-align: left;
			line-height: 1.6em;
			padding: 20px 0px
		}
		
		a {
			color: #333366;
			padding: 5px 15px;
			outline: none;
			text-decoration: none;
		}
		
		a:hover {
			color: #818181;
			text-decoration: none;
		}
		
		a:focus {
			outline: none;
		}
		
		a.more {
			float: right;
			font-weight: bold;
		}
		
		a.more:hover {
			color: #535353;
		}
		
		a.more:after {
			content: " \2192 ";
			font-size: 1.2em;
			font-weight: bold;
		}
		
		ul.square {
			list-style-type: square;
			color: #333366;
			float: left;
			margin: 0 0 10px 13px;
			font-weight: bold;
		}
		
		ul.square li {
			padding: 10px;
		}
		/*DL, DT, DD Datenliste*/
		
		dl {
			margin-bottom: 50px;
		}
		
		dl dt {
			float: left;
			font-weight: bold;
			margin-right: 5px;
			padding: 5px;
			width: 140px;
		}
		
		dl dd {
			margin: 2px 0;
			padding: 5px 0;
		}
		
		section#intro {
			width: 100%;
			padding: 10px 2%;
			float: left;
		}
		
		section.spalte {
			width: 50%;
			padding: 10px 2%;
			float: left;
		}
		
		section p img {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		#footer-p {
			float: left;
			font-weight: bold;
			font-size: 12px;
			margin: 20px 0 0 0;
		}
		
		nav#navigation {
			float: left;
			margin-right: 30px;
			width: 265px;
		}
		
		#navigation ul ul {
			display: none;
		}
		
		#navigation ul li:hover > ul {
			display: block;
		}
		
		#navigation ul {
			float: left;
			list-style-type: none;
			width: 100%;
			margin-bottom: 30px;
		}
		
		#navigation ul li {
			position: relative;
		}
		
		#navigation ul li.first-child {
			border-top: 1px #26dc2a solid;
		}
		
		#navigation ul li:hover a,
		#navigation ul li:active a {
			float: left;
			width: 230px;
			color: #333366;
			background: #535353;
		}
		
		#navigation ul li a {
			border-bottom: 1px solid #DBDBDB;
			color: #535353;
			float: left;
			font-size: 1.1em;
			line-height: 1.5em;
			padding: 1em 35px;
			text-decoration: none;
			width: 230px;
		}
		
		#navigation ul li a:before {
			content: " ";
			display: inline-block;
			width: 10px;
			height: 15px;
			border-left: 5px solid #26dc2a;
		}
		
		#navigation ul ul {
			position: absolute;
			top: 143px;
			left: 190px;
			z-index: 99;
		}
		
		#navigation ul li:hover ul {
			display: block;
		}
		
		#navigation ul ul li {
			display: block;
			float: none;
			position: relative;
		}
		
		#navigation ul ul li a {
			background: #333366;
			color: #fff;
		}
		
		#navigation ul ul li a:hover {
			background: #d0ff00;
			color: 333366;
		}
		
		footer p {
			float: right;
		}
		@media (min-width: 370px) {
		    .myClass{}
		}

		@media only screen and (max-width: 960px) {
			body {
				width: 100%
			}
			header h1.ribbon {
				width: 50%;
			}
			article {
				width: 100%
			}
			header a#navlink {
				display: block;
			}
		}
		/* 1-Spaltenlayout  */
		
		@media only screen and (max-width: 600px) {
			header h1.ribbon {
				width: 80%;
			}
			ul#header-top {
				position: relative;
			}
			article section.spalte {
				width: 100%;
			}
			nav ul li {
				width: 90%
			}
			#navigation {
				float: left;
				clear: left;
				width: 90%;
				padding: 0;
				margin: 0;
			}
			#navigation ul {
				position: relative;
				padding: 0;
				margin: 0;
				top: 0;
				left: 0%;
				width: 100%;
				clear: left;
			}
			#navigation li {
				display: block;
				padding: 0;
				margin: 0;
			}
		}

	</style>
	<script type="text/javascript" src="/extensions/Selfhtml/js/jquery/jquery-1.11.1.min.js"></script>
	<script type="text/javascript">
		//<![CDATA[
		//]]>

	</script>
</head>

<body>
	<header> <a id="navlink" title="zum Navigationsmenü" href="#navigation">☰</a>
		<h1 class="ribbon">
    <a id="logo" title="zurück zur Startseite!" href="index.html"><img src="./logoKQ.jpg"><br/><span>Martina Kircher B.A.</span></a>
    </h1>
		
		<p></p>
	</header>
	<main>
		<article>
<section class="spalte">
<h2>Immer informiert sein</h2>
				<p> <img src=".//M4_web.jpg" alt="">Lust auf Wunder am Weg, M&auml;rchen und neue Perspektiven? </p>
				<p> St&ouml;bern Sie in der Galerie Wunder am Weg oder melden Sie sich f&uuml;r einen Newsletter an. F&uuml;r den Newsletter gelten die auf der Homepage angef&uuml;hrten Datenschutzverordnungen.</p>				
				<ul class="square">
					<li> <a class="more" href="Buchbar2023.pdf" target="new">Programmideen</a></li>
					<li> <a class="more" href="aktuelles.html" target="new">Aktuelles</a></li>										
					<li> <a class="more" href="fund.html" target="new">Funde Wunder am Weg</a> </li>											
					<li> <a class="more" href="text.html" target="new">B&uuml;cher und Texte</a> </li>																					
					<li> <a class="more" href="mailto:natur@inode.at?subject=Anmeldung Newsletter" target="new">Newsletter</a> </li>
					
			</ul>	</section>
			
<section class="spalte">
<h2>B&uuml;cher und Lesung</h2>
				
Die B&uuml;cher sind erh&auml;ltlich bei uns Autorinnen und Autoren, sowie portofrei &uuml;ber das Verlagshaus Hernals.<br><br>
<ul class="square">					
<li class="first-child"><b> <a href="https://www.verlagshaus-hernals.at/books/gib-mir-ein-maerchen-mit-auf-den-weg" target="new"><b>Hier gehts zum M&auml;rchen-Buch:</b></a></li>
<li><b> <a href="https://www.verlagshaus-hernals.at/books/bruchzeilen" target="new"><b>Hier gehts zur Anthologie B(r)uchzeilen:</b></a></li>
<li><b> <a href="poetisch.html" target="new">poe:Tisch - Netzwerk f&uuml;r Autorinnen und Autoren</a></b> </li>
<li><b> <a href="text.html" target="new">B&uuml;cher und Texte</a></b> </li>																					
<li><b> <a href="RezeptHustenzuckerl.pdf" target="new">Rezept f&uuml;r Hustenzuckerl</a></b> </li>	
<li><b> <a href="MartinasXXS.pdf" target="new">Martinas Kr&auml;uterk&uuml;che.pdf</a></b></li>	
										
												
				</section>
<section class="spalte">
		
		</article>
		<nav id="navigation">
			<ul>
				<li class="first-child"><a href="index.html">Home</a></li>
				<li><a href="about.html">&Uuml;ber mich</a>					</li>
				<li><a href="termine.html">Termine</a>			</li>
				<li><a href="programm.html">Programm</a>			</li>
				<li><a href="erzaehlkunst.html">Erz&auml;hlkunst</a>			</li>
				<li><a href="mailto:natur@inode.at?subject=Kontakt">Kontakt</a>
			</ul>  </nav>
	</main>
	<footer>
		<p> &copy; Kraftquelle Natur 2004 - 2023&nbsp;&nbsp;&nbsp;&nbsp;<b><a href="datenschutz.html">Datenschutz</a>&nbsp;&nbsp;&nbsp;&nbsp;					</b>
				<b><a href="impressum.html">Impressum</a></b>
			</p>
	</footer>
</body>

</html>