PageSourceSearch

https://www.schreibmotorik-institut.com/2a8cefe1-9125-7378-df4d-dba56cbb1850?Edition=de

html schreibmotorik-institut.com collected 2026-10-05 01:43:48 UTC 170,505 bytes, 5,113 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de" class="Layout">
3
4<!-- Layout Seite, Standard -->
5
6<head>
7	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0" />
8	<title>Schreibmotorik Institut -  Homepage</title>
9<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
10
11<meta name="Title" content="Schreibmotorik Institut -  Homepage" /> 
12<meta name="Keywords" content="" />
13<meta name="Description" content="" />
14
15<meta name="Creator" content="roccas GmbH, N&uuml;rnberg, http://www.roccas.de/" />
16<meta name="Generator" content="roccas ib2kx, http://www.roccas.de/" />
17
18<meta name="revisit-after" content="30 days" />
19
20
21
22<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
23<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
24<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
25<link rel="manifest" href="/site.webmanifest">
26<meta name="msapplication-TileColor" content="#da532c">
27<meta name="theme-color" content="#ffffff"> 
28
29
30<meta name="robots" content="index" />
31<meta name="robots" content="all" />
32
33
34<meta name="language" content="de" /> 
35
36
37<script type="text/javascript">
38window.RTEContentId = "";
39var COOKIE_REQUIRED = 0;
40var COOKIE_FUNCTIONAL = 0;
41var COOKIE_EXTERNAL = 0;
42var COOKIE_STATISTIC = 0;
43
44
45</script>
45
46
47<style type="text/css">
48body {
49	opacity:1;
50}
51</style>
52
53<link rel="stylesheet" type="text/css" href="/ib/core/libraries_ext/jquery/ui/css/smoothness/jquery-ui-1.10.0.custom.css" />
54
55<link rel="stylesheet" type="text/css" href="/ib/site/elements/flexslider/flexslider.css" />
56
57<link href="/ib/site/elements/PhotoSwipe-master/dist/photoswipe.css?v=4.1.0-1.0.4" rel="stylesheet" />
58<link href="/ib/site/elements/PhotoSwipe-master/dist/default-skin/default-skin.css?v=4.1.0-1.0.4" rel="stylesheet" />
59
60<link rel="stylesheet" type="text/css" href="/ib/site/elements/fonts/Noto/style.css" />
61<link rel="stylesheet" type="text/css" href="/ib/site/elements/fonts/FiraGO/FiraGO.css" />
62<link rel="stylesheet" type="text/css" href="/ib/site/elements/iconfont/icon.css?d11791164627" />
63<link rel="stylesheet" type="text/css" href="/ib/site/generators/rStylesheet_Box.php" />
64<link rel="stylesheet" type="text/css" href="/ib/site/generators/rStylesheet.php?Admin=1" />
65
66<link rel="stylesheet/less"  type="text/css" href="/ib/site/elements/nouislider.css" />
67<link rel="stylesheet/less"  type="text/css" href="/ib/site/elements/photoswipe.css" />
68<link rel="stylesheet/less"  type="text/css" href="/ib/site/elements/mediaplayer.css" />
69<link rel="stylesheet/less"  type="text/css" href="/ib/site/elements/menu.css?2" />
70<link rel="stylesheet/less"  type="text/css" href="/ib/site/elements/style.css?2" />
71<style type="text/css">
72</style>
73
74
75<link rel="stylesheet/less"  type="text/css" href="/ib/site/elements/dialog.css?w123121791164627" />
76
77
78<script src="/ib/site/elements/less-3.0.0.js" ></script>
78
79	
79<script src="/ib/site/elements/headroom.js" ></script>
79
80
81
82
83<!--
83<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
83-->
84<script type="text/javascript" src="/ib/core/libraries_ext/modernizr/modernizr.js"></script>
84
85
86
87<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.js"></script>
87
88
89<!--
89<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
89-->
90<script type="text/javascript" src="/ib/core/libraries_ext/jquery/ui/js/jquery-ui.js"></script>
90
91	
91<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.ui.touch-punch.js"></script>
vendor: 1 bytes, line 91
91
92<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.placeholder.js"></script>
vendor: 1 bytes, line 92
92
93<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.json.js"></script>
vendor: 1 bytes, line 93
93
94<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.iframepostform.js"></script>
vendor: 1 bytes, line 94
94
95<script type="text/javascript" src="/ib/core/libraries_ext/jquery/touch-swipe.js"></script>
vendor: 1 bytes, line 95
95
96<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.unveil.js"></script>
vendor: 1 bytes, line 96
96
97<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.base64.js"></script>
97
98
99
100<script type="text/javascript" src="/ib/site/elements/nouislider.js"></script>
vendor: 1 bytes, line 100
100
101<script type="text/javascript" src="/ib/site/elements/external.js?bcd"></script>
101
102
103<script type="text/javascript">
104	//jQuery.noConflict();
105	
106jQuery(document).on("PrivacyChange", function() {
107	if(COOKIE_FUNCTIONAL)
108		jQuery("body").addClass("COOKIE_FUNCTIONAL");
109	else
110		jQuery("body").removeClass("COOKIE_FUNCTIONAL");
111	
112	if(COOKIE_EXTERNAL)
113		jQuery("body").addClass("COOKIE_EXTERNAL");
114	else
115		jQuery("body").removeClass("COOKIE_EXTERNAL");
116	
117	if(COOKIE_STATISTIC)
118		jQuery("body").addClass("COOKIE_STATISTIC");
119	else
120		jQuery("body").removeClass("COOKIE_STATISTIC");
121});
122jQuery(document).ready(function() {
123	jQuery(document).trigger("PrivacyChange");
124});
125</script>
125
126
127	
127<script type="text/javascript" src="/ib/core/libraries_ext/tinymce/js/tinymce/tinymce.js"></script>
127
128	
128<script type="text/javascript" src="/ib/core/libraries_ext/tinymce/js/tinymce/standalone_popup.js"></script>
128
129
130<script type="text/javascript" src="/ib/core/libraries/rWindow.js"></script>
130
131
132<script src="/ib/core/libraries_ext/spin.js"></script>
132
133
134<script src="/ib/site/elements/PhotoSwipe-master/dist/photoswipe.js?v=4.1.0-1.0.4"></script>
vendor: 1 bytes, line 134
134
135<script src="/ib/site/elements/PhotoSwipe-master/dist/photoswipe-ui-default.js?v=4.1.0-1.0.4"></script>
135
136
137
138<script type="text/javascript" src="/ib/site/elements/flexslider/jquery.flexslider.js"></script>
138
139
140
141<script type="text/javascript" src="/ib/site/elements/MediaPlayer/js/mediaplayer.js?abc"></script>
141
142
143<script type="text/javascript" src="/ib/site/elements/menuSuperfish/hoverIntent.js"></script>
vendor: 1 bytes, line 143
143
144<script type="text/javascript" src="/ib/site/elements/menuSuperfish/superfish.js"></script>
vendor: 1 bytes, line 144
144
145<script type="text/javascript" src="/ib/site/elements/menuSuperfish/supersubs.js"></script>
145
146
147<script src="/ib/site/elements/hyphenator/Hyphenator.js" type="text/javascript"></script>
147
148
149<script type="text/javascript">
150	var ibDefaults = {
151		xxswipebox: {
152			prevHint: "Vorheriges",
153			nextHint: "Nächstes",
154			closeHint: "Schließen (ESC)",
155		},
156		spinnerOptions: {
157			lines: 13, // The number of lines to draw
158			length: 0, // The length of each line
159			width: 10, // The line thickness
160			radius: 30, // The radius of the inner circle
161			corners: 1, // Corner roundness (0..1)
162			rotate: 0, // The rotation offset
163			direction: 1, // 1: clockwise, -1: counterclockwise
164			color: '#FFF', // #rgb or #rrggbb or array of colors
165			speed: 1, // Rounds per second
166			trail: 60, // Afterglow percentage
167			shadow: false, // Whether to render a shadow
168			hwaccel: false, // Whether to use hardware acceleration
169			className: 'spinner', // The CSS class to assign to the spinner
170			zIndex: -1 // The z-index (defaults to 2000000000)
171			//top: 'auto', // Top position relative to parent in px
172			//left: 'auto' // Left position relative to parent in px
173		}
174	};
175	//ibDefaults.swipebox.spinnerOptions = ibDefaults.spinnerOptions;
176</script>
176
177
178
179<script type="text/javascript" src="/ib/core/interfaces/rMessage/rMessage.js"></script>
vendor: 1 bytes, line 179
179
180<script type="text/javascript" src="/ib/core/libraries/rAdministration.js"></script>
180
181
182<!-- Uploader -->
183	<link rel="stylesheet" href="/ib/core/libraries_ext/jQuery-File-Upload/css/jquery.fileupload.css">
184	<link rel="stylesheet" href="/ib/core/libraries_ext/jQuery-File-Upload/css/jquery.fileupload-ui.css">
185	<style type="text/css">
186	@-moz-keyframes progress-bar-stripes {
187	0% {
188		background-position: 40px 0;
189	}
190	100% {
191		background-position: 0 0;
192	}
193	}
194	@-moz-keyframes progress-bar-stripes {
195	0% {
196		background-position: 40px 0;
197	}
198	100% {
199		background-position: 0 0;
200	}
201	}
202	.progress {
203		background-color: #F5F5F5;
204		border-radius: 4px;
205		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
206		height: 5px;
207		width:100px;
208		margin: 10px auto;
209		overflow: hidden;
210	}
211	.progress-bar {
212		background-color: #005073;
213		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
214		color: #FFFFFF;
215		float: left;
216		font-size: 12px;
217		height: 100%;
218		text-align: center;
219		transition: width 0.6s ease 0s;
220		width: 0;
221	}
222	.progress-striped .progress-bar {
223		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
224		background-size: 40px 40px;
225	}
226	.progress.active .progress-bar {
227		animation: 2s linear 0s normal none infinite progress-bar-stripes;
228	}
229	.progress-bar-success {
230		background-color: #99b8c7;
231	}
232	.progress-striped .progress-bar-success {
233		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
234	}
235	.progress-bar-info {
236		background-color: #99b8c7;
237	}
238	.progress-striped .progress-bar-info {
239		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
240	}
241	.progress-bar-warning {
242		background-color: #C79999;
243	}
244	.progress-striped .progress-bar-warning {
245		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
246	}
247	.progress-bar-danger {
248		background-color: #C79999;
249	}
250	.progress-striped .progress-bar-danger {
251		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
252	}
253
254
255
256	table.previewimg {
257		margin:0px auto;
258		position:relative;
259	}
260	table.previewimg td {
261		background: url("/ib/core/elements/window/Vorschau_Hintergrund.png") no-repeat scroll center center rgba(0, 0, 0, 0);
262		height: 50px;
263		line-height: 0;
264		text-align: center;
265		vertical-align: middle;
266		width: 50px;
267	}
268	tr.template-upload td,
269	tr.template-download td {
270		border-bottom:1px solid #99b9c7;
271		padding:0px;
272	}
273	</style>
274	<!--
274<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
274-->
275	<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
276	
276<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
276
277	<!-- The Templates plugin is included to render the upload/download listings -->
278	<!--
278<script src="http://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
278-->
279	<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
280	
280<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/load-image.min.js"></script>
280
281	<!-- The Canvas to Blob plugin is included for image resizing functionality -->
282		<!--
282<script src="http://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
282-->
283	<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
284		<!--
284<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
284-->
285	<!-- blueimp Gallery script -->
286		<!--
286<script src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
286-->
287	<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
288	
288<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
288
289	<!-- The basic File Upload plugin -->
290	
290<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload.js"></script>
290
291	<!-- The File Upload processing plugin -->
292	
292<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-process.js"></script>
292
293	<!-- The File Upload image preview & resize plugin -->
294	
294<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-image.js"></script>
294
295<!--
296	
296<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-audio.js"></script>
296
297	
297<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-video.js"></script>
297
298-->
299	<!-- The File Upload validation plugin -->
300	
300<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-validate.js"></script>
300
301	<!-- The File Upload user interface plugin -->
302	
302<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-ui.js"></script>
302
303
304	
305<!-- Bildbearbeitung -->
306	
306<script type="text/javascript" src="/ib/core/libraries_ext/uize/~source/Uize.js"></script>
306
307	
307<script type="text/javascript" src="/ib/core/libraries_ext/panzoom.js?a"></script>
307
308	
308<script type="text/javascript">
309		var uize_page;
310		var imPort;
311		var imPortId;
312		var imPortBoxData;
313		var ieWindowWidth = 0;
314		
315		
316		jQuery(window).resize(function() {
317			if(jQuery(window).width() != ieWindowWidth)
318				finishUI(imPortId); 
319		});
320
321		function fnSetSizing(pm) {
322			var vals = fnGetVals();
323			/*
324			var dat = zoomImageParams[imPortId];
325			
326			var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image');
327			var frame = jQuery('#page_imagePortRen_' + dat["P"]);
328			
329			var roomX = (img.width() * pm - frame.width());
330			var roomY = (img.height() * pm - frame.height());
331			
332			imPort.forceZoomAbs(- vals.positionX * roomX, - vals.positionY * roomY, pm);
333			*/
334			vals.sizing = pm;
335			fnSetVals(vals);
336		}
337		function fnSetVals(vals) {
338			var dat = zoomImageParams[imPortId];
339			
340			var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image');
341			var frame = jQuery('#page_imagePortRen_' + dat["P"]);
342			
343			var roomX = (img.width() * vals.sizing - frame.width());
344			var roomY = (img.height() * vals.sizing - frame.height());
345			
346			imPort.forceZoomAbs(- vals.positionX * roomX, - vals.positionY * roomY, vals.sizing);
347			
348		}
349		function fnGetVals() {
350			var vals = imPort.getTransform();
351			
352			var dat = zoomImageParams[imPortId];
353			
354			var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image');
355			var frame = jQuery('#page_imagePortRen_' + dat["P"]);
356			
357			var roomX = (img.width() * vals.scale - frame.width());
358			var roomY = (img.height() * vals.scale - frame.height());
359			if(roomX <= 0)
360				var posX = 0.5;
361			else
362				var posX = -vals.x / roomX;
363			
364			if(roomY <= 0)
365				var posY = 0.5;
366			else
367				var posY = -vals.y / roomY;
368			
369			var params = {
370				positionX: Math.min(posX, 1),
371				positionY: Math.min(posY, 1),
372				sizing:vals.scale,
373				maxSizing:imPort.getMaxZoom(),
374			};
375			return params;
376		}
377
378		var zoomImageParams = {};
379
380		function fnInitZoomEdit(pmId) {
381			console.log("IE-start " + pmId);
382			if(imPortId == pmId) {
383				console.log("IE-cancel");
384				return;
385			}
386			if(imPort && imPortId) {
387				finishUI(imPortId);
388				////killUI(imPortId);
389			}
390			
391			ieWindowWidth = jQuery(window).width();
392			
393			var dat = zoomImageParams[pmId];
394			if(!dat) // keine Parameter vorhanden
395				return;
396			imPortBoxData = null;
397			
398			if(dat["parId"]) {
399				fnBoxEdit_Highlight_Partial(jQuery(document.getElementById("Paragraph_" + dat["parId"].replace(/-/g,"_"))).closest(".boxFrame, .boxFrame_System").attr("id"));
400			}
401
402			
403			// set Editor style
404			var ed = jQuery('#page_imagePortRen_' + dat["P"] + "-editor");
405			ed.append(jQuery("#ImageCropFormContainer"));
406			if(ed.closest(".AbbildungContainer").length > 0)
407				ed.closest(".AbbildungContainer").append(jQuery("#ImageCropFormContainer"));
408			if(ed.closest(".Steuerelement").length > 0 && !jQuery("body").hasClass("admin")) {
409				jQuery("body").addClass("userAdmin-ImageEdit");
410				jQuery("body").removeClass("admin-ImageEdit");
411			}
412			else {
413				jQuery("body").removeClass("userAdmin-ImageEdit");
414				jQuery("body").addClass("admin-ImageEdit");
415			}
416
417			fnImageEditor_Overlay();
418			jQuery('#admin-imageEditor-overlay').css("display","none");
419			jQuery('#admin-imageEditor-overlay').css("z-index",0);
420			ImageDialog.initImage(dat["P"], dat);
421			
422// adjust Editor UI
423			jQuery('#page_imagePortRen_' + dat["P"] + "-editor").css({"z-index": parseInt(jQuery('#admin-imageEditor-overlay').css("z-index")) + 1});
424			jQuery('#ImageCropFormContainer').css({
425				"top": 0,
426				"left": 0,
427				"width":"100%",
428				"height":"100%",
429				"display": "block"
430			});
431			
432			var availableHeight = jQuery('#page_imagePortRen_' + dat["P"] + "-editor").height();
433			jQuery('#ImageCropSlider').css({
434				height:"calc(" + availableHeight + "px - 8rem)"
435			});
436			console.log(dat);
437			var hf = 1;
438			if(dat.maxSizingValue > dat.zoomFactor) {
439				hf =  Math.log2(dat.zoomFactor) / (Math.log2(dat.maxSizingValue));
440			}
441			jQuery('.ImageCropSizingBackgroundCritical').css({
442				height:"calc(" + availableHeight*hf + "px - " + 8*hf + "rem)"
443			});
444			
445			if(!jQuery("body").hasClass("userAdmin-ImageEdit")) {
446				jQuery('#ImageCropSlider').css({height:availableHeight - 2*40 - 2*15 - 2*36});
447				console.log(dat);
448				var h = availableHeight - 2*40 - 2*15 - 2*36;
449				if(dat.maxSizingValue > dat.zoomFactor) {
450					h =  Math.log2(dat.zoomFactor) / (Math.log2(dat.maxSizingValue))  * h;
451				}
452				jQuery('.ImageCropSizingBackgroundCritical').css({
453					height:h
454				});
455			}
456			
457			if(dat.maxSizingValue <= dat.zoomFactor) {
458				jQuery("#ImageCropFormContainer").addClass("disabled");
459			}
460			else {
461				jQuery("#ImageCropFormContainer").removeClass("disabled");
462			}
463			
464			// Schieber bei niedrigen Abbildungen ausblenden
465			if(availableHeight < 240) {
466				jQuery('#ImageCropForm_Dialogue').addClass("Small");
467				//jQuery('#ImageCropForm_Dialogue').css({top:availableHeight - 40 - 10});
468			}
469			else {
470				jQuery('#ImageCropForm_Dialogue').removeClass("Small");
471				//jQuery('#ImageCropForm_Dialogue').css({top:60});
472			}
473
474			
475			jQuery( "#ImageCropSlider" ).slider({
476				orientation: "vertical",
477				step: 0.00001,
478				slide: function( event, ui ) {
479					var imDat = fnGetVals();
480					var sz = Math.exp(ui.value / 100 * Math.log(imDat.maxSizing));
481					var pc100 = imDat.maxSizing / 2;
482					var pc100SL = Math.log(pc100) / Math.log(imDat.maxSizing) * 100;
483					if(imDat.sizing <= pc100 * 1.001 && sz >= pc100 && sz < pc100 * 1.1) {
484						ImageDialog.adjustFromSlider(pc100SL);
485						return false;
486					}
487					if(imDat.sizing >= pc100 * 0.999 && sz <= pc100 && sz > pc100 * 0.9) {
488						ImageDialog.adjustFromSlider(pc100SL);
489						return false;
490					}
491					ImageDialog.adjustFromSlider(ui.value);
492				}
493			});
494			
495			
496			jQuery('#page_imagePortRen_' + dat["P"] + "-editor").show();
497			
498			var o = jQuery('#page_imagePortRen_' + dat["P"] + "-editor").offset();
499			var w = jQuery('#page_imagePortRen_' + dat["P"] + "-editor").width();
500			//jQuery("#ImageCropFormContainer").css({left:o.left, width:w, top:o.top, height:availableHeight});
501			
502
503			jQuery('#page_imagePortRen_' + dat["P"] + "-editor").click(function(e) {
504				e.stopPropagation();
505				console.log("a");
506			});
507			jQuery('#page_imagePortRen_' + dat["P"] + '-preview').hide();
508			jQuery('#page_imagePortRen_' + dat["P"] + '-container .ImageInsufficient').hide();
509
510			ImageDialog.initOrigImage();
511			
512			imPortId = pmId;
513
514// conmponent
515			var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image');
516			var w = img[0].naturalWidth; // Todo: better use vals from dat
517			var h = img[0].naturalHeight; // Todo: better use vals from dat
518			var frame = jQuery('#page_imagePortRen_' + dat["P"]);
519			var aspect = frame.height() / frame.width(); // Todo: better use vals from dat
520			if(h < w * aspect) { // hoehe ist begrenzend
521				img.css({
522					height:"100%",
523					width:w/h*aspect*100 + "%"
524				}); 
525			}
526			else { // breite ist begrenzend
527				img.css({
528					width:"100%",
529					height:h/w/aspect*100 + "%"
530				});
531			}
532			
533			img.css({cursor: "move", "touch-action":"none"});
534			
535			//jQuery("#ZoomHint").addClass("in");
536
537			var imPort = panzoom(document.getElementById('page_imagePortRen_' + dat["P"] + '-image'), {
538				minZoom:1,
539				maxZoom:dat["maxSizingValue"],
540				bounds:true,
541				boundsPadding:1,
542				smoothScroll: false,
543				onTouch: function(e) {
544
545				}
546			});
547			imPort.forceZoomAbs(-(img.width()-frame.width())/2, -(img.height()-frame.height())/2, 1);
548
549			window.imPort = imPort;
550			imPort.on('transform', function(e) {
551				//console.log(performance.now());
552				//readjust();
553				//console.log(fnGetVals());
554				ImageDialog.adjustSlider();
555			});
556			imPort.on('panend', function() {
557
558			});
559			imPort.on('zoomend', function() {
560
561			});
562			imPort.on('panstart', function() {
563
564			});
565			imPort.on('zoomstart', function() {
566
567			});
568			fnSetVals({
569				positionX:dat["alignX"],
570				positionY:dat["alignY"],
571				sizing:dat["sizingValue"],
572			});
573			/*
574			var xxx = [
575				'imagePortRen_' + dat["P"],
576				{
577					maxSizingValue:dat["maxSizingValue"],
578					minSizingValue:1,
579					sizingLowerBound:'0',
580					sizingUpperBound:'fill',
581					sizingValue:dat["sizingValue"],
582					alignX:dat["alignX"],
583					alignY:dat["alignY"]
584				}
585			];
586			*/
587
588// end component
589			
590			
591			ImageDialog.adjustImageContainer();
592			if(dat["parId"]) {
593				//fnBoxEdit_Highlight_Partial(jQuery(document.getElementById("Paragraph_" + dat["parId"].replace(/-/g,"_"))).closest(".boxFrame, .boxFrame_System").attr("id"));
594			}
595		}
596		function finishUI(pmId) {
597			fnSaveImageVals();
598			killUI(pmId);
599		}
600		function killAnyUI() {
601			if(imPort && imPortId)
602				killUI(imPortId);
603		}
604		function killUI(pmId) {
605			if(!imPort)
606				return;
607
608			console.log("IE-kill");
609			
610			fnImageEditor_HideOverlay();
611			var dat = zoomImageParams[imPortId];
612			
613			imPort = null;
614			imPortId = null;
615
616// kill UI here
617			
618			jQuery('#page_imagePortRen_' + dat["P"] + "-editor").hide();
619			
620			jQuery("#ImageCropFormContainer").hide();
621			//jQuery("#ImageCropSliderContainer").hide();
622			jQuery("#AdminContainer").append(jQuery("#ImageCropFormContainer")); //.append(jQuery("#ImageCropSliderContainer"));
623
624			if(imPortBoxData) { // update with new data
625				// partal Update for Multi-Image-Box
626				var div = jQuery("<div>");
627				div.html(imPortBoxData.Contents);
628				var me = div.find("#page_imagePortRen_" + dat["P"] + "-container-outer").parent();
629				jQuery("#page_imagePortRen_" + dat["P"] + "-container-outer").parent().html(me.html());
630			}
631			else { // restore old
632				var ref = jQuery('#page_imagePortRen_' + dat["P"] + "-preview");
633				if(ref.length > 0) {
634					//jQuery("#page_imagePortRen_" + dat["P"] + "-container-outer").css({"max-width":ref[0].naturalWidth});
635					jQuery("#page_imagePortRen_" + dat["P"] + "-container").css({"padding-bottom": (100*ref[0].naturalHeight/ref[0].naturalWidth) + "%"});
636				}
637			}
638		}
639		
640		function fnSaveImageVals() { // speichert Angaben und ersetzt Ausgabe
641			if(!imPort)
642				return 0;
643			
644			console.log("save");
645			
646			var data = fnGetVals(imPortId);
647
648			if(zoomImageParams[imPortId]["field"])
649				fnLoadingAnimation_Show("Daten werden gespeichert", {class:"Layout"});
650			else
651				fnLoadingAnimation_Show("Daten werden gespeichert");
652			
653			
654			var dataset = {};
655			dataset[zoomImageParams[imPortId]["param"]] = jQuery.toJSON(data);
656			
657			if(zoomImageParams[imPortId]["parId"]) {
658				var params = {
659					Component: "rBoxEditClass",
660					Action: "fnUpdateImageEditor",
661					Paragraph: zoomImageParams[imPortId]["parId"],
662					ParameterSent: "'none'",
663					AdditionalData: jQuery.toJSON(dataset),
664					SId: "",
665					noCache: Date()
666				};
667				var _ajax = jQuery.ajax({
668					url:'/ib/site/generators/rInterfaceDataExchange.php',
669					data:params,
670					async:false,
671					cache:false,
672					type:'POST'
673				});
674				imPortBoxData = jQuery.parseJSON(_ajax.responseText);
675				
676				setTimeout(function() {
677					fnLoadingAnimation_Hide();
678				}, 300);
679				top.jQuery("#admin-imageEditor-overlay").effect("highlight", {color:"rgba(135, 199, 0, 1)"}, 800);
680				return 1;
681			}
682			else {
683				jQuery("#" + zoomImageParams[imPortId]["field"] + "_Settings").val(jQuery.toJSON(data));
684				jQuery("#rCard").submit();
685				//debugger;
686			}
687
688		}
689
690
691
692		var ImageDialog = {
693			flgConstrain : true,
694			origWidth: null,
695			origHeight: null,
696			
697			callTimeSettings: null,
698			
699			origImage: null, // original Image in imPort
700			previewImage: null, // current in-page preview-image
701			
702			f: null,
703			id: null,
704			init : function() {
705				this.f = jQuery("#ImageCropForm")[0];
706			},
707			adjustSlider : function() {
708				if(!imPort)
709					return;
710				var imDat = fnGetVals();
711				var val = Math.log(imDat.sizing) / Math.log(imDat.maxSizing) * 100;
712				jQuery( "#ImageCropSlider" ).slider({value: val});
713				
714				var dat = zoomImageParams[imPortId];
715				var sizeFact = imDat.sizing / imDat.maxSizing * 100 * dat.zoomFactor;
716				jQuery("#ImageCropFormScale").html( Math.round(sizeFact) + "&nbsp;%");//sizeFact
717				if(Math.round(sizeFact) > 100)
718					jQuery("#ImageCropFormScale").addClass("warning");
719				else
720					jQuery("#ImageCropFormScale").removeClass("warning");
721				
722				jQuery("#ImageCropSlider .Bottom").css("height", val * 100 + "%");
723			},
724			adjustFromSlider : function(raw) {
725				if(!imPort)
726					return;
727				
728				var imDat = fnGetVals();
729				var sz = Math.exp(raw / 100 * Math.log(imDat.maxSizing));
730				fnSetSizing(sz)
731			},
732			initImage : function(pmId, settings) {
733				this.id = pmId;
734				this.callTimeSettings = settings;
735				
736				var im = jQuery("#page_imagePortRen_" + this.id + "-container-outer"); // 2014_0728: war -preview
737				
738				this.previewImage = im[0];
739
740				
741				jQuery("#ImageCropFormContainer").show();
742				jQuery("#ImageCropSliderContainer").show();
743			},
744			initOrigImage : function(pmId) {
745				var im = jQuery("#page_imagePortRen_" + this.id + "-image");
746				this.origWidth = im.attr("data-width"); //im.width();
747				this.origHeight = im.attr("data-height"); //im.height();
748				this.origImage = im[0];
749				
750				this.initImageData();
751			},
752			initImageData : function() { // width and height from preview, calc. if constrained
753				var f = this.f;
754				this.adjustImageContainer();
755			},
756
757			adjustImageContainer: function() {
758				var f = this.f;
759				var t=this;
760
761
762				/*
763				// no need as domensions are fixed
764				var dat = zoomImageParams[imPortId];
765				if(!dat) // keine Parameter vorhanden
766					return;
767				var maxS = Math.max(1, dat.zoomFactor * Math.min(this.origHeight / parseInt(dat.height), this.origWidth / parseInt(dat.width))); //sizeFact
768				if(imPort) {
769					imPort._maxSizingValue = maxS;
770					if(imPort._sizingValue > imPort._maxSizingValue)
771						imPort.set({sizingValue: imPort._maxSizingValue});
772					imPort.updateUi();
773				}
774				*/
775				this.adjustSlider();
776			},
777
778
779			dummy:null
780		};
781		jQuery(document).ready(function() {
782			ImageDialog.init();
783			
784			jQuery(".ImageCropForm-Expand").click(function() {
785				var v = jQuery("#ImageCropSlider" ).slider("value");
786				var nv = Math.max(0, Math.min(100, v+5));
787				ImageDialog.adjustFromSlider(nv)
788			});
789			jQuery(".ImageCropForm-Collapse").click(function() {
790				var v = jQuery("#ImageCropSlider" ).slider("value");
791				var nv = Math.max(0, Math.min(100, v-5));
792				ImageDialog.adjustFromSlider(nv)
793			});
794
795			jQuery(document).on("click", "#admin-imageEditor-overlay", function() {
796				finishUI(imPortId); 
797			});
798			WMDialog.keyHandler = rImageEditor_KeyEvent;
799			function rImageEditor_KeyEvent(pmEvent) {
800				/*
801				if(27 == pmEvent.keyCode) { // ESC
802					killUI(imPortId);
803				}
804				*/
805
806				if(pmEvent.ctrlKey) { 
807					if(83 == pmEvent.keyCode) { // STRG + S
808						if(!imPort)
809							return;
810						fnSaveImageVals()
811						pmEvent.preventDefault();
812						pmEvent.stopPropagation();
813						pmEvent.stopImmediatePropagation();
814					}
815				}
816			}
817		});
818		function fnUpload_ShowML(pmTE, pmAddtl, type) {
819			if(typeof(type) == "undefined")
820				type = "";
821			fnAdminWindow({
822				url:'/ib/site/generators/rMediaUpload.php?SId=&TreeElement=' + pmTE + '&addtlData=' + pmAddtl + '&ContentType=' + type
823			});
824			return;
825		}
826	</script>
826
827	
828	
828<script>
829	setInterval(function() {
830			jQuery(".r-Ausgabebereich").each(function() {
831				var t = jQuery(this);
832				if(t.find(".boxFrame").not(".ui-draggable-dragging").not(".ui-sortable-placeholder").filter(":visible").length > 0) {
833					t.removeClass("empty");					
834					t.prev().find(".admin_Ausgabebereich").removeClass("empty");					
835				}
836				else {
837					t.addClass("empty");
838					t.prev().find(".admin_Ausgabebereich").addClass("empty");
839				}
840			});
841	}, 200);
842	</script>
842
843	
844
845
846
847<script type="text/javascript">
848// touch-Klassen
849	jQuery("document").ready(function() { // init after ready and fundamental changes
850	
851		if(document.getElementById("Kopf")) {
852		var headroom = new Headroom(document.getElementById("Kopf"), {
853		  "offset": 205,
854		  "tolerance": 5,
855		  "classes": {
856			"initial": "animated",
857			"pinned": "slideDown",
858			"unpinned": "slideUp"
859		  }
860		});
861		headroom.init();
862		}
863
864
865		//jQuery(".Zitat_Container .Zitat_Kopf").live("touchstart", function(idx, elem) {
866
867		// Inhaltsbereich
868		jQuery("div#Inhaltsbereich, .Schalter_Sidebar").on("touchstart mouseover", "a.Button, div.Verweis a, div#Untermenue a, .hoverEffect", function(idx, elem) {
869			jQuery(this).addClass("hover");
870		});
871		jQuery("div#Inhaltsbereich, .Schalter_Sidebar").on("touchend mouseout", "a.Button, div.Verweis a, div#Untermenue a, .hoverEffect", function(idx, elem) {
872			jQuery(this).removeClass("hover");
873		});
874		
875		// Menue
876		jQuery("div#Hauptmenue_Alternative").on("touchstart mouseover", "a, div#Hauptmenue_Alternative_Schalter, div#Hauptmenue_Alternative_Menue span.Toggle", function(idx, elem) {
877			jQuery(this).addClass("hover");
878		});
879		jQuery("div#Hauptmenue_Alternative").on("touchend mouseout", "a, div#Hauptmenue_Alternative_Schalter, div#Hauptmenue_Alternative_Menue span.Toggle", function(idx, elem) {
880			jQuery(this).removeClass("hover");
881		});
882
883		jQuery(document).on("click", "div#Hauptmenue_Alternative_Menue a", function(idx, elem) {
884			jQuery(this).addClass("clicked");
885		});
886		
887		// Fuss
888		jQuery("div#Seitenfuss").on("touchstart mouseover", "div.Sitemap_Fuss a", function(idx, elem) {
889			jQuery(this).addClass("hover");
890		});
891		jQuery("div#Seitenfuss").on("touchend mouseout", "div.Sitemap_Fuss a", function(idx, elem) {
892			jQuery(this).removeClass("hover");
893		});
894
895		jQuery("div#Inhaltsbereich").on("pointerdown", "span.Effect, .noUi-handle", function(idx, elem) {
896			jQuery(this).addClass("pointerdown");
897		});
898		jQuery("div#Inhaltsbereich").on("pointerup pointerout mouseup click mouseout", "span.Effect, .noUi-handle, a.Clear", function(idx, elem) {
899			jQuery(this).removeClass("pointerdown");
900		});
901		jQuery("div#Inhaltsbereich").on("click", "a.FileUpload", function(e) {
902			jQuery(this).closest(".UploadArea").find("input").trigger("click");
903			e.stopPropagation();
904			e.preventDefault();
905		});
906		jQuery("div#Inhaltsbereich").on("click", "a.Clear", function(e) {
907			jQuery(this).closest(".UploadArea").addClass("empty");
908			jQuery(this).closest(".UploadArea").find("input").val("");
909			e.stopPropagation();
910			e.preventDefault();
911		});
912		jQuery("div#Inhaltsbereich").on("change", ".UploadArea input", function(e) {
913			var t = jQuery(this);
914			var h = "";
915			var l = t[0].files;
916			for(var i=0; i<l.length; i++) {
917				h += l[i].name;
918			}
919			t.closest(".UploadArea").removeClass("empty");
920			t.closest(".UploadArea").find(".Datenfeld.Value").html(h);
921		});
922
923		/*
924			jQuery("a.Schalter, div.Verweis a").live("click", function(idx, elem) {
925				jQuery(this).removeClass("hover").addClass("active");
926			});
927		*/
928	});
929	
930
931// Reset der touch-Klassen
932	jQuery("document").ready(function() {
933		jQuery("a, .hover, .active").removeClass("active").removeClass("hover");
934	});
935	jQuery(window).unload(function(){ // load next page
936		jQuery("a").blur();
937		jQuery("a, .hover, .active").removeClass("hover").removeClass("active");
938	});
939	jQuery(window).blur(function(){ // sicherheit fuer tab-switch
940		jQuery("a").blur();
941		jQuery("a, .hover, .active").removeClass("hover").removeClass("active");
942	});
943</script>
943
944
945
946
947	<link rel="canonical" href="http://www.schreibmotorik-institut.com/"/>
948	<meta property="og:title" content="Homepage" />
949	<meta property="og:url" content="http://www.schreibmotorik-institut.com/" />
950	<meta property="og:image" content="" />
951	<meta property="og:site_name" content="Schreibmotorik Institut - " />
952
953
954
955<!-- PopUp-Fenster -->
956	
956<script type="text/javascript">
957	/* <![CDATA[ */
958
959	wClasses=new Array();wClasses["604FB598-582D-4DE5-993F-2A2E36833B94"] = 'pm.toolbar="yes"; pm.location="yes"; pm.status="yes"; pm.menubar="yes"; pm.resizable="yes"; pm.scrollbars="yes"; pm.copyhistory="no"; ';
960	/* ]]> */
961	</script>
961
962
963
964
965<!-- Blaettern / Swipen -->
966
967
968	
968<script type="text/javascript">
969	// Initialiserung der Slider
970		jQuery(document).ready(function(){
971			try {
972				if(navigator.appVersion.indexOf("Trident/7") > 0)
973					jQuery("html").addClass("isIE");
974			}
975			catch(e) {}
976			
977			initComponents();
978			jQuery(window).resize(fnSliderResize); // multiple events after page changes
979			jQuery(document).on("ib:BoxUpdate", function() {
980				jQuery("img[data-src]").unveil(200); // lazy load images
981				initFlexSlider();
982				fnInitHover();
983			});
984			jQuery("body, html").trigger("resize");
985			setTimeout(function() {
986				jQuery("body, html").trigger("resize");
987			}, 200);
988			setTimeout(function() {
989				jQuery("body, html").trigger("resize");
990			}, 500);
991			setTimeout(function() {
992				jQuery("body, html").trigger("resize");
993			}, 1000);
994			setTimeout(function() {
995				jQuery("body, html").trigger("resize");
996			}, 2000);
997			setTimeout(function() {
998				jQuery("body, html").trigger("resize");
999			}, 5000);
1000		});
1001		
1002		function changeZoomLevel(pmAllow) {
1003			var aViewport = '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5" />';
1004			var bViewport = '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />';
1005			var sViewport = pmAllow?aViewport:bViewport;
1006			var jViewport = jQuery('meta[name="viewport"]');
1007			if (jViewport.length > 0) {
1008				jViewport.replaceWith(sViewport);
1009			} else {
1010				jQuery('head').append(sViewport);
1011			}
1012		}
1013
1014		function initComponents() { // gesondert aktivieren (wg. ausgeblendeten slidern)
1015						/*
1016			if(jQuery("body").hasClass("needHyphens")) {
1017				Hyphenator.config({
1018					displaytogglebox : false,
1019					minwordlength : 4
1020				});
1021				Hyphenator.run();
1022				jQuery("body").removeClass("needHyphens");
1023			}
1024			*/
1025						jQuery('input, textarea').placeholder();
1026			
1027			jQuery("img[data-src]").unveil(200); // lazy load images
1028			
1029			initFlexSlider();
1030		}
1031		setInterval(function() {
1032			jQuery("img[data-src]").unveil(200);
1033		}, 400);
1034		function initFlexSlider() { 
1035			var sp = parseInt(jQuery(".LinkList_Flexslider .flexslider").attr("data-start"));
1036			jQuery(".LinkList_Flexslider .flexslider").filter(":not(:has(.flex-viewport))").flexslider({
1037				animation: "slide",
1038				slideshow:true,
1039				slideshowSpeed:5000,
1040				keyboard:false,
1041				startAt:sp,
1042				prevText:'<div><span class="Icon rcOutput-Previous"></span></div>',
1043				nextText:'<div><span class="Icon rcOutput-Next"></span></div>',
1044				//directionNav: false,
1045				//smoothHeight:true,
1046								useCSS: true,
1047				
1048				dummy: null
1049			});
1050			jQuery(".LinkList_Flexslider .flexslider").addClass("in");
1051			
1052			jQuery(".Box_PostingList_Feed .flexslider").filter(":not(:has(.flex-viewport))").flexslider({
1053				animation: "slide",
1054				slideshow:false,
1055				keyboard:false,
1056				prevText:'<div><span class="Icon rcOutput-Previous"></span></div>',
1057				nextText:'<div><span class="Icon rcOutput-Next"></span></div>',
1058				//smoothHeight:true,
1059								useCSS: true,
1060								before:function(t) {
1061					t.find("video, audio").each(function() {
1062						try {
1063							this.pause();
1064						}
1065						catch(e) {}
1066					})
1067				},
1068
1069				dummy: null
1070			});
1071			
1072			
1073			jQuery(".Bildslider .flexslider").filter(":not(:has(.flex-viewport))").flexslider({
1074				animation: "slide",
1075				slideshow:false,
1076				keyboard:false,
1077				prevText:'<div><span class="Icon rcOutput-Previous"></span></div>',
1078				nextText:'<div><span class="Icon rcOutput-Next"></span></div>',
1079				directionNav: false,
1080				//smoothHeight:true,
1081								useCSS: true,
1082				
1083				dummy: null
1084			});
1085			
1086			jQuery(".ImageList_Flexslider_klein .flexslider").filter(":not(:has(.flex-viewport))").flexslider({
1087				animation: "slide",
1088				slideshow: false,
1089				keyboard:false,
1090				prevText:'<span class="Icon32 rcOutput-Previous"></span>',
1091				nextText:'<span class="Icon32 rcOutput-Next"></span>',
1092				//smoothHeight:true,
1093				itemWidth: 200,
1094				itemMargin: 0,
1095				minItems: 2,
1096				maxItems: 7,
1097				animationLoop:false,
1098								useCSS: true,
1099				
1100				dummy: null
1101			})
1102
1103			fnSliderResize();
1104		}
1105		function fnSliderResize() {
1106			//jQuery(".ImageList_Flexslider .flexslider .flex-caption").css({"width":jQuery('div#Ausgabe_Mitte').width()});
1107			/*
1108			var defW = 1230;
1109			var defH = 1230;
1110			var h = Math.round(Math.min(jQuery('div#Ausgabe_Mitte').width() * defH / defW, defH));
1111			if(h > 0) {
1112				jQuery('.flexslider').css("height", h+"px");
1113			}
1114			*/
1115			
1116			var w = jQuery('div#Ausgabe_Mitte').width();
1117			if(w >=400) {
1118				jQuery(".ImageList_Flexslider_klein .flexslider").css({"width":Math.floor(w/200)*200, "max-width":99999});
1119			}
1120			else {
1121				jQuery(".ImageList_Flexslider_klein .flexslider").css({"width":"auto", "max-width":400});
1122			}
1123		}
1124	// Sidebar
1125		function fnToggleSidebar() {
1126			jQuery("body").toggleClass("modeSidebar");
1127		}
1128
1129		jQuery(document).ready(function() {
1130			jQuery("#Sidebar-Block").on("click", function(e){
1131				jQuery("body").removeClass("modeSidebar");
1132			});
1133			/*
1134			jQuery("#Sidebar, #Sidebar-Handle, #Sidebar-Block").on("touchmove", function(e){
1135				e.preventDefault();
1136				e.stopPropagation();
1137			});
1138			jQuery("#Sidebar, #Sidebar-Handle, #Sidebar-Block").swipe({
1139				swipeStatus:function(event, phase, direction, distance, duration, fingers)
1140					{
1141						if (phase=="move" && direction =="right") {
1142							 jQuery("body").addClass("modeSidebar");
1143							 return false;
1144						}
1145						if (phase=="move" && direction =="left") {
1146							 jQuery("body").removeClass("modeSidebar");
1147							 return false;
1148						}
1149					}
1150			});
1151			*/
1152		});
1153	// End Sidebar
1154	
1155function getCookie(c_name) {
1156	var i, x, y, ARRcookies=document.cookie.split(";");
1157	for (i=0; i<ARRcookies.length; i++) {
1158		x = ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
1159		y = ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
1160		x = x.replace(/^\s+|\s+$/g,"");
1161		if (x == c_name) {
1162			return unescape(y);
1163		}
1164	}
1165}
1166function get_cookie(name){
1167    return getCookie(name)?true:false;
1168}
1169
1170	jQuery(document).ready(function() {
1171		var cc = getCookie("CookieConsent");
1172		if(typeof(cc) == "undefined" || !cc || cc.indexOf("required") < 0) {
1173			jQuery('.Cookie').removeClass('out');
1174		}
1175
1176		jQuery(".LegalCookie .CookieBtn").on("click", function(evt) {
1177			evt.preventDefault();
1178			jQuery(".LegalCookie").addClass("out");
1179			setLegalCookie();
1180		});
1181		function setLegalCookie(){
1182			var today = new Date();
1183			var expire = new Date();
1184			expire.setTime(today.getTime() + 3600000*24*365*10);
1185			//document.cookie = "legal=1;path=/;domain=.domain.de;expires="+expire.toGMTString();
1186			document.cookie = "CookieConsent=required;path=/;expires="+expire.toGMTString();
1187		}
1188	});
1189	</script>
1189
1190
1191	
1192<script>
1193
1194
1195//////////////////////////
1196// Buttons
1197// - init hover effect (add class)
1198// - create events for "data-trigger"
1199// - has to be called after addition of buttons (e.g. when creating messages)
1200//////////////////////////
1201
1202jQuery(document).ready(function() {
1203	jQuery(window).on("scroll", function() {
1204		var st = jQuery(window).scrollTop();
1205		if(st > 80) {
1206			jQuery("html").addClass("scrolled");
1207		}
1208		else if(st < 10) {
1209			jQuery("html").removeClass("scrolled");
1210		}
1211	});
1212	jQuery(window).trigger("scroll");
1213	setTimeout(function() {
1214		jQuery("#Kopf").addClass("in");
1215	}, 500);
1216	setInterval(function() {
1217		jQuery(".boxFrame:hover").removeClass("noHover").parents(".boxFrame").addClass("noHover");
1218	}, 100);
1219});
1220function fnInitTrigger() {
1221	jQuery("[data-trigger]").not(".hasTrigger").each(function() {
1222		var t = jQuery(this);
1223		t.addClass("hasTrigger");
1224		t.on("click", function() {
1225			if(t.hasClass("disabled"))
1226				return;
1227			jQuery(document).trigger("app:Activity");
1228			jQuery(document).trigger(t.attr("data-trigger"));
1229		});
1230	});
1231}
1232
1233function fnInitHover() {
1234	//jQuery(".Footer a, .addHover").not(".hasHover").each(function() {
1235	jQuery("input[type=checkbox]").not(".hasToggle").each(function() {
1236		var t = jQuery(this);
1237		var to = 0;
1238		t.on("change", function() {
1239			t.addClass("changed");
1240		});
1241		t.on("blur", function() {
1242			to = setTimeout(function() {
1243				t.removeClass("changed");
1244			}, 100);
1245			console.log("blur");
1246		});
1247		t.on("focus", function() {
1248			clearTimeout(to);
1249			console.log("focus" + to);
1250		});
1251		t.addClass("hasToggle");
1252	});
1253	jQuery(".Footer .Map a, .addHover").not(".hasHover").each(function() {
1254		var t = jQuery(this);
1255		t.on("pointerdown pointerover", function() {
1256			var hgs = t.parents(".hoverGroup");
1257			hgs.each(function() {
1258				var hg = jQuery(this);
1259				var to = hg.prop("to");
1260				if(to)
1261					clearTimeout(to);
1262				hg.addClass("hovered");
1263				hg.find(".hover").removeClass("hover");
1264			});
1265			t.addClass("hover");
1266		});
1267		t.on("pointerup pointerout", function(e) {
1268			e.stopPropagation();
1269			//t.removeClass("hover");
1270			var hgs = t.parents(".hoverGroup");
1271			if(hgs.length > 0) {
1272				hgs.each(function() {
1273					var hg = jQuery(this);
1274					var to = setTimeout(function() {
1275						hg.removeClass("hovered");
1276						t.removeClass("hover");
1277					}, 300);
1278					hg.prop("to", to);
1279				});
1280			}
1281			else {
1282				t.removeClass("hover");
1283			}
1284			console.log("remove");
1285		});
1286		t.addClass("hasHover");
1287	});
1288	jQuery(".hoverGroup").on("pointerup pointerout", function() {
1289		jQuery(this).removeClass("hovered");
1290	});
1291}
1292jQuery(document).ready(function() {
1293	fnInitHover();
1294});
1295
1296/*
1297(function($) {
1298  $.fn.unveil = function(threshold, callback) {
1299
1300    var $w = $(window),
1301        th = threshold || 0,
1302        retina = window.devicePixelRatio > 1,
1303        attrib = retina? "data-src-retina" : "data-src",
1304        images = this,
1305        loaded;
1306
1307    this.one("unveil", function() {
1308      var source = this.getAttribute(attrib);
1309      source = source || this.getAttribute("data-src");
1310      if (source) {
1311        this.setAttribute("src", source);
1312        if (typeof callback === "function") callback.call(this);
1313      }
1314    });
1315
1316    function unveil() {
1317      var inview = images.filter(function() {
1318        var $e = $(this);
1319        if ($e.is(":hidden")) return;
1320
1321        var wt = $w.scrollTop(),
1322            wb = wt + $w.height(),
1323            et = $e.offset().top,
1324            eb = et + $e.height();
1325
1326        return eb >= wt - th && et <= wb + th;
1327      });
1328
1329      loaded = inview.trigger("unveil");
1330      images = images.not(loaded);
1331    }
1332
1333    $w.on("scroll.unveil resize.unveil lookup.unveil", unveil);
1334
1335    unveil();
1336
1337    return this;
1338
1339  };
1340
1341})(window.jQuery || window.Zepto);
1342*/
1343/*
1344jQuery(window).on("scroll resize", function() {
1345	var th = 0;
1346	var $w = jQuery(window);
1347    var wt = $w.scrollTop(),
1348		wb = wt + $w.height();
1349	jQuery(".boxFrame, .BoxGap").not(".inView").each(function() {
1350		var $e = jQuery(this);
1351		var et = $e.offset().top,
1352			eb = et + $e.height();
1353		
1354		if(eb >= wt - th && et <= wb + th) {
1355			$e.addClass("inView");
1356		}
1357	})
1358});
1359*/
1360jQuery(document).ready(function() {
1361	jQuery(".TextExpandable .TextMore a").on("click", function(e) {
1362		e.stopPropagation();
1363		e.preventDefault();
1364		jQuery(this).closest(".TextExpandable").toggleClass("expanded");
1365	});
1366	jQuery(".Eintrag .TextMore a").on("click", function(e) {
1367		e.stopPropagation();
1368		e.preventDefault();
1369		jQuery(this).closest(".Eintrag").toggleClass("expanded");
1370	});
1371});
1372
1373jQuery(window).on("beforeprint", function() {
1374	jQuery("img[data-src]").unveil(20000);
1375});
1376
1377jQuery(window).on("resize", function() {
1378	var vh = window.innerHeight * 0.01;
1379	// Then we set the value in the --vh custom property to the root of the document
1380	document.documentElement.style.setProperty('--vh', vh + "px");
1381	var vw = jQuery("body").prop("clientWidth") * 0.01;
1382	// Then we set the value in the --vh custom property to the root of the document
1383	document.documentElement.style.setProperty('--vw', vw + "px");
1384	//alert(vh);
1385});
1386jQuery(document).ready(function() {
1387	jQuery(window).trigger("resize");
1388	jQuery("body").on("click", function(e) {
1389		if(jQuery(".popWin").length <= 0)
1390			return;
1391		if(jQuery(e.target).closest(".popWin").length > 0)
1392			return;
1393		/*
1394		e.stopPropagation();
1395		e.preventDefault();
1396		*/
1397		jQuery(".popWin").remove();
1398	});
1399	setTimeout(function() {
1400		jQuery("a.pop").on("click", function(e) {
1401			e.preventDefault();
1402			e.stopPropagation();
1403			jQuery(".popWin").remove();
1404			if(jQuery("#Ausgabe_Rechts").is(":visible")) {
1405				jQuery("#Ausgabe_Rechts").prepend('<div class="output popWin"><div class="popWin2"><a href="#" class="Close" title="Close"><span class="Icon rcOutput-Close"></span></a>' + jQuery("#" + jQuery(this).attr("data-id")).html() + '</div></div>');
1406			}
1407			else {
1408				jQuery("body").append('<div class="output popWin"><div class="popWin2"><a href="#" class="Close" title="Close"><span class="Icon rcOutput-Close"></span></a>' + jQuery("#" + jQuery(this).attr("data-id")).html() + '</div></div>');
1409			}
1410			jQuery(".popWin a.Close").on("click", function(e) {
1411				e.preventDefault();
1412				e.stopPropagation();
1413				jQuery(".popWin").remove();
1414			});
1415		});
1416	}, 500);
1417});
1418</script>
1418
1419
1420<script src="/ib/site/elements/debounce.js?2021_1029"></script>
vendor: 1 bytes, line 1420
1420
1421<script src="/ib/site/elements/filter.js?d11791164627"></script>
1421
1422
1423	
1424<link rel="stylesheet" type="text/css" href="/ib/site/elements/app.css?1791164627" />
1425
1426
1427    
1428</head>
1429
1430<body class="Page_Standard 	 		needHyphens">
1431
1432
1433
1434<div id="Layoutrahmen">
1435
1436	<div id="Layoutbereich" class="output">
1437		<div id="Layoutbereich_Innen">
1438			<div id="Kopf_Placeholder"><div class="HeaderRow"><div id="Logo_Placeholder"><a></a></div></div></div>
1439			<div id="Kopf">
1440				<div class="HeaderRow">
1441					<!-- Logo -->
1442
1443					<div id="Menuebereich" style="">
1444						<!-- Hauptmenue -->
1445						<div class="Row1 noDevice">
1446														<div class=" Edition">
1447								
1448
1449<!-- Kasten Ausgabe -->
1450
1451
1452
1453<!--noindex-->
1454
1455<div class="noprint">
1456
1457		
1458		
1459	<a class="selected addHover edn" href="/2a8cefe1-9125-7378-df4d-dba56cbb1850?Edition=de"
1460		title="Deutsch">
1461		de	</a>
1462
1463		
1464	<span>|</span>	
1465		
1466	<a class="addHover edn" href="/37bc0fc5-fb3f-599e-094b-f0d19573918c?Edition=en"
1467		title="English">
1468		en	</a>
1469
1470		
1471<a class="simpleLanguage" title="leichte Sprache" href="/leichte_sprache/">
1472<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 375" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="e80ff6cbef"><path d="M 111.566406 59.507812 L 261.566406 59.507812 L 261.566406 134.507812 L 111.566406 134.507812 Z M 111.566406 59.507812 " clip-rule="nonzero"/></clipPath><clipPath id="09a0dce7c5"><path d="M 111.566406 64.757812 L 111.566406 129.257812 C 111.566406 132.15625 113.917969 134.507812 116.816406 134.507812 L 256.316406 134.507812 C 259.214844 134.507812 261.566406 132.15625 261.566406 129.257812 L 261.566406 64.757812 C 261.566406 63.363281 261.011719 62.027344 260.027344 61.042969 C 259.042969 60.058594 257.707031 59.507812 256.316406 59.507812 L 116.816406 59.507812 C 113.917969 59.507812 111.566406 61.855469 111.566406 64.757812 Z M 111.566406 64.757812 " clip-rule="nonzero"/></clipPath><clipPath id="b06dccc70b"><path d="M 33.238281 105.800781 L 38.488281 105.800781 L 38.488281 111.050781 L 33.238281 111.050781 Z M 33.238281 105.800781 " clip-rule="nonzero"/></clipPath><clipPath id="7227c195a2"><path d="M 334.738281 104 L 342.238281 104 L 342.238281 111.5 L 334.738281 111.5 Z M 334.738281 104 " clip-rule="nonzero"/></clipPath><clipPath id="487c7a3bbb"><path d="M 332.472656 262.023438 L 341.472656 262.023438 L 341.472656 271.023438 L 332.472656 271.023438 Z M 332.472656 262.023438 " clip-rule="nonzero"/></clipPath><clipPath id="3ff0510513"><path d="M 33.332031 262.683594 L 42.332031 262.683594 L 42.332031 271.683594 L 33.332031 271.683594 Z M 33.332031 262.683594 " clip-rule="nonzero"/></clipPath><clipPath id="ca36ddf547"><path d="M 181.539062 308.632812 L 191.289062 308.632812 L 191.289062 318.382812 L 181.539062 318.382812 Z M 181.539062 308.632812 " clip-rule="nonzero"/></clipPath></defs><rect x="-37.5" width="450" fill="#ffffff" y="-37.499999" height="449.999989" fill-opacity="1"/><rect x="-37.5" width="450" fill="#ffffff" y="-37.499999" height="449.999989" fill-opacity="1"/><path stroke-linecap="butt" transform="matrix(0.716407, -0.221947, 0.221947, 0.716407, 185.123474, 151.208575)" fill="none" stroke-linejoin="miter" d="M 0.00111592 6.497637 L 211.984568 6.500816 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.718803, -0.21406, 0.21406, -0.718803, 185.199045, 160.285609)" fill="none" stroke-linejoin="miter" d="M 0.000797447 6.499911 L 209.46936 6.501267 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0.00177176, -0.749998, 0.749998, 0.00177176, 332.243625, 266.85347)" fill="none" stroke-linejoin="miter" d="M 0.00226866 6.498097 L 211.65392 6.498102 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0.000000001309, -0.75, 0.75, 0.000000001309, 33.104131, 265.899885)" fill="none" stroke-linejoin="miter" d="M 0.00192993 6.501785 L 209.746735 6.501784 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.715713, -0.224177, 0.224177, -0.715713, 186.144427, 318.343865)" fill="none" stroke-linejoin="miter" d="M 0.000146206 6.50041 L 209.745001 6.499883 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0.71538, -0.225236, 0.225236, 0.71538, 184.168058, 308.993094)" fill="none" stroke-linejoin="miter" d="M 0.000325081 6.502153 L 208.932509 6.497461 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0, 0.75, -0.75, 0, 191.471843, 155.648675)" fill="none" stroke-linejoin="miter" d="M -0.000317172 6.498916 L 208.931988 6.498916 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.725519, -0.190058, 0.190058, -0.725519, 155.351977, 194.253254)" fill="none" stroke-linejoin="miter" d="M 0.00125973 6.497351 L 123.70099 6.499538 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.725519, -0.190058, 0.190058, -0.725519, 154.116602, 227.945054)" fill="none" stroke-linejoin="miter" d="M 0.000101837 6.498197 L 123.699832 6.500384 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.725519, -0.190058, 0.190058, -0.725519, 153.451401, 261.769905)" fill="none" stroke-linejoin="miter" d="M -0.00115255 6.499398 L 123.698577 6.501585 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><g clip-path="url(#e80ff6cbef)"><g clip-path="url(#09a0dce7c5)"><path fill="#464646" d="M 261.566406 134.507812 L 247.328125 134.507812 C 247.328125 101 220.070312 73.742188 186.566406 73.742188 C 153.058594 73.742188 125.800781 101 125.800781 134.507812 L 111.566406 134.507812 C 111.566406 93.152344 145.210938 59.507812 186.566406 59.507812 C 227.921875 59.507812 261.566406 93.152344 261.566406 134.507812 Z M 261.566406 134.507812 " fill-opacity="1" fill-rule="nonzero"/></g></g><g clip-path="url(#b06dccc70b)"><path fill="#464646" d="M 36.035156 105.800781 C 37.578125 105.800781 38.828125 107.050781 38.828125 108.59375 C 38.828125 110.136719 37.578125 111.390625 36.035156 111.390625 C 34.492188 111.390625 33.238281 110.136719 33.238281 108.59375 C 33.238281 107.050781 34.492188 105.800781 36.035156 105.800781 Z M 36.035156 105.800781 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#7227c195a2)"><path fill="#464646" d="M 338.429688 104 C 340.46875 104 342.121094 105.652344 342.121094 107.691406 C 342.121094 109.730469 340.46875 111.382812 338.429688 111.382812 C 336.390625 111.382812 334.738281 109.730469 334.738281 107.691406 C 334.738281 105.652344 336.390625 104 338.429688 104 Z M 338.429688 104 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#487c7a3bbb)"><path fill="#464646" d="M 337.121094 262.023438 C 339.6875 262.023438 341.765625 264.105469 341.765625 266.667969 C 341.765625 269.234375 339.6875 271.316406 337.121094 271.316406 C 334.554688 271.316406 332.472656 269.234375 332.472656 266.667969 C 332.472656 264.105469 334.554688 262.023438 337.121094 262.023438 Z M 337.121094 262.023438 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#3ff0510513)"><path fill="#464646" d="M 37.980469 262.683594 C 40.546875 262.683594 42.625 264.765625 42.625 267.332031 C 42.625 269.898438 40.546875 271.976562 37.980469 271.976562 C 35.414062 271.976562 33.332031 269.898438 33.332031 267.332031 C 33.332031 264.765625 35.414062 262.683594 37.980469 262.683594 Z M 37.980469 262.683594 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#ca36ddf547)"><path fill="#464646" d="M 186.597656 308.632812 C 189.386719 308.632812 191.652344 310.894531 191.652344 313.6875 C 191.652344 316.480469 189.386719 318.746094 
1472186.597656 318.746094 C 183.804688 318.746094 181.539062 316.480469 181.539062 313.6875 C 181.539062 310.894531 183.804688 308.632812 186.597656 308.632812 Z M 186.597656 308.632812 " fill-opacity="1" fill-rule="evenodd"/></g></svg>
1473</span>
1474	<a class="addHover edn" href="/suche"
1475		title="Suche">
1476		Suche	</a>
1477
1478</div>
1479
1480<!--/noindex-->							</div>
1481						</div>
1482						<div id="Hauptmenue" style="">
1483							
1484
1485
1486
1487<!-- Baustein Hauptmenue -->
1488<!--noindex-->
1489
1490
1491<script type="text/javascript">
1492jQuery(document).ready(function(){
1493	var $ = jQuery; 
1494	
1495// Hauptmenue, mobil
1496	var initialized = $("div#Hauptmenue_Alternative_Schalter span.Toggle");
1497	if(initialized.length > 0)
1498		return;
1499
1500	// Schalter ergaenzen
1501	$("div#Hauptmenue_Alternative_Schalter").prepend("<span class=\"Toggle Icon rcOutput-Menu\"></span><span class=\"Toggle Icon rcOutput-Close\"></span>");
1502	fnUpdateMenuTT();
1503	
1504	// Ein-/Ausblenden Menue gesamt
1505	$("div#Hauptmenue_Alternative_Schalter").click(function(e) {
1506		$("div#Hauptmenue_Alternative").toggleClass("erweitert");
1507		if($("div#Hauptmenue_Alternative").hasClass("erweitert")) {
1508			$("div#Hauptmenue_Alternative_Menue").show("blind");
1509			$("body").addClass("hasMenu");
1510		}
1511		else {
1512			$("div#Hauptmenue_Alternative_Menue").hide("blind");
1513			$("body").removeClass("hasMenu");
1514		}
1515		e.preventDefault();
1516		e.stopImmediatePropagation();
1517		fnUpdateMenuTT();
1518	});
1519	function fnUpdateMenuTT() { // set TT
1520		var elem = $("div#Hauptmenue_Alternative_Schalter");
1521		if($("div#Hauptmenue_Alternative.erweitert").length > 0) {
1522			jQuery(elem).attr({title:"Menü reduzieren"});
1523		}
1524		else {
1525			jQuery(elem).attr({title:"Menü erweitern"});
1526		}
1527	}
1528	
1529	fnInitMainMenu();
1530	jQuery("body").click(function(e) {
1531		if($("div#Hauptmenue_Alternative").hasClass("erweitert")) {
1532			var mm = jQuery(event.target).closest("#Hauptmenue_Alternative");
1533			if(mm.length > 0)
1534				return;
1535			var mm = jQuery(event.target).closest("#Hauptmenue_Alternative_Menue");
1536			if(mm.length > 0)
1537				return;
1538			$("div#Hauptmenue_Alternative_Menue").hide();
1539			$("div#Hauptmenue_Alternative").removeClass("erweitert");
1540			jQuery("body").removeClass("hasMenu");
1541			e.preventDefault();
1542			e.stopImmediatePropagation();
1543			fnUpdateMenuTT();
1544		}
1545	});
1546// Hauptmenue, Superfish
1547	setTimeout(function() {
1548		$("div#Hauptmenue ul.sf-menu").supersubs({
1549			minWidth:    12,   // minimum width of sub-menus in em units
1550			maxWidth:    27,   // maximum width of sub-menus in em units
1551			extraWidth:  0.3     // extra width can ensure lines don't sometimes turn over
1552							   // due to slight rounding differences and font-family
1553		}).superfish({
1554			onBeforeShow:function() {
1555				var $ul = this;
1556				var o = $ul.parent('li').offset();
1557				var w = $ul.width();
1558				var ww = jQuery(window).width();
1559				var off = ww - 20 - (o.left + w + 5);
1560				if(off < 0) {
1561					$ul.css({left:off});
1562				}
1563				else {
1564					$ul.css({left:""});
1565				}
1566			}
1567		});  // call supersubs first, then superfish, so that subs are
1568						 // not display:none when measuring. Call before initialising
1569						 // containing tabs for same reason.
1570	}, 20);
1571});
1572
1573function fnInitMainMenu() {
1574	var $ = jQuery; 
1575	
1576	// Kopie des Menues erstellen
1577	var tmp = "<ul>" + $("div#Hauptmenue ul.sf-menu").html() + "</ul>"
1578	//+ '<ul class="ToolsList">' + $("div#Hauptmenue ul#ToolsList").html() + "</ul>";
1579	$("div#Hauptmenue_Alternative_Menue").html(tmp); //.addClass("hoverGroup");
1580	$("div#Hauptmenue_Alternative_Menue > ul").addClass("MainMenu");
1581	
1582	$("div#Hauptmenue_Alternative_Menue").prepend("<div id=\"Editions\"></div>");
1583	$("div#Hauptmenue_Alternative_Menue #Editions").append(jQuery(".Edition").clone());
1584	$("div#Hauptmenue_Alternative_Menue #Editions .Edition").removeClass("noDevice");
1585	
1586	$("div#Hauptmenue_Alternative_Menue").append("<div id=\"ToolsList\"></div>");
1587	$("div#Hauptmenue_Alternative_Menue #ToolsList").append(jQuery("#Ausgabe_Rechts").clone().attr("id", ""));
1588
1589	$("div#Hauptmenue_Alternative_Menue a").addClass("addHover");
1590	$("div#Hauptmenue_Alternative_Menue .hasHover").removeClass("hasHover");
1591
1592	// Menue-HTML aufbauen
1593	$("div#Hauptmenue_Alternative_Menue .MainMenu a, div#Hauptmenue_Alternative_Menue #ToolsList a").wrap("<div class=\"Container\" />");
1594	$("div#Hauptmenue_Alternative_Menue ul li").each(function(idx, elem) {
1595		var c = $(elem).find("li");
1596		if(c.length > 0) {
1597			$(elem).addClass("with-ul");
1598			$(elem).addClass("reduziert");
1599		}
1600	});
1601	$("div#Hauptmenue_Alternative_Menue a").removeClass("hasHover");
1602	fnInitHover();
1603	// selektierten Pfad erweitern und highlighten (bei kleinen Websites i.d.R. nicht erw.)
1604	/*
1605	$("div#Hauptmenue_Alternative_Menue a.selected").parents("li").removeClass("reduziert");
1606	$("div#Hauptmenue_Alternative_Menue a.selected").parent(".Container").addClass("selected");
1607	*/
1608	
1609	// Symbole +- ergaenzen
1610	/*
1611	$("div#Hauptmenue_Alternative_Menue ul li a").each(function(idx, elem) {
1612		$(elem).append("<span class=\"Symbol\"></span>");
1613	});
1614	*/
1615	$("#ToolsList .with-ul").removeClass("with-ul").removeClass("reduziert");
1616	$("div#Hauptmenue_Alternative_Menue ul li.with-ul >div").each(function(idx, elem) {
1617		$(elem).append("<span class=\"Toggle\"><span class=\"Icon rcOutput-Plus\"></span><span class=\"Icon rcOutput-Minus\"></span></span>");
1618		fnUpdateTT($(elem).parent().find("span.Toggle"));
1619	});
1620	
1621	// Events erweitern / reduzieren
1622	$("div#Hauptmenue_Alternative_Menue ul li span.Toggle").each(function(idx, elem) {
1623		$(elem).click(function(evt) {
1624			evt.preventDefault();
1625			var t = $(elem).parents("li").first();
1626			if(t.hasClass("reduziert")) {
1627				jQuery("div#Hauptmenue_Alternative_Menue ul li.with-ul").addClass("reduziert");
1628			}
1629			t.toggleClass("reduziert");
1630			fnUpdateTT(elem);
1631		});
1632	});
1633	/*
1634	jQuery("body").addClass("hasMenu");
1635	jQuery("#Hauptmenue_Alternative_Menue").show();
1636	*/
1637	function fnUpdateTT(elem) { // set TT
1638		if($(elem).parents("li.reduziert").length > 0) {
1639			jQuery(elem).attr({title:"Menüpunkt erweitern"});
1640		}
1641		else {
1642			jQuery(elem).attr({title:"Menüpunkt reduzieren"});
1643		}
1644	}
1645}
1646	
1647
1648</script>
1648
1649
1650
1651<ul class="sf-menu xxhoverGroup">
1652	<!--
1653	<li>
1654		<a class="selected" href="/" title="">
1655			Startseite		</a>
1656	</li>
1657	-->
1658
1659
1660<!-- Inhalte Ebene 1 -->
1661	<li>
1662		<a class="addHover "
1663			href="/institut/"
1664			title="Institut">
1665			Institut		</a>
1666			
1667<!-- Ebene 2 -->
1668			<ul class="sub-menu xxhoverGroup">
1669		
1670			<!-- Inhalte Ebene 2 -->
1671			<li>
1672				<a class="addHover "
1673					href="/ueberuns/" 				
1674					title="Über uns">
1675					Über uns				</a>
1676					
1677<!-- Ebene 3 -->
1678						
1679			</li>
1680
1681		
1682			<!-- Inhalte Ebene 2 -->
1683			<li>
1684				<a class="addHover "
1685					href="/team/" 				
1686					title="Team">
1687					Team				</a>
1688					
1689<!-- Ebene 3 -->
1690						
1691			</li>
1692
1693		
1694			<!-- Inhalte Ebene 2 -->
1695			<li>
1696				<a class="addHover "
1697					href="/karriere/" 				
1698					title="Karriere">
1699					Karriere				</a>
1700					
1701<!-- Ebene 3 -->
1702						
1703			</li>
1704
1705		
1706			<!-- Inhalte Ebene 2 -->
1707			<li>
1708				<a class="addHover "
1709					href="/kontakt/" 				
1710					title="Kontakt">
1711					Kontakt				</a>
1712					
1713<!-- Ebene 3 -->
1714						
1715			</li>
1716
1717				</ul>
1718	
1719	</li>
1720	
1721
1722<!-- Inhalte Ebene 1 -->
1723	<li>
1724		<a class="addHover "
1725			href="/forschung/"
1726			title="Forschung am Schreibmotorik Institut">
1727			Forschung		</a>
1728			
1729<!-- Ebene 2 -->
1730			<ul class="sub-menu xxhoverGroup">
1731		
1732			<!-- Inhalte Ebene 2 -->
1733			<li>
1734				<a class="addHover "
1735					href="/projekte/" 				
1736					title="Projekte">
1737					Projekte				</a>
1738					
1739<!-- Ebene 3 -->
1740						
1741			</li>
1742
1743		
1744			<!-- Inhalte Ebene 2 -->
1745			<li>
1746				<a class="addHover "
1747					href="/publikationen/" 				
1748					title="Publikationen">
1749					Publikationen				</a>
1750					
1751<!-- Ebene 3 -->
1752						
1753			</li>
1754
1755				</ul>
1756	
1757	</li>
1758	
1759
1760<!-- Inhalte Ebene 1 -->
1761	<li>
1762		<a class="addHover "
1763			href="/initiativekritzelpate/"
1764			title="Kritzelpate">
1765			Kritzelpate		</a>
1766			
1767<!-- Ebene 2 -->
1768			<ul class="sub-menu xxhoverGroup">
1769		
1770			<!-- Inhalte Ebene 2 -->
1771			<li>
1772				<a class="addHover "
1773					href="/kritzelpate/" 				
1774					title="Initiative Kritzelpate">
1775					Über Kritzelpate				</a>
1776					
1777<!-- Ebene 3 -->
1778						
1779			</li>
1780
1781		
1782			<!-- Inhalte Ebene 2 -->
1783			<li>
1784				<a class="addHover "
1785					href="/kritzelpate_ehrenamt/" 				
1786					title="Kritzelpate für Ehrenamtliche">
1787					Kritzelpate für Ehrenamtliche				</a>
1788					
1789<!-- Ebene 3 -->
1790						
1791			</li>
1792
1793		
1794			<!-- Inhalte Ebene 2 -->
1795			<li>
1796				<a class="addHover "
1797					href="/kritzelpate_csr/" 				
1798					title="Kritzelpate: Ihr Unternehmen für die Zukunft von Kindern">
1799					Kritzelpate für Unternehmen				</a>
1800					
1801<!-- Ebene 3 -->
1802						
1803			</li>
1804
1805		
1806			<!-- Inhalte Ebene 2 -->
1807			<li>
1808				<a class="addHover "
1809					href="/kritzelpate_veranstaltungen/" 				
1810					title="Veranstaltungen">
1811					Veranstaltungen				</a>
1812					
1813<!-- Ebene 3 -->
1814						
1815			</li>
1816
1817				</ul>
1818	
1819	</li>
1820	
1821
1822<!-- Inhalte Ebene 1 -->
1823	<li>
1824		<a class="addHover "
1825			href="/infothek/"
1826			title="Infothek">
1827			Infothek		</a>
1828			
1829<!-- Ebene 2 -->
1830	
1831	</li>
1832	
1833
1834<!-- Inhalte Ebene 1 -->
1835	<li>
1836		<a class="addHover "
1837			href="/654cf268-40ef-2917-f376-e9d2eed678d8"
1838			title="Leistungen">
1839			Leistungen		</a>
1840			
1841<!-- Ebene 2 -->
1842			<ul class="sub-menu xxhoverGroup">
1843		
1844			<!-- Inhalte Ebene 2 -->
1845			<li>
1846				<a class="addHover "
1847					href="/unternehmen/" 				
1848					title="Für Unternehmen">
1849					Für Unternehmen				</a>
1850					
1851<!-- Ebene 3 -->
1852						
1853			</li>
1854
1855		
1856			<!-- Inhalte Ebene 2 -->
1857			<li>
1858				<a class="addHover "
1859					href="/fortbildung/" 				
1860					title="Fortbildungen">
1861					Fortbildungen				</a>
1862					
1863<!-- Ebene 3 -->
1864						
1865			</li>
1866
1867		
1868			<!-- Inhalte Ebene 2 -->
1869			<li>
1870				<a class="addHover "
1871					href="/schreibanalyse/" 				
1872					title="Schreibanalysetool: Die Kompetenzspinne">
1873					Schreibanalysetool				</a>
1874					
1875<!-- Ebene 3 -->
1876						
1877			</li>
1878
1879		
1880			<!-- Inhalte Ebene 2 -->
1881			<li>
1882				<a class="addHover "
1883					href="/zss/" 				
1884					title="Zertifikat Schreibmotorik-Schule: Vorläufer- und Schreibfertigkeiten (ZSS)">
1885					Zertifikat Schreibmotorik-Schule				</a>
1886					
1887<!-- Ebene 3 -->
1888						
1889			</li>
1890
1891				</ul>
1892	
1893	</li>
1894	
1895
1896<!-- Inhalte Ebene 1 -->
1897	<li>
1898		<a class="addHover "
1899			href="/kooperation/"
1900			title="Kooperationen">
1901			Kooperationen		</a>
1902			
1903<!-- Ebene 2 -->
1904			<ul class="sub-menu xxhoverGroup">
1905		
1906			<!-- Inhalte Ebene 2 -->
1907			<li>
1908				<a class="addHover "
1909					href="/73840808-a105-cc71-01b9-f82da3eafa7f" 				
1910					title="Partner aus der Wissenschaft">
1911					Partner aus der Wissenschaft				</a>
1912					
1913<!-- Ebene 3 -->
1914						
1915			</li>
1916
1917				</ul>
1918	
1919	</li>
1920	
1921
1922<!-- Inhalte Ebene 1 -->
1923	<li>
1924		<a class="addHover "
1925			href="/aktuelles/"
1926			title="Aktuelles">
1927			Aktuelles		</a>
1928			
1929<!-- Ebene 2 -->
1930			<ul class="sub-menu xxhoverGroup">
1931		
1932			<!-- Inhalte Ebene 2 -->
1933			<li>
1934				<a class="addHover "
1935					href="/newsletter/" 				
1936					title="Newsletter">
1937					Newsletter				</a>
1938					
1939<!-- Ebene 3 -->
1940						
1941			</li>
1942
1943		
1944			<!-- Inhalte Ebene 2 -->
1945			<li>
1946				<a class="addHover "
1947					href="/nachrichten/" 				
1948					title="Nachrichten">
1949					Nachrichten				</a>
1950					
1951<!-- Ebene 3 -->
1952						
1953			</li>
1954
1955		
1956			<!-- Inhalte Ebene 2 -->
1957			<li>
1958				<a class="addHover "
1959					href="/aktionen/" 				
1960					title="Aktionen">
1961					Aktionen				</a>
1962					
1963<!-- Ebene 3 -->
1964						
1965			</li>
1966
1967		
1968			<!-- Inhalte Ebene 2 -->
1969			<li>
1970				<a class="addHover "
1971					href="/fakten_und_tipps/" 				
1972					title="Fakten und Tipps">
1973					Fakten und Tipps				</a>
1974					
1975<!-- Ebene 3 -->
1976						
1977			</li>
1978
1979				</ul>
1980	
1981	</li>
1982	
1983
1984<!-- Inhalte Ebene 1 -->
1985	<li>
1986		<a class="addHover "
1987			href="/presse/"
1988			title="Presse">
1989			Presse		</a>
1990			
1991<!-- Ebene 2 -->
1992			<ul class="sub-menu xxhoverGroup">
1993		
1994			<!-- Inhalte Ebene 2 -->
1995			<li>
1996				<a class="addHover "
1997					href="/pressemitteilungen/" 				
1998					title="Pressemitteilungen">
1999					Pressemitteilungen				</a>
2000					
2001<!-- Ebene 3 -->
2002						
2003			</li>
2004
2005		
2006			<!-- Inhalte Ebene 2 -->
2007			<li>
2008				<a class="addHover "
2009					href="/wirindenmedien/" 				
2010					title="Wir in den Medien">
2011					Wir in den Medien				</a>
2012					
2013<!-- Ebene 3 -->
2014						
2015			</li>
2016
2017				</ul>
2018	
2019	</li>
2020	
2021
2022
2023</ul>
2024
2025<script>
2026	function fnLogoff() {
2027		jQuery('body').addClass('LoginSending');
2028		var data = {action:"Logoff"};
2029		var _ajax = jQuery.ajax({
2030				url: '/ib/site/tools/LoginAction.php',
2031				type:'get',
2032				//async:false,
2033				data: data,
2034				complete: function() { window.location.reload(true); }
2035			}
2036		);
2037	}
2038</script>
2038
2039
2040<!-- Seitenuebersicht -->		
2041<span class="clearfix"></span>
2042
2043<!--/noindex-->
2044						</div>
2045						<div id="Hauptmenue_Alternative">
2046							
2047<!--noindex-->
2048
2049<div id="Hauptmenue_Alternative_Schalter">
2050	</div>
2051
2052<!--/noindex-->
2053
2054						</div>
2055					</div>
2056					<div id="Logo">
2057						<a href="/" title="Startseite">
2058							<img src="/ib/site/elements/layout/Logo.png" class="white" alt="Logo"/>
2059							<img src="/ib/site/elements/layout/Logo.png" class="vector" alt="Logo"/>
2060						</a>
2061					</div>
2062				</div>
2063				<div id="Hauptmenue_Alternative_Menue">
2064				</div>
2065				<!--<div class="clear"></div>-->
2066			</div>
2067
2068
2069			<div id="Inhaltsbereich">
2070			<div id="Inhaltsbereich_Innen">
2071
2072				 
2073					<div style="position:absolute; left:0px; top:0px;">
2074											</div>
2075				<article>
2076				<div id="Ausgabebereich">
2077
2078
2079					
2080					<!-- Mittlere Spalte -->
2081				<div id="Ausgabe_MitteRechts">
2082				<div id="Ausgabe_MitteRechts2">
2083					<div id="Ausgabe_Mitte">
2084					
2085
2086					<div id="Ausgabe_Ueberschrift">
2087					<div id="Ausgabe_Ueberschrift2">
2088						<img class="Logo_Druck onlyprint" src="/ib/site/elements/layout/Logo.svg">
2089											</div>
2090					</div>
2091					
2092					
2093						<div>
2094							<div class="BoxGap Box_LinkList_Flexslider ">
2095
2096<!-- Kasten Medienpool, Flexslider -->
2097  
2098
2099
2100<div class="BoxPadding" style="overflow:hidden">
2101<div class="LinkList_Flexslider" style="position:relative; max-width:100vw; padding-bottom:44%">
2102<div class="flexslider" style="position:absolute; width:100%;height:100%;" data-start="0">
2103	<ul class="slides">
2104	
2105
2106  
2107
2108
2109
2110
2111
2112		<li class="Detail">
2113			<img
2114						src="/ib/site/elements/Leer.gif" 
2115						data-src="/ib/site/documents/image/media/par2edc03eb_5afb_6962_9af9_18a2e115ccbe_Thumb3_3489781a7db12771d6b26c799105bd63/a82298a3-a30f-ade8-0fe0-bbfd66aa95e9_6db6980c-336b-a960-5a7c-d9c1c1233c1d_cntIdThumbnail_70cea403a0161714265d182753d13358.jpg?Width=1200&amp;Height=528%5E&amp;Gravity=Center&amp;Crop=1200x528%2B0%2B0&amp;Quality=90&amp;Sharpen=0&amp;Confirm=1" 
2116						style="display:block"
2117					alt="Mann mit Laptop und Stift in der Hand"
2118						/>
2119			<div style="position:absolute; top:0px; left:0px;"></div>
2120			<div class="flex-caption" style="bottom:0; background:transparent;position:absolute;" 
2121					title="Mann mit Laptop und Stift in der Hand">
2122			<div class="flex-caption2">
2123				<div class="flex-caption3">
2124				<a class="" style="text-decoration:none ! important; background:transparent;padding-right:0;" href="/ueberuns/"
2125									target="_blank" title="Über uns">
2126					<!--
2127					<h2 style="">
2128						<span style="display:block;position:relative;">Über uns</span>
2129					</h2>
2130					-->
2131					<div class="Description" style="">
2132						<div class="RichText">
2133							<div class="">Forschung für die Zukunft des Lernens</div>						</div>
2134
2135					</div>
2136									</a>
2137				</div>
2138			</div> 
2139			</div> 
2140		</li>
2141
2142  
2143
2144
2145
2146
2147
2148		<li class="Detail">
2149			<img
2150						src="/ib/site/elements/Leer.gif" 
2151						data-src="/ib/site/documents/image/media/par2edc03eb_5afb_6962_9af9_18a2e115ccbe_Thumb3_3489781a7db12771d6b26c799105bd63/5cddac31-acea-b930-6eea-e43ae0bac5bd_f17db716-7d2a-6232-1fed-101ce910b81a_cntIdThumbnail_70cea403a0161714265d182753d13358.jpg?Width=1200&amp;Height=528%5E&amp;Gravity=Center&amp;Crop=1200x528%2B0%2B0&amp;Quality=90&amp;Sharpen=0&amp;Confirm=1" 
2152						style="display:block"
2153					alt="Mädchen schreibt"
2154						/>
2155			<div style="position:absolute; top:0px; left:0px;"></div>
2156			<div class="flex-caption" style="bottom:0; background:transparent;position:absolute;" 
2157					title="Mädchen schreibt">
2158			<div class="flex-caption2">
2159				<div class="flex-caption3">
2160				<a class="" style="text-decoration:none ! important; background:transparent;padding-right:0;" href="/initiativekritzelpate/"
2161									target="_blank" title="Initiative Kritzelpate">
2162					<!--
2163					<h2 style="">
2164						<span style="display:block;position:relative;">Initiative Kritzelpate</span>
2165					</h2>
2166					-->
2167					<div class="Description" style="">
2168						<div class="RichText">
2169							<div class="">Transfer in die Bildungspraxis</div>						</div>
2170
2171					</div>
2172									</a>
2173				</div>
2174			</div> 
2175			</div> 
2176		</li>
2177
2178  
2179
2180
2181
2182
2183
2184		<li class="Detail">
2185			<img
2186						src="/ib/site/elements/Leer.gif" 
2187						data-src="/ib/site/documents/image/media/par2edc03eb_5afb_6962_9af9_18a2e115ccbe_Thumb3_3489781a7db12771d6b26c799105bd63/63c2bf57-4dab-ef1c-660d-e56525104744_3d9be81b-8e09-5a43-a03f-25a2de3c9aa5_cntIdThumbnail_70cea403a0161714265d182753d13358.jpg?Width=1200&amp;Height=528%5E&amp;Gravity=Center&amp;Crop=1200x528%2B0%2B0&amp;Quality=90&amp;Sharpen=0&amp;Confirm=1" 
2188						style="display:block"
2189					alt="Hand schreibt auf Tablet"
2190						/>
2191			<div style="position:absolute; top:0px; left:0px;"></div>
2192			<div class="flex-caption" style="bottom:0; background:transparent;position:absolute;" 
2193					title="Hand schreibt auf Tablet">
2194			<div class="flex-caption2">
2195				<div class="flex-caption3">
2196				<a class="" style="text-decoration:none ! important; background:transparent;padding-right:0;" href="/ki_projekt_leserlichkeit/"
2197									target="_blank" title="KI-Lösung zur Bewertung von Handchrift">
2198					<!--
2199					<h2 style="">
2200						<span style="display:block;position:relative;">KI-Lösung zur Bewertung von Handchrift</span>
2201					</h2>
2202					-->
2203					<div class="Description" style="">
2204						<div class="RichText">
2205							<div class="">Innovation durch Wissenschaft</div>						</div>
2206
2207					</div>
2208									</a>
2209				</div>
2210			</div> 
2211			</div> 
2212		</li>
2213
2214
2215	</ul>
2216</div>
2217</div>
2218
2219
2220</div>
2221
2222</div><div class="BoxGap Box_Text ">
2223
2224<!-- Baustein Text -->
2225
2226
2227	<!-- einspaltiger Text -->
2228	<div class="RichText Hinterlegung hyphenate Alignment_ BoxNarrow">
2229		<p style="text-align: left;">Das Schreibmotorik Institut e. V. ist ein gemeinn&uuml;tziges, au&szlig;eruniversit&auml;res Forschungsinstitut, das sich mit bildungsrelevanten Fragestellungen besch&auml;ftigt. Im Fokus steht dabei insbesondere die F&ouml;rderung sowie die individuelle Unterst&uuml;tzung von Lernprozessen. Zu den Schwerpunkten geh&ouml;ren die Verkn&uuml;pfung von Lese- und Schreibkompetenzen, H&auml;ndigkeit sowie die F&ouml;rderung des Handschreibens &uuml;ber alle Lebensphasen hinweg. Dar&uuml;ber hinaus widmet sich das Institut aktuellen Fragestellungen, insbesondere im Kontext der schulischen Digitalisierung und dem Einsatz KI-basierter L&ouml;sungen im Bildungsbereich.</p>
2230<p><a href="/ueberuns/" >weiterlesen&nbsp;</a></p>	</div>
2231
2232
2233</div><div class="BoxGap Box_Abbildung_Text ">
2234
2235
2236
2237
2238<!-- Baustein Abbildung, Text -->
2239
2240<div class="BoxPadding">
2241<div class="BoxNarrow">
2242<div class="Split">
2243<div class="Row Row_10c">
2244
2245
2246<!-- Abbildung -->
2247
2248<div class="Left Image">
2249
2250
2251	<div style="position:relative;">
2252		<div class="AbbildungContainer">
2253
2254		
2255			<!-- Abbildung mit Vergroesserung -->
2256			<span style="display:block;position:relative; max-width11:808px;">
2257			<a href="/ib/site/documents/image/media/parf20325e0_8be2_4b0e_2ae4_476a1115d3b1_Slide_f41af43bf587baa7f6f0c33374de061c/28f5cf4b-7fdd-cac9-4c41-2084358bc912_851d18de-e1be-4ab7-ddb4-50402a4b938d_cntIdImage_d4509b51a653782ed72ca2c16a5bf975.jpg?Width=2400&amp;Height=2400&amp;Sharpen=0x1&amp;Quality=90&amp;Progr=1&amp;Confirm=1"
2258					id="parf20325e0_8be2_4b0e_2ae4_476a1115d3b1_f6865ac8-9e2a-3d4d-913b-fcd3e6d34ac6"
2259					class="photoswipe"
2260					target="_blank"
2261					title="Spielende Kinder"
2262					data-title="Spielende Kinder"
2263					data-title2=""
2264					data-size="2039x2400"
2265					style="display:block;position:relative; padding-bottom:117.69801980198%"
2266					><img 
2267						style="display:block;position:absolute; top:0;left:0;bottom:0;right:0;;"
2268						src="/ib/site/elements/Leer.gif" 
2269						data-src="/ib/site/documents/image/media/parf20325e0_8be2_4b0e_2ae4_476a1115d3b1_Slide_f41af43bf587baa7f6f0c33374de061c/28f5cf4b-7fdd-cac9-4c41-2084358bc912_851d18de-e1be-4ab7-ddb4-50402a4b938d_cntIdImage_e8cca6d518d1977182bb969e6c305c3c.jpg?Width=1280&amp;Height=3000&amp;Sharpen=0x1&amp;Quality=90&amp;Progr=1&amp;Confirm=1" 
2270						alt="Spielende Kinder">
2271			</a>
2272			</span>
2273
2274		
2275		</div>
2276
2277
2278		<!-- Fussbereich Miniatur/Text -->
2279			</div>
2280
2281	
2282
2283
2284
2285	</div>
2286
2287
2288<!-- Text -->
2289
2290	<div class="Text hyphenate">
2291		<div class="RichText">
2292			<h2>Praxisprojekte</h2>
2293<h3>Initiative Kritzelpate&nbsp;</h3>
2294<p>Seit 2023 begleiten ehrenamtliche Kritzelpat:innen Kinder dabei, elementare Erfahrungen mit Stift und Papier zu sammeln. Ziel ist es, Kindern deutschlandweit die Chance zu geben, eine erm&uuml;dungsfreie, schnelle und leserliche Handschrift zu erlernen &ndash; eine wichtige Grundlage f&uuml;r den sp&auml;teren Lernerfolg. Engagieren<span data-offset-key="dk0ad-2-0"> Sie sich ehrenamtlich als Kritzelpat:in und begleiten Sie Kinder bei ihren ersten Erfahrungen in der Welt des Schreibens.</span></p>
2295<p><a href="/kritzelpate_ehrenamt/" >weiterlesen</a></p>
2296<h3>Unternehmen f&uuml;r Bildung: Werden Sie jetzt Teil der Initiative Kritzelpate&nbsp;</h3>
2297<p>Auch mit Ihrem Unternehmen k&ouml;nnen Sie sich im Rahmen Ihrer Corporate Social Responsibility aktiv f&uuml;r die F&ouml;rderung von Kindern einsetzen. &Uuml;
2297bernehmen Sie Verantwortung und unterst&uuml;tzen Sie einen chancengleichen Start auf dem Bildungsweg kommender Generationen.&nbsp;</p>
2298<p><a href="/kritzelpate_csr/" ><span data-offset-key="dk0ad-2-0">weiterlesen</span></a></p>		</div>
2299	</div>
2300
2301</div>
2302</div>
2303</div>
2304</div>
2305</div><div class="BoxGap Box_Abbildung_Text ">
2306
2307
2308
2309
2310<!-- Baustein Abbildung, Text -->
2311
2312<div class="BoxPadding">
2313<div class="BoxNarrow">
2314<div class="Split">
2315<div class="Row Row_10c">
2316
2317
2318<!-- Abbildung -->
2319
2320<div class="Left Image">
2321
2322
2323	<div style="position:relative;">
2324		<div class="AbbildungContainer">
2325
2326		
2327			<!-- Abbildung ohne Vergroesserung -->
2328			<span style="display:block;position:relative; max-width11:615px;">
2329			<div style="position:absolute; top:0px; left:0px;z-index:10;line-height:0"></div>
2330			<span style="display:block;position:relative; padding-bottom:86.341463414634%">
2331			<img 
2332				style="display:block;position:absolute; top:0;left:0;bottom:0;right:0;;"
2333				src="/ib/site/elements/Leer.gif" 
2334				data-src="/ib/site/documents/image/media/para1bdb732_e8ae_0bbb_219c_3e55a4a9c345_Slide_1f8fd0d0deb25f68af82e932bfeb4e6a/ca28698a-b711-187d-bb69-40840a5a7144_ff8e9f42-1daa-dfe8-4f3d-78d844657a17_cntIdImage_e8cca6d518d1977182bb969e6c305c3c.jpg?Width=1280&amp;Height=3000&amp;Sharpen=0x1&amp;Quality=90&amp;Progr=1&amp;Confirm=1" 
2335				title="Kind mit Tablet"
2336				alt="Kind mit Tablet"/>
2337			</span>
2338			</span>
2339
2340		
2341		</div>
2342
2343
2344		<!-- Fussbereich Miniatur/Text -->
2345			</div>
2346
2347	
2348
2349
2350
2351	</div>
2352
2353
2354<!-- Text -->
2355
2356	<div class="Text hyphenate">
2357		<div class="RichText">
2358			<h2>Forschung</h2>
2359<h3><span class="Text">Wenn Forschung auf Schulalltag trifft: Erste Eindr&uuml;cke aus der KIBEL-Datenerhebung</span></h3>
2360<p>Ein wichtiger Meilenstein im Forschungsprojekt KIBEL ist erreicht: Die Datenerhebungsphase wurde erfolgreich abgeschlossen. Gemeinsam mit unseren Projektpartnern STABILO und der Universit&auml;t Bamberg (Lehrstuhl f&uuml;r Erkl&auml;rbares Maschinelles Lernen) entwickeln wir ein KI-basiertes System, das mit einem hybriden Stift (einem digitalen Stift, der auf Papier schreibt) arbeitet. Ziel des Projekts ist es, die Leserlichkeit von Handschriften automatisiert zu analysieren und Kindern auf dieser Grundlage individuelles Feedback geben zu k&ouml;nnen.</p>
2361<p><a href="/kibel_datenerhebung/" >weiterlesen</a></p>		</div>
2362	</div>
2363
2364</div>
2365</div>
2366</div>
2367</div>
2368</div><div class="BoxGap Box_Link_Link ">
2369
2370<!-- Baustein Verweis -->
2371
2372
2373
2374
2375
2376
2377
2378
2379<!-- Baustein Abbildung, Text -->
2380
2381<div class="BoxPadding">
2382<div class="BoxNarrow">
2383<div class="LinkLink">
2384
2385<span class="a">
2386<!-- Text -->
2387	<div class="Text hyphenate">
2388				<div class="Head">
2389		<h4>Ihre Spende für bessere Bildung</h4>		</div>
2390				<div class="RichText">
2391				<p style="text-align: left;">Als gemeinn&uuml;tziges Institut sind wir auf Spenden angewiesen. Mit Ihrer Spende helfen Sie dabei, wertvolle Erkenntnisse aus unserer Forschung direkt an Schulen und Eltern zu vermitteln. Durch unsere Praxisprojekte wie die Initiative Kritzelpate wirkt Ihre Unterst&uuml;tzung auch direkt bei den Kindern.</p>		</div>
2392
2393		<a class="Standard addHover" href="/cb5ee0d7-126f-3bc1-a8f5-4d62dec7526e" 		title="Ihre Spende für bessere Bildung">
2394	<span class="ReadOn">weiterlesen</span>
2395	</a>
2396	<div class="onlyprint">http://www.schreibmotorik-institut.com/cb5ee0d7-126f-3bc1-a8f5-4d62dec7526e</div>
2397	
2398	</div>
2399</span>
2400
2401<span class="a">
2402<!-- Text -->
2403	<div class="Text hyphenate">
2404				<div class="Head">
2405		<h4>Fortbildungen</h4>		</div>
2406				<div class="RichText">
2407				<p>Wir bieten praxisnahe Fortbildungen f&uuml;r Lehrkr&auml;fte, Erzieher:innen und Therapeut:innen an. Unsere Inhalte basieren stets auf den neuesten wissenschaftlichen Erkenntnissen zu den Bereichen Handschreiben und Schreibmotorik. Informieren Sie sich &uuml;ber unser Angebot.</p>		</div>
2408
2409		<a class="Standard addHover" href="/fortbildung/"  target="_blank"			title="Ihre Spende für bessere Bildung">
2410	<span class="ReadOn">weiterlesen</span>
2411	</a>
2412	<div class="onlyprint">http://www.schreibmotorik-institut.com/fortbildung/</div>
2413	
2414	</div>
2415</span>
2416
2417
2418</div>
2419</div>
2420</div>
2421
2422</div><div class="BoxGap Box_Link_Link ">
2423
2424<!-- Baustein Verweis -->
2425
2426
2427
2428
2429
2430
2431
2432
2433<!-- Baustein Abbildung, Text -->
2434
2435<div class="BoxPadding">
2436<div class="BoxNarrow">
2437<div class="LinkLink">
2438
2439<span class="a">
2440<!-- Text -->
2441	<div class="Text hyphenate">
2442				<div class="Head">
2443		<h4>Innovationspartner gesucht</h4>		</div>
2444				<div class="RichText">
2445				<p>F&uuml;r ein F&ouml;rderprogramm f&uuml;r ein Forschungsprojekt suchen wir ein kleines bis mittelst&auml;ndiges Unternehmen (KMU), das mit uns eine innovative L&ouml;sung im Bereich unserer Expertisen entwickeln m&ouml;chte. Schreiben Sie uns bei Interesse unter: <a href="mailto:[email protected]">[email protected]</a></p>
2445		</div>
2446
2447	
2448	</div>
2449</span>
2450
2451<span class="a">
2452<!-- Text -->
2453	<div class="Text hyphenate">
2454				<div class="Head">
2455		<h4>Kooperationen</h4>		</div>
2456				<div class="RichText">
2457				<div class="flex max-w-full flex-col flex-grow">
2458<div class="min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&amp;]:mt-5" dir="auto" data-message-author-role="assistant" data-message-id="00eec5df-9876-428a-b476-70e71d24b972" data-message-model-slug="gpt-4o">
2459<div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]">
2460<div class="markdown prose w-full break-words dark:prose-invert light">
2461<p style="text-align: left;">Gemeinsam mit unseren Partnern realisieren wir wegweisende Projekte. Profitieren Sie von unserem Know-how in der Bildungs- und Schreibforschung und dessen Anwendung in Bereichen wie fr&uuml;he F&ouml;rderung, P&auml;dagogik und Digitalisierung.</p>
2462</div>
2463</div>
2464</div>
2465</div>		</div>
2466
2467		<a class="Standard addHover" href="/kooperation/" 			title="Innovationspartner gesucht">
2468	<span class="ReadOn">weiterlesen</span>
2469	</a>
2470	<div class="onlyprint">http://www.schreibmotorik-institut.com/kooperation/</div>
2471	
2472	</div>
2473</span>
2474
2475
2476</div>
2477</div>
2478</div>
2479
2480</div>							<div class="clear"></div>
2481						</div>
2482						
2483												<div class="clear"></div>
2484<!--
2485						<div class="BoxGap BoxText" style="text-align:right;">
2486							<a class="Button PrintButton adddHover noprint" href="/ib/site/tools/PDFGenerator.php?Id=2ca10d4d-8427-37ee-332b-ac45c4375410" target="_blank"><span class="Text">als PDF herunterladen</span><span class="Icon rcOutput-Download"></span></a>
2487						</div>
2488-->
2489					</div>
2490					<div id="Ausgabe_Rechts">
2491						
2492
2493
2494<!-- Baustein Untermenue -->
2495
2496<!--noindex-->
2497
2498<div class="Press">
2499		<a class="  Level_0" href="/cb5ee0d7-126f-3bc1-a8f5-4d62dec7526e" title="Handschreiben fördern heißt in Bildungschancen zu investieren!">
2500			<span class="Text">Spenden</span>
2501		</a>
2502
2503
2504		<a class="  Level_0" href="/5d14b4ad-b869-81e7-5e4d-e303d67d7e43" title="Pressekontakt">
2505			<span class="Text">Pressekontakt</span>
2506		</a>
2507
2508</div><div class="Social">
2509<a href="https://www.youtube.com/@schreibmotorikinstitut8467" title="YouTube" target="_blank"><span class="Icon rcOutput-Youtube"></span><span class="Text">YouTube</span></a>
2510</div>
2511
2512<!--/noindex-->
2513					</div>
2514				</div>
2515				</div>
2516					
2517					<!-- Rechte Spalte -->
2518					<div class="clear"></div>
2519				</div>
2520</article>
2521				<!-- Rechte Spalte -->
2522								<div class="clear"></div>
2523			</div>
2524			</div>
2525			
2526		</div>
2527	</div>
2528
2529	<div id="Seitenfuss" class="output">
2530		<div id="Seitenfuss_Innen">
2531			
2532
2533<!-- Baustein Seitenfuss -->
2534
2535<div class="Footer  hoverGroup">
2536
2537	<!-- Ebene 1 -->
2538												<a class="addHover Kapitel" href="/impressum/" title="Impressum">
2539					Impressum					<!--<span class="Icon rcOutput-Continue"></span>-->
2540				</a>
2541							<span class="Spacer">|</span>				<a class="addHover Kapitel" href="/cookies/" title="Cookie Richtlinien">
2542					Cookie Richtlinien					<!--<span class="Icon rcOutput-Continue"></span>-->
2543				</a>
2544							<span class="Spacer">|</span>				<a class="addHover Kapitel" href="/agb/" title="Allgemeine Geschäftsbedingungen ­­für Trainingsmaßnahmen und Aktionen bzw. Projekte des Schreibmotorik Instituts e.V.">
2545					AGB					<!--<span class="Icon rcOutput-Continue"></span>-->
2546				</a>
2547							<span class="Spacer">|</span>				<a class="addHover Kapitel" href="/367aba2b-ef5a-2432-4aaf-cc5c3b61a897" title="Alternative Streitbeilegung">
2548					Alternative Streitbeilegung					<!--<span class="Icon rcOutput-Continue"></span>-->
2549				</a>
2550							<span class="Spacer">|</span>				<a class="addHover Kapitel" href="/b5407b8d-115a-58c1-a976-095283a93a01" title="Kontakt">
2551					Kontakt					<!--<span class="Icon rcOutput-Continue"></span>-->
2552				</a>
2553							<span class="Spacer">|</span>				<a class="addHover Kapitel" href="/datenschutz/" title="Datenschutz Datenschutzerklärung Website Schreibmotorik Institut e.V.">
2554					Datenschutz					<!--<span class="Icon rcOutput-Continue"></span>-->
2555				</a>
2556							<span class="Spacer">|</span>				<a class="addHover Kapitel" href="/barrierefreiheitserklaerung/" title="Barrierefreiheitserklärung">
2557					Barrierefreiheitserklärung					<!--<span class="Icon rcOutput-Continue"></span>-->
2558				</a>
2559				
2560</div>		</div>
2561	</div>
2562
2563</div>
2564
2565
2566
2567
2568
2569
2570<script type="text/javascript">
2571
2572jQuery(document).ready(function() {
2573	jQuery(document).on("touchstart mousedown", ".LayoutEdit-Schalter, .Datenblatt-Schalter", function() {
2574		jQuery(this).addClass("down");
2575	});
2576	jQuery(document).on("touchend mouseup mouseout", ".LayoutEdit-Schalter, .Datenblatt-Schalter", function() {
2577		jQuery(this).removeClass("down");
2578	});
2579});
2580jQuery(document).ready(function() {
2581	jQuery("#ib-admin-BoxList .Eintrag .Image").draggable({
2582		connectToSortable: "div.r-Ausgabebereich",
2583		xxhelper: "clone",
2584		cursorAt: { left:20, top:12}, // offset von irgendwoher beruecksichtigt
2585		tolerance : "pointer",
2586		appendTo: "body",
2587		helper: function(pmEvent) {
2588			var x = jQuery("<div class='admin EintragDrag boxFrame noColumnSplit'></div>");
2589			var ic = jQuery("<div class='BoxDrag-Schalter'><span class=\"Icon rcAdmin-Boxes\"></span></div>");
2590			x.append(ic);
2591			x.attr("data-box-id", jQuery(pmEvent.currentTarget).closest(".Eintrag").attr("data-box-id"))
2592			return x[0];
2593		},
2594		start: function(pmEvent, pmUI) {
2595			jQuery("body").addClass("BoxEditDrag");
2596			jQuery(document.activeElement).blur(); // exit from RTE
2597			killAnyUI(); // works with save (without kill) as well 
2598			fnBoxEdit_HideMenu();
2599			fnAdminBar_HideAfterAction();
2600			window.setTimeout(function() {
2601				jQuery("div.r-Ausgabebereich, #boxTrash").sortable("refreshPositions");
2602			}, 600);
2603		},
2604		stop:function() {
2605			console.log("stop1");
2606			jQuery("body").removeClass("BoxEditDrag");
2607		}
2608	});
2609
2610	
2611	jQuery("div.r-Ausgabebereich, #boxTrash").each(function() {
2612		jQuery(this).sortable({
2613			items:"> div.boxFrame, > div.boxFrame_System",
2614			xxconnectWith: "div.r-Ausgabebereich[data-ib2kx-box=4]",
2615			connectWith: "div.r-Ausgabebereich, #boxTrash",
2616			handle:".BoxEdit-Symbolleiste",
2617			cursorAt: { left:20, top:20},
2618			tolerance : "pointer",
2619			xxrevert: true,
2620			appendTo: "body",
2621			compareZIndex: true,
2622			helper: function(pmEvent, elem) {
2623				var c = jQuery(elem.class).attr("class");
2624				var x = jQuery("<div class='admin ui-sortable-helper'><div class='BoxDrag-Schalter'><span class=\"Icon rcAdmin-Boxes\"></span></div></div>");
2625				return x[0];
2626			},
2627			start: function(pmEvent, pmUI) {
2628				pmUI.placeholder.height(pmUI.item.height());
2629				jQuery("body").addClass("BoxEditDrag");
2630				var i = jQuery(pmUI.item);
2631				i.appendTo(i.parent());
2632				jQuery(".columnSplit").css("display", "block"); // why? all seem to be div
2633				window.setTimeout(function() {
2634					//i.removeClass("columnSplit").addClass("columnSplit");
2635					jQuery(".columnSplit").css("display", "block");
2636					jQuery("div.r-Ausgabebereich, #boxTrash").sortable("refreshPositions");
2637				}, 10);
2638				window.setTimeout(function() {
2639					jQuery("div.r-Ausgabebereich, #boxTrash").sortable("refreshPositions");
2640				}, 600);
2641				jQuery(document.activeElement).blur(); // exit from RTE
2642				//pmUI.item.focus();
2643				//killAnyUI(); // force without save
2644				fnBoxEdit_HideMenu();
2645			},
2646			beforeStop: function(pmEvent, pmUI) {
2647				pmUI.item.removeClass("gedimmt");
2648				console.log("beforestop");
2649			},
2650			stop:function(evt, item) {
2651				console.log("stop");
2652				jQuery("body").removeClass("BoxEditDrag");
2653				jQuery(".admin.ui-sortable-helper").remove();
2654				// test Android
2655				//jQuery(item.item[0]).find(".LayoutEdit-Schalter.Aktivierung").trigger("click");
2656			},
2657			over:function() {
2658				var tSortable = this;
2659				jQuery(tSortable).addClass("ui-over");
2660			},
2661			out:function() {
2662				var tSortable = this;
2663				jQuery(tSortable).removeClass("ui-over");
2664			},
2665			update:function(pmEvent, pmUI) {
2666				console.log("update");
2667				var tSortable = this;
2668				
2669				var jqts = jQuery(tSortable);
2670				jqts.append(jqts.find(".BoxEndClear"));
2671
2672				if(pmUI.item.hasClass("EintragDrag")) {
2673					var l = this.children.length;
2674					var before = -1;
2675					for(var i=0; i<l; i++) {
2676						if(this.children[i] == pmUI.item[0]) {
2677							before = i+1;
2678							break;
2679						}
2680					}
2681					if(before == -1 || before >= l) { // not found or last
2682						fnBoxEdit_Show('Paragraph_0', jQuery(this).attr("data-ib2kx-box"), 1, pmUI.item.attr("data-box-id")) // end
2683					}
2684					else {
2685						fnBoxEdit_Show(jQuery(this.children[before]).attr("id"), jQuery(this).attr("data-ib2kx-box"), 1,  pmUI.item.attr("data-box-id")) // above
2686					}
2687					pmUI.item.remove();
2688					//fnBoxEdit_Show(rBoxEdit_Current, 1, 1, '45DF8DB7-85DA-11D7-AFAA-00E07D97B84E') // above
2689					//jQuery("body").removeClass("boxList");
2690					return;
2691				}
2692
2693				// neue Sortierung
2694				var items = jQuery(this).sortable("toArray");
2695				for(var i=0; i<items.length; i++) {
2696					items[i] = items[i].replace("Paragraph_", "");
2697					//jQuery("#Requirement_" + items[i]).attr("data-array", jQuery.strPad((1+i)*10, 15, "0"));
2698				}
2699				var data = {
2700					Component: "rBoxEditClass",
2701					cntIdVersion: document.forms.rBoxEdit_Form.cntIdVersion.value,
2702					IdList: items,
2703					Box: jQuery(tSortable).attr("data-ib2kx-box"),
2704					NotifyFail: "",
2705					NotifySuccess: "",
2706					Action: "fnSetSort"
2707				};
2708				var _ajax = jQuery.ajax({
2709						url: '/ib/site/generators/rInterfaceDataExchange.php',
2710						type:'get',
2711						async: true,
2712						cache: false,
2713						data: data,
2714						success: function() {
2715							if(jQuery(tSortable).attr("id") == "boxTrash")
2716								return;
2717							//jQuery(tSortable).effect("highlight", {"color":"rgba(135,199,0,0.35)"}, 800);
2718						}
2719					}
2720				);
2721				if(data.Box == "-1") {
2722					jQuery(pmUI.item[0]).remove();
2723				}
2724				//var resp = jQuery.parseJSON(_ajax.responseText);
2725			}
2726		});
2727	});
2728});
2729/*
2730jQuery("div.Bildgalerie").each(function() {
2731	jQuery(this).sortable({
2732		items:"> div.miniaturBildgalerie",
2733		start: function(pmEvent, pmUI) {
2734			pmUI.placeholder.height(pmUI.item.height());
2735		},
2736	});
2737});
2738*/
2739</script>
2739
2740
2741
2742
2743
2744	
2745<!--noindex-->
2746
2747<script>
2748jQuery(".PrintButton").on("click", function(e) {
2749	fnLoadingAnimation_Show("PDF wird erzeugt ...", {class:"Layout"});
2750	
2751	e.stopPropagation();
2752	e.preventDefault();
2753	
2754	var reqObj = new XMLHttpRequest();
2755	reqObj.open('GET', jQuery(this).attr("href"),true);     // 'getpdf' is the URI to recongize your request at the server
2756	reqObj.send();
2757
2758	reqObj.onreadystatechange = function() {
2759		var resObj = this;
2760		if(resObj.readyState == resObj.DONE) {
2761			fnLoadingAnimation_Hide();
2762			if (resObj.status != 200) {
2763				console.log("PDF konnte nicht erstellt werden.");
2764			} else if (resObj.status == 200){
2765				var resTxt = reqObj.responseText;
2766				var link = document.createElement("a");
2767				link.id = 'someLink'; //give it an ID!
2768				link.href = resTxt;
2769				link.setAttribute("download", fnTrim(jQuery("h1").text()) + ".pdf");
2770				link.setAttribute("target", "_blank");
2771
2772				//Add the link somewhere, an appendChild statement will do.
2773				jQuery("body").append(link);
2774				//Then run this
2775				document.getElementById('someLink').click();
2776				
2777				//window.location.assign(resTxt);    // Opens the pdf download prompt
2778			}
2779		}
2780	}
2781});
2782</script>
vendor: 1 bytes, line 2782
2782
2783<script>
2784//document.getElementsByTagName("h1")[0].innerHTML = window;
2785var imgs = document.getElementsByTagName("img");
2786for(var i=0; i < imgs.length; i++) {
2787	var img = imgs[i];
2788	if(img.getAttribute("data-src"))
2789		img.setAttribute("src",img.getAttribute("data-src"));
2790}
2791/*
2792window.onbeforeprint = function() {
2793	document.getElementsByTagName("h1")[0].innerHTML = document.getElementsByTagName("body")[0].clientWidth;
2794};
2795*/
2796</script>
2796
2797
2798
2799<div class="Content PrivacyDialogTemplate Preserve" style="display:none;">
2800	
2801
2802<!-- Kasten Hyperparagraphs -->
2803
2804
2805
2806<!-- Einleitungstext, Menue -->
2807	<!-- Baustein -->
2808
2809<div><!-- No Padding (Nested) -->
2810
2811<div>
2812
2813<!-- Baustein Text -->
2814
2815
2816	<!-- einspaltiger Text -->
2817	<div class="RichText hyphenate Alignment_ BoxNarrow">
2818		<p>Wir verwenden Cookies, um Ihnen die bestm&ouml;gliche Nutzung unserer Webseite zu erm&ouml;glichen. Sie k&ouml;nnen Ihre Einwilligung mit Wirkung f&uuml;r die Zukunft jederzeit widerrufen, indem Sie auf den Link <a href="/cookies/" target="_blank" rel="noopener" >"Cookie Richtlinien"</a> am Ende der Website klicken. Dort finden Sie auch weitere Informationen zu Cookies und zur Speicherung sowie &Uuml;bertragung von Daten.&nbsp;</p>	</div>
2819
2820
2821
2822
2823<!-- Baustein Register -->
2824
2825	
2826
2827
2828
2829<!-- Abschnitte -->
2830
2831<div class="pageacc"><div class="Group"><a class="ToggleButton addHover" href="#"><span class="Icon rcOutput-Expand"></span></a><div class="Steuerelement checkbox disabled"><input type="checkbox" id="Cookie_required"
2832					disabled 
2833					checked 
2834					name="Cookie_required" value="required"><div class="Feldbezeichnung"><label for="Cookie_required"><span class="Effect addHover"></span><span class="caption h5">Erforderliche Merkmale</span></label></div></div><div class="Detail RichText" style="display:none">
2835
2836
2837
2838<!-- Baustein Text -->
2839
2840
2841	<!-- einspaltiger Text -->
2842	<div class="RichText hyphenate Alignment_ BoxNarrow">
2843		<p>Unbedingt erforderliche Cookies tragen dazu bei, dass sich die User auf der Website bewegen k&ouml;nnen, indem grundlegende Einrichtungen wie das Navigieren auf den Seiten und der Zugang zu sicheren Bereichen gew&auml;hrleistet sind. Ohne diese Cookies w&uuml;rde die Website nicht zweckm&auml;&szlig;ig funktionieren.</p>
2844<table style="width: 100%;">
2845<tbody>
2846<tr>
2847<td style="width: 26.466%;"><strong>Cookie</strong></td>
2848<td style="width: 49.7797%;"><strong>Zweck</strong></td>
2849<td style="width: 11.8454%;"><strong>Ablauf</strong></td>
2850</tr>
2851<tr>
2852<td style="width: 26.466%;">PrivacyConsent</td>
2853<td style="width: 49.7797%;">speichert, dass der Nutzer den gew&auml;hlten Daten&shy;schutz-Einstellungen zugestimmt hat</td>
2854<td style="width: 11.8454%;">1 Jahr</td>
2855</tr>
2856</tbody>
2857</table>
2858<p>&nbsp;</p>	</div>
2859
2860
2861
2862
2863<!-- Baustein Register -->
2864
2865</div></div><div class="Group"><a class="ToggleButton addHover" href="#"><span class="Icon rcOutput-Expand"></span></a><div class="Steuerelement checkbox "><input type="checkbox" id="Cookie_external"
2866					 
2867					 
2868					name="Cookie_external" value="external"><div class="Feldbezeichnung"><label for="Cookie_external"><span class="Effect addHover"></span><span class="caption h5">Externe Inhalte</span></label></div></div><div class="Detail RichText" style="display:none">
2869
2870
2871
2872<!-- Baustein Text -->
2873
2874
2875	<!-- einspaltiger Text -->
2876	<div class="RichText hyphenate Alignment_ BoxNarrow">
2877		<p>Unsere Website nutzt Cookies, um Inhalte von externen Anbietern (z.B. Videos) anzuzeigen. Diese Drittanbieter setzen Cookies, die Informationen wie Ihre IP-Adresse oder Nutzungsverhalten erfassen k&ouml;nnen. Diese Cookies sind erforderlich, um die externen Inhalte korrekt darzustellen. Sie k&ouml;nnen die Nutzung dieser Cookies in den Einstellungen verwalten und Ihre Zustimmung jederzeit widerrufen. Wir nutzen die Plattform &bdquo;YouTube&ldquo; des Anbieters Google Ireland Limited (Gordon House, Barrow Street Dublin 4), um dort Videos einzustellen und &ouml;ffentlich zug&auml;nglich zu machen.</p>
2878<table style="border-collapse: collapse; height: 75px; width: 100%;" border="1">
2879<tbody>
2880<tr style="height: 25px;">
2881<td style="height: 25px; width: 20.0598%;"><strong>Anbieter</strong></td>
2882<td style="height: 25px; width: 76.7768%;"><strong>Hinweis</strong></td>
2883</tr>
2884<tr style="height: 25px;">
2885<td style="height: 25px; width: 20.0598%;">Youtube</td>
2886<td style="height: 25px; width: 76.7768%;">
2887<p>Datenschutz-Hinweise finden Sie <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">hier</a></p>
2888</td>
2889</tr>
2890</tbody>
2891</table>	</div>
2892
2893
2894
2895
2896<!-- Baustein Register -->
2897
2898</div></div><div class="Group"><a class="ToggleButton addHover" href="#"><span class="Icon rcOutput-Expand"></span></a><div class="Steuerelement checkbox "><input type="checkbox" id="Cookie_statistic"
2899					 
2900					 
2901					name="Cookie_statistic" value="statistic"><div class="Feldbezeichnung"><label for="Cookie_statistic">
2901<span class="Effect addHover"></span><span class="caption h5">Auswertung</span></label></div></div><div class="Detail RichText" style="display:none">
2902
2903
2904
2905<!-- Baustein Text -->
2906
2907
2908	<!-- einspaltiger Text -->
2909	<div class="RichText hyphenate Alignment_ BoxNarrow">
2910		<p><strong>Matomo</strong></p>
2911<p>Wir nutzen die datenschutzfreundliche Open-Source-L&ouml;sung Matomo, um die Nutzung unserer Website besser zu verstehen. Matomo verwendet dazu Cookies,&nbsp; d. h. Textdateien, die auf Ihrem Rechner gespeichert werden. Die im Cookie erfassten Nutzungsinformationen (einschlie&szlig;lich Ihrer gek&uuml;rzten IP-Adresse) werden an unseren Server &uuml;bertragen und zu Analysezwecken gespeichert. Es werden dabei keine Daten an Dritte &uuml;bermittelt. Ohne Ihre Einwilligung wird diese Auswertung nicht durchgef&uuml;hrt.&nbsp;</p>
2912<table style="height: 305px; width: 100%;">
2913<tbody>
2914<tr style="height: 25px;">
2915<td style="height: 25px; width: 15.6713%;"><strong>Cookie</strong></td>
2916<td style="height: 25px; width: 70.7898%;"><strong>Zweck</strong></td>
2917<td style="height: 25px; width: 8.83306%;"><strong>Ablauf</strong></td>
2918</tr>
2919<tr style="height: 51px;">
2920<td style="height: 51px; width: 15.6713%;">_pk_id</td>
2921<td style="height: 51px; width: 70.7898%;">wird verwendet, um einige Details &uuml;ber den Benutzer zu speichern, z. B. die eindeutige Besucher-ID</td>
2922<td style="height: 51px; width: 8.83306%;">13 Monate</td>
2923</tr>
2924<tr style="height: 51px;">
2925<td style="height: 51px; width: 15.6713%;">_pk_ref</td>
2926<td style="height: 51px; width: 70.7898%;">zum Speichern der Attributions&shy;informationen, der Referrer, der urspr&uuml;nglich zum Besuch der Website verwendet wurde</td>
2927<td style="height: 51px; width: 8.83306%;">6 Monate</td>
2928</tr>
2929<tr style="height: 51px;">
2930<td style="height: 51px; width: 15.6713%;">_pk_ses , _pk_cvar, _pk_hsr</td>
2931<td style="height: 51px; width: 70.7898%;">kurzlebige Cookies zum vor&uuml;ber&shy;gehenden Speichern von Daten f&uuml;r den Besuch</td>
2932<td style="height: 51px; width: 8.83306%;">30-90 Minuten</td>
2933</tr>
2934<tr style="height: 51px;">
2935<td style="height: 51px; width: 15.6713%;">PIWIK_SESSID</td>
2936<td style="height: 51px; width: 70.7898%;">Sitzungs-Id</td>
2937<td style="height: 51px; width: 8.83306%;">Sitzungsende</td>
2938</tr>
2939<tr style="height: 25px;">
2940<td style="height: 25px; width: 15.6713%;">piwik_ignore</td>
2941<td style="height: 25px; width: 70.7898%;">speichert, dass der Nutzer kein Tracking durch Piwik / Matomo w&uuml;nscht</td>
2942<td style="height: 25px; width: 8.83306%;">2 Jahre</td>
2943</tr>
2944<tr style="height: 51px;">
2945<td style="height: 51px; width: 15.6713%;">test</td>
2946<td style="height: 51px; width: 70.7898%;">Testcookie zur Pr&uuml;fung der Cookie-Unterst&uuml;tzung</td>
2947<td style="height: 51px; width: 8.83306%;">&nbsp;</td>
2948</tr>
2949</tbody>
2950</table>
2951<p>&nbsp;</p>	</div>
2952
2953
2954</div>
2955</div></div></div></div>
2956
2957
2958
2959
2960
2961	<div class="FormButtons Buttons">
2962		<a id="Privacy_All" class="Button secondary addHover" href="#"><span class="Text">alle zulassen</span><span class="Icon rcOutput-Submit"></i></a><a
2963			id="Privacy_Selected" class="Button addHover" href="#"><span class="Text">Auswahl speichern</span><span class="Icon rcOutput-Submit"></span></a>
2964	</div>
2965</div>
2966
2967<script type="text/javascript">
2968/*
2969	jQuery(".PrivacyBanner").click(function(e) {
2970		if(jQuery(e.originalEvent.target).closest(".Dialog").length > 0)
2971			return;
2972		if(COOKIE_REQUIRED) {
2973			jQuery(".PrivacyBanner").addClass("out");
2974		}
2975	});
2976	jQuery(document).on('keydown', function(pmEvent) {
2977		//console.log(pmEvent);
2978		if(27 == pmEvent.keyCode) { // ESC
2979			if(COOKIE_REQUIRED) {
2980				jQuery(".PrivacyBanner").addClass("out");
2981			}
2982		}
2983	});
2984	function privacySettings() {
2985		jQuery('.PrivacyBanner').removeClass('out');
2986	}
2987	jQuery(".PrivacyBanner .Group a.ToggleButton").on("click", function() {
2988		jQuery(this).closest(".Group").toggleClass("expanded");
2989		if(jQuery(this).closest(".Group").hasClass("expanded")) {
2990			jQuery(this).closest(".Group").find(".Detail").show("blind");
2991		}
2992		else {
2993			jQuery(this).closest(".Group").find(".Detail").hide("blind");
2994		}
2995	});
2996	jQuery(".PrivacyBanner #Privacy_All").on("click", function(e) {
2997		e.stopPropagation();
2998		e.preventDefault();
2999		jQuery(".PrivacyBanner input").prop("checked", true);
3000		setPrivacyConsent(getPrivacyConsent());
3001	});
3002	jQuery(".PrivacyBanner #Privacy_Selected").on("click", function(e) {
3003		e.stopPropagation();
3004		e.preventDefault();
3005		setPrivacyConsent(getPrivacyConsent());
3006	});
3007	function getPrivacyConsent() {
3008		var ar = ["required"];
3009		jQuery(".PrivacyBanner input").filter(":checked").not(":disabled").each(function() {
3010			ar.push(jQuery(this).val());
3011		});
3012		return ar.join(",");
3013	}
3014	var cc = getCookie("PrivacyConsent");
3015		if(typeof(cc) == "undefined" || !cc || cc.indexOf("required") < 0) {
3016		jQuery('.PrivacyBanner').removeClass('out');
3017	}
3018		function delete_cookie( name, path, domain ) {
3019	  if( get_cookie( name ) ) {
3020		document.cookie = name + "=" +
3021		  ((path) ? ";path="+path:"")+
3022		  ((domain)?";domain="+domain:"") +
3023		  ";expires=Thu, 01 Jan 1970 00:00:01 GMT";
3024	  }
3025	}
3026	function get_cookie(name){
3027		return getPrivacy(name)?true:false;
3028	}
3029	function setPrivacyConsent(pm) {
3030		var data = {
3031			settings:pm,
3032			flags:"",
3033			message:jQuery(".PrivacyBanner").html()
3034		}
3035		var _ajax = jQuery.ajax({
3036				url: '/ib/site/tools/PrivacyConsent.php',
3037				type:'post',
3038				async:true,
3039				data: data
3040			}
3041		).done(function(data, textStatus, jqXHR) {
3042			var resp = jQuery.parseJSON(jqXHR.responseText);
3043			if(typeof(resp) == "object") {
3044				if(resp.code == 1) { // Success
3045					var today = new Date();
3046					var expire = new Date();
3047					expire.setTime(today.getTime() + 3600000*24*365*10);
3048					document.cookie = "PrivacyConsent=" + pm + ";path=/;expires="+expire.toGMTString();
3049					//document.cookie = "PrivacyConsentVA=required;path=/;expires="+expire.toGMTString();
3050					jQuery(".PrivacyBanner").addClass("out");
3051					window.COOKIE_REQUIRED = 1;
3052					jQuery("body").removeClass("NCB");
3053					if(pm.indexOf("statistic") >= 0) {
3054						window.COOKIE_STATISTIC = 1;
3055						try {
3056							//fnInitPiwik();
3057						}
3058						catch(e) {}
3059					}
3060					else {
3061						window.COOKIE_STATISTIC = 0;
3062					}
3063					if(pm.indexOf("functional") >= 0) {
3064						jQuery("body").removeClass("NOCOOKIE");
3065						window.COOKIE_FUNCTIONAL = 1;
3066					}
3067					else {
3068						jQuery("body").addClass("NOCOOKIE");
3069						window.COOKIE_FUNCTIONAL = 0;
3070						//delete_cookie("SId","/");
3071					}
3072					if(pm.indexOf("external") >= 0) {
3073						window.COOKIE_EXTERNAL = 1;
3074					}
3075					else {
3076						window.COOKIE_EXTERNAL = 0;
3077					}
3078					jQuery(document).trigger("PrivacyChange");
3079				}
3080			}
3081		});
3082	}
3083*/
3084</script>
3084
3085
3086
3087<script type="text/javascript">
3088	/*
3089	jQuery(".PrivacyDialog").click(function(e) {
3090		if(jQuery(e.originalEvent.target).closest(".Dialog").length > 0)
3091			return;
3092		if(COOKIE_REQUIRED) {
3093			jQuery(".PrivacyDialog").addClass("out");
3094			fnOutputWindow_Hide();
3095		}
3096	});
3097	jQuery(document).on('keydown', function(pmEvent) {
3098		//console.log(pmEvent);
3099		if(27 == pmEvent.keyCode) { // ESC
3100			if(COOKIE_REQUIRED) {
3101				jQuery(".PrivacyDialog").addClass("out");
3102				fnOutputWindow_Hide();
3103			}
3104		}
3105	});
3106	*/
3107	function privacySettings() {
3108		jQuery('.PrivacyDialog').removeClass('out');
3109		jQuery(".PrivacyDialogTemplate .hasHover").removeClass("hasHover");
3110		fnOutputDialog({
3111			//content:jQuery(".PrivacyDialogTemplate").clone().addClass("PrivacyDialog").show(),
3112			content:jQuery(".PrivacyDialogTemplate").addClass("PrivacyDialog").show(),
3113			onClose:function() {
3114				if(COOKIE_REQUIRED) {
3115					jQuery(".PrivacyDialog").addClass("out");
3116					fnOutputWindow_Hide();
3117				}
3118			}
3119		});
3120		fnInitHover();
3121		jQuery("#rc-output-win").addClass("PrivacyWin");
3122		if(!jQuery(".PrivacyDialogTemplate").hasClass("initialized")) {
3123			jQuery(".PrivacyDialogTemplate").addClass("initialized")
3124			jQuery(".PrivacyDialog .Group a.ToggleButton").on("click", function() {
3125				jQuery(this).closest(".Group").toggleClass("expanded");
3126				if(jQuery(this).closest(".Group").hasClass("expanded")) {
3127					jQuery(this).closest(".Group").find(".Detail").show("blind");
3128				}
3129				else {
3130					jQuery(this).closest(".Group").find(".Detail").hide("blind");
3131				}
3132			});
3133			jQuery(".PrivacyDialog #Privacy_All").on("click", function(e) {
3134				e.stopPropagation();
3135				e.preventDefault();
3136				jQuery(".PrivacyDialog input").prop("checked", true);
3137				setPrivacyConsent(getPrivacyConsent());
3138			});
3139			jQuery(".PrivacyDialog #Privacy_Selected").on("click", function(e) {
3140				e.stopPropagation();
3141				e.preventDefault();
3142				setPrivacyConsent(getPrivacyConsent());
3143			});
3144		}
3145	}
3146	function getPrivacyConsent() {
3147		var ar = ["required"];
3148		jQuery(".PrivacyDialog input, .PrivacyDialogTemplate input").filter(":checked").not(":disabled").each(function() {
3149			ar.push(jQuery(this).val());
3150		});
3151		return ar.join(",");
3152	}
3153	var cc = getCookie("PrivacyConsent");
3154	jQuery(document).ready(function() {
3155				if(typeof(cc) == "undefined" || !cc || cc.indexOf("required") < 0) {
3156			jQuery('.PrivacyDialog').removeClass('out');
3157			privacySettings();
3158		}
3159			});
3160	function delete_cookie( name, path, domain ) {
3161	  if( get_cookie( name ) ) {
3162		document.cookie = name + "=" +
3163		  ((path) ? ";path="+path:"")+
3164		  ((domain)?";domain="+domain:"") +
3165		  ";expires=Thu, 01 Jan 1970 00:00:01 GMT";
3166	  }
3167	}
3168	function get_cookie(name){
3169		return getPrivacy(name)?true:false;
3170	}
3171	function setPrivacyConsent(pm) {
3172		var data = {
3173			settings:pm,
3174			flags:"",
3175			//message:jQuery(".PrivacyDialog").html()
3176		}
3177		jQuery.ajax({
3178				url: '/ib/site/tools/PrivacyConsent.php',
3179				type:'post',
3180				async:true,
3181				data: data
3182			}
3183		).done(function(data, textStatus, jqXHR) {
3184			var resp = jQuery.parseJSON(jqXHR.responseText);
3185			if(typeof(resp) == "object") {
3186				if(resp.code == 1) { // Success
3187					var today = new Date();
3188					var expire = new Date();
3189					expire.setTime(today.getTime() + 3600000*24*365*10);
3190					document.cookie = "PrivacyConsent=" + pm + ";path=/;expires="+expire.toGMTString();
3191					//document.cookie = "PrivacyConsentVA=required;path=/;expires="+expire.toGMTString();
3192					
3193					jQuery(".PrivacyDialog").addClass("out");
3194					fnOutputWindow_Hide();
3195					
3196					window.COOKIE_REQUIRED = 1;
3197					jQuery("body").removeClass("NCB");
3198					if(pm.indexOf("statistic") >= 0) {
3199						window.COOKIE_STATISTIC = 1;
3200						try {
3201							//fnInitPiwik();
3202						}
3203						catch(e) {}
3204					}
3205					else {
3206						window.COOKIE_STATISTIC = 0;
3207					}
3208					if(pm.indexOf("functional") >= 0) {
3209						jQuery("body").removeClass("NOCOOKIE");
3210						window.COOKIE_FUNCTIONAL = 1;
3211					}
3212					else {
3213						jQuery("body").addClass("NOCOOKIE");
3214						window.COOKIE_FUNCTIONAL = 0;
3215						//delete_cookie("SId","/");
3216					}
3217					if(pm.indexOf("external") >= 0) {
3218						window.COOKIE_EXTERNAL = 1;
3219					}
3220					else {
3221						window.COOKIE_EXTERNAL = 0;
3222					}
3223					jQuery(document).trigger("PrivacyChange");
3224				}
3225			}
3226		});
3227	}
3228
3229</script>
3229
3230
3231
3232
3233
3234
3235
3236
3237
3238
3239
3240
3241<div id="fsFrame" class="output"></div>
3242
3243<!-- PhotoSwipe -->
3244<div class="output">
3245	<div id="gallery" class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
3246		<div class="pswp__bg"></div>
3247		<div class="pswp__scroll-wrap">
3248		  <div class="pswp__container">
3249			<div class="pswp__item"></div>
3250			<div class="pswp__item"></div>
3251			<div class="pswp__item"></div>
3252		  </div>
3253		  <div class="pswp__ui pswp__ui--hidden">
3254			<div class="pswp__top-bar">
3255				<div class="pswp__counter"></div>
3256				<button class="pswp__button pswp__button--close" title="Schließen (ESC)"><span class="Icon rcOutput-Close"></span></button>
3257								<button class="pswp__button pswp__button--fs" title="Fullscreen"><span class="Icon rcOutput-FullscreenOn"></span><span class="Icon rcOutput-FullscreenOff"></span></button>
3258<!--
3259				<button class="pswp__button pswp__button--zoom" title="Zoom"><span class="Icon rcOutput-ZoomIn"></span><span class="Icon rcOutput-ZoomOut"></span></button>
3260-->
3261				<div class="pswp__preloader">
3262					<div class="pswp__preloader__icn">
3263					  <div class="pswp__preloader__cut">
3264						<div class="pswp__preloader__donut"></div>
3265					  </div>
3266					</div>
3267				</div>
3268			</div>
3269			<!-- <div class="pswp__loading-indicator"><div class="pswp__loading-indicator__line"></div></div> -->
3270			<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
3271				<div class="pswp__share-tooltip">
3272									</div>
3273			</div>
3274			<button class="pswp__button pswp__button--arrow--left" title="Vorheriges"><span class="Icon rcOutput-Previous"></span></button>
3275			<button class="pswp__button pswp__button--arrow--right" title="Nächstes"><span class="Icon rcOutput-Next"></span></button>
3276			<div class="pswp__caption">
3277				<div class="pswp__caption_container">
3278					<div class="pswp__caption__center">
3279					</div>
3280				</div>
3281			</div>
3282		  </div>
3283		</div>
3284	</div>
3285</div>
3286	
3286<script type="text/javascript">
3287	var initPhotoSwipeFromDOM = function(gallerySelector) {
3288
3289		// parse slide data (url, title, size ...) from DOM elements 
3290		// (children of gallerySelector)
3291		var parseThumbnailElements = function(el) {
3292			var thumbElements = jQuery(el).find("a[data-size]"), // shbgr el.childNodes,
3293				numNodes = thumbElements.length,
3294				items = [],
3295				figureEl,
3296				linkEl,
3297				size,
3298				item;
3299
3300			for(var i = 0; i < numNodes; i++) {
3301
3302				figureEl = thumbElements[i]; // <figure> element
3303
3304				// include only element nodes 
3305				if(figureEl.nodeType !== 1) {
3306					continue;
3307				}
3308
3309				linkEl = figureEl; // shbgr figureEl.children[0]; // <a> element
3310
3311				if(!linkEl.hasAttribute('data-size')) {
3312					continue;
3313				}
3314				if(jQuery(linkEl).closest(".clone").length > 0) {
3315					continue;
3316				}
3317				size = linkEl.getAttribute('data-size').split('x');
3318
3319				// create slide object
3320				item = {
3321					src: linkEl.getAttribute('href'),
3322					w: parseInt(size[0], 10),
3323					h: parseInt(size[1], 10)
3324				};
3325
3326
3327
3328				/* shbgr if(figureEl.children.length > 1) {
3329					// <figcaption> content
3330					item.title = figureEl.children[1].innerHTML; 
3331				} */
3332				var t1 = linkEl.getAttribute('data-title');
3333				var t2 = linkEl.getAttribute('data-title2');
3334				if(t1)
3335					t1 = "<span class=\"pswp__caption1\">" + t1 + "</span>";
3336				if(t1 && t2) {
3337					t1 = t1 + " &ndash; " + t2;
3338					t2 = "";
3339				}
3340				item.title = t1 + t2;
3341
3342				if(linkEl.children.length > 0) {
3343					// <img> thumbnail element, retrieving thumbnail url
3344					//item.msrc = linkEl.children[0].getAttribute('src'); // aspect
3345				} 
3346
3347				item.el = figureEl; // save link to element for getThumbBoundsFn
3348				items.push(item);
3349			}
3350
3351			return items;
3352		};
3353
3354		// find nearest parent element
3355		var closest = function closest(el, fn) {
3356			return el && ( fn(el) ? el : closest(el.parentNode, fn) );
3357		};
3358
3359		// triggers when user clicks on thumbnail
3360		var onThumbnailsClick = function(e) {
3361			e = e || window.event;
3362			e.preventDefault ? e.preventDefault() : e.returnValue = false;
3363
3364			var eTarget = e.target || e.srcElement;
3365
3366			// find root element of slide
3367			var clickedListItem = closest(eTarget, function(el) {
3368				return (el.tagName && el.tagName.toUpperCase() === 'A' && jQuery(el).attr("data-size") // shbgr FIGURE
3369					&& (!jQuery(el).hasClass("needHover2") || jQuery(el).hasClass("hover2"))
3370				); 
3371			});
3372
3373			if(!clickedListItem) {
3374				e.returnValue = true;
3375				return;
3376			}
3377
3378			// find index of clicked item by looping through all child nodes
3379			// alternatively, you may define index via data- attribute
3380			var clickedGallery = jQuery(clickedListItem).closest(".Bildgalerie, .Bildgalerie_variable")[0], // shbgr clickedListItem.parent
3381				childNodes = jQuery(clickedGallery).find("a[data-size]"); // shbgr clickedListItem.parentNode.childNodes
3382			var cn2 = [];
3383			childNodes.each(function() {
3384				if(jQuery(this).closest(".clone").length == 0)
3385					cn2.push(this);
3386			});
3387			childNodes = cn2;
3388			var numChildNodes = childNodes.length,
3389				nodeIndex = 0,
3390				index;
3391
3392			for (var i = 0; i < numChildNodes; i++) {
3393				if(childNodes[i].nodeType !== 1) { 
3394					continue; 
3395				}
3396
3397				if(childNodes[i] === clickedListItem) {
3398					index = nodeIndex;
3399					break;
3400				}
3401				nodeIndex++;
3402			}
3403
3404
3405
3406			if(index >= 0) {
3407				// open PhotoSwipe if valid index found
3408				openPhotoSwipe( index, clickedGallery );
3409			}
3410			return false;
3411		};
3412
3413		// parse picture index and gallery index from URL (#&pid=1&gid=2)
3414		var photoswipeParseHash = function() {
3415			var hash = window.location.hash.substring(1),
3416			params = {};
3417
3418			if(hash.length < 5) {
3419				return params;
3420			}
3421
3422			var vars = hash.split('&');
3423			for (var i = 0; i < vars.length; i++) {
3424				if(!vars[i]) {
3425					continue;
3426				}
3427				var pair = vars[i].split('=');  
3428				if(pair.length < 2) {
3429					continue;
3430				}           
3431				params[pair[0]] = pair[1];
3432			}
3433
3434			if(params.gid) {
3435				params.gid = parseInt(params.gid, 10);
3436			}
3437
3438			return params;
3439		};
3440
3441		var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {
3442			var pswpElement = document.querySelectorAll('.pswp')[0],
3443				gallery,
3444				options,
3445				items;
3446
3447			items = parseThumbnailElements(galleryElement);
3448
3449			// define options (if needed)
3450			options = {
3451
3452				// define gallery index (for URL)
3453				galleryUID: galleryElement.getAttribute('data-pswp-uid'),
3454				//loop: false,
3455				barsSize: {top:50, bottom:"auto"},
3456				xxbarsSize: {top:0, bottom:0},
3457				clickToCloseNonZoomable: false,
3458			closeElClasses: ['none'], 
3459			timeToIdle: 400000000, 
3460			timeToIdleOutside: 400000000,
3461				
3462				showHideOpacity:true,
3463				getThumbBoundsFn:false,
3464				xxgetThumbBoundsFn: function(index) { // aspect
3465					// See Options -> getThumbBoundsFn section of documentation for more info
3466					var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail
3467						pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
3468						rect = thumbnail.getBoundingClientRect(); 
3469
3470					return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
3471				}
3472
3473			};
3474
3475			// PhotoSwipe opened from URL
3476			if(fromURL) {
3477				if(options.galleryPIDs) {
3478					// parse real index when custom PIDs are used 
3479					// http://photoswipe.com/documentation/faq.html#custom-pid-in-url
3480					for(var j = 0; j < items.length; j++) {
3481						if(items[j].pid == index) {
3482							options.index = j;
3483							break;
3484						}
3485					}
3486				} else {
3487					// in URL indexes start from 1
3488					options.index = parseInt(index, 10) - 1;
3489				}
3490			} else {
3491				options.index = parseInt(index, 10);
3492			}
3493
3494			// exit if index not found
3495			if( isNaN(options.index) ) {
3496				return;
3497			}
3498
3499			if(disableAnimation) {
3500				options.showAnimationDuration = 0;
3501			}
3502
3503			// Pass data to PhotoSwipe and initialize it
3504			gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
3505			gallery.init();
3506		};
3507
3508		// loop through all gallery elements and bind events
3509		var galleryElements = document.querySelectorAll( gallerySelector );
3510
3511		for(var i = 0, l = galleryElements.length; i < l; i++) {
3512			galleryElements[i].setAttribute('data-pswp-uid', i+1);
3513			galleryElements[i].onclick = onThumbnailsClick;
3514		}
3515
3516		// Parse URL and open gallery if it contains #&pid=3&gid=1
3517		var hashData = photoswipeParseHash();
3518		if(hashData.pid && hashData.gid) {
3519			openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );
3520		}
3521	};
3522	function singleImageClick(elem) {
3523		var pswpElement = document.querySelectorAll('.pswp')[0],
3524				gallery,
3525				options,
3526				items,
3527				index;
3528		linkEl = jQuery(elem);
3529		if(!elem.hasAttribute('data-size')) {
3530			return false;
3531		}
3532		size = elem.getAttribute('data-size').split('x');
3533		// create slide object
3534		var item = {
3535			el: elem,
3536			src: elem.getAttribute('href'),
3537			w: parseInt(size[0], 10),
3538			h: parseInt(size[1], 10)
3539		};
3540		var t1 = elem.getAttribute('data-title');
3541		var t2 = elem.getAttribute('data-title2');
3542		if(t1)
3543			t1 = "<span class=\"pswp__caption1\">" + t1 + "</span>";
3544		if(t1 && t2) {
3545			t1 = t1 + " &ndash; " + t2;
3546			t2 = "";
3547		}
3548		item.title = t1 + t2;
3549		
3550		if(linkEl.children.length > 0) {
3551			// <img> thumbnail element, retrieving thumbnail url
3552			//item.msrc = linkEl.find("img").attr('src'); // aspect
3553		} 
3554		
3555		items = [item];
3556		index = 0;
3557
3558		// define options (if needed)
3559		options = {
3560			// define gallery index (for URL)
3561			galleryUID: 1, //galleryElement.getAttribute('data-pswp-uid'),
3562			//loop: false,
3563			barsSize: {top:50, bottom:"auto"},
3564			xxbarsSize: {top:0, bottom:0},
3565			clickToCloseNonZoomable: false,
3566			closeElClasses: ['none'], 
3567			timeToIdle: 400000000, 
3568			timeToIdleOutside: 400000000,
3569				
3570			getThumbBoundsFn: function(index) {
3571				// See Options -> getThumbBoundsFn section of documentation for more info
3572				var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail
3573					pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
3574					rect = thumbnail.getBoundingClientRect(); 
3575
3576				return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
3577			}
3578
3579		};
3580		// Pass data to PhotoSwipe and initialize it
3581		gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
3582		gallery.init();
3583		return true;
3584	}
3585	jQuery("a.photoswipe").click(function(e) {
3586		if(singleImageClick(this))
3587			e.preventDefault();
3588	});
3589
3590	// execute above function
3591	initPhotoSwipeFromDOM('.Bildgalerie, .Bildgalerie_variable');
3592</script>
3592
3593<!-- END PhotoSwipe -->
3594
3595
3596
3597
3598<span id="statistic">
3599		
3599<script type="text/javascript"> <!-- 
3600			var COUNT="/cgibin/count/CP/home;/"; 
3601			document.write("<img src=\""+COUNT+"?id=2a8cefe1-9125-7378-df4d-dba56cbb1850&r="+escape(document.referrer)+"\" style=\"position:absolute; top:0px; left:0px\" width=\"1\" height=\"1\" alt=\"Auswertung\" />");
3602			// --> 
3603		</script>
3603 
3604		<span id="statisticdata" data-src="/cgibin/count/CP/home;/?id=2a8cefe1-9125-7378-df4d-dba56cbb1850"></span>
3605		<noscript> 
3606			<img src="/cgibin/count/CP/home;/?id=2a8cefe1-9125-7378-df4d-dba56cbb1850" style="position:absolute; top:0px; left:0px" width="1" height="1" alt="Auswertung" />
3607		</noscript> </span>
3608
3609<!--/noindex-->
3610</body>
3611</html>
3612<!--noindex--><div id="AdminContainer" class="admin">
3613<script src="/ib/core/interfaces/rRichEdit/rRichEdit.js" type="text/javascript"></script>
vendor: 1 bytes, line 3613
3613
3614<script src="/ib/core/interfaces/rRichEdit/rRichEdit_Textpatterns.js" type="text/javascript"></script>
vendor: 1 bytes, line 3614
3614
3615<script src="/ib/core/libraries/rDialogueControl.js" type="text/javascript"></script>
vendor: 1 bytes, line 3615
3615
3616<script src="/ib/core/libraries/rAdministration.js" type="text/javascript"></script>
3616
3617
3618
3619<!-- TinyMCE -->
3620<script type="text/javascript">
3621var reIsSaving = false;
3622</script>
3622
3623
3624
3625<script>
3626
3627var mce_options_line = {
3628	//skin: "oxide-dark", // alternatives Skin
3629	skin: "roccas", // alternatives Skin
3630	language:"de",
3631    //selector: ".rRichEdit_Line",
3632    inline: true,
3633    //toolbar: "REsave undo",
3634    toolbar: false,
3635    menubar: false,
3636	plugins: "paste",
3637	entity_encoding: "raw",
3638	plugins: "paste",
3639	paste_as_text: true,
3640	auto_focus:false,
3641	skip_focus:true,
3642	
3643	// new 2017_0220
3644	//custom_elements: "editspan",
3645	
3646	valid_children: "-body[br],-body[p],-body[div],-body[*],-*[*]",
3647	valid_children: "br,none,#text",
3648	valid_elements: "-div[br],-div[p],-body[br],-*,-*[*],-a[href|target=_blank],-strong/b,-u,-i,-div[align],-br,-p,-div",
3649	valid_elements: "br,none,#text",
3650	
3651	no_newline_selector: "*",	
3652	invalid_elements: 'strong,b,em,i,p,a,div,span,h1,h2,h3,h4,h5,h6,blockquote,code',
3653	
3654	forced_root_block: "",
3655	// end new
3656	
3657	setup : function(ed) {
3658		ed.on('blur', function(evt) {
3659			if(ed.isDirty()) {
3660				var dirtyText = ed.getContent();
3661				var cleanText = jQuery('<div>').html(untag2(dirtyText)).text();
3662				if(dirtyText != cleanText)
3663					ed.setContent(cleanText);
3664				
3665				fnRichEdit_Save(ed.id, ed.getContent(), true, true);
3666				ed.isNotDirty = 1;
3667			}
3668		});
3669		// Add a custom button
3670		ed.ui.registry.addButton('REsave', {
3671			tooltip : 'Speichern (STRG + S)',
3672			icon:"save",
3673			onAction : function() {
3674				var dirtyText = ed.getContent();
3675				var cleanText = jQuery('<div>').html(untag2(dirtyText)).text();
3676				if(dirtyText != cleanText)
3677					ed.setContent(cleanText);
3678				
3679				fnRichEdit_Save(ed.id, ed.getContent(), true, true);
3680			}
3681		});
3682		
3683		ed.addShortcut('Meta+s', 'Speichern',
3684			function() {
3685				var dirtyText = ed.getContent();
3686				var cleanText = jQuery('<div>').html(untag2(dirtyText)).text();
3687				if(dirtyText != cleanText)
3688					ed.setContent(cleanText);
3689				
3690				console.log(jQuery(ed.targetElem).attr("class"));
3691				fnRichEdit_Save(ed.id, ed.getContent(), true, true);
3692				console.log(ed.id);
3693			}
3694		);
3695		ed.on('focusin', function(evt) {
3696			// sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet
3697			//jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click");
3698			fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id"));
3699		});
3700		ed.on('init', function() {
3701			ed.addShortcut('Meta+b', '', '');
3702			ed.addShortcut('Meta+i', '', '');
3703			ed.addShortcut('Meta+u', '', '');
3704			ed.addShortcut('Meta+k', '', ''); // Link
3705			for(var i=0; i<=9 ; i++) {
3706				ed.addShortcut('Access+' + i, '', '');
3707			}
3708			ed.addShortcut('Enter', '', '');
3709
3710			ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat');
3711			ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking');
3712			ed.addShortcut('Ctrl+Alt+189', 'xx', function () {
3713				ed.execCommand('mceInsertContent', false, '\u00AD');
3714			});
3715					
3716			// Label "Klicken Sie ..."
3717			if(untag(ed.getContent()) == '' || untag(ed.getContent()) == '&nbsp;') {
3718				jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
3719				jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").addClass("empty");
3720			}
3721			
3722			jQuery(document.getElementById(ed.id)).focus(function() {
3723				jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible");
3724				jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").addClass("focused").removeClass("empty");
3725			});
3726			jQuery(document.getElementById(ed.id)).blur(function() {
3727				if(untag(ed.getContent()) == '' || untag(ed.getContent()) == '&nbsp;') {
3728					jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
3729					jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").addClass("empty");
3730				}
3731				jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").removeClass("focused");
3732			});
3733		});
3734	}
3735};
3736
3737</script>
3737
3738
3739<script>
3740
3741var mce_options_plain = {
3742	//skin: "oxide-dark", // alternatives Skin
3743	skin: "roccas", // alternatives Skin
3744	language:"de",
3745    //selector: ".rRichEdit_Plain",
3746    inline: true,
3747    //toolbar: "REsave undo",
3748    toolbar: false,
3749    menubar: false,
3750	plugins: "paste",
3751	entity_encoding: "raw",
3752	plugins: "paste",
3753	paste_as_text: true,
3754	auto_focus:false,
3755	skip_focus:true,
3756	
3757	// new 2017_0220
3758	custom_elements: "editspan",
3759	
3760	valid_children: "br",
3761	valid_elements: "br",
3762	invalid_elements: 'strong,b,em,i,p,a,div,span,h1,h2,h3,h4,h5,h6,blockquote,code',
3763	
3764	forced_root_block: "",
3765	// end new
3766	
3767	setup : function(ed) {
3768		ed.on('blur', function(evt) {
3769			if(ed.isDirty()) {
3770				fnRichEdit_Save(ed.id, ed.getContent(), false, true);
3771				ed.isNotDirty = 1;
3772			}
3773		});
3774		// Add a custom button
3775		ed.ui.registry.addButton('REsave', {
3776			tooltip : 'Speichern (STRG + S)',
3777			icon:"save",
3778			onAction : function() {
3779				fnRichEdit_Save(ed.id, ed.getContent(), false, true);
3780			}
3781		});
3782		ed.addShortcut('Meta+s', 'Speichern',
3783			function() {
3784				console.log(jQuery(ed.targetElem).attr("class"));
3785				fnRichEdit_Save(ed.id, ed.getContent(), false, true);
3786				console.log(ed.id);
3787			}
3788		);
3789		ed.on('focusin', function(evt) {
3790			// sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet
3791			//jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click");
3792			fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id"));
3793		});
3794		ed.on('init', function() {
3795			ed.addShortcut('Meta+b', '', '');
3796			ed.addShortcut('Meta+i', '', '');
3797			ed.addShortcut('Meta+u', '', '');
3798			ed.addShortcut('Meta+k', '', ''); // Link
3799			for(var i=0; i<=9 ; i++) {
3800				ed.addShortcut('Access+' + i, '', '');
3801			}
3802			
3803			ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat');
3804			ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking');
3805			ed.addShortcut('Ctrl+Alt+189', 'xx', function () {
3806				ed.execCommand('mceInsertContent', false, '\u00AD');
3807			});
3808			
3809			// Label "Klicken Sie ..."
3810			if(untag(ed.getContent()) == '' || untag(ed.getContent()) == '&nbsp;') {
3811				jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
3812				jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty");
3813			}
3814			
3815			jQuery(document.getElementById(ed.id)).focus(function() {
3816				jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible");
3817				jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("focused").removeClass("empty");
3818			});
3819			jQuery(document.getElementById(ed.id)).blur(function() {
3820				if(untag(ed.getContent()) == '' || untag(ed.getContent()) == '&nbsp;') {
3821					jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
3822					jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty");
3823				}
3824				jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").removeClass("focused");
3825			});
3826		});
3827	}
3828};
3829
3830</script>
3830
3831
3832<script>
3833
3834
3835var mce_options_basic = {
3836	//skin: "oxide", // alternatives Skin
3837	skin: "roccas", // alternatives Skin
3838	language:"de",
3839    plugins: [
3840		"advlist autolink lists link charmap anchor",
3841		"wordcount visualblocks visualchars code fullscreen noneditable",
3842		"insertdatetime nonbreaking",
3843		"directionality",
3844        "emoticons template paste",
3845		"autoresize textpattern",
3846    ],
3847
3848	toolbar_mode: 'sliding',//floating
3849	menubar: false,
3850    toolbar: "bold | italic | bullist | " +
3851				"underline | strikethrough | subscript | superscript | " +
3852				"more",
3853	contextmenu: false,
3854	autosave_ask_before_unload:true, // wirkungslos, im Plugin geaendert
3855	autosave_interval:"10s",
3856	auto_focus:false,
3857	skip_focus:true,
3858	
3859	valid_elements: 'p,br,ul,li,u,strong/b,em/i,del,sub,sup',
3860	invalid_elements: 'h1,h2,h3,h4,h5,h6,blockquote,code,ol,span,font',
3861	invalid_styles: {
3862		"*": 'text-align font-size'
3863	},
3864	
3865	table_sizing_mode: 'responsive', 
3866	toolbar_persist:false,
3867	toolbar_location:'auto',
3868	toolbar_sticky:true,
3869	
3870
3871	//quickbars_insert_toolbar: "table",
3872	//quickbars_selection_toolbar: "bold italic removeformat | quicklink unlink h2 h3 blockquote", // Schnellzugriff, optional
3873	
3874	spellchecker_rpc_url: 'spellchecker.php',
3875	browser_spellcheck : true,
3876	
3877	link_list: "/ib/site/generators/rRichEdit_Links.php",
3878
3879
3880    image_advtab: true,
3881	table_advtab: false,
3882	table_cell_advtab: false,
3883	table_row_advtab: false,
3884	//table_toolbar: "tablecellprops | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol | tablemergecells",
3885    templates: [
3886        {title: 'Test template 1', content: 'Test 1'},
3887        {title: 'Test template 2', content: 'Test 2'}
3888    ],
3889
3890	//block_formats : "Text=p;Zitat=blockquote;H2=h2;H3=h3;H4=h4;H5=h5", 
3891	formats : {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}},
3892
3893	paste_postprocess: function(plugin, args) {
3894		jQuery(args.node).find("p").each(function() {
3895			if(jQuery(this).text().trim() == "")
3896				jQuery(this).remove();
3897		});
3898	},
3899	
3900	textpattern_patterns: rRichEdit_Textpatterns, //from external js 
3901
3902	autosave_ask_before_unload: false,
3903	convert_urls : false,
3904	
3905	advlist_bullet_styles:"",
3906	color_map: [
3907		"b80000", "Rot",
3908		"85817E", "Hellgrau",
3909		"005073", "Dunkelblau",
3910		"ffff00", "Gelb",
3911		"87c700", "Gr\00fc",
3912		"ffffff", "Wei\u00df",
3913		"000000", "Schwarz"
3914	],
3915
3916	inline: true,
3917	statusbar: true,
3918	
3919	setup : function(ed) {
3920		var maxlength = parseInt($("#" + (ed.id)).attr("maxlength"));
3921        ed.on("keydown", function(e) {
3922			if(!maxlength)
3923				return;
3924          var count = $("#" + (ed.id)).text().length;
3925          if (count >= maxlength && !e.ctrlKey && !e.altKey && e.key && e.key.length == 1) {
3926			  console.log(e);
3927            //alert(e.keyCode + "You have reached the character limit");
3928            e.stopPropagation();
3929            return false;
3930          }
3931        });
3932				ed.on('blur', function(evt) {
3933					if(ed.isDirty()) {
3934						fnRichEdit_Save(ed.id, ed.getContent());
3935						ed.isNotDirty = 1;
3936						//console.log(1);
3937					}
3938				});
3939				ed.on('focusin', function(evt) {
3940					// sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet
3941					//2016_0904 jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click");
3942					fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id"));
3943					console.log(ed.id);
3944					
3945					// positioniert Symbolleiste RTE
3946					var o = jQuery(document.getElementById(ed.id)).offset();
3947					var st = jQuery(document).scrollTop();
3948					var sl = jQuery(document).scrollLeft();
3949					var h = jQuery("#rRichEditToolbar").height();
3950					var w = jQuery("#rRichEditToolbar").width();
3951					var vw = jQuery(document).width();
3952					if(false) {
3953						h = 68;
3954						var newT = (o.top - st - h - 0 - 35); // ab 2016_0523
3955						if(newT < 0)
3956							newT = 0;
3957						var newL = (o.left - sl + 10); // ab 2016_0523
3958						if(newL+w > vw)
3959							newL = vw-w;
3960						if(newL < 0)
3961							newL = 0;
3962						jQuery("#rRichEditToolbar").css("top", newT + "px");
3963						jQuery("#rRichEditToolbar").css("left", newL + "px");
3964					}
3965				});
3966				ed.on('init', function() {
3967					for(var i=0; i<=9 ; i++) {
3968						ed.addShortcut('Access+' + i, '', '');
3969					}
3970			
3971					// Label "Klicken Sie ..."
3972					if(untag(ed.getContent()) == '') {
3973						jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
3974						jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty");
3975					}
3976
3977					jQuery(document.getElementById(ed.id)).focus(function() {
3978						jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible");
3979						jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("focused").removeClass("empty");
3980					});
3981					jQuery(document.getElementById(ed.id)).blur(function() {
3982						if(untag(ed.getContent()) == '') {
3983							jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
3984							jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty");
3985						}
3986						jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").removeClass("focused");
3987					});
3988				});
3989				
3990				// Add a custom button
3991				ed.ui.registry.addButton('REsave', {
3992					tooltip : 'Speichern (STRG + S)',
3993					icon:"save",
3994					onAction : function() {
3995						fnRichEdit_Save(ed.id, ed.getContent());
3996					}
3997				});
3998				ed.addShortcut('Meta+s', 'Speichern',
3999					function() {
4000						fnRichEdit_Save(ed.id, ed.getContent());
4001					}
4002				);
4003ed.ui.registry.addMenuButton('textalign', {
4004      text: '',
4005	  icon:'align-left',
4006      fetch: function (callback) {
4007        var items = [
4008          {
4009            type: 'menuitem',
4010            text: 'Align left',
4011			icon: 'align-left',
4012            onAction: function () {
4013              ed.execCommand("JustifyLeft");
4014            }
4015          },
4016          {
4017            type: 'menuitem',
4018            text: 'Align center',
4019			icon: 'align-center',
4020            onAction: function () {
4021              ed.execCommand("JustifyCenter");
4022            }
4023          },
4024          {
4025            type: 'menuitem',
4026            text: 'Align right',
4027			icon: 'align-right',
4028            onAction: function () {
4029              ed.execCommand("JustifyRight");
4030            }
4031          },
4032          {
4033            type: 'menuitem',
4034            text: 'Justify',
4035			icon: 'align-justify',
4036            onAction: function () {
4037              ed.execCommand("JustifyFull");
4038            }
4039          },
4040        ];
4041        callback(items);
4042      }
4043    });
4044	
4045ed.ui.registry.addMenuButton('more', {
4046      text: 'mehr',
4047      fetch: function (callback) {
4048        var items = [
4049          {
4050            type: 'menuitem',
4051            icon: 'remove-formatting',
4052			text: 'Clear formatting',
4053            onAction: function () {
4054              ed.execCommand("RemoveFormat");
4055            }
4056          },
4057
4058          {
4059            type: 'menuitem',
4060            icon: 'non-breaking',
4061			text: 'Nonbreaking space',
4062            onAction: function () {
4063              ed.execCommand("mceNonBreaking");
4064            }
4065          },
4066
4067          {
4068            type: 'menuitem',
4069            //icon: 'none',
4070			text: 'Bedingter Trennnstrich',
4071            onAction: function () {
4072              ed.execCommand('mceInsertContent', false, '\u00AD');
4073            }
4074          },
4075		  
4076          {
4077            type: 'menuitem',
4078            icon: 'insert-character',
4079			text: 'Special character',
4080            onAction: function () {
4081              ed.execCommand("mceShowCharmap");
4082            }
4083          },
4084		    
4085          {
4086            type: 'menuitem',
4087            text: 'Show invisible characters',
4088			icon: 'visualchars',
4089            onAction: function () {
4090              ed.execCommand("mceVisualChars");
4091            }
4092          },
4093          {
4094            type: 'menuitem',
4095            icon: 'sourcecode',
4096			text: 'Source code',
4097            onAction: function () {
4098              ed.execCommand("mceCodeEditor");
4099            }
4100          },
4101        ];
4102        callback(items);
4103      }
4104    });
4105
4106			var arFormats = {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}};
4107			var arBlockFormats = {"p":"Text","blockquote":"Zitat","h2":"H2","h3":"H3","h4":"H4","h5":"H5"};
4108
4109			ed.addShortcut('Meta+d', 'Durchgestrichen', 'Strikethrough');
4110
4111			ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat');
4112			ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking');
4113			ed.addShortcut('Ctrl+Alt+189', 'xx', function () {
4114				ed.execCommand('mceInsertContent', false, '\u00AD');
4115			});
4116
4117			ed.addShortcut('Meta+shift+l', 'Aufzaehlung', ['InsertUnorderedList', false, '']);
4118			ed.addShortcut('Meta+shift+t', 'Textkoerper', ['FormatBlock', false, 'p']);
4119			ed.addShortcut('Meta+shift+o', 'Nummerierung', ['InsertOrderedList', false, '']);
4120	}
4121};
4122
4123tinymce.init({
4124	selector: "xxx"
4125});
4126
4127</script>
4127
4128
4129<script>
4130
4131
4132var mce_options_rich = {
4133	//skin: "oxide", // alternatives Skin
4134	skin: "roccas", // alternatives Skin
4135	language:"de",
4136    plugins: [
4137		"advlist autolink lists link image charmap hr anchor pagebreak",
4138		"wordcount visualblocks visualchars code fullscreen noneditable",
4139		"insertdatetime media nonbreaking table",
4140		//"contextmenu",
4141		//"roccasicon roccaslineicon",
4142		"directionality",
4143        "emoticons template paste", // textcolor",
4144		"autoresize textpattern",
4145		//"quickbars" // autosave"
4146    ],
4147	/*
4148	menu: {
4149		table: { title: 'Table', items: 'inserttable | cell row | column | tableprops deletetable' },
4150	},
4151	*/
4152	toolbar_mode: 'sliding',//floating
4153	menubar: false,
4154	/*
4155	// ehemalige Toolbar (2-zeilig, 2020_10)
4156    toolbar1: "REsave | undo redo | cut copy paste pastetextXX | bold italic underline strikethrough subscript superscript " +
4157				"forecolor backcolor removeformat | "+
4158				//hr
4159				"nonbreaking   charmap table visualchars code",
4160	toolbar2: "formatselect | bullist numlist outdent indent | alignleft aligncenter alignright al
4160ignjustify | link unlink",
4161	*/
4162    toolbar: "bold | italic | formatselect | bullist | numlist | table | link | unlink | textalign | " +
4163				"underline | strikethrough | subscript | superscript | " +
4164				"forecolor |  " + 
4165				"backcolor |  " +
4166				//"outdent | indent | " +
4167				"  " + 
4168				"more",
4169	//contextmenu: 'link inserttable | cell row column deletetable', // Kontextmenue, optional
4170	contextmenu: false,
4171	autosave_ask_before_unload:true, // wirkungslos, im Plugin geaendert
4172	autosave_interval:"10s",
4173	auto_focus:false,
4174	skip_focus:true,
4175	
4176	//table_column_resizing: 'preservetable'
4177	table_sizing_mode: 'responsive', 
4178	//table_sizing_mode: 'relative', 
4179	toolbar_persist:false,
4180	toolbar_location:'auto',
4181	toolbar_sticky:true,
4182	
4183/*
4184file_picker_callback: function(callback, value, meta) {
4185    // Provide file and text for the link dialog
4186    if (meta.filetype == 'file') {
4187      callback('mypage.html', {text: 'My text'});
4188    }
4189
4190    // Provide image and alt text for the image dialog
4191    if (meta.filetype == 'image') {
4192      callback('myimage.jpg', {alt: 'My alt text'});
4193    }
4194
4195    // Provide alternative source and posted for the media dialog
4196    if (meta.filetype == 'media') {
4197      callback('movie.mp4', {source2: 'alt.ogg', poster: 'image.jpg'});
4198    }
4199  },
4200  */
4201	
4202
4203	quickbars_insert_toolbar: "table",
4204	//quickbars_selection_toolbar: "bold italic removeformat | quicklink unlink h2 h3 blockquote", // Schnellzugriff, optional
4205	
4206	spellchecker_rpc_url: 'spellchecker.php',
4207	browser_spellcheck : true,
4208	
4209	//link_list: "/ib/site/generators/rRichEdit_Links.php",
4210
4211
4212    image_advtab: true,
4213	table_advtab: false,
4214	table_cell_advtab: false,
4215	table_row_advtab: false,
4216	table_toolbar: "tablecellprops | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol | tablemergecells",
4217	//table_responsive_width: true,
4218    templates: [
4219        {title: 'Test template 1', content: 'Test 1'},
4220        {title: 'Test template 2', content: 'Test 2'}
4221    ],
4222
4223	block_formats : "Text=p;Zitat=blockquote;H2=h2;H3=h3;H4=h4;H5=h5", 
4224	formats : {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}},
4225
4226	paste_postprocess: function(plugin, args) {
4227		//console.log(args.node);
4228		//args.node.setAttribute('id', '42');
4229		jQuery(args.node).find("p").each(function() {
4230			if(jQuery(this).text().trim() == "")
4231				jQuery(this).remove();
4232		});
4233	},
4234textpattern_patterns: rRichEdit_Textpatterns, //from external js 
4235
4236	TEST_valid_children: "li[ul|ol|a|br|span|bdo|object|applet|img|map|iframe|tt|i|b|u|s|strike|big|small|font|basefont|em|strong|del|dfn|code|q|samp|kbd|var|cite|abbr|acronym|sub|sup|input|select|textarea|label|button|#text|#comment]"
4237	+",-h2[ul|ol]"
4238	+",strong/b/em/i[a|br|span|bdo|object|applet|img|map|iframe|tt|i|b|u|s|strike|big|small|font|basefont|em|strong|dfn|code|q|samp|kbd|var|cite|abbr|acronym|sub|sup|input|select|textarea|label|button|#text|#comment]",
4239	TEST_fix_list_elements: true,
4240
4241	autosave_ask_before_unload: false,
4242	convert_urls : false,
4243	
4244	advlist_bullet_styles:"",
4245	haidcolor_map:[
4246			"CD1719", "Rot",
4247			"978B71", "Beige",
4248			"575756", "Dunkelgrau",
4249			"0077C1", "Blau"
4250	],
4251	color_map: [
4252		"b80000", "Rot",
4253		"85817E", "Hellgrau", // 
4254		"005073", "Dunkelblau",
4255		"ffff00", "Gelb",
4256		"87c700", "Gr\00fc",
4257		"ffffff", "Wei\u00df",
4258		"000000", "Schwarz"
4259	],
4260
4261	//fixed_toolbar_container: "#mceEditorTBContainer", // fester Container fuer Menueleiste
4262
4263	inline: true,
4264	statusbar: true,
4265	
4266	setup : function(ed) {
4267		var maxlength = parseInt($("#" + (ed.id)).attr("maxlength"));
4268        ed.on("keydown", function(e) {
4269			if(!maxlength)
4270				return;
4271          var count = $("#" + (ed.id)).text().length;
4272          if (count >= maxlength && e.key && e.key.length == 1) {
4273            //alert(e.keyCode + "You have reached the character limit");
4274            e.stopPropagation();
4275            return false;
4276          }
4277        });
4278				ed.on('blur', function(evt) {
4279					if(ed.isDirty()) {
4280						fnRichEdit_Save(ed.id, ed.getContent());
4281						ed.isNotDirty = 1;
4282						//console.log(1);
4283					}
4284				});
4285				ed.on('focusin', function(evt) {
4286					// sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet
4287					//2016_0904 jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click");
4288					fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id"));
4289					console.log(ed.id);
4290					
4291					// positioniert Symbolleiste RTE
4292					var o = jQuery(document.getElementById(ed.id)).offset();
4293					var st = jQuery(document).scrollTop();
4294					var sl = jQuery(document).scrollLeft();
4295					var h = jQuery("#rRichEditToolbar").height();
4296					var w = jQuery("#rRichEditToolbar").width();
4297					var vw = jQuery(document).width();
4298					if(false) {
4299						h = 68;
4300						var newT = (o.top - st - h - 0 - 35); // ab 2016_0523
4301						if(newT < 0)
4302							newT = 0;
4303						var newL = (o.left - sl + 10); // ab 2016_0523
4304						if(newL+w > vw)
4305							newL = vw-w;
4306						if(newL < 0)
4307							newL = 0;
4308						jQuery("#rRichEditToolbar").css("top", newT + "px");
4309						jQuery("#rRichEditToolbar").css("left", newL + "px");
4310					}
4311				});
4312				ed.on('init', function() {
4313					// Label "Klicken Sie ..."
4314					if(untag(ed.getContent()) == '') {
4315						jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
4316						jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty");
4317					}
4318					
4319					jQuery(document.getElementById(ed.id)).focus(function() {
4320						jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible");
4321						jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("focused").removeClass("empty");
4322					});
4323					jQuery(document.getElementById(ed.id)).blur(function() {
4324						if(untag(ed.getContent()) == '') {
4325							jQuery("label[for=\"" + ed.id + "\"]").addClass("visible");
4326							jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty");
4327						}
4328						jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").removeClass("focused");
4329					});
4330				});
4331				
4332				// Add a custom button
4333				ed.ui.registry.addButton('REsave', {
4334					tooltip : 'Speichern (STRG + S)',
4335					icon:"save",
4336					onAction : function() {
4337						fnRichEdit_Save(ed.id, ed.getContent());
4338					}
4339				});
4340				ed.addShortcut('Meta+s', 'Speichern',
4341					function() {
4342						fnRichEdit_Save(ed.id, ed.getContent());
4343					}
4344				);
4345ed.ui.registry.addMenuButton('textalign', {
4346      text: '',
4347	  icon:'align-left',
4348      fetch: function (callback) {
4349        var items = [
4350          {
4351            type: 'menuitem',
4352            text: 'Align left',
4353			icon: 'align-left',
4354            onAction: function () {
4355              ed.execCommand("JustifyLeft");
4356            }
4357          },
4358          {
4359            type: 'menuitem',
4360            text: 'Align center',
4361			icon: 'align-center',
4362            onAction: function () {
4363              ed.execCommand("JustifyCenter");
4364            }
4365          },
4366          {
4367            type: 'menuitem',
4368            text: 'Align right',
4369			icon: 'align-right',
4370            onAction: function () {
4371              ed.execCommand("JustifyRight");
4372            }
4373          },
4374          {
4375            type: 'menuitem',
4376            text: 'Justify',
4377			icon: 'align-justify',
4378            onAction: function () {
4379              ed.execCommand("JustifyFull");
4380            }
4381          },
4382        ];
4383        callback(items);
4384      }
4385    });
4386	
4387ed.ui.registry.addMenuButton('more', {
4388      text: 'mehr',
4389      fetch: function (callback) {
4390        var items = [
4391          {
4392            type: 'menuitem',
4393            icon: 'remove-formatting',
4394			text: 'Clear formatting',
4395            onAction: function () {
4396              ed.execCommand("RemoveFormat");
4397            }
4398          },
4399
4400          {
4401            type: 'menuitem',
4402            icon: 'non-breaking',
4403			text: 'Nonbreaking space',
4404            onAction: function () {
4405              ed.execCommand("mceNonBreaking");
4406            }
4407          },
4408
4409          {
4410            type: 'menuitem',
4411            //icon: 'none',
4412			text: 'Bedingter Trennnstrich',
4413            onAction: function () {
4414              ed.execCommand('mceInsertContent', false, '\u00AD');
4415            }
4416          },
4417
4418          {
4419            type: 'menuitem',
4420            icon: 'insert-character',
4421			text: 'Special character',
4422            onAction: function () {
4423              ed.execCommand("mceShowCharmap");
4424            }
4425          },
4426		    
4427          {
4428            type: 'menuitem',
4429            text: 'Show invisible characters',
4430			icon: 'visualchars',
4431            onAction: function () {
4432              ed.execCommand("mceVisualChars");
4433            }
4434          },
4435		  /*
4436          {
4437            type: 'menuitem',
4438            text: 'Show word count',
4439			icon: 'character-count',
4440            onAction: function () {
4441              ed.execCommand("mceWordCount"); // mceWordCount muss auch im plugin implementiert werden
4442            }
4443          },
4444		  */
4445          {
4446            type: 'menuitem',
4447            icon: 'sourcecode',
4448			text: 'Source code',
4449            onAction: function () {
4450              ed.execCommand("mceCodeEditor");
4451            }
4452          },
4453        ];
4454        callback(items);
4455      }
4456    });
4457				/*
4458				ed.ui.registry.addButton('Leuchtstift', {
4459					title : 'Hervorheben (STRG + M)',
4460					'class' : 'mce_backcolorpicker',
4461					onclick : function() {
4462						ed.focus();
4463						ed.execCommand('mceToggleFormat', false, 'leuchtstift');
4464					}
4465				});
4466				*/
4467// UMSCHLT + EINFG -> PasteText
4468// Meta+v -> PasteText
4469// Meta+alt+v -> pastehtml
4470// Meta+alt+w -> link
4471// Meta+alt+b -> medie
4472
4473			var arFormats = {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}};
4474			var arBlockFormats = {"p":"Text","blockquote":"Zitat","h2":"H2","h3":"H3","h4":"H4","h5":"H5"};
4475
4476			ed.addShortcut('Meta+d', 'Durchgestrichen', 'Strikethrough');
4477			if(arFormats["leuchtstift"])
4478				ed.addShortcut('Meta+m', 'Markierung', ['mceToggleFormat', false, "leuchtstift"]);
4479
4480			ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat');
4481			ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking');
4482			ed.addShortcut('Ctrl+Alt+189', 'xx', function () {
4483				ed.execCommand('mceInsertContent', false, '\u00AD');
4484			});
4485
4486
4487			if(arBlockFormats["blockquote"])
4488				ed.addShortcut('Meta+shift+b', 'Beispiel', ['FormatBlock', false, 'blockquote']);
4489			ed.addShortcut('Meta+shift+l', 'Aufzaehlung', ['InsertUnorderedList', false, '']);
4490			ed.addShortcut('Meta+shift+t', 'Textkoerper', ['FormatBlock', false, 'p']);
4491			ed.addShortcut('Meta+shift+o', 'Nummerierung', ['InsertOrderedList', false, '']);
4492			if(arBlockFormats["h5"])
4493				ed.addShortcut('Meta+shift+a', 'Absatz', ['FormatBlock', false, 'h5']);
4494			for (i=2; i<=5; i++) {
4495				if(arBlockFormats["h" + i])
4496					ed.addShortcut('Meta+shift+' + i, '', ['FormatBlock', false, 'h' + i]);
4497			}
4498
4499	}
4500};
4501
4502tinymce.init({
4503	selector: "xxx"
4504});
4505
4506</script>
4506
4507
4508<!-- /TinyMCE -->
4509
4510
4511
4512
4513
4514<!-- Datenaustausch -->
4515<form action="/ib/site/generators/rInterfaceDataExchange.php" name="rRichEdit_Form" target="rWACK_Target"
4516	style="position:absolute; left:0px; top:0px;"
4517	method="post" enctype="multipart/form-data">
4518<div>
4519	<input type="hidden" name="Component" value="rRichEditClass" />
4520	<input type="hidden" name="Action" value="Update" />
4521	<input type="hidden" name="NotifySuccess" value="" />
4522	<input type="hidden" name="NotifyFail" value="" />
4523	<input type="hidden" name="Text" value="" />
4524	<input type="hidden" name="parId" value="" />
4525	<input type="hidden" name="Parameter" value="" />
4526</div>
4527</form>
4528
4529<form action="/ib/site/generators/rInterfaceDataExchange.php" name="rWACK_Form"
4530	style="position:absolute; left:0px; top:0px;"
4531	method="post" enctype="multipart/form-data" target="rWACK_Target"><!--
4532	<div>
4533	<input type="hidden" name="wddx" value="" />
4534	</div>-->
4535</form>
4536<iframe id="rWACK_Target" name="rWACK_Target" width="1" height="1"
4537	style="position:absolute; left:-1px; top:-1px; visibility:hidden; border:0px; background-color:transparent" src="about:blank"></iframe>
4538<iframe id="rWACK_XML" name="rWACK_XML" width="1" height="1"
4539	style="position:absolute; left:-1px; top:-1px; visibility:hidden; border:0px; background-color:transparent" src="about:blank"></iframe>
4540
4541<script type="text/javascript">
4542	var WACK;
4543	var rRichEditLinkDialogue;
4544	if (!WACK) WACK = new rWACKClass();
4545</script>
4545
4546
4547<!-- Hauptmenue -->
4548
4549<link type="text/css" rel="stylesheet" href="/ib/core/libraries_ext/simplebar-1.1.9/src/simplebar.css" />
4550<script type="text/javascript" src="/ib/core/libraries_ext/simplebar-1.1.9/src/simplebar.js"></script>
4550
4551
4552<script type="text/javascript" src="/ib/core/libraries_ext/jacs/jacs.js"></script>
vendor: 1 bytes, line 4552
4552
4553<script>
4554
4555jQuery("body")
4556	.addClass("adminBar-xx")
4557	.addClass("adminBar-xx")
4558	.addClass("adminBar-xx");
4559	
4560</script>
4560
4561<!-- Hauptmenue -->
4562<div id="rAdministrationBar_Button" class="InverseColor noprint">
4563	<div class="r-Symbolleiste r-Symbolleiste-Invers">
4564		<a href="Javascript:void(0)" class="SchalterA disabled"
4565			onclick="if(jQuery(this).hasClass('disabled')) { return;};
4566				jQuery('body').toggleClass('adminBar-Expanded');fnAdminBar_SaveState();"
4567			title="Hauptmen&uuml; einblenden"
4568			><span class="Icon rcAdmin-Menu"></span></a>
4569	</div>
4570	<!--
4571	<div class="r-Symbolleiste r-Symbolleiste-Invers">
4572			<a href="Javascript:void(0)" class="SchalterA" onclick="jQuery('body').toggleClass('adminBar-Sidebar');fnAdminBar_SaveState();"
4573				title="Hauptmen&uuml; abl&ouml;sen"
4574				><span class="Icon rcAdmin-MenuDetach"></span></a>
4575	</div>
4576	-->
4577</div>
4578<div id="rAdministrationBar_Dialogue"
4579	class="InverseColor noprint loading"
4580	data-top="20px"
4581	data-left="120px"
4582	style="top:20px;left:120px;"
4583	>
4584<div class="Background"></div>
4585<div class="Content">
4586	<div class="Kopf" xxstyle="padding-right:18px;padding-left:18px;text-align:right;line-height:29px;">
4587		<img src="/ib/core/elements/Icon_cmsROCCAS.svg" class="CMSLogo">
4588		<img src="/ib/core/elements/Icon_R.svg" class="left">
4589		<img src="/ib/core/elements/Icon_R.svg" class="right">
4590		<!--
4591		<span class="Version" style="vertical-align:-1px;line-height:16px;letter-spacing:0.08em;padding-right:5px;font-weight:300;">CMS vv25</span><img src="/ib/core/elements/Logo_invers.svg" style="vertical-align:middle;">
4592		-->
4593	</div>
4594	<div class="AdministrationBar_Handle"></div>
4595<!-- Symbolleiste -->
4596	<div id="Symbolleiste" class="r-Symbolleiste r-Symbolleiste-Invers">
4597		<div class="SchalterGruppeA">
4598			<div class="SchalterGruppeA">
4599				<a href="Javascript:void(0)" id="ib-admin-AdminBarExpand" class="SchalterA SchalterTools expand disabled"
4600					onclick="if(jQuery(this).hasClass('disabled')) { return;};
4601						jQuery('#rAdministrationBar_Dialogue').addClass('tools').removeClass('boxes');
4602						jQuery('body').addClass('adminBar-Expanded');fnAdminBar_SaveState();"
4603					title="Werkzeuge einblenden"
4604					><span class="Icon rcAdmin-Menu"></span></a>
4605				<a href="Javascript:void(0)" id="ib-admin-AdminBarCollapse" class="SchalterA SchalterTools collapse disabled"
4606					onclick="if(jQuery(this).hasClass('disabled')) { return;};
4607						jQuery('#rAdministrationBar_Dialogue').addClass('tools').removeClass('boxes');
4608						jQuery('body').removeClass('adminBar-Expanded');fnAdminBar_SaveState();"
4609					title="Werkzeuge ausblenden"
4610					><span class="Icon rcAdmin-Menu"></span></a>
4611			</div>
4612			<a href="Javascript:void(0)" class="SchalterA SchalterBoxes expand disabled"
4613				onclick="if(jQuery(this).hasClass('disabled')) { return; };
4614					jQuery('#rAdministrationBar_Dialogue').addClass('boxes').removeClass('tools');
4615					jQuery('body').addClass('adminBar-Expanded');fnAdminBar_SaveState();"
4616					title="Bausteine einblenden"><span class="Icon rcAdmin-Boxes"></span></a>
4617			<a href="Javascript:void(0)" class="SchalterA SchalterBoxes collapse disabled"
4618				onclick="if(jQuery(this).hasClass('disabled')) { return; };
4619					jQuery('#rAdministrationBar_Dialogue').addClass('boxes').removeClass('tools');
4620					jQuery('body').removeClass('adminBar-Expanded');fnAdminBar_SaveState();"
4621					title="Bausteine ausblenden"><span class="Icon rcAdmin-Boxes"></span></a>
4622
4623<!---
4624			<a href="Javascript:void(0)" class="SchalterA" id="ib-admin-AdminBarAttach" onclick="jQuery('body').toggleClass('adminBar-Sidebar');fnAdminBar_SaveState();"
4625				title="Hauptmen&uuml; anheften"
4626				><span class="Icon rcAdmin-MenuAttach"></span></a>
4627			<a href="Javascript:void(0)" class="SchalterA" id="ib-admin-AdminBarDettach" onclick="jQuery('body').toggleClass('adminBar-Sidebar');fnAdminBar_SaveState();"
4628				title="Hauptmen&uuml; abl&ouml;sen"
4629				><span class="Icon rcAdmin-MenuDetach"></span></a>
4630-->
4631<!--
4632			<a href="Javascript:void(0)" id="ib-admin-AdminBarUnpin" class="SchalterA selected" onclick="jQuery('body').removeClass('adminBar-Fixed');fnAdminBar_SaveState();"
4633				title="Hauptmen&uuml; automatisch ausblenden"><span class="Icon rcAdmin-Pin"></span></a>
4634			<a href="Javascript:void(0)" id="ib-admin-AdminBarPin" class="SchalterA" onclick="jQuery('body').addClass('adminBar-Fixed');fnAdminBar_SaveState();"
4635				title="Hauptmen&uuml; beim Neuladen ge&ouml;ffnet halten"><span class="Icon rcAdmin-Pin"></span></a>
4636-->
4637
4638			<a href="Javascript:void(0)" class="SchalterA   "
4639				onclick="if(jQuery(this).hasClass('disabled')) { return;}; document.location.replace(fnChangeEditMode('edit'))"
4640				title="Seite im Editiermodus anzeigen (STRG + UMSCH + E)"
4641				><span class="Icon rcAdmin-PreviewMode"></span></a>
4642			<a href="Javascript:void(0)" class="SchalterA  hidden"
4643				onclick="if(jQuery(this).hasClass('disabled')) { return;}; document.location.replace(fnChangeEditMode('preview'))"
4644				title="Seite im Vorschaumodus anzeigen (STRG + UMSCH + P)"
4645				><span class="Icon rcAdmin-EditMode"></span></a>
4646
4647		</div>
4648
4649		<div style="float:right">
4650			<div class="SchalterGruppeA">
4651				<a href="Javascript:void(0)" class="SchalterA"
4652					onclick="document.location.href='?cmslogoff';"
4653					title="Abmelden"
4654					><span class="Icon rcAdmin-Logout"></span></a>
4655			</div>
4656		</div>
4657	</div>
4658	
4659<!-- Panel -->
4660	<div id="rAdministrationBar_Panel"
4661		class="tools">
4662		<div class="Gruppe1">
4663			<div class="KalenderGruppe">
4664				<!-- Ansicht / Kalender -->
4665				<div style="overflow:hidden; float:left;">
4666					<!--<div style="padding:9px 3px 9px 5px; display:inline-block; vertical-align:top;">Ansicht&nbsp;</div>-->
4667					<div style="display:inline-block; vertical-align:top;padding-left:12px;">
4668						<input type="datetime-local" class="form_field" size="11"
4669							id="Control_AnsichtDate"
4670							style="width:160px;width:132px"
4671							placeholder="jetzt"
4672							name="Control_AnsichtDate" value="" />
4673						<!--
4674						<div class="MiniSchalter MouseOver first"
4675							title="Datum &uuml;ber Kalender w&auml;hlen"
4676							onclick="JACS.show(document.getElementById('Control_AnsichtDate'), event, 'roccas_de');"><span class="Icon rcAdmin-CalendarControl"></span></div>
4677							-->
4678						<div class="MiniSchalter MouseOver first"
4679							title="Ansicht jetzt zeigen"
4680							onclick="jQuery('#Control_AnsichtDate').val('');"><span class="Icon rcAdmin-Remove"></span></div>
4681					</div>
4682				</div>
4683			</div>
4684			
4684<script type="text/javascript">
4685				function fnSetAnsicht(pm) {
4686					if(pm == "now") {
4687						jQuery("#Control_AnsichtDate").val("");
4688					}
4689					val = jQuery("#Control_AnsichtDate").val();
4690										document.location.href = "/2a8cefe1-9125-7378-df4d-dba56cbb1850?Edition=de&Ansicht=" + val;
4691				}
4692				jQuery("#Control_AnsichtDate").bind("keydown", function(pmEvent) {
4693					if(pmEvent.keyCode == 13) {
4694						pmEvent.preventDefault();
4695						pmEvent.stopPropagation();
4696						pmEvent.stopImmediatePropagation();
4697						fnSetAnsicht();
4698					}
4699				});
4700			</script>
4700
4701			
4702			<div class="r-Symbolleiste r-Symbolleiste-Invers" style="margin:0;float:left;display:block; width:auto;">
4703				<div class="SchalterGruppeA">
4704					<a href="Javascript:void(0)" class="SchalterA"
4705						onclick="fnSetAnsicht()"
4706						title="Ansicht aktualisieren"
4707						><span class="Icon rcAdmin-Refresh"></span></a>
4708				</div>
4709			</div>
4710			
4711
4712		</div>
4713<!--
4714		<div class="r-Symbolleiste r-Symbolleiste-Invers r-Symbolleiste-Textschalter" style="margin:0;">
4715			<a href="Javascript:void(0)" class="SchalterA SchalterTools" onclick="jQuery('#rAdministrationBar_Panel').addClass('tools').removeClass('boxes');fnAdminBar_SaveState();"><span class="Icon rcAdmin-Tools"></span>Werkzeuge</a>
4716			<a href="Javascript:void(0)" class="SchalterA SchalterBoxes disabled"
4717				onclick="if(jQuery(this).hasClass('disabled')) { return; };
4718					jQuery('#rAdministrationBar_Panel').addClass('boxes').removeClass('tools');fnAdminBar_SaveState();"><span class="Icon rcAdmin-Boxes"></span>Bausteine</a>
4719		</div>
4720	-->
4721		<!-- Menue -->
4722		
4722<script type="text/javascript"> // nicht in div, wg. n-th child
4723			jQuery(document).ready(function() {
4724				// Initialize scrollers.
4725				jQuery('#ib-admin-ToolsList').simplebar({ autoHide: false });
4726				window.setInterval(function() {
4727					jQuery('#ib-admin-ToolsList').simplebar("recalculate");
4728				}, 500);
4729			});
4730		</script>
4730
4731		<div id="ib-admin-ToolsList" class="Kacheln_Standard" data-simplebar-direction="vertical">
4732			<div class="Split">
4733				<div>
4734								<div style="clear:both;"></div>
4735				</div>
4736				<div style="position:relative;height:40px;">
4737					<div style="color:white;position:absolute;left:12px;bottom:9.7px;font-size:12px;line-height:17px;letter-spacing:0.08em;font-weight:300;">v25</div>
4738				</div>
4739			</div>
4740		</div>
4741		</div>
4742</div>
4743</div>
4744
4745
4746
4747
4748
4749
4750
4751
4752
4753
4754<!-- Schnittstellen -->
4755<xml id="rAdministrationBar_XML"
4756	onDatasetComplete="document.location.reload();">
4757</xml>
4758
4759<script language="Javascript" type="text/javascript">
4760	rWACK_Layout = "Page_Standard";
4761	rWACK_Session = "";
4762	rWACK_Edition = "de";
4763	
4764	function fnChangeEditMode(pmView) {
4765		var sPageURL = window.location.search.substring(1);
4766		var sURLVariables = sPageURL.split('&');
4767		for (var i = sURLVariables.length-1; i >= 0 ; i--) {
4768			var sParameterName = sURLVariables[i].split('=');
4769			if(sParameterName[0] == "Mode")
4770				delete sURLVariables[i];
4771		}
4772		sURLVariables.push("Mode=" + pmView);
4773		
4774		return window.location.pathname + "?" + sURLVariables.join("&") + window.location.hash;
4775	}
4776
4777	jQuery("#ib-admin-ToolsList a").click(function() {
4778		setTimeout(fnAdminBar_HideAfterAction, 200);
4779	});
4780	function fnAdminBar_HideAfterAction() {
4781		if(true || jQuery("body").hasClass("adminBar-Sidebar")) {
4782			if(! jQuery("body").hasClass("adminBar-Fixed")) {
4783				jQuery("body").removeClass("adminBar-Expanded");
4784			}
4785		}
4786	}
4787	var adminBarW1 = 54;
4788	var adminBarW2 = 280;
4789	var adminBarW3 = 10;
4790	function fnRepositionAdministrationBar(pmNoOffset = false) {
4791		var h = jQuery(window).height();
4792		var w = jQuery(window).width();
4793		var bh = jQuery("#rAdministrationBar_Dialogue").height();
4794		var bw = jQuery("#rAdministrationBar_Dialogue").width();
4795		var pos = jQuery("#rAdministrationBar_Dialogue").position();
4796		
4797		if(w < 480)
4798			adminBarW1 = 36;
4799		
4800		var st = 0; //jQuery(document).scrollTop();
4801		var sl = 0; //jQuery(document).scrollLeft();
4802		var offset = -adminBarW2 + adminBarW1;
4803		if(pmNoOffset)
4804			offset = adminBarW3;
4805	
4806		// Symbolleiste constrainen
4807		jQuery("#rAdministrationBar_Dialogue").css("left", Math.min(w - bw - adminBarW3, pos.left-sl) + "px");
4808		jQuery("#rAdministrationBar_Dialogue").css("top", Math.min(h - bh - adminBarW3, pos.top-st) + "px");
4809		
4810		setTimeout(function() {
4811			var pos = jQuery("#rAdministrationBar_Dialogue").position();
4812			if(offset < 0)
4813				jQuery("#rAdministrationBar_Dialogue").css("left", Math.max(offset, pos.left-sl) + "px");
4814			jQuery("#rAdministrationBar_Dialogue").css("top", Math.max(adminBarW3, pos.top-st) + "px");
4815			
4816			var pos = jQuery("#rAdministrationBar_Dialogue").position();
4817			if(pos.left < -140 || pos.left > w-140) {
4818					fnAdminBar_AdjustClass();
4819				if(pos.left < -140) {
4820					jQuery("#rAdministrationBar_Dialogue").animate({left:offset}, 200).promise().done(function() {fnAdminBar_SavePosition();fnAdminBar_AdjustClass();});
4821				}
4822				if(pos.left > w-140) {
4823					jQuery("#rAdministrationBar_Dialogue").animate({left:w - bw - offset}, 200).promise().done(function() {fnAdminBar_SavePosition();fnAdminBar_AdjustClass();});
4824				}
4825				jQuery("body").removeClass("adminBar-Expanded");
4826			}
4827			else {
4828				jQuery("#rAdministrationBar_Dialogue").removeClass("fade");
4829				fnAdminBar_SavePosition();
4830			}
4831		}, 30);
4832	}
4833	function fnAdminBar_AdjustClass() {
4834		var pos = jQuery("#rAdministrationBar_Dialogue").position();
4835		if(pos.left < -140 || pos.left > w-140) {
4836			jQuery("#rAdministrationBar_Dialogue").addClass("fade");
4837			if(pos.left < -140)
4838				jQuery("#rAdministrationBar_Dialogue").addClass("left").removeClass("right");
4839			if(pos.left > w-140)
4840				jQuery("#rAdministrationBar_Dialogue").addClass("right").removeClass("left");
4841			jQuery("body").removeClass("adminBar-Expanded");
4842		}
4843		else {
4844			jQuery("#rAdministrationBar_Dialogue").removeClass("fade");
4845		}
4846	}
4847	jQuery(document).ready(function() {
4848		setTimeout(fnRepositionAdministrationBar, 1300);
4849	});
4850	jQuery(window).resize(function() {
4851		setTimeout(fnRepositionAdministrationBar, 1000);
4852	});
4853
4854function fnAdminBar_SaveState() {
4855	var params = {
4856		Component: "rDialogueControlClass",
4857		Action: "fnSetParameters",
4858		Dialogue: "rAdministrationBar_Dialogue",
4859		Layout: "COMMON",
4860		SId: rWACK_Session,
4861		Expanded: jQuery("body").hasClass("adminBar-Expanded")?1:0,
4862		Sidebar: jQuery("body").hasClass("adminBar-Sidebar")?1:0,
4863		Fixed: jQuery("body").hasClass("adminBar-Fixed")?1:0,
4864				noCache: Date()
4865	};
4866	jQuery.ajax({
4867		url:'/ib/site/generators/rInterfaceDataExchange.php',
4868		data:params,
4869		async:true,
4870		cache:false,
4871		type:'GET'
4872	});	
4873}
4874	// initialisiert WACK-Dialog
4875	/*
4876	jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").on("pointerup", function() {
4877		var pos = jQuery("#rAdministrationBar_Dialogue").position();
4878		var pos0 = jQuery(this).data('dragPos');
4879		if(pos0 && Math.abs(pos0.left - pos.left) < 10 && Math.abs(pos0.top - pos.top) < 10 ) {
4880			return;
4881		}
4882		console.log("click");
4883		if(jQuery("#rAdministrationBar_Dialogue").hasClass("fade")) {
4884			fnRepositionAdministrationBar(true);
4885		}
4886	});
4887	*/
4888
4889	jQuery("#rAdministrationBar_Dialogue").draggable({
4890			handle:jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle")[0],
4891			xxcontainment: "window",
4892			scroll: false,
4893			drag: function(event, ui) {
4894				var item = jQuery(ui.helper);
4895				var h = jQuery(window).height();
4896				var w = jQuery(window).width();
4897				var st = jQuery(window).scrollTop();
4898				var sl = jQuery(window).scrollLeft();
4899				var bh = item.height();
4900				var bw = item.width();
4901				var inst = item.draggable("instance");
4902				inst.containment = [0 - adminBarW2 + adminBarW1 + sl, 0 + adminBarW3 + st, w - bw - adminBarW3 + sl, h - 84 - adminBarW3 + st]; // containment wird bei position fixed injq-ui nicht sinnvoll behandelt
4903				
4904				fnAdminBar_AdjustClass();
4905			},
4906			start: function() {
4907				jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragging', true);
4908				jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragPos', jQuery("#rAdministrationBar_Dialogue").position());
4909			},
4910			stop: function() {
4911				fnRepositionAdministrationBar();
4912				if(jQuery("body").hasClass("adminBar-Sidebar"))
4913					return;
4914				fnAdminBar_SavePosition();
4915				setTimeout(function() {
4916					jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragging', false);
4917					jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragPos', false);
4918				}, 10);
4919			}
4920		}
4921	);
4922	function fnAdminBar_SavePosition() {
4923		var w = jQuery(window).width();
4924		var params = {
4925			Component: "rDialogueControlClass",
4926			Action: "fnSetParameters",
4927			Dialogue: "rAdministrationBar_Dialogue",
4928			Layout: "COMMON",
4929			SId: rWACK_Session,
4930			Left: (w<480?-adminBarW2+adminBarW1:jQuery("#rAdministrationBar_Dialogue").css("left")),
4931			Top: jQuery("#rAdministrationBar_Dialogue").css("top"),
4932			noCache: Date()
4933		};
4934		jQuery.ajax({
4935			url:'/ib/site/generators/rInterfaceDataExchange.php',
4936			data:params,
4937			async:true,
4938			cache:false,
4939			type:'GET'
4940		});
4941	}
4942	var t = jQuery("#rAdministrationBar_Dialogue");
4943	t.css("left", t.attr("data-left")).css("top", t.attr("data-top"));
4944	var w = jQuery(window).width();
4945	if(w < 480) {
4946		adminBarW1 = 36;
4947		//jQuery("#rAdministrationBar_Dialogue").addClass("fade").animate({left:-adminBarW2+adminBarW1}, 200).promise().done(fnAdminBar_SavePosition);
4948		jQuery("#rAdministrationBar_Dialogue").css({left:-adminBarW2+adminBarW1});
4949	}
4950	if(parseInt(jQuery("#rAdministrationBar_Dialogue").css("left")) < -140)
4951		jQuery("#rAdministrationBar_Dialogue").addClass("fade").addClass("left")
4952	setTimeout(function() {
4953		jQuery("#rAdministrationBar_Dialogue").removeClass("loading");
4954	}, 200);
4955
4956</script>
4956
4957
4958
4959		
4959<script src="/ib/core/interfaces/rDirectEdit/rDirectEdit.js?2016_0708" type="text/javascript"></script>
4959
4960		
4960<script src="/ib/core/interfaces/rMessage/rMessage.js?2016_0708" type="text/javascript"></script>
4960
4961		
4961<script type="text/javascript">
4962var cardSizes = {};
4963cardSizes['ImageEdit'] = '525';
4964cardSizes['AudioEdit'] = '525';
4965cardSizes['PageEdit'] = '1050';
4966cardSizes['PlatformvideoEdit'] = '525';
4967cardSizes['PostingEdit'] = '1050';
4968cardSizes['DocumentEdit'] = '525';
4969cardSizes['EventEdit'] = '1050';
4970cardSizes['VideoEdit'] = '525';
4971</script>
vendor: 1 bytes, line 4971
4971
4972<script src="/ib/core/interfaces/rBoxEdit/rBoxEdit.js?b1221" type="text/javascript"></script>
4972
4973
4974
4975	
4976<div id="HelperLayer" style="z-index:30000; position:absolute; display:none; background-color:#999999">
4977
4978<div class="admin">
4979	<!-- Symbolleiste -->
4980	<div class="admin BoxEdit-Symbolleiste-Overlay" id="Symbole_Bearbeiten">
4981		<div style="text-align:right;">
4982
4983
4984		</div>
4985				<div class="admin_Boxcaption">
4986		</div>
4987	</div>
4988
4989	<div style="position:absolute;visibility:hidden">
4990		<!-- verhindert Verschiebung bei MouseOver der Commandbar-Buttons -->
4991	</div>
4992</div>
4993
4994</div>
4995
4996
4997<!-- Formular, IFrame (Datenaustausch) -->
4998<form action="/ib/site/generators/rInterfaceDataExchange.php" name="rBoxEdit_Form" target="rWACK_Target"
4999	method="post" enctype="multipart/form-data" style="position:absolute; left:0px; top:0px; border:0px;">
5000	<div>
5001	<input type="hidden" name="Component" value="rBoxEditClass" />
5002	<input type="hidden" name="cntIdVersion" value="2ca10d4d-8427-37ee-332b-ac45c4375410" />
5003	<input type="hidden" name="Paragraph" value="" />
5004	<input type="hidden" name="Box" value="1" />
5005	<input type="hidden" name="boxId" value="" />
5006	
5007	<input type="hidden" name="NotifyFail" value="" />
5008	<input type="hidden" name="NotifySuccess" value="" />
5009	<input type="hidden" name="Action" value="fnUpdate" />
5010	</div>
5011</form>
5012
5013
5014<!--
5015<div id="ImageCropSliderContainer" class="admin" style="display:none; position:absolute; bottom:0px; left:19px; right:20px;">
5016	<div id="ImageCropSlider" style="position:absolute; bottom:20px; left:0px; width:100%; box-sizing:border-box" title="Abbildung zoomen"></div>
5017</div>
5018-->
5019
5020<div id="ImageCropFormContainer" class="admin" style="">
5021<div id="ImageCropFormScale"></div>
5022<div id="ImageCropForm_Dialogue" class="InverseColor">
5023	<!--<div class="ImageCropForm_Handle"></div>-->
5024	<div id="ImageCropForm-Symbolleiste" style="height:auto;" class="r-Symbolleiste r-Symbolleiste-Invers">
5025	<!--
5026		<div class="SchalterGruppeA rechts">
5027			<a href="#" class="SchalterA"
5028				onclick="fnOpenWindow_InlineCard('card','/ib/site/generators/rCard.php?id=' + zoomImageParams[imPortId]['cntIdVersion'], 'Image');return false"
5029				title="Medium im Datenblatt &ouml;ffnen"
5030				><span class="Icon rcAdmin-Image"></span></a>
5031		</div>
5032	-->
5033	
5034		<div class="ImageCropSizingContainer">
5035			<div class="ImageCropSizingBackground"><div class="ImageCropSizingBackgroundCritical"></div></div>
5036			<div class="ImageCropSizing">
5037				<div class="ImageCropForm-Button ImageCropForm-Expand"><span class="Icon rcAdmin-ZoomIn"></span></div>
5038				<div class="ImageCropSliderContainer" style="width:1px; margin-left:19px; margin-right:20px; display:block;padding:15px 0;">
5039					<div id="ImageCropSlider" style="position:relative; box-sizing:border-box" title="Abbildung zoomen"></div>
5040				</div>
5041				<div class="ImageCropForm-Button ImageCropForm-Collapse"><span class="Icon rcAdmin-ZoomOut"></span></div>
5042			</div>
5043		</div>
5044		
5045		<!--
5046		<div class="SchalterGruppeA rechts">
5047			<div style="padding:9px 0px 7px 10px; float:left; line-height:18px;">&ndash;</div>
5048			<div style=" float:left; width:120px; height:2px; margin-left:15px; margin-right:15px; display:block;padding:17px 0;">
5049				<div id="ImageCropSlider" style="position:relative; height:120px; box-sizing:border-box" title="Abbildung zoomen"></div>
5050			</div>
5051			<div style="padding:9px 10px 7px 0px; float:left; line-height:18px;">+</div>
5052		</div>
5053		-->
5054<!--
5055		<form id="ImageCropForm" style="float:left;">
5056			<div class="SchalterGruppeA rechts">
5057				<table class="properties" cellspacing="0" cellpadding="0" border="0" height="36">
5058					<tr>
5059						<td>
5060							<div style="padding:6px 10px 6px 10px; display:inline-block; vertical-align:top;">B</div>
5061						</td>
5062						<td>
5063							<div style="display:inline-block; vertical-align:top;">
5064								<input type="text" class="form_field" size="11"
5065									id="width"
5066									style="width:30px"
5067									onchange="ImageDialog.changeHeight();" 
5068									name="width" value="" />
5069							</div>
5070						</td>
5071						<td><div style="padding:1px 8px 0px 8px;"><span id="constrainfree" class="Icon rcAdmin-Unlocked" style="opacity:0.3">&nbsp;</span><span id="constrainlocked" class="Icon rcAdmin-Locked" style="display:none"></span></div></td>
5072						<td>
5073							<div style="padding:6px 10px 6px 0px; display:inline-block; vertical-align:top;">H</div>
5074						</td>
5075						<td style="padding-right:8px;">
5076							<div style="display:inline-block; vertical-align:top;">
5077								<input type="text" class="form_field" size="11"
5078									id="height"
5079									style="width:30px"
5080									onchange="ImageDialog.changeWidth();" 
5081									name="height" value="" />
5082							</div>
5083						</td>
5084					</tr>
5085				</table>
5086			</div>
5087			<div class="SchalterGruppeA">
5088				<table class="properties" cellspacing="0" cellpadding="0" border="0" height="36">
5089					<tr>
5090						<td style="padding: 6px 10px 6px 10px;"><label>B&nbsp;:&nbsp;H&nbsp;wie&nbsp;Original</label></td>
5091						<td style="padding: 3px 0px 7px 0px;">
5092							<input id="flgdimensions_original" type="checkbox" name="flgdimensions_original" value="1"
5093								checked="checked"
5094								class="Optionsfeld" style="width: auto;" 
5095								onclick="ImageDialog.adjustForm()" />
5096						</td>
5097					</tr>
5098				</table>
5099			</div>
5100		</form>
5101-->
5102	</div>
5103</div>
5104</div>
5105<!--
5106<script type="text/javascript">
5107	jQuery("#ImageCropFormContainer").draggable({
5108		handle:jQuery("#ImageCropFormContainer .ImageCropForm_Handle")[0],
5109		containment: "window"
5110	});
5111</script>
5111
5112-->
5113</div><!--/noindex-->

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.