PageSourceSearch

https://www.ruz-nph.de/ruz/de/start/start/

html ruz-nph.de collected 2026-10-08 02:22:33 UTC 51,843 bytes, 1,360 lines download raw bytes

1<!-- Konfig--><!-- Fehlerseite-->					
2
3	
4<!-- RID 2300 -->
5
6
7<!doctype html>
8
9	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
10	<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
11	<!--[if IE 8]>    <html class="no-js lt-ie9 ie8"> <![endif]-->
12	<!--[if gt IE 8]><!-->
13	<html class="no-js" lang="de"> <!--<![endif]-->
14
15	
16
17<head>
18	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
19	<meta name="keywords" content="Nationalpark, Harz,
20			" />
21
22
23	<meta name="description" content="Von der Schulbank in die sagenumwobene Bergwildnis" />
24	<meta charset="UTF-8" />
25
26	<meta name="application-name" content="Nationalpark Harz" />
27	<meta name="language" content="DE_DE" />
28	<meta http-equiv="expires" content="604800">
29	<meta property="og:url" content="https://www.ruz-nph.de/ruz/de/start/start/" />
30<meta property="og:type" content="article" />
31<meta property="og:title" content="" />
32<meta property="og:description" content="Von der Schulbank in die sagenumwobene Bergwildnis" />
33	<meta property="og:image" content="/__thumbs__/9799_10_RUZ_Wasseranalyse_IngridNoerenberg.jpg" />
34	<meta name="twitter:image" content="/__thumbs__/9799_10_RUZ_Wasseranalyse_IngridNoerenberg.jpg">
35<meta name="twitter:card" content="article">
36<meta name="twitter:url" content="https://www.ruz-nph.de/ruz/de/start/start/">
37<meta name="twitter:title" content="">
38<meta name="twitter:description" content="Von der Schulbank in die sagenumwobene Bergwildnis">
39	<link rel="apple-touch-icon" sizes="57x57" href="/cogicons/apple-icon-57x57.png">
40	<link rel="apple-touch-icon" sizes="60x60" href="/cogicons/apple-icon-60x60.png">
41	<link rel="apple-touch-icon" sizes="72x72" href="/cogicons/apple-icon-72x72.png">
42	<link rel="apple-touch-icon" sizes="76x76" href="/cogicons/apple-icon-76x76.png">
43	<link rel="apple-touch-icon" sizes="114x114" href="/cogicons/apple-icon-114x114.png">
44	<link rel="apple-touch-icon" sizes="120x120" href="/cogicons/apple-icon-120x120.png">
45	<link rel="apple-touch-icon" sizes="144x144" href="/cogicons/apple-icon-144x144.png">
46	<link rel="apple-touch-icon" sizes="152x152" href="/cogicons/apple-icon-152x152.png">
47	<link rel="apple-touch-icon" sizes="180x180" href="/cogicons/apple-icon-180x180.png">
48	<link rel="icon" type="image/png" sizes="192x192" href="/cogicons/android-icon-192x192.png">
49	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
50	<link rel="icon" type="image/png" sizes="32x32" href="/cogicons/favicon-32x32.png">
51	<link rel="icon" type="image/png" sizes="96x96" href="/cogicons/favicon-96x96.png">
52	<link rel="icon" type="image/png" sizes="16x16" href="/cogicons/favicon-16x16.png">
53
54	<meta name="msapplication-TileColor" content="#ffffff">
55	<meta name="msapplication-TileImage" content="/cogicons/ms-icon-144x144.png">
56	<meta name="theme-color" content="#ffffff">
57
58	<meta name="robots" content="index, follow" />
59
60
61
62
63					<title>
64					Regionales Umweltbildungszentrum Nationalpark Harz |
65					Regionales Umweltbildungszentrum (RUZ) |
66					Regionales Umweltbildungszentrum (RUZ) Nationalpark Harz				</title>
67				
67<script>var pageLanguage = "de_DE"</script>
67
68	<!-- Modul Skripte --><link rel="stylesheet" href="/_module/leaflet.css" />
69<link rel="stylesheet" href="/_module/LeafletStyleSheet.css" />
70
71<link href="/_module/galerie/css/galerie.style.css" rel="stylesheet" />
72<link href="/_js/ngtable/ng-table.min.css" rel="stylesheet" />
73
74
75<link rel="stylesheet" href="/_css/vendor.min.css" type="text/css" />	<link rel="stylesheet" type="text/css" href="/_css/nnl/relaunch.css?m=1669277684" />
76<link title="Layout - farbig" rel="stylesheet" href="/_css/screen_relaunch.min.css" type="text/css" /><link title="Kontrastlayout - weiss" rel="alternate stylesheet" href="/_css/weiss.min.css" type="text/css" /><link title="Kontrastlayout - schwarz" rel="alternate stylesheet" href="/_css/schwarz.min.css" type="text/css" /><link media="print" rel="stylesheet" href="/_css/print.min.css" type="text/css" />
77<!--[if lt IE 9]>  
78    
78<script src="/_js/mediaqueries.js?m=1463043447"></script>
78
79    
79<script type="text/javascript" src="/_js/vendor/html5shiv.js"></script>
79
80    
80<script type="text/javascript" src="/_js/vendor/nwmatcher-1.2.5-min.js"></script>
80
81    
81<script type="text/javascript" src="/_js/vendor/selectivizr-1.0.3b.js"></script>
81
82    
82<script type="text/javascript" src="/_js/vendor/respond.min.js"></script>
82
83    
83<script type="text/javascript" src="/_js/vendor/jquery-1.9.0.min.js"></script>
83
84    
84<script src="/_js/rem.min.js?m=1463043439"></script>
84
85<![endif]-->  
86<script>
87	var loc = window.location.href;
88	if(loc.indexOf('js=false') !== -1) {
89		loc = loc.replace('?js=false', '');
90		loc = loc.replace('&js=false', '');
91		window.location.href = loc;
92	}
93
94</script>
vendor: 1 bytes, line 94
94
95<script>
96var translations = {
97		en_GB : {
98			'Wanderparkplatz' : 'Parking area',
99			'Wandertreff' : 'Meeting point',
100			'Hotel' : 'Hotel',
101			'Pension' : 'Guesthouse',
102			'Besucherinformation' : 'Visitor information',
103			'Einrichtung' : 'Facilities',
104			'Besucherzentrum' : 'Visitor center',
105			'Wanderroute' : 'Route',
106			'Erlebnispfad' : 'Trail',
107			'weitere Informationen' : 'more information',
108			 'Abbildungsbeschreibung': 'Image description'
109		}
110	};
111
112	var _ = function (word) {
113		if (pageLanguage === 'de_DE') {
114			return word;
115		} else {
116			return translations[pageLanguage][word];
117		}
118	}
119</script>
119
120	
120<script>
121	var PageStyle = (function () {
122
123    'use strict'
124
125    var $pageSettingsButton 
126      , $pageSettings
127	  , baseLogoPath
128      , $displayImagesSelect
129      , $pageStyleSelect
130      , $displayHeaderSelect
131      , $imageZoomStyleSelect
132	  , $zoomLevelSelect
133      , $saveSettingsButton
134      , $abortSettingsButton
135      , $switchContrastButton
136	  , $zoomInButton
137	  , $zoomOutButton
138      , pageStyle, pageStyleSession, PAGESTYLE_DEFAULT = 'farbig'
139      , displayHeader, displayHeaderSession, DISPLAYHEADER_DEFAULT = 'true'
140      , imageZoomStyle, imageZoomStyleSession, IMAGEZOOMSTYLE_DEFAULT = 'lightbox'
141      , displayImages, displayImagesSession, DISPLAYIMAGES_DEFAULT = 'true'
142	  , zoomLevel, zoomLevelSession, ZOOM_LEVEL_DEFAULT = 1
143      , init
144	  , preStyle
145      , showPageSettings
146      , saveSettings
147      , abortSettings
148      , changeDisplayImagesSettings
149      , changePageStyleSettings
150      , changeDisplayHeaderSettings
151      , changeImageZoomStyleSettings
152      , changePageStyle
153	  , zoomPage
154      , switchContrast
155	  , modalTimeout
156	  , modalIsShowing = false;
157
158	var pageSettingsDB;
159	preStyle = function () {
160		
161		if (window.localStorage) {
162			pageSettingsDB = JSON.parse(localStorage.getItem('pageSettingsDB'));
163		} else {
164			if(document.cookie != "")
165				pageSettingsDB = JSON.parse(document.cookie);
166		}
167
168 		if(!pageSettingsDB) {
169			pageSettingsDB = {
170				zoomLevel: ZOOM_LEVEL_DEFAULT,
171				displayImages: DISPLAYIMAGES_DEFAULT,
172				pageStyle: PAGESTYLE_DEFAULT,
173				displayHeader: DISPLAYHEADER_DEFAULT
174			}
175		}
176		var startTheParty = false;
177		
178		startTheParty = true;
179		var peter = setInterval(function () {
180			
181			if(document.body !== null ) {
182			
183				var header = document.getElementById('header');
184				var headImage = document.getElementById('headImage');
185		
186				window.clearInterval(peter);
187				if (window.localStorage) {
188					document.body.style.fontSize = pageSettingsDB.zoomLevel + 'rem';
189				}
190				
191				if(document.body != null) {
192					document.body.className += " " + pageSettingsDB.pageStyle;
193				}
194				if(document.getElementById('header') != null) {
195					document.getElementById('header').className = pageSettingsDB.displayHeader;
196				}
197				window.onload =  function () {
198					var logo = document.querySelector('.logo');
199					if(logo) {
200					baseLogoPath = document.querySelector('.logo').src
201					}
202					
203					init(pageSettingsDB);
204				};
205			}
206		}, 2);
207	
208	};
209	
210    init = function (pageSettingsDB) {
211		
212		$pageSettingsButton = $('#pageSettingsButton')
213       	$pageSettings = $('#page-settings')
214       	$displayImagesSelect = $('select[name="displayImages"]')
215       	$pageStyleSelect = $('select[name="pageStyle"]')
216       	$displayHeaderSelect = $('select[name="displayHeader"]')
217		$zoomLevelSelect = $('select[name="zoomLevel"]')
218       	$imageZoomStyleSelect = $('select[name="imageZoomStyle"]')
219       	$saveSettingsButton = $('#save-settings-button')
220       	$abortSettingsButton = $('#abort-settings-button')
221       	$switchContrastButton = $('#switch-contrast')
222	   	$zoomInButton = $('#zoom-in-btn')
223	   	$zoomOutButton = $('#zoom-out-btn')
224		
225		if(pageSettingsDB !== null) {
226			zoomLevelSession = zoomLevel = pageSettingsDB.zoomLevel;//parseInt($("body").css('font-size'))/16;
227			displayImagesSession = displayImages = pageSettingsDB.displayImages;//$displayImagesSelect.val();
228			pageStyleSession = pageStyle = pageSettingsDB.pageStyle;//$pageStyleSelect.val();
229			displayHeaderSession = displayHeader = pageSettingsDB.displayHeader;//$displayHeaderSelect.val();
230			imageZoomStyleSession = imageZoomStyle = pageSettingsDB.imageZoomStyle;//$imageZoomStyleSelect.val();
231		} else {
232			zoomLevel = ZOOM_LEVEL_DEFAULT;
233			displayImagesSession = displayImages = DISPLAYIMAGES_DEFAULT;
234			pageStyleSession = pageStyle = PAGESTYLE_DEFAULT;
235			displayHeaderSession = displayHeader = DISPLAYHEADER_DEFAULT;
236			imageZoomStyleSession = imageZoomStyle = IMAGEZOOMSTYLE_DEFAULT;
237		}
238		
239		$displayImagesSelect.val(displayImages);
240		$pageStyleSelect.val(pageStyle);
241		$displayHeaderSelect.val(displayHeader);
242		$imageZoomStyleSelect.val(imageZoomStyle);
243		$zoomLevelSelect.val(zoomLevel)
244        $pageSettingsButton.on('click', function (e){e.preventDefault();showPageSettings()});
245
246        $saveSettingsButton.on('click', function (e){e.preventDefault();saveSettings()});
247        $abortSettingsButton.on('click',  function (e){e.preventDefault();abortSettings();});
248        $switchContrastButton.on('click', function (e){e.preventDefault();switchContrast();});
249		
250		$zoomInButton.on('click', function (e){e.preventDefault();zoomPage(1);});
251		$zoomOutButton.on('click', function (e){e.preventDefault();zoomPage(-1);});
252
253        $displayImagesSelect.on('change', function (e){changeDisplayImagesSettings(e)});
254        $pageStyleSelect.on('change', function (e){changePageStyleSettings(e)});
255        $displayHeaderSelect.on('change', function (e){changeDisplayHeaderSettings(e)});
256        $imageZoomStyleSelect.on('change', function (e){changeImageZoomStyleSettings(e)});
257		$zoomLevelSelect.on('change', function (e){zoomPage(e)});
258		
259		if (pageSettingsDB.pageStyle == 'weiss') {
260			$('.logo').attr('src', '/_img/nlp_harz_weiss.png')    
261        } else if (pageSettingsDB.pageStyle=='schwarz') {
262			$('.logo').attr('src', '/_img/nlp_harz_weiss.png') 
263         }
264		var element = document.createElement('div');
265		element.innerHTML = '<span class="title"><i class="fi-contrast"></i><br>Zoomstufe: 100%</span>';
266		element.id = "pageModal";
267		document.body.appendChild(element);
268		
269	};
270   
271    showPageSettings = function () {
272        $pageSettings.toggleClass('hide');
273		if ($pageSettings.hasClass('hide')) {
274			$pageSettings.find('select').each(function () {$(this).attr('tabindex', '-1');});
275			$pageSettings.find('button').each(function () {$(this).attr('tabindex', '-1');});
276		} else {
277			$pageSettings.find('select').each(function () {$(this).attr('tabindex', '');});
278			$pageSettings.find('button').each(function () {$(this).attr('tabindex', '');});
279		}
280		
281		$('html,body').animate({
282			scrollTop: 0
283		}, 1000);
284    };
285
286    switchContrast = function () {
287        
288        var $body = $('body')
289          , bodyClass = $body.attr('class');
290
291        if (bodyClass.indexOf('schwarz') !== -1) {
292            pageStyle = 'weiss';
293            $body.removeClass('schwarz');
294            $body.addClass('weiss');
295			$('.logo').attr('src', '/_img/nlp_harz_weiss.png')    
296        } else if (bodyClass.indexOf('weiss') !== -1) {
297            pageStyle = 'colored';
298			$('.logo').attr('src', baseLogoPath)  
299            $body.removeClass('weiss');
300        } else {
301            pageStyle = 'schwarz';
302			$('.logo').attr('src', '/_img/nlp_harz_weiss.png') 
303            $body.addClass('schwarz');
304        }
305        $pageStyleSelect.val(pageStyle);
306		var a;
307		
308		if(pageStyle == 'colored') {
309			a = 'Standard';	
310		} else {
311			a = pageStyle;
312		}
313		$('#pageModal span').html('<i class="fi-contrast"></i><br> Darstellung: <br>' + a);
314		$('#pageModal').addClass('show');
315		window.clearTimeout(modalTimeout);
316		modalTimeout = setTimeout(function () {
317			$('#pageModal').removeClass('show');
318		}, 2000);
319		
320		saveSettings();
321    };
322
323	zoomPage = function (direction) {
324		
325
326		var dontSave = false;
327		if (direction == -1) {
328			// ZOOM OUT
329			if(zoomLevel - .25 >= .75) {
330				zoomLevel -= .25;
331			} 
332			
333		} else if(direction == 1) {
334			// ZOOM IN
335			if(zoomLevel + .25 <= 2) {
336				zoomLevel += .25;
337			}
338		} else {
339			zoomLevel = direction.target.value;
340			dontSave = true;
341		}
342		
343		if(zoomLevel == 2) {
344			$zoomInButton.css('color', '#555');
345			$zoomOutButton.css('color', '');
346		} else if(zoomLevel == .75) {
347			$zoomOutButton.css('color', '#555');
348			$zoomInButton.css('color', '');
349		} else {
350			$zoomInButton.css('color', '');
351			$zoomOutButton.css('color', '');
352		}
353		
354	//	if(!Modernizr.video) {
355			$('body').attr('style', 'font-size:' +  zoomLevel*16 + 'px!important');
356			$('.row').css('max-width', 62.25*zoomLevel*16)
357	//	} else {
358	//		$('body').attr('style', 'font-size:' +  zoomLevel + 'rem');
359	//	}
360		$zoomLevelSelect.val(zoomLevel);
361		
362		$('#pageModal span').html('<i class="fi-magnifying-glass"></i><br>Zoom: <br>'+zoomLevel*100+'%');
363		$('#pageModal').addClass('show');
364		window.clearTimeout(modalTimeout);
365		modalTimeout = setTimeout(function () {
366			$('#pageModal').removeClass('show');
367		}, 2000);
368
369		if(!dontSave) {
370			saveSettings();
371		}
372	};
373	
374	
375    changeDisplayImagesSettings = function (e) {
376        displayImages= (e.target) ? e.target.value : e;
377        if (displayImages === 'false') {
378            $('img').addClass('hide');
379        } else {
380            $('img').removeClass('hide');
381        };
382    };
383
384    changePageStyleSettings = function (e) {
385        pageStyle = (e.target) ? e.target.value : e;
386        switch (pageStyle) {
387            case 'colored' :
388                $('body').removeClass('schwarz');
389                $('body').removeClass('weiss');
390                break;
391
392            case 'schwarz' :
393                $('body').removeClass('weiss');
394                $('body').addClass('schwarz');
395                break;
396
397            case 'weiss' :
398                $('body').removeClass('schwarz');
399                $('body').addClass('weiss');
400                break;
401        }
402    };
403
404    changeDisplayHeaderSettings = function (e) {
405        displayHeader = (e.target) ? e.target.value : e;
406		if(displayHeader == 'false') {
407		     $('#header').addClass('false')
408		} else {
409             $('#header').removeClass('false')	
410		}
411    };
412
413    changeImageZoomStyleSettings = function (e) {
414        imageZoomStyle = (e.target) ? e.target.value : e;
415	};
416
417    saveSettings = function () {
418        displayImagesSession = displayImages;
419        pageStyleSession = pageStyle;
420        displayHeaderSession = displayHeader;
421        imageZoomStyleSession = imageZoomStyle;
422		
423        var data = {
424            'saveSettings'  : 'true',
425            'pageStyle'     : pageStyle,
426            'displayHeader' : displayHeader,
427            'displayImages' : displayImages,
428            'imageZoomStyle': imageZoomStyle,
429			'zoomLevel'		: zoomLevel
430        };
431		$.post(window.location.pathname + window.location.search, data);
432			localStorage.setItem("pageSettingsDB", JSON.stringify(data));
433						document.cookie=JSON.stringify(data);
434		$pageSettings.addClass('hide');
435    };
436
437    abortSettings = function () {
438        $displayImagesSelect.val(displayImagesSession);
439        $pageStyleSelect.val(pageStyleSession);
440        $displayHeaderSelect.val(displayHeaderSession);
441        $imageZoomStyleSelect.val(imageZoomStyleSession);
442        $pageSettings.addClass('hide');
443        
444        changeDisplayHeaderSettings(displayHeaderSession);
445		changePageStyleSettings(pageStyleSession);
446		changeDisplayImagesSettings(displayImagesSession);
447		changeImageZoomStyleSettings(imageZoomStyleSession);
448    };
449	
450	preStyle();
451	return {init:init};
452})();
453	
454	</script>
454
455	
456	
457
458	
459	
460	
460<script src="/_module/videomodul/js/jwplayer/jwplayer.js"></script>
460
461	
461<script src="/_module/compare/compare.js"></script>
461
462	
463<script>jwplayer.key="prJ2CcHjRNhNQfLdaiTmXbDrdmev5lU4DOaSLA==";</script>
463
464<link href="/_module/videomodul/css/videomodul-style.css" rel="stylesheet">
465	<link href="/_module/compare/compare.css" rel="stylesheet"/>
466			<style>
467		.row {
468				max-width: 80em!important;
469		}
470		</style>
471	</head>
472
473<body data-test="" class=" dunkelgelbgruen"
474	style="font-size:1rem">	<div id="off-canvas-wrap" class="off-canvas-wrap ">
475		<div class="inner-wrap" id="inner-wrap">
476			
477<noscript id="noscript-popup"><div>
478	 <p>Ihr Browser unterstützt entweder kein Javascript oder es ist deaktiviert. Unsere Seiten funktionieren auch ohne Javascript, wir empfehlen jedoch die Aktivierung.
479	 </p><p><a class="button" href="https://www.ruz-nph.de/ruz/de/start/start/?js=false" title="Dieses Mitteilungsfenster schließen">Mitteilungsfenster schließen</a></p></div>
480	</noscript>
481
482<script>console.log('')</script>
482
483<div id="cookie-popup" style="padding: 16px; position: fixed; width: 100%; background: white; z-index: 999;">
484 		<p style="color: #222; margin: 0;">Diese Seite verwendet Google Analytics, Readspeaker und entsprechende Cookies. <br>Wenn Sie damit einverstanden sind, wählen Sie bitte den Knopf 'OK', falls nicht, wählen Sie 'Funktionen deaktivieren'.</p>
485		<div class="buttons">
486			<button style="background-color: ; color: white; margin-bottom: 5pt;" onclick="allowCookie()">OK</button>    
487			<button style="border: solid 1px ; color: #222; background-color: #fff;" onclick="disallowCookie();">Funktionen deaktivieren</button>    
488		</div>
489</div>
490	
490<script type="text/javascript">
491		var _gaq = _gaq || [];
492		 _gaq.push(['_setAccount', 'UA-23520505-5']);
493		 _gaq.push(['_setDomainName', 'none']);
494		 _gaq.push(['_setAllowLinker', true]);
495		 _gaq.push (['_gat._anonymizeIp']);
496		 _gaq.push(['_trackPageview']);
497		
498		function allowCookie() {
499			var now = new Date();
500			var lifetime = now.getTime();
501			var deleteCookie = lifetime + 2592000000; 
502
503			now.setTime(deleteCookie);
504			var enddate = now.toUTCString();
505
506			document.cookie = "ga_allowed = set; path=/; secure; expires=" + enddate;
507			document.getElementById("cookie-popup").style.display = "none";
508			
509			writeCookie();
510		}
511		
512		function writeCookie() {
513			 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
514		   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
515		   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
516			window.location.reload()
517		}
518	
519		function disallowCookie() {
520
521			document.querySelectorAll("#cookie-popup").forEach((item) => item.style.display = "none")
522			
523		}
524	
525	
526	
527	</script>
527
528<div class="fixed">
529	<div class="top-bar hide-for-print" data-topbar>
530       
531		<a href="#anker" title="Zum Inhalt springen" class="top-bar-button hide-for-small" id="jump-to-content">
532			<i class="fi-arrow-down"></i>
533		</a>
534		
535		<div class="">
536		    <div class="row">
537				<div class="langcontainer columns small-4">
538					
539				</div>
540			</div>
541
542			<div id="toolbox" class="right">
543				<div class="top-bar-button">
544					<a accesskey="4" id="switch-contrast" href="#" title="">
545						<i class="fi-contrast"></i>
546					</a>
547				</div>
548				<div class="top-bar-button hide-for-small">
549					<a accesskey="5" href="#" title="" id="zoom-in-btn" style="">
550						<i class="fi-zoom-in"></i>
551					</a>
552				</div>
553				<div  class="top-bar-button hide-for-small" >
554					<a accesskey="6" href="" title="" id="zoom-out-btn" style="">
555						<i class="fi-zoom-out"></i>
556					</a>
557				</div>
558				<div class="top-bar-button hide-for-small">
559					<a accesskey="7" href="#" title="" id="pageSettingsButton">
560						<i class="fi-wrench"></i>
561					</a>
562				</div>
563			</div>
564		</div>
565				 <nav class="tab-bar show-for-small right" style="position: absolute;right:0;top:0;">
566             <a id="mobile-nav-btn" class="menu-icon" href="https://www.ruz-nph.de/ruz/de/start/start/?openNav=move-left">
567               <span></span>
568             </a>
569        </nav>
570			</div>
571</div>
572<div id="page-settings" class="hide  hide-for-print">
573	<form  method="post" action="https://www.ruz-nph.de/ruz/de/start/start/">
574		
575		<div class="row">
576			<div class="columns small-12 h2">Einstellungen</div>
577		</div>
578		
579		<div class="row">
580			<div class="large-12 columns">
581				<label>Darstellung <abbr style="formular_pflichtfeld" title="Der Stil beeinflusst die Aussehen aller Texte, Bilder und Elemente. Hier können Sie neben der Standardeinstellung auch eine kontrastreichere Darstellung wählen." xml:lang="de" lang="de">*</abbr><br>
582					<select name="pageStyle" tabindex="-1">
583						<option selected="selected" value="colored" >Standard</option>		
584						<option value="schwarz" >Kontrast Schwarz (Weiß auf Schwarz)</option>
585						<option value="weiss" >Kontrast Weiß (Schwarz auf Weiß)</option>
586					</select>
587				</label>
588			</div>
589		</div>
590	
591		<div class="row">
592			<div class="large-12 columns">
593			  <label>Titelbild anzeigen<abbr style="formular_pflichtfeld" title="Das Titelbild bezeichnet den Teil unserer Internetseiten überhalb der Inhalte, in dem als Standardeinstellung ein inhaltlich nicht relevantes Bild dargestellt wird. Sie erhalten eine kompaktere Darstellung und müssen weniger scrollen, wenn Sie die Einstellung auf nein stellen." xml:lang="de" lang="de">*</abbr><br>
594				<select name="displayHeader" tabindex="-1">
595				  <option value="true"	>Ja (Standard)</option>
596				  <option value="false"	>Nein (kompaktere Darstellung)</option>
597				</select>
598			  </label>
599			</div>
600		</div>
601	
602		<div class="row show-for-large-up" >
603			<div class="large-12 columns">
604				<label>Zoom <abbr style="formular_pflichtfeld" title="Der Zoom bewirkt das proportionale Vergrößern oder Verkleinern der gesamten Seite, inklusive aller Bilder und Texte. Diese Einstellung können Sie auch mit den 2 Bedienelementen rechts oben verändern." xml:lang="de" lang="de">*</abbr><br>
605					<select name="zoomLevel" tabindex="-1">
606						<option value="0.75" >75%</option>
607						<option value="1" selected="selected">100%</option>
608						<option value="1.25" >125%</option>
609						<option value="1.5" >150%</option>
610						<option value="1.75" >175%</option>
611					</select>
612				</label>
613			</div>
614		</div>
615
616		<div class="row">
617			<div class="columns small-6">
618				<button tabindex="-1" type="submit" id="abort-settings-button" class="dunkelgelbgruen main-color button" value="">Abbrechen</button>
619			</div>
620			<div class="columns small-6">
621				<button tabindex="-1" type="submit" id="save-settings-button" class="dunkelgelbgruen main-color button right" name="saveSettings" value="true">Einstellungen speichern</button>
622			</div>
623		</div>
624	</form>
625</div>
626
627	
628			<header id="header" class="hide-for-print ">
629
630
631
632
633
634
635	<div class="nlpHead ">
636				<div id="header-image" class="hide-for-small">
637			<img id="headImage" src="/de/bilder/header/RUZ_Titel_Banner.jpg" title="" alt="" style="margin-bottom: 1em"/>
638		</div>
639		<div class="row">
640			<a id="inhalt"></a>
641<!--
642			<svg style="position: absolute;bottom: 30px;width: 100%;left: 0;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1919.97 279.46">
643				<path class="wave dunkelgelbgruen"
644					d="M1919.97,59.74v219.65h-639.99v.06H0V45.85C33.68,36.99,61.55,19.69,96.45,10.38c50.85-13.58,79.16-10.81,86.66,.44,7.89,11.83-6.84,32.03-8.71,60.13-4.52,67.26,143,31.75,229.58,5.74,64.9-19.48,165.23-51.67,236-39.89h.02c22.34,3.71,42.67,11.48,57.88,25.91,46.84,37.14,79.71,77.59,186.43-2.66,153.13-115.14,311.18-36.69,395.67,4.88h.01c1.41,.77,103.24,55.77,250.92,41.73,148.7-14.14,202.86-53.04,182.67-86.63-2
6440.21-33.58,94.39-26.58,206.39,39.71Z" />
645			</svg> -->
646			<svg style="position: absolute;bottom: 105px;width: 100%;left: 0;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 772.1 44.51"><g id="Ebene_2" data-name="Ebene 2"><g id="Ebene_1-2" data-name="Ebene 1"><path class="wave dunkelgelbgruen" dunkelgelbgruen d="M772.1,44.51V19.07c-20.53,10.48-59,30.28-96.22,1.22C650,.05,642,10.25,630.58,19.63c-3.69,3.64-8.62,5.62-14.05,6.56h0c-21.54,3.73-52.09-6.45-71.84-12.61C518.32,5.36,473.42-5.86,474.8,15.4c.57,8.88,5.05,15.27,2.65,19-2.28,3.55-10.9,4.43-26.38.14C440.48,31.61,432,26.17,421.8,23.36v0c-11.93-3.14-26.8-2.66-49.87,10.3C342.82,50,324.8,15.9,299,7.58,284.47,2.9,261.48-1.9,227.66,18.89l0,0c-39.84,24.49-80.58,26.35-73.4,13.94s-12.08-26.78-65-32S0,16.26,0,16.26V44.51Z"></path></g></g></svg>
647			<div class="row">
648				<div class="large-8 medium-8 small-12 columns hide-for-small-only">
649					<span class="helper show-for-small-only"></span>
650					<p>Regionales Umweltbildungszentrum (RUZ)</p>
651				</div>
652
653				<div class="large-4 medium-4 columns ">
654											<a id="logoLink" href="//nationalpark-harz.de" title="Zum Hauptauftritt des Nationalpark Harz"
655							class="no-style right">
656															<img class="logo" src="/_img/NLP_Nationalpark-Harz_RGB-invers.png" alt="Logo Nationalpark Harz">
657													</a>
658						
659									</div>
660			</div>
661		</div>
662	</div>
663
664			</header>
665
666			<div class="row contentBorder" id="main-content">
667				<div class="large-3 medium-3 columns noPadding navi-container hide-for-small">
668					
669
670
671<!-- navParentId 9641-->
672
673
674		
675	<form class="search-field backgroundWhite hide-for-print" action="/ruz/de/kontakt-service/suche.php" method="get" target="_self">
676		<fieldset>
677			<legend class="noScreen">Suche</legend>
678			<div class="noScreen">
679				<label for="Suchfeld_oben_1" class="suchlabel">Suchformular</label>
680			</div>
681			<div class="row">
682				<div class="columns small-10">
683					<input  onfocus="this.placeholder = ''" onblur="this.placeholder='Suchen...'" id="Suchfeld_oben_1" type="text" name="suche" class="Suchfeld_oben" accesskey="s" style="position: absolute; z-index: 2; background: transparent;" placeholder="Suchen..." value=""/>			
684					<input accesskey="s" id="Suchfeld_oben_1-x" type="text" disabled="disabled" name="suche" class="Suchfeld_oben" style="color: #CCC; position: absolute; background: transparent; z-index: 1;"/>			
685				</div>
686				<div class="columns small-2">
687					<button type="submit">
688			  			 <i class="fi-magnifying-glass"></i>
689					</button>
690				</div>
691			</div>
692		</fieldset>
693	</form>
694<nav class="mainNavigation hide-for-print">
695
696	<ul class="noMarginLeft">
697			<li class="main-naventry main-naventry-active">
698		<a href="/ruz/de/start/start.php">Startseite</a>	</li>
699	
700	<li class=" main-naventry  ">
701		<a href="/ruz/de/ueber-uns/">Über uns</a>
702	</li>
703	
704	<li class=" main-naventry  ">
705		<a href="/ruz/de/angebote/">Angebote</a>
706	</li>
707	
708	<li class=" main-naventry  ">
709		<a href="/ruz/de/kontakt-service/kontakt.php">Kontakt und Service</a>
710	</li>
711	
712	<li class=" main-naventry no-submenu ">
713		<a href="/ruz/de/verweise/">Verweise</a>
714	</li>
715	</ul>
716</nav>				</div>
717				<div class="large-9 medium-9 columns backgroundWhite content">
718					<div class="row">
719						<div class="columns medium-9">
720							<div id="anker"></div>
721<div class="row">
722	<div id="breadcrumb" class="large-9 small-12 columns">
723	    Sie sind hier: 	<span>&raquo;</span><a href="/ruz/de/start/start.php" title="">Startseite</a>
724		
725	</div>
726	<hr class="fancy-line show-for-small">
727</div>							<div class="right-top">
728								
729	<div class="hide-for-print hide-for-small sitefunctions" style="top: 0;right: 1.5rem;">
730		
731		<div>
732									<a style="margin-left: 8px" title="diese Seite teilen" class="share-page right button-round " id="share-page" href=""><i class="fi-share"></i></a>
733									<a title="diese Seite für Drucker optimiert ausdrucken" href="#" class="print-page right button-round" id="print-page"><i class="fi-print"></i></a>
734					</div>
735	</div>
736	<div class="row">
737		<div class="columns small-12 hide" id="sitefunctions-container">
738			<div id="sitefunctions-modal">
739				<span class="h1">Diese Seite teilen:</span>
740				<div>
741					<a title="Diese Seite auf Facebook teilen" href="https://www.facebook.com/sharer/sharer.php?u=https://www.ruz-nph.de/ruz/de/start/start/" target="_blank">
742						<span class="button-round"><i class="fi-social-facebook medium"></i></span>
743						<br><span>Facebook</span>
744					</a>
745					
746					<a title="Diese Seite auf Twitter teilen" href="https://twitter.com/home?status=https://www.ruz-nph.de/ruz/de/start/start/" target="_blank">
747						<span class="button-round"><i class="fi-social-twitter medium"></i></span>
748						<br><span>Twitter</span>
749					</a>
750					
751					<a title="Diese Seite auf Google+ teilen" href="https://plus.google.com/share?url=https://www.ruz-nph.de/ruz/de/start/start/" target="_blank">
752						<span class="button-round"><i class="fi-social-google-plus medium"></i></span>
753						<br><span>Google+</span>
754					</a>
755										<a title="Diese Seite per E-Mail teilen (E-Mail-Programm erforderlich)" href="mailto:?subject=Eine%20Empfehlung%20für%20dich!&body=Hallo,%20ich%20möchte%20dir%20folgenden%20Link%20empfehlen:%20https://www.ruz-nph.de/ruz/de/start/start/"  target="_blank">
756					   <span class="button-round"><i class="fi-mail medium"></i></span>
757					   <br><span>E-Mail</span>
758				  	</a>
759									</div>
760				<a id="close-sitefunctions" title="Seite teilen ausblenden" class=" right" href="">Schließen</a>
761			</div>
762			<hr>
763		</div>
764	</div>
765
766
767
768
769							</div>
770							<!--RSPEAK_START-->
771							
772							<div id="rcontent">
773																<div class="show-for-small-only" id="kachel-a">
774											<div id="feuerkachel" data-huf="1772178007" class="kachel feuer " onclick="gotoWaldbrand()" data-stufe="" >
775
776		<div class="flex feuer-title" style=" font-weight: bold;text-align:center">
777			Waldbrand-<br/>gefahrenstufe
778		</div>
779		<div class="flex" style="justify-content:center;align-items:center;margin:16px 0">
780
781
782
783			<img src="/Feuer-Icon.svg" alt="feuer" style="width: 48px;max-width: 40%;margin-right:8px"/>
784			<div style="font-size: 72px; font-weight: bold;" class="feuer-level">
785							</div>
786		</div>
787		<div class="flex feuer-desc" style="text-align:center" class="feuer-desc" data-info=""></div>
788
789	</div>
790	<hr/>
791
792	
793	<style>
794		.kachel {
795			width:100%;
796			padding:  16px 24px;
797			color:white!important;
798			aspect-ratio: 1;
799			display: flex;
800			justify-content:center;
801			align-items:center;
802			cursor: pointer;
803			flex-direction: column;
804			border-radius: 8px;
805			text-shadow: 2px 2px 10px #0009;
806		}
807		.feuer-title {
808		font-size:0.9vw;
809		}
810		.flex {
811			display: flex;
812		}
813		
814		@media(max-width: 400px) {
815					.feuer-title {
816			font-size: 24px
817			}
818		}
819	</style>
820	
821	<div style="margin-top: 16px;">
822	
823
824		<a href="/de/natur-erleben/verhalten-im-nationalpark.php" class="UeberContent" target="_blank" data-link="" style="margin-bottom:8px;display:block">
825					<div class="kachel" style="padding: 0;overflow:hidden;">
826			<img src="/de/bilder/Kacheln/Kachel_Regel_Sie-Form.jpg?m=1683538579" alt="Infokachel mit einem Hinweis, dass im Nationalpark als Schutzgebiet höchster Schutzkategorie besondere Regeln gelten, dazu Icons, die die Regeln Illustrieren: Wegegebot, keinen Müllwegwerfen, Hunde an die Leine, nichts sammeln und pflücken, keine Drohnen, kein Feuer oder Rauchen, kein Camping, achtung vor waldtypischen Gefahren wie z.b. herabfallende Äste" height="1080" title="Regeln im Nationalpark Harz" width="1080" style="height: 100%;width:100%;object-mode:cover" />			</div>
827			
828	</a>
829	</div>
830
831
832								</div>
833									<article id="article">
834		<div id="hgroup" class="row">
835	<div class="columns small-12 medium-10">
836		
837		
838					
839	      						 				<div id="readspeaker_button1" class="rs_skip  rs_preserve rsbtn_colorskin">
840									<a rel="nofollow" class="rsbtn_play" accesskey="L" title="Um den Text anzuhören, akzeptieren Sie bitte die Verwendung von Cookies." >
841											<span class="rsbtn_left rsimg rspart">
842												<span class="rsbtn_text not-allowed">
843
844													Vorlesen
845												</span>
846										</span>
847											<span class="rsbtn_right rsimg rsplay rspart"></span>
848									</a>
849							</div>
850				 						 		<h1>
851			
852      Regionales Umweltbildungszentrum Nationalpark Harz		</h1>
853		
854				
855		<h2>
856			
857      Von der Schulbank in die sagenumwobene Bergwildnis		</h2>
858	</div>
859</div>
860
861		<div class="row ">
862			
863								<section class="row">
864													<div class="small-12 columns">
865								   	  	  	     
866	<p>Das <abbr title="Regionales Umweltbildungszentrum Nationalpark Harz">RUZ</abbr> Nationalpark Harz ist als Bestandteil der Nationalparkbildung ein <abbr title="Ort außerhalb der Schule, der von Schülerinnen und Schülern gemeinsam mit den Lehrkräften im Rahmen des Unterrichts zum Zweck des anschaulichen Lernens besucht wird">außerschulischer Lernort</abbr> und bietet vorranging Schulklassen aus der Region eine Vielzahl von unterrichtsergänzenden Programmen an.</p>	
867	
868	
869	
870	
871	<div class="row">
872						<div class="imageContent columns small-12">
873													<a data-src="/ruz/de/bilder/RUZ_Wasseranalyse_IngridNoerenberg.jpg" data-caption="Lernen in der Natur (Foto: Ingrid Nörenberg)" data-fancybox="group" class="detailBild bildDetail " href="/ruz/de/start/start/bild?id=9799&amp;refo=9656" title="Abbildung vergrößern - Lernen in der Natur (Foto: Ingrid Nörenberg)">
874									<img class="imageLink" data-link="0"  data-title="Lernen in der Natur (Foto: Ingrid Nörenberg)" src="/ruz/de/bilder/RUZ_Wasseranal
874yse_IngridNoerenberg.jpg" data-retina="/__thumbs__/9799_3_RUZ_Wasseranalyse_IngridNoerenberg.jpg?m=1487253159" alt="Einige Schüler stehen draußen an einem Tisch mit Gerätschaften zur Wasseranalyse">
875																			<span class="bildunterschrift">Lernen in der Natur (Foto: Ingrid Nörenberg)</span>
876																	</a>
877												</div>
878				</div>
879							</div>
880											</section>
881											<section class="row">
882													<div class="medium-8 large-8 columns">
883								   
884	<p>Allen Programmen ist die Vermittlung von Kompetenzen im Rahmen der Bildung für eine nachhaltige Entwicklung (<abbr title="Bildung für Nachhaltige Entwicklung">BNE</abbr>) zu Grunde gelegt.</p>
885<p><abbr title="Bildung für Nachhaltige Entwicklung">BNE</abbr> vermittelt Kindern, Jugendlichen und Erwachsenen nachhaltiges Denken und Handeln. Sie versetzt Menschen in die Lage, Entscheidungen für die Zukunft zu treffen und dabei abzuschätzen, wie sich das eigene Handeln auf künftige Generationen oder das Leben in anderen Weltregionen auswirkt.</p>
886<p>Vom Kindergarten oder der ersten Klasse bis zur Sekundarstufe II ermöglichen wir Ihrer Lerngruppe ein <abbr title="auf den Lehrplan abgestimmte">curricular</abbr> abgestimmtes Erlebnis- oder Experimentierprogramm, das Ihnen in Ergänzung zum Unterricht ermöglicht, naturbezogene Inhalte nachhaltig zu vermitteln.</p>							</div>
887							
888							<div class="medium-4 large-4 columns margiBlock">
889								<aside>
890											<div class="bildMargi">
891									<a class="detailBild" data-fancybox="group" data-src="/de/bilder/Kacheln/Kachel-BNE-Bildung.jpg" href="/ruz/de/start/start/bild?id=16760&amp;ref=9656" title="Abbildung vergrößern - Die Bildung im Nationalpark garz orientiert sich Konzept der Bildung für Nachhaltige Entwicklung (BNE) der Vereinten Nationen (Quelle Logo: BNE-Portal )" data-caption="Die Bildung im Nationalpark garz orientiert sich Konzept der Bildung für Nachhaltige Entwicklung (BNE) der Vereinten Nationen (Quelle Logo: BNE-Portal )" target="_self">
892							<img class="imageLink " src="/__thumbs__/16760_4_Kachel-BNE-Bildung.jpg" data-retina="/__thumbs__/16760_4_Kachel-BNE-Bildung.jpg?m=1702978349" data-title="Die Bildung im Nationalpark garz orientiert sich Konzept der Bildung für Nachhaltige Entwicklung (BNE) der Vereinten Nationen (Quelle Logo: BNE-Portal )" alt="Kampagnen-Logo BNE in einer Infokachel mit dem Titel Bildung im Nationalpark Harz" width="564" height="564" data-interchange="[/__thumbs__/16760_4_Kachel-BNE-Bildung.jpg, (default)], [/__thumbs__/16760_4_Kachel-BNE-Bildung.jpg, (small)], [/__thumbs__/16760_4_Kachel-BNE-Bildung.jpg?m=1702978349, (retina)]" />
893													</a>
894					 					</div>
895	   
896	<h4>Kontakt</h4>
897<p>Regionales Umweltbildungszentrum (<abbr title="Regionales Umweltbildungszentrum Nationalpark Harz">RUZ</abbr>) Nationalpark Harz</p>
898<p>Telefon 03943 2628 488 <br/>E-Mail:<a href="mailto:[email protected]"> ruz<abbr title="Regionales Umweltbildungszentrum Nationalpark Harz"></abbr>@npharz.de</a></p>								</aside>
899							</div>
900											</section>
901											<section class="row">
902													<div class="small-12 columns">
903								
904    <div class="row">
905                
906                
907            </div>
908							</div>
909											</section>
910								</div>
911			</article>
912
913																<div class="show-for-small-only" id="kachel-u">
914									
915										<div style="margin-top: 16px;">
916	
917
918		<a href="/de/natur-erleben/verhalten-im-nationalpark.php" class="UeberContent" target="_blank" data-link="" style="margin-bottom:8px;display:block">
919					<div class="kachel" style="padding: 0;overflow:hidden;">
920			<img src="/de/bilder/Kacheln/Kachel_Regel_Sie-Form.jpg?m=1683538579" alt="Infokachel mit einem Hinweis, dass im Nationalpark als Schutzgebiet höchster Schutzkategorie besondere Regeln gelten, dazu Icons, die die Regeln Illustrieren: Wegegebot, keinen Müllwegwerfen, Hunde an die Leine, nichts sammeln und pflücken, keine Drohnen, kein Feuer oder Rauchen, kein Camping, achtung vor waldtypischen Gefahren wie z.b. herabfallende Äste" height="1080" title="Regeln im Nationalpark Harz" width="1080" style="height: 100%;width:100%;object-mode:cover" />			</div>
921			
922	</a>
923	</div>
924
925
926								</div>
927							</div><!--RSPEAK_STOP-->
928						</div>
929													<div class="columns medium-3" style="padding-top:1.2rem">
930								<div class="hide-for-small-only rs_skip">
931											<div id="feuerkachel" data-huf="1772178007" class="kachel feuer " onclick="gotoWaldbrand()" data-stufe="" >
932
933		<div class="flex feuer-title" style=" font-weight: bold;text-align:center">
934			Waldbrand-<br/>gefahrenstufe
935		</div>
936		<div class="flex" style="justify-content:center;align-items:center;margin:16px 0">
937
938
939
940			<img src="/Feuer-Icon.svg" alt="feuer" style="width: 48px;max-width: 40%;margin-right:8px"/>
941			<div style="font-size: 72px; font-weight: bold;" class="feuer-level">
942							</div>
943		</div>
944		<div class="flex feuer-desc" style="text-align:center" class="feuer-desc" data-info=""></div>
945
946	</div>
947	<hr/>
948
949	
950	<style>
951		.kachel {
952			width:100%;
953			padding:  16px 24px;
954			color:white!important;
955			aspect-ratio: 1;
956			display: flex;
957			justify-content:center;
958			align-items:center;
959			cursor: pointer;
960			flex-direction: column;
961			border-radius: 8px;
962			text-shadow: 2px 2px 10px #0009;
963		}
964		.feuer-title {
965		font-size:0.9vw;
966		}
967		.flex {
968			display: flex;
969		}
970		
971		@media(max-width: 400px) {
972					.feuer-title {
973			font-size: 24px
974			}
975		}
976	</style>
977	
978	<div style="margin-top: 16px;">
979	
980
981		<a href="/de/natur-erleben/verhalten-im-nationalpark.php" class="UeberContent" target="_blank" data-link="" style="margin-bottom:8px;display:block">
982					<div class="kachel" style="padding: 0;overflow:hidden;">
983			<img src="/de/bilder/Kacheln/Kachel_Regel_Sie-Form.jpg?m=1683538579" alt="Infokachel mit einem Hinweis, dass im Nationalpark als Schutzgebiet höchster Schutzkategorie besondere Regeln gelten, dazu Icons, die die Regeln Illustrieren: Wegegebot, keinen Müllwegwerfen, Hunde an die Leine, nichts sammeln und pflücken, keine Drohnen, kein Feuer oder Rauchen, kein Camping, achtung vor waldtypischen Gefahren wie z.b. herabfallende Äste" height="1080" title="Regeln im Nationalpark Harz" width="1080" style="height: 100%;width:100%;object-mode:cover" />			</div>
984			
985	</a>
986	</div>
987
988
989								</div>
990							
991							</div>
992										</div>
993				</div>
994									<hr class="fancy-line">
995					<div class="row">
996		<div class="columns small-12 hide" id="sitefunctions-container2">
997			<div id="sitefunctions-modal2">
998					
999				<span class="h1">Diese Seite teilen:</span>
1000				<div>
1001					<a title="Diese Seite auf Facebook teilen" href="https://www.facebook.com/sharer/sharer.php?u=https://www.ruz-nph.de/ruz/de/start/start/" target="_blank">
1002						<span class="button-round"><i class="fi-social-facebook medium"></i></span>
1003						<br><span>Facebook</span>
1004					</a>
1005					
1006					<a title="Diese Seite auf Twitter teilen" href="https://twitter.com/home?status=https://www.ruz-nph.de/ruz/de/start/start/" target="_blank">
1007						<span class="button-round"><i class="fi-social-twitter medium"></i></span>
1008						<br><span>Twitter</span>
1009					</a>
1010					
1011					<a title="Diese Seite auf Google+ teilen" href="https://plus.google.com/share?url=https://www.ruz-nph.de/ruz/de/start/start/" target="_blank">
1012						<span class="button-round"><i class="fi-social-google-plus medium"></i></span>
1013						<br><span>Google+</span>
1014					</a>
1015					
1016					<a title="Diese Seite per E-Mail teilen (E-Mail-Programm erforderlich)" href="mailto:?subject=Eine Empfehlung für Sie!&body=Hallo, ich möchte die folgenden Link empfehlen: www.ruz-nph.de/ruz/de/start/start/"  target="_blank">
1017					   <span class="button-round"><i class="fi-mail medium"></i></span>
1018					   <br><span>E-Mail</span>
1019				  	</a>
1020					
1021					
1022				</div>
1023				<a id="close-sitefunctions2" style="margin-right:1rem" title="Seite teilen ausblenden" class=" right" href="">Schließen</a>
1024			</div>
1025		</div>
1026	</div>
1027	
1028	
1029		
1030	<div class="large-12 columns lowerSitefunctions backgroundWhite hide-for-print">
1031		<!--<div class="border-fix-left"></div>
1032		<div class="border-fix-right"></div>-->
1033				<a href="" class="print-page">
1034			DRUCKEN		</a> | 
1035					
1036			<a class="share-page-2" href="" >
1037				TEILEN			</a> 
1038
1039			 | 
1040				<a href="/ruz/de/kontakt-service/fehler-melden.php?did=9656" >
1041					FEHLER MELDEN				</a>
1042				</div>
1043
1044			</div>
1045
1046			<footer id="footer">
1047									<div id="scrollUp" class="hide-for-medium hide-for-small">
1048						<a class="right button-round " href="#breadcrumb"><i class="fi-arrow-up"></i></a>
1049					</div>
1050					<svg class="fill-main footer-welle " style="margin-bottom: -0.18em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 772.1 44.51"><g id="Ebene_2" data-name="Ebene 2"><g id="Ebene_1-2" data-name="Ebene 1"><path dunkelgelbgruen d="M772.1,44.51V19.07c-20.53,10.48-59,30.28-96.22,1.22C650,.05,642,10.25,630.58,19.63c-3.69,3.64-8.62,5.62-14.05,6.56h0c-21.54,3.73-52.09-6.45-71.84-12.61C518.32,5.36,473.42-5.86,474.8,15.4c.57,8.88,5.05,15.27,2.65,19-2.28,3.55-10.9,4.43-26.38.14C440.48,31.61,432,26.17,421.8,23.36v0c-11.93-3.14-26.8-2.66-49.87,10.3C342.82,50,324.8,15.9,299,7.58,284.47,2.9,261.48-1.9,227.66,18.89l0,0c-39.84,24.49-80.58,26.35-73.4,13.94s-12.08-26.78-65-32S0,16.26,0,16.26V44.51Z"></path></g></g></svg>
1051	
1052	<div class="upperFooter hide-for-print hide-for-small">
1053	<div class="row">
1054		<div class="large-12 columns">
1055			<div class="row">
1056				
1057				<div class="large-4 large-offset-1 medium-4 medium-offset-1 columns">
1058              
1059				</div>
1060				
1061				<div class="large-7 medium-7 columns">
1062					
1063				</div>
1064			</div>
1065
1066			<div class="row">
1067				
1068				
1069					<div class="large-4 large-offset-1 medium-4 medium-offset-1 columns">
1070											</div>
1071		
1072				
1073				<div class="large-3 medium-3 columns">
1074								
1075				</div>
1076				<div class="large-4 medium-4 columns">
1077
1078          <span class="mini-headline"><a title="interner Link - Kontakt" href="/ruz/de/kontakt-service/kontakt.php">Kontakt</a></span>
1079					<p>
1080						Nationalparkverwaltung Harz<br/>Lindenallee 35, 38855 Wernigerode
1081<p><br/>Tel.: + 49 3943 2628-0<br/>Fax: + 49 49 3943 2628-999<br/>E-Mail: <a href="mailto:[email protected]">[email protected]</a></p>
1082<p>&nbsp;</p>											</p>
1083				</div>
1084			</div>
1085		</div>
1086	</div>
1087
1088
1089</div>
1090	<div class="lowerFooter hide-for-print">
1091	<div class="row">
1092		<div class="large-12 columns"><!-- id:-->			<a href="/ruz/de/kontakt-service/sitemap.php" title="">Sitemap</a> |
1093			<a href="/ruz/de/kontakt-service/impressum.php" title="">Impressum</a>  |
1094					<a href="https://www.nationalpark-harz.de/de/kontakt-service/barrierefreie-webseite.php" title=""> Erklärung zur Barrierefreiheit</a> |
1095			<a href="/ruz/de/kontakt-service/kontakt.php" title=""> Kontakt</a> 
1096		</div>
1097	</div>
1098</div>                			</footer>
1099		</div>
1100		<aside class="right-off-canvas-menu show-for-small-only hide-for-print" id="mobile-nav">
1101			<div class="shadow"></div>
1102			
1103
1104
1105<!-- navParentId 9641-->
1106
1107
1108		
1109	<form class="search-field backgroundWhite hide-for-print" action="/ruz/de/kontakt-service/suche.php" method="get" target="_self">
1110		<fieldset>
1111			<legend class="noScreen">Suche</legend>
1112			<div class="noScreen">
1113				<label for="Suchfeld_oben_1" class="suchlabel">
1113Suchformular</label>
1114			</div>
1115			<div class="row">
1116				<div class="columns small-10">
1117					<input  onfocus="this.placeholder = ''" onblur="this.placeholder='Suchen...'" id="Suchfeld_oben_1" type="text" name="suche" class="Suchfeld_oben" accesskey="s" style="position: absolute; z-index: 2; background: transparent;" placeholder="Suchen..." value=""/>			
1118					<input accesskey="s" id="Suchfeld_oben_1-x" type="text" disabled="disabled" name="suche" class="Suchfeld_oben" style="color: #CCC; position: absolute; background: transparent; z-index: 1;"/>			
1119				</div>
1120				<div class="columns small-2">
1121					<button type="submit">
1122			  			 <i class="fi-magnifying-glass"></i>
1123					</button>
1124				</div>
1125			</div>
1126		</fieldset>
1127	</form>
1128<nav class="mainNavigation hide-for-print">
1129
1130	<ul class="noMarginLeft">
1131			<li class="main-naventry main-naventry-active">
1132		<a href="/ruz/de/start/start.php">Startseite</a>	</li>
1133	
1134	<li class=" main-naventry  ">
1135		<a href="/ruz/de/ueber-uns/">Über uns</a>
1136	</li>
1137	
1138	<li class=" main-naventry  ">
1139		<a href="/ruz/de/angebote/">Angebote</a>
1140	</li>
1141	
1142	<li class=" main-naventry  ">
1143		<a href="/ruz/de/kontakt-service/kontakt.php">Kontakt und Service</a>
1144	</li>
1145	
1146	<li class=" main-naventry no-submenu ">
1147		<a href="/ruz/de/verweise/">Verweise</a>
1148	</li>
1149	</ul>
1150</nav>		</aside>
1151	</div>
1152
1153	<!--[if (gte IE 9) | (!IE)]><!-->  
1154    
1154<script type="text/javascript"  src="/_js/vendor/jquery.js"></script>
1154
1155<!--<![endif]-->
1156
1157
1158                 
1159
1160<script src="/_js/cognitio_body.min.js" ></script>
1160
1161
1162
1163
1164
1165
1166
1167<link rel="stylesheet" href="/_module/jquery.fancybox.min.css" />
1168<script src="/_module/jquery.fancybox.min.js"></script>
1168
1169
1170
1171				 	
1171<script>
1172	$(document).ready(function() {
1173    $(".link-email").click(function(e)
1174     {
1175			e.preventDefault();
1176			const link = e.target.getAttribute('href');
1177        window.location.href = "mailto:" + link;
1178     });
1179});
1180		</script>
1180
1181
1182
1183
1184<script src="/_module/angular.min.js"></script>
vendor: 1 bytes, line 1184
1184
1185<script src="/_module/angular-route.min.js"></script>
vendor: 1 bytes, line 1185
1185
1186<script src="/_js/ngtable/ng-table.min.js"></script>
vendor: 1 bytes, line 1186
1186
1187<script src="/_module/jquery-ui.min.js"></script>
1187
1188<style>
1189.rsbtn .rsbtn_play {
1190	border: 0;
1191}
1192button.rsbtn_tooltoggle {
1193    top: 6px!important;
1194    border: none!important;
1195}
1196</style>
1197<script>
1198	if (! window.rsConf) { window.rsConf = {}; }
1199if (! window.rsConf.ui) { window.rsConf.ui = {}; }
1200window.rsConf.ui.rsbtnClass = 'rsbtn_colorskin';
1201window.rsConf.ui.player = [
1202	'<span class="rsbtn_box">',
1203	'	<a href="javascript:void(0);" class="rsbtn_pause rsimg rspart rsbutton" title="Pause">',
1204	'		<span class="rsbtn_btnlabel">Pause</span>',
1205	'	</a>',
1206	'	<a href="javascript:void(0);" class="rsbtn_stop rsimg rspart rsbutton" title="Stop">',
1207	'		<span class="rsbtn_btnlabel">Stop</span>',
1208	'	</a>',
1209	'	<span class="rsbtn_progress_container rspart">',
1210	'		<span class="rsbtn_progress_played"></span>',
1211	'	</span>',
1212	'	<a href="javascript:void(0);" class="rsbtn_volume rsimg rspart rsbutton" title="Volume">',
1213	'		<span class="rsbtn_btnlabel">Volume</span>',
1214	'	</a>',
1215	'	<span class="rsbtn_volume_container">',
1216	'		<span class="rsbtn_volume_slider"></span>',
1217	'	</span>',
1218	'	<a href="javascript:void(0);" class="rsbtn_dl rsimg rspart rsbutton" title="Download mp3">',
1219	'		<span class="rsbtn_btnlabel">Download mp3</span>',
1220	'	</a>',  
1221	'	<a href="javascript:void(0);" class="rsbtn_settings rsimg rspart rsbutton" title="Settings">',
1222	'		<span class="rsbtn_btnlabel">Settings</span>',
1223	'	</a>',
1224	'	<a href="javascript:void(0);" class="rsbtn_closer rsimg rspart rsbutton" title="Close player">',
1225	'		<span class="rsbtn_btnlabel">Close</span>',
1226	'	</a>',
1227	'	<span class="rsdefloat"></span>',
1228	'</span>'
1229];
1230
1231
1232window.rsConf.ui.popupbutton = [
1233  '<a class="rsbtn_play" accesskey="L" title="Listen with ReadSpeaker" href="">',
1234    '<span class="rsbtn_left rspart"><span class="rsbtn_text"><span>Listen</span></span></span>',
1235    '<span class="rsbtn_right rsimg rsplay rspart"></span>',
1236  '</a>'
1237];
1238
1239</script>
1239
1240
1241
1242
1243<script>
1244
1245		function gotoWaldbrand() {
1246
1247			window.location.href = 'https://www.nationalpark-harz.de/de/waldbrand/index.php?reload';
1248
1249		}
1250
1251
1252		const getWaldBrandData = () => {
1253
1254		
1255			const objStufe = document.getElementById("feuerkachel").dataset.stufe;
1256			
1257			if(objStufe !== "") {
1258				setStufe(objStufe);
1259				return;
1260			}
1261			
1262			fetch('https://services-eu1.arcgis.com/QfhFJO45CK0rDeLL/ArcGIS/rest/services/waldbrandgefahrenstufen_aktuell/FeatureServer/0/query?f=json&where=melderegion%3D%27Nationalpark%20Harz%27&outFields=gefahrenst&returnGeometry=false').then(res => res.json()).then(({features}) => {
1263				const {attributes} = features[0];
1264				if(attributes.gefahrenst) {
1265					setStufe(attributes.gefahrenst);
1266				}
1267			})
1268
1269		}
1270		
1271		const setStufe = (s) => {
1272				const colors = [
1273				'#ccc',
1274				'#a3c95c',
1275				'#f8d466',
1276				'#f9b342',
1277				'#f07f3c',
1278				'#962e45'
1279			];
1280			
1281			document.querySelectorAll('.feuer-level').forEach((el) =>  el.innerHTML = s.toString())
1282			document.querySelectorAll('.feuer-desc').forEach((el) =>  el.innerHTML = "")
1283			document.querySelectorAll('.feuer').forEach((el) =>  el.style.background = colors[s])
1284		}
1285		
1286		getWaldBrandData()
1287	</script>
1287
1288
1289<script >
1290	
1291	
1292	
1293
1294	
1295	var renderMenu = function ( ul, items) {
1296		var that = this,
1297			pages = [],
1298			limit = 5;
1299
1300		ul.prepend('<div class="pages" id="vorgeschlagene-seiten" style="display:block; "><label>Vorgeschlagene Seiten:</label></div>');
1301		
1302		$.each( items, function( index, item ) {
1303			var stringArray;
1304			if (index < limit) {
1305				item.value = (item.value !== undefined) ? item.value : item.label;
1306				if (item.value.indexOf('.php') !== -1 && pages.indexOf(item.value) === -1 && pages.length < 2) {
1307					strinArray= item.value.split('$');
1308					$('#vorgeschlagene-seiten').append('<a mouseover="return false" aria-label="" href="' + strinArray[0] + '">' + strinArray[1] + '<br><small>' + window.location.origin + strinArray[0] + '</small></a>');
1309					pages.push(item.value);
1310				} else {
1311				   var tschu = that._renderItemData( ul, item );
1312					console.log(tschu)
1313				}
1314			}
1315			return item
1316		});
1317
1318		$(ul).find( "li:odd" ).addClass( "odd" );
1319	};
1320
1321	var renderItem = function (ul, item) {
1322		item.value = item.label;
1323		return $('<li arial-label=""></li>')
1324			.data("item.autocomplete", {label: 'test', value:'vaule'})
1325			.append(item.label)
1326			.attr( "aria-label", item.value + " : " + item.label )
1327		    .appendTo(ul);
1328	};
1329
1330    $.get('/de/suche/data.json', function (data) {
1331  		if($('#Suchfeld_oben_1').length == 0) {
1332				return false;
1333			}
1334			
1335    	var autocomplete = $('#Suchfeld_oben_1').autocomplete({
1336        	minLength:3, 
1337			 _create: function() {
1338				this._super();
1339				this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" );
1340			},
1341		 	onSelect: function (suggestion) {
1342				console.log('You selected: ' + suggestion.value + ', ' + suggestion.data);
1343			},          
1344			source:data
1345		});
1346				autocomplete.data("ui-autocomplete")._renderItem = renderItem;
1347		autocomplete.data("ui-autocomplete")._renderMenu = renderMenu;
1348	});
1349    
1350</script>
1350
1351
1352	<!-- end -->
1353    
1353<script>
1354	$('iframe').attr('allowfullscreen', '1');
1355	</script>
1355
1356
1357
1358	<!-- Modul Skripte --></body>
1359
1360</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.