PageSourceSearch

https://lernort-labor.de/

html lernort-labor.de collected 2026-10-05 03:40:00 UTC 21,711 bytes, 560 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="de">
5<head>
6	<title>LernortLabor &#10148; start</title>
7  <meta name="description" content="LernortLabor - Bundesverband der Schülerlabore e.V." />
8  <meta name="publicher" content="LernortLabor - Bundesverband der Schülerlabore e.V." />
9  <meta name="author" content="LernortLabor - Bundesverband der Schülerlabore e.V.">
10  <meta name="keywords" lang="de" content="LernortLabor - Bundesverband der Schülerlabore e.V." />
11	<meta name="abstract" content="LernortLabor - Bundesverband der Schülerlabore e.V." />
12  <meta name="robots" content="follow,index" />
13  <meta name="page-topic" contents="LernortLabor - Bundesverband der Schülerlabore e.V." />
14  <meta name="audience" content="alle" />
15  <meta name="language" content="de" />
16  <meta name="date" content="2019-09-30">
17	<meta name="DC.publisher" content="LernortLabor - Bundesverband der Schülerlabore e.V." />
18	<meta name="DC.creator" content="LernortLabor - Olaf J. Haupt" />
19  <meta http-equiv="expires" content="0" />
20  <meta name="revisit-after" content="1 days" />
21  <meta http-equiv="pragma" content="no-cache" />
22	<meta http-equiv="cache-control" content="no-cache" />
23  <meta name="copyright" content="Copyright 2019 LernortLabor - Bundesverband der Schülerlabore e.V., Berlin" />
24	<meta charset="utf-8" />
25	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
26	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
27	
28	<link href="https://www.lernortlabor.de/styles/googlefonts.css" rel="stylesheet">
29	<link href="https://www.lernortlabor.de/styles/styles.css" rel="stylesheet">
30	<link rel="Stylesheet" type="text/css" href="https://www.lernortlabor.de/styles/AK_special.css">
31	<link rel="Stylesheet" type="text/css" href="https://www.lernortlabor.de/styles/AK_footer.css">
32
33	<link rel="shortcut icon" type="image/x-icon" href="https://www.lernortlabor.de/images/LeLa.Icon.white.ico">
34	<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon_bgd.png">
35
36
37	<!-- .SVG Grafiken funktionieren im IE 11 nur auf Umwegen! -->
38
39	
39<script>
40  function scrollToAnchor(aid){
41		var aTag = $("a[name='"+ aid +"']");
42		$('html,body').animate({scrollTop: aTag.offset().top},'slow');
43	}
44	</script>
44
45<!-- Andi Spezial - countdown timer Aufruf im body -->
46<script src="https://www.lernortlabor.de/functions/AK_special2.js" defer></script>
46
47
48	<!-- shadowbox -->
49	<link rel="stylesheet" type="text/css" href="https://www.lernortlabor.de/shadowbox/shadowbox.css">
50	
50<script type="text/javascript" src="https://www.lernortlabor.de/shadowbox/shadowbox.js"></script>
50
51	
51<script type="text/javascript">
52		Shadowbox.init({
53    	handleOversize: "drag",
54	    modal: true
55		});
56	</script>
56
57
58	<!-- showbox = ex - lightbox -->
59	
59<script src="https://www.lernortlabor.de/showbox/js/jquery-1.7.2.min.js"></script>
59
60	
60<script src="https://www.lernortlabor.de/showbox/js/showbox.js"></script>
60
61	<link href="https://www.lernortlabor.de/showbox/css/showbox.css" rel="stylesheet" />
62
63	
63<script language="javascript">
64	function reallyChangePage(PAGE)
65	{
66		Check = confirm("Wenn Sie diese Seite jetzt verlassen, gehen Ihre Formulardaten verloren! Wollen Sie die Seite verlassen?");
67		if(Check == false) false;
68			else window.location.href = "https://www.lernortlabor.de/"+PAGE;
69	}
70	</script>
70
71	
72	
73	<!-- LOADING -->
74	<style>
75	#loading {
76			background:#777777 url('images/loader.gif') no-repeat center center;
77			position: absolute;
78			top: 0;
79			left: 0;
80			height: 100%;
81			width: 100%;
82			opacity: 0.8;
83			z-index: 9999999;
84	}
85	/* http://ajaxloadingimages.net/ */
86	</style>
87	
87<script language="javascript">
88	function hideLoader() {
89			$('#loading').hide();
90	}
91	$(window).ready(hideLoader);
92	// Strongly recommended: Hide loader after 20 seconds, even if the page hasn't finished loading
93	setTimeout(hideLoader, 20 * 1000);
94	</script>
94
95
96	
97	<!-- Cookies zustimmen - öffnen beim Start der Seite -->
98	
98<script type="text/javascript">
99			window.onload = function() {
100			// open as the window loads
101			Shadowbox.open({
102        content:			'https://www.lernortlabor.de/cookies.php',
103        player:				'iframe',
104				height:				600,
105				width:				800
106			});
107		};
108			</script>
108
109
110	<!-- Cookies zustimmen - öffnen beim Start der Seite -->
111	<!--
112	
112<script type="text/javascript">
113		</script>
113
114	-->
115
116
117	<!-- shadowbox -->
118	<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
119	
119<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
119
120	<!-- https://www.shadowbox-js.com/options.html -->
121	
121<script type="text/javascript">
122		Shadowbox.init({
123    	handleOversize: "drag",
124	    modal: true,
125			overlayColor: '#777777',
126			overlayOpacity: '0.9',
127			enableKeys: false,
128			displayNav: false
129		});
130	</script>
130
131
132	<!-- fancybox -->
133	
133<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
133
134	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" />
135	
135<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
135
136
137	<!-- rapidmail newsletter-form -->
138	
138<script src="https://t8b0035ec.emailsys1c.net/form/84/6633/42e5a001d4/popup.js?_g=1619106674" async></script>
138
139	
140	<!-- cheditor: -->
141	
141<script src="https://tools.lernortlabor.de/ckeditor/ckeditor.js" type="text/javascript"></script>
141
142	
142<script src="https://tagungstools.lernortlabor.de/ckeditor/ckeditor.js" type="text/javascript"></script>
142
143</head>
144
145<body>
146<!-- AK uses timer class: countdown -->
147<script>
148    document.addEventListener('DOMContentLoaded', () => {
149        initCountdownTimers();
150    });
151</script>
151
152
153
154
155
156<!-- ----------------------------- -->
157<!-- <a class="fixedButton1" href="https://www.lernortlabor.de/LeLa-Preis-Ausschreibung2025"><div class="roundedFixedBtn1"><b>Jetzt für den LeLa-Preis bewerben!</b></div></a> -->
158
159<div class="">
160	<!--<a class="fixedButton4 img-responsive" href="https://www.lernortlabor.de/LeLa-Preis-Ausschreibung2025"><img src="https://www.lernortlabor.de/images/content/LeLa-Preis_2025_Plakat.sm.jpg"></a><br>-->
161	<!--<a class="fixedButton5 img-responsive" href="https://www.lela-jahrestagung.de" target="jahrestagung"><img src="https://www.lernortlabor.de/images/content/LeLa-Jahrestagung_2025_Plakat.sm.jpg"></a> -->
162</div>
163
164
165<!-- ----------------------------- -->
166
167
168<!-- HEADER -->
169<!-- <header><img style="z-index:-100" class="img-responsive" src="https://www.lernortlabor.de/images/header.jpg"></header> -->
170<header>&nbsp;</header>
171
172	
173<!-- NAVI  -->
174<nav>
175	<div id="navbar">
176		<div id="MENU_ICON">
177			<a href="https://www.lernortlabor.de/"><div style="float:left; width:50%;"><img class="logo img-responsive" src="https://www.lernortlabor.de/images/LeLa_Logo.gif"></div></a>
178			
179			<!-- <a href="https://www.lernortlabor.de//includes/menu.php" rel="shadowbox;"> -->
180			<a href="javascript:openNav()">
181			<div style="float:right; margin-top:1.5em;">
182				<div class="menu_icon"></div>
183				<div class="menu_icon"></div>
184				<div class="menu_icon"></div>
185			</div>
186			</a>
187			<div class="CLEAR"></div>
188		</div>
189			
190		<ul>
191			<a href="https://www.lernortlabor.de/">
192				<li style="margin-top:0.4em;">
193					<img class="logo img-responsive" src="https://www.lernortlabor.de/images/LeLa_Logo.gif">
194				</li>
195			</a>
196					
197						<a href="https://www.lernortlabor.de/start">														<li class='on' >Startseite</li></a>
198			<a href="https://www.lernortlabor.de/ueber-schuelerlabore">						<li  >Schülerlabore</li></a>
199			<a href="https://www.lernortlabor.de/LernortLabor">										<li  >Der Bundesverband</li></a>
200			<a href="https://www.lernortlabor.de/nachhaltigkeit">									<li  >Nachhaltigkeit</li></a>
201			<!-- <a href="https://www.lernortlabor.de/portale">										<li  >LeLa-Portale</li></a> -->
202			<!-- <a href="https://www.lernortlabor.de/literatur">									<li  >&#10003; Literatur</li></a> -->
203			<!-- <a href="https://www.lernortlabor.de/mitglieder">									<li  >Für Mitglieder</li></a> -->
204			<a href="https://www.lernortlabor.de/intern">													<li  >Für Mitglieder</li></a> 
205			
206						
207			<!-- <a href="https://www.lernortlabor.de//includes/menu.php" rel="shadowbox; width=500;"> -->
208			<a href="javascript:openNav()">
209				<li style="margin-top:1.8em;">
210					<div class="menu_icon"></div>
211					<div class="menu_icon"></div>
212					<div class="menu_icon"></div>
213				</li>
214			</a>
215			
216		</ul>
217	</div>
218	
219	<!-- <div style="background:#FF33aa; color:#ffffff; padding:20px; text-align:center;"><a style="color:#ffffff;" href="https://www.lernortlabor.de/LernortLabor/LeLa-Preis-Ausschreibung2021"><b>Bewerbungsfrist für den LeLa-Preis 2021 verlängert bis 30.11.2020. &#10148;&nbsp;Jetzt hier bewerben!</b></a></div> -->
220	<!-- <div style="background:#ff0033; color:#ffffff; padding:10px; text-align:center;"><b>Terminverschiebung 16. LeLa-Jahrestagung Göttingen: 20. bis 23.06.2021</b></div> -->
221
222	<!--<a href="https://www.lernortlabor.de/LeLa-Preis-Ausschreibung2025"><div style="background-image:url('https://www.lernortlabor.de/images/content/LeLa-Preis_2025_Plaka.smt.jpg'); color:#ffffff; padding:30px; text-align:center;">&nbsp;</div></a>
223	-->
224	<!-- <div style="background:#8bcf5a; color:#ffffff; padding:20px; text-align:center;"><a name="newsletter" style="color:#ffffff;cursor:pointer;" class="rm-open-popup">&#10148;&nbsp;Zum LeLa-Newsletter anmelden</a></div> -->
225
226</nav>
227
228		
229	
230<!-- CONTENT -->
231<main>
232
233		
234		<img style="z-index:-100" class="img-responsive img-header" src="https://www.lernortlabor.de/images/header.jpg">
235		<!--<img style="z-index:-100" class="img-responsive img-header" src="https://www.lernortlabor.de/images/header.jpg" usemap="#workmap" width="1920" height="500">
236		<map name="workmap">
237			<area shape="rect" coords="111,76,418,465" alt="Computer" href="https://www.lernortlabor.de/LeLa-Preis-Ausschreibung2025">
238			<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
239			<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
240		</map>
241		-->
242		
243	<div class="CONTENT">
244	<h1 class="headline">LernortLabor - Bundesverband der Schülerlabore</h1>
245<br>
246
247<div class="flex-2">
248	<div class="teaser" style="background:#5ccdc9;">
249		<a href="https://www.schuelerlabor-atlas.de" target="atlas">
250			<img class="img-icon" src="https://www.lernortlabor.de/images/content/icon.atlas.png">
251			<h1>Schülerlabor-Atlas</h1>
252			<p>Suchen und finden: Im Schülerlabor-Atlas online das passende Angebot</p>
253			<div class="PLUS">+</div>
254		</a>
255	</div>
256	
257	<div class="teaser" style="background:#8bcf5a;">
258		<a href="https://www.lernortlabor.de/start/LeLa-Jahrestagung">
259			<img class="img-icon" src="https://www.lernortlabor.de/images/content/icon.jahrestagung.png">
260			<h1>LeLa-Jahrestagung</h1>
261			<p>Die LeLa-Jahrestagung ist das größte Treffen von Schülerlaboren in Europa</p>
262			<div class="PLUS">+</div>
263		</a>
264	</div>
265		
266	<div class="teaser" style="background:#e7003e;">
267		<!-- <a href="https://www.lernortlabor.de/LernortLabor/LeLa-Preis"> -->
268		<a href="https://www.lernortlabor.de/LernortLabor/LeLa-Preis">
269			<img class="img-icon" src="https://www.lernortlabor.de/images/content/icon.LeLa-Preis.png">
270			<h1>LeLa-Preis</h1>
271			<p>LeLa vergibt Preise an Schülerlabore und an Schülerinnen und Schüler</p>
272			<div class="PLUS">+</div>
273		</a>
274	</div>
275</div>
276
277
278<div class="flex-2">
279	<div class="teaser" style="background:#ff7100;">
280		<a href="https://www.lernortlabor.de/start/mitgliedschaft">
281			<img class="img-icon" src="https://www.lernortlabor.de/images/content/icon.mitgliedschaft.png">
282			<h1>Mitgliedschaft</h1>
283			<p>Alles Wissenswerte zur Mitgliedschaft im Bundesverband</p>
284			<div class="PLUS">+</div>
285		</a>
286	</div>
287	
288	<div class="teaser" style="background:#960028;">
289		<a href="https://www.lernortlabor.de/ueber-schuelerlabore/stammtisch">
290			<img class="img-icon" src="https://www.lernortlabor.de/images/content/icon.mitgliedschaft.png">
291			<h1>LeLa-Stammtisch</h1>
292			<p>Von Schülerlaboren - für Schülerlabore</p>
293			<div class="PLUS">+</div>
294		</a>
295	</div>
296	
297	<div class="teaser" style="background:#1d7471;">
298		<a href="https://www.lernortlabor.de/start/aktuelles">
299			<img class="img-icon" src="https://www.lernortlabor.de/images/content/icon.aktuelles.png">
300			<h1>Aktuelles</h1>
301			<p>Jobangebote der Mitglieder & Aktuelles aus dem Bundesverband</p>
302			<div class="PLUS">+</div>
303		</a>
304	</div>
305</div>
306
307
308
309
310
311
312	
313<!-- Graue linie oder Text -->
314<!--
315<div class="reframe">
316	<div class="lines">
317		<p>abcdefg</p>
318		<p>hijklmn</p>
319	</div>
320</div>
321	
322<div class="reframe">
323	<div class="largeblock"></div>
324</div>
325-->
326
327		
328		
329<!--
330<div style="">
331	<a href="https://www.lernortlabor.de/veranstaltungen">
332	<div class="StartTeaser">
333		<img class="img-responsive" src="https://www.lernortlabor.de/images/content/teaser_veranstaltungen.jpg">
334		
335	</div>
336	</a>
337	<div class="CLEAR"></div>
338	<br>
339	
340	<a href="#Literatur">
341	<div class="StartTeaser">
342		<img class="img-responsive" src="https://www.lernortlabor.de/images/content/teaser_jobs.jpg"> 
343
344	</div>
345	</a>
346	<div class="CLEAR"></div>
347	<br>
348	
349	<a href="#">
350	<div class="StartTeaser">
351		<img class="img-responsive" src="https://www.lernortlabor.de/images/content/teaser_news.jpg">
352		
353	</div>
354	</a>
355	<div class="CLEAR"></div>
356</div>
357-->
358
359	</div>
360</main>
361
362
363<div style="background:#8bcf5a; color:#ffffff; padding:20px; text-align:center;"><a name="newsletter" style="color:#ffffff;cursor:pointer;" class="rm-open-popup">&#10148;&nbsp;Zum LeLa-Newsletter anmelden</a></div>
364
365<!-- FOOTER -->
366<footer>
367	<div class="footCONTENT">
368		<div class="flex-2">
369			<div class="footer">
370				<a href="https://www.bmbfsfj.de/" target="extern"><img class="img-responsive" src="https://www.lernortlabor.de/images/content/logo.bmbfsfj-f.jpg" alt="BMBFSFJ-Logo"></a>
371			</div>
372			<div class="footer">
373				&copy; 2026 LernortLabor - Bundesverband der Schülerlabore e.V.
374			</div>
375			<div class="footer footerRight">
376								<a href="https://www.lernortlabor.de/start">START</a><br>
377				<a href="https://www.lernortlabor.de/impressum">IMPRESSUM & KONTAKT</a><br>
378				<a href="https://www.lernortlabor.de/datenschutz">DATENSCHUTZ</a><br><br>
379				<a name="newsletter" style="color:#ffffff;cursor:pointer;" class="rm-open-popup">&#10148;&nbsp;Zum LeLa-Newsletter anmelden</a>
380<br><br>
381    <div class="footer footerRight has-tooltip">
382        <a href="https://www.linkedin.com/in/lernortlabor-lela" target="_blank" rel="noopener noreferrer" class="footer-icon">
383            <!-- SVG Icon -->
384            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="currentColor">
385                <path d="M4.98 3.5C4.98 4.88 3.86 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM.5 8h4V24h-4V8zM8.5 8h3.8v2.2h.1c.5-1 1.8-2.2 3.9-2.2 4.2 0 5 2.7 5 6.2V24h-4v-7.8c0-1.9 0-4.3-2.6-4.3-2.6 0-3 2-3 4.1V24h-4V8z"/>
386            </svg>
387        </a>
388        <span class="tooltiptext">Externer Link zu LinkedIn</span>
389    </div>
390
391
392			</div>
393		</div>
394	</div>
395</footer>
396
397
398
399<div class="back-to-top" id="back-top">
400	<a href="javascript:void(0)" class="back-to-top">Top</a>
401</div>
402
403
404
405<!-- sidenav include -->
406<div id="LeLaSidenav" class="sidenav">
407
408<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
409
410
411<div class="flex-2">
412	<div class="menu">
413		<a href="https://www.lernortlabor.de/start">&#9654; Startseite</a>
414		<ul class="ul-2">
415			<a href="https://www.lela-jahrestagung.de" target="LeLa-Jahrestagung"><li>LeLa-Jahrestagung</li></a>
416			<a href="https://www.schuelerlabor-atlas.de" target="atlas"><li>Schülerlabor-Atlas</li></a>
417			<a href="https://www.lernortlabor.de/start/mitgliedschaft"><li>Mitgliedschaft</li></a>
418			<a href="https://www.lernortlabor.de/start/aktuelles"><li>Aktuelles</li></a>
419		</ul>
420	</div>
421	<div class="menu">
422		<a href="https://www.lernortlabor.de/ueber-schuelerlabore">&#9654; Schülerlabore</a>
423		<ul class="ul-2">
424			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/schuelerlabore"><li>Schülerlabore</li></a>
425			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/kategorien"><li>Kategorien</li></a>
426			<a href="https://www.schuelerlabor-atlas.de" target="atlas"><li>Schülerlabor-Atlas</li></a>
427			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/netzwerke"><li>Netzwerke</li></a>
428			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/literatur"><li>Literatur</li></a>
429			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/stammtisch"><li>LeLa-Stammtisch</li></a>
430			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/oer"><li>OER-Materialien</li></a>
431			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/online-angebote"><li>Online-Angebote der Schülerlabore</li></a>
432			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/material"><li>Materialien</li></a>
433			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/jobs"><li>Stellen / Jobs</li></a>
434			<a href="https://www.lernortlabor.de/ueber-schuelerlabore/Schuelerlabor-Check"><li>Schülerlabor-Check</li></a>
435		</ul>
436	</div>
437</div>
438
439
440<div class="flex-2">
441	<div class="menu">
442		<a href="https://www.lernortlabor.de/LernortLabor">&#9654; Der Bundesverband</a>
443		<ul class="ul-2">
444			<a href="https://www.lernortlabor.de/LernortLabor/LeLa"><li>LernortLabor</li></a>
445			<a href="https://www.lernortlabor.de/LernortLabor/mitgliedschaft"><li>Mitgliedschaft</li></a>
446			<a href="https://www.lela-jahrestagung.de" target="LeLa-Jahrestagung"><li>LeLa-Jahrestagung</li></a>
447			<a href="https://www.lernortlabor.de/LernortLabor/LeLa-Preis"><li>LeLa-Preis</i></li></a>
448			<a href="https://www.lernortlabor.de/LernortLabor/LeLa-magazin"><li>LeLa <i>magazin</i></li></a>
449		</ul>
450	</div>
451	<div class="menu">
452		<a href="https://www.lernortlabor.de/portale">&#9654; LeLa-Portale</a>
453		<ul class="ul-2">
454			<a href="https://www.schuelerlabor-atlas.de" target="Schülerlabor-Atlas"><li>Schülerlabor-Atlas</li></a>
455			<a href="https://www.lela-jahrestagung.de" target="LeLa-Jahrestagung"><li>LeLa-Jahrestagung</li></a>
456			<a href="https://www.lela-magazin.de/" target="LeLa magazin"><li>LeLa <i>magazin</i></li></a>
457			<a href="https://www.mint-nachhaltigkeitsbildung.de/" target="MINT-Nachhaltigkeitsbildung"><li>MINT-Nachhaltigkeitsbildung</li></a>
458			<a href="https://www.bne-im-schuelerlabor.de/" target="BNE in Schülerlaboren"><li>BNE in Schülerlaboren</li></a>
459			<a href="https://www.lab2venture.de/" target="Lab2Venture"><li>Lab2Venture</li></a>
460		</ul>
461	</div>
462</div>
463
464
465<div class="flex-2">
466	<div class="menu">
467		<a href="https://www.lernortlabor.de/nachhaltigkeit">&#9654; Nachhaltigkeit</a>
468		<ul class="ul-2">
469			<a href="https://www.lernortlabor.de/nachhaltigkeit/BNE"><li>BNE</i></li></a>
470			<a href="https://www.lernortlabor.de/nachhaltigkeit/CE"><li>CE</i></li></a>
471			<a href="https://www.lernortlabor.de/nachhaltigkeit/MINT-ub"><li>MINT.ub</li></a>
472		</ul>
473	</div>
474	<div class="menu">
475		<a href="https://www.lernortlabor.de/intern">&#9654; Für Mitglieder</a>
476		<a href="https://www.lernortlabor.de/start/aktuelles">&#9654; Aktuelles</a>
477		<a href="https://www.lernortlabor.de/impressum">&#9654; Impressum & Kontakt</a>
478		<a href="https://www.lernortlabor.de/datenschutz">&#9654; Datenschutzerklärung</a>
479		<a name="newsletter" style="cursor:pointer;" class="rm-open-popup">&#9654;&nbsp;Zum LeLa-Newslstter anmelden</a>
480</div>
481
482
483</div>
484<!-- &#9776; open -->
485
486
487
488
489<script type="text/javascript" src="https://www.lernortlabor.de/scripts/scripts_bottom.js"></script>
489
490
491
492
493<!--
494<style>
495/* BREITEN ANZEIGE */
496.breakpoint { position: fixed; z-index: 2000; width: 150px; padding-left:5px; height: 40px; left: 0; top: 100px; background: hsla(0,0%,0%,0.7); }
497.breakspan { color: #ffffff !IMPORTANT}
498</style>
499
500<div class="breakpoint">
501<span class="breakspan">[ Anzeige folgt ]</span>
502<script type="text/javascript">
503window.addEventListener ('load', function () {
504	// initale width
505	var width = window.innerWidth;
506	
507	/* erste Anzeige: */
508	var bWin = document.querySelector('.breakspan');
509	console.log ('window.innerWidth ' + window.innerWidth);
510	bWin.innerHTML = bWin;
511	switch (true) {
512			/*
513			case (width > 979): bWin.innerHTML = '700 break '; break;
514			case (width > 719): bWin.innerHTML = '500 break '; break;
515			case (width > 400): bWin.innerHTML = '400 break '; break;
516			
517			case (width > 399): bWin.innerHTML = '400 (320) break '; break;
518			case (width > 399): bWin.innerHTML = '400 (480) break '; break;
519			case (width > 499): bWin.innerHTML = '500 (600) break '; break;
520			case (width > 767): bWin.innerHTML = '768 break '; break;
521			case (width > 1023): bWin.innerHTML = '768 (1024) break '; break;
522			case (width > 1199): bWin.innerHTML = '768 (1200) break '; break;
523			*/
524			case (width > 1): bWin.innerHTML = ''; break;
525			default: bWin.innerHTML = 'no break ';
526		}
527		bWin.innerHTML += '<br>' + width + ' Bildschirm';
528
529	/* nach resize: */
530	window.onresize = function (evt) {
531		width = window.innerWidth;
532		switch (true) {
533			/*
534			case (width > 979): bWin.innerHTML = '600 break '; break;
535			case (width > 719): bWin.innerHTML = '400 break '; break;
536			case (width > 479): bWin.innerHTML = '400 break '; break;
537			
538			case (width > 399): bWin.innerHTML = '400 (320) break '; break;
539			case (width > 399): bWin.innerHTML = '400 (480) break '; break;
540			case (width > 499): bWin.innerHTML = '500 (600) break '; break;
541			case (width > 767): bWin.innerHTML = '768 break '; break;
542			case (width > 1023): bWin.innerHTML = '768 (1024) break '; break;
543			case (width > 1199): bWin.innerHTML = '768 (1200) break '; break;
544			*/
545			case (width > 1): bWin.innerHTML = ''; break;
546			default: bWin.innerHTML = 'no break ';
547		}
548		bWin.innerHTML +=  '<br>' + width + ' Bildschirm';
549	}
550	
551	document.querySelector('.breakpoint').onclick = function () {
552		this.style.display = "none";
553	}
554});
555</script>
555
556</div>
557-->
558
559</body>
560</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.