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>»</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&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&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> </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.