PageSourceSearch

https://www.wurzelrudi.de/planen/tickets/

html wurzelrudi.de collected 2026-10-09 17:06:46 UTC 474,492 bytes, 29,786 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"  class=" c151651">
3<head>
4	<title>Tickets online kaufen | Wurzelrudis Erlebniswelt Eibenstock</title>
5	
6	<meta name="description" content="Tickets für Wurzelrudis Erlebniswelt und SkiArena Eibenstock online buchen: Sommer- und Wintertickets, Wurzeltaler, Pakete und Gutscheine.">
7	<meta name="keywords" content="Allwetterbobbahn, Eibenstock, Erlebnispakete, Gutschein, Onlineshop, Sesselbahn, SkiArena, Sommerticket, Tickets, Ticketshop, Winterticket, Wurzelrudis Erlebniswelt, Wurzeltaler">
8	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
9	<meta name="robots" content="index, follow">
10	<meta name="google-site-verification" content="9_wO_1OXxHzhTfS40P9V-sEe8u5L0zpUJyHaNtF13Fc">
11	<meta name="tramino-cache" content="08.10.2026 21:08:26">
12	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
13	<link rel="canonical" href="https://www.wurzelrudi.de/planen/tickets/">
14	<link rel="icon" type="image/png" sizes="16x16" href="https://storage.tramino.net/wurzelrudi/1546009/16.png">
15	<link rel="icon" type="image/png" sizes="32x32" href="https://storage.tramino.net/wurzelrudi/1546009/32.png">
16	<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://storage.tramino.net/wurzelrudi/1546009/180.png">
17	<link rel="manifest" href="/manifest.json">
18	<meta name="msapplication-TileColor" content="#ffffff">
19	<meta name="theme-color" content="#ffffff">
20
21	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2800_2256.css?r=49" type="text/css" media="all"  >
22	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/824_3.css?r=49" type="text/css" media="all"  >
23	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2862_286.css?r=49" type="text/css" media="all"  >
24	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2897_154.css?r=49" type="text/css" media="all"  >
25	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/4532_301.css?r=49" type="text/css" media="all"  >
26	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/4681_38.css?r=49" type="text/css" media="all"  >
27	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2820_349.css?r=49" type="text/css" media="all"  >
28
29		<!-- Init Consent -->
30		
30<script>
31		localStorage.setItem("consentPermission","false");
32		window.ConsentChecksum = "9789a1193c164c21b4b0dadc12b07d5a_v1";
33		window.consentCodeBuffer = window.consentCodeBuffer || [];
34
35		window.setConsentCookie = function( cvalue ) {
36			const d = new Date();
37			const cname = "Consent";
38			const exdays = 365;
39
40			d.setTime(d.getTime() + (exdays*24*60*60*1000));
41			let expires = "expires="+ d.toUTCString();
42			document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
43		}
44
45		window.getConsentCookie = function( ) {
46			let cname = "Consent";
47			let name = cname + "=";
48			let decodedCookie = decodeURIComponent(document.cookie);
49			let ca = decodedCookie.split(';');
50
51			for(let i = 0; i <ca.length; i++) {
52				let c = ca[i];
53				while (c.charAt(0) == ' ') {
54					c = c.substring(1);
55				}
56				if (c.indexOf(name) == 0) {
57					return c.substring(name.length, c.length);
58				}
59			}
60			return "";
61		}
62
63		window.deleteConsentCookie = function( ) {
64			let cname = "Consent";
65			document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
66		}
67
68		window.releaseConsentBuffer = function() {			
69
70			let buffer = window.consentCodeBuffer;
71			const tempContainer = document.createElement('div');
72
73			window.onerror = function (error, url, line, column, stack) {
74
75				let fetch_url = "/api/codes/error/?" + new URLSearchParams({
76					error_message: error,
77					error_url: url,
78				}).toString()
79
80				fetch(fetch_url).then(function(response) {
81				
82				}).catch(function(err) {
83
84				});
85	        };
86
87			for (var i = 0; i < buffer.length; i++) {
88				let code_element = buffer[i];
89
90				if ( code_element.released === true ) {
91					console.log("[releaseConsentBuffer] skip double execution");
92					continue;
93				}
94
95				if ( code_element.type == "javascript" ) {
96	
97					(function() {
98						code_element.callback.call();
99						//eval(code_element.callback);
100					})();
101
102				} else if ( code_element.type == "src" ) {
103					var s = document.createElement('script');
104					s.type = 'text/javascript';
105					s.async = true;
106					s.src = code_element.src;
107					document.body.appendChild(s);
108				}
109				else if ( typeof code_element.content == "string" ) {
110					
111					if ( code_element.content !== undefined  ) {
112						code_element.content = code_element.content.replace(/script_blocker/g, 'script');
113						tempContainer.innerHTML += code_element.content;
114					}
115					
116				}
117
118				code_element.released = true;
119			}
120
121			let code_items = tempContainer.children;	
122			
123
124			for (let child of Array.from(code_items) ) {
125			
126				let error;
127								
128				if ( child.tagName === 'SCRIPT' ) {
129					
130					const newScript = document.createElement('script');
131					if ( child.src ) {
132						// Externe Skripte
133						if (child.type) {
134							newScript.type = child.type; // Type übernehmen
135						}
136						newScript.async = true; // Standardmäßig async laden
137						newScript.src = child.src;
138					} else {
139						// Inline-Skripte
140						try {
141							newScript.textContent = child.textContent;
142						} catch ( err ) {
143		                	// console.log( "Code Error", err )
144		                }
145					}
146					document.body.appendChild(newScript);
147				} else {
148					document.body.appendChild(child);
149				}
150                
151
152               
153            
154			}
155
156			window.onerror = null;
157
158		}
159		window.runInlineScriptsConsent = function(container, html) {
160			const tpl = document.createElement('template');
161			tpl.innerHTML = html;
162
163			const scripts = tpl.content.querySelectorAll('script_blocker');
164
165			container.innerHTML = '';
166			container.appendChild(tpl.content);
167
168			scripts.forEach(oldScript => {
169				const s = document.createElement('script');
170
171				// Attribute kopieren (src, async, type, etc.)
172				for (const { name, value } of Array.from(oldScript.attributes)) {
173				s.setAttribute(name, value);
174				}
175
176				// Inline-Code kopieren
177				if (!oldScript.src) {
178				s.textContent = oldScript.textContent;
179				}
180
181				oldScript.replaceWith(s);
182			});
183		}
184		window.releaseInlineBlocks = function() {
185
186			if ( typeof window.runInlineScriptsConsent === "function" ) {
187				
188				const inlineblocks = document.querySelectorAll(".T330");
189
190				inlineblocks.forEach(block => {
191					const wrapper = block.querySelector(".placeholder");
192					if ( wrapper !== null ) {
193						if ( wrapper.dataset.script ) {
194							window.runInlineScriptsConsent(wrapper, wrapper.dataset.script);
195						}
196					}
197					
198				});
199
200
201			}
202
203		}
204		window.checkConsent = function() {
205
206			let consent_html = document.querySelector(".TraminoConsent");
207
208			if ( window.ConsentChecksum ) {
209				if ( window.getConsentCookie() == window.ConsentChecksum ) {
210						return true
211					}
212			}
213
214			if ( consent_html !== null ) {
215				if ( consent_html.dataset.checksum ) {
216					if ( window.getConsentCookie() == consent_html.dataset.checksum ) {
217						return true
218					}
219				}
220			}
221
222			return false;
223
224		}
225
226
227		window.checkReleaseConsent = function() {
228
229			if ( window.checkConsent() ) {
230				window.releaseConsentBuffer();
231				localStorage.setItem("consentPermission","true");
232				console.log("[checkReleaseConsent] granted - codes released");
233			} else {
234				localStorage.setItem("consentPermission","false");
235				console.log("[checkReleaseConsent] not granted");
236			}
237		
238		}
239
240		</script>
240
241		
242	
242<script>
243		window.dataLayer = window.dataLayer || [];
244		function gtag(){dataLayer.push(arguments);}
245
246		if( window.checkConsent() === false ) {
247
248			gtag('consent', 'default', {
249				'ad_storage': 'denied',
250				'ad_user_data': 'denied',
251				'ad_personalization': 'denied',
252				'analytics_storage': 'denied',
253				'personalization_storage': 'denied',
254				'functionality_storage': 'denied',
255				'security_storage': 'denied',
256			});
257
258
259		} else {
260			gtag('consent', 'default', {
261				'ad_storage': 'granted',
262				'ad_user_data': 'granted',
263				'ad_personalization': 'granted',
264				'analytics_storage': 'granted',
265				'personalization_storage': 'granted',
266				'functionality_storage': 'granted',
267				'security_storage': 'granted',
268			});
269		}
270	</script>
270
271	
272	
273	
273<script>var Tramino = {"destination":0,"base":"","lang":"de","request_id":"f99ae09b8b0d57ec8b002ccce0fe9fdf","client":61367,"page":151651};</script>
273
274	
274<script>(function(){var q=[];window.TraminoReady=function(f){return f?q.push(f):q}})()</script>
274
275	
275<script  src="https://storage.tramino.net/static/root/js/jquery.min.js?r=49"  ></script>
275
276	
276<script  src="https://storage.tramino.net/static/root/js/jquery-ui.min.js?r=49"  ></script>
276
277	
277<script  src="/tramino/js/imagescroll.js?r=49"  ></script>
277
278	
278<script  src="https://tramino.s3.amazonaws.com/tramino/js/fancybox2/jquery.fancybox.pack.js?test&r=49"  ></script>
278
279
280	
280<script src="/tramino/js/require.min.js" data-main="/tramino/js/requirejs-main.js" async defer></script>
vendor: 1 bytes, line 280
280
281<script>
282	window.loadJS = function(u, cb) {
283        window._loadedScripts = window._loadedScripts || new Set();
284
285        if (window._loadedScripts.has(u)) {
286            if (typeof cb === "function") {
287                cb();
288            }
289            return;
290        }
291
292        var r = document.getElementsByTagName("script")[0],
293            s = document.createElement("script");
294        s.src = u;
295
296        // Callback erst ausführen, wenn das Script geladen wurde
297        s.onload = function() {
298            console.log("loadJS - script loaded");
299            window._loadedScripts.add(u);
300            if (typeof cb === "function") {
301                cb();
302            }
303        };
304
305        // Optional: Fehlerbehandlung
306        s.onerror = function() {
307            console.error("Fehler beim Laden des Skripts: " + u);
308        };
309
310        r.parentNode.insertBefore(s, r);
311    };
312	
313	window.loadCSS = function(u) {
314	    window._loadedCSS = window._loadedCSS || new Set();
315
316	    if (window._loadedCSS.has(u)) {
317	        return;
318	    }
319
320	    var r = document.getElementsByTagName("link")[0],
321	        l = document.createElement("link");
322	    l.href = u;
323	    l.rel = "stylesheet";
324	    l.type = "text/css";
325	    l.media = "all";
326
327	    r.parentNode.insertBefore(l, r);
328	    window._loadedCSS.add(u);
329	}
330</script>
330
331
332<style type="text/css">
333/* MenuLight */
334#TraminoHeaderTiny { top: initial !important; bottom: 0px;}
335
336.TraminoVorlage.T5517 {
337
338	--main-padding: 1rem;
339
340	--bar_height: clamp(40px,8vw,60px);
341
342	position: sticky;
343	top: 0;
344	z-index: 150;
345	margin: 0px;
346}
347
348.TraminoVorlage.T5517.no_sticky_nav { position: relative; }
349
350.T5517 a { text-decoration: none; }
351.T5517 .border-top { border-top: 1px solid #ccc; }
352
353
354/* Menu Bar */
355
356.T5517 .nav-bar {
357	z-index: 100;
358	position: relative;
359	margin: 0px auto;
360	max-width: 1240px;
361	border-radius: 0 0 1rem 1rem;
362	display: flex;
363	justify-content: space-between;
364	height: var(--bar_height);
365
366}
367
368.T5517 .icon_wrapper {
369	min-width: 60px;
370	display: flex;
371	gap: 0.5rem;
372	justify-content: flex-start;
373	align-items: center;
374	color: inherit;
375	font-size: 19px;
376	cursor: pointer
377}
378
379.T5517 .icon_wrapper.primary { padding-left: var(--main-padding); }
380.T5517 .icon_wrapper.secondary { padding-right: var(--main-padding); justify-content: flex-end; }
381
382.T5517 .icon_wrapper.secondary .button {
383	--buttoncolor: var(--textcolor2,#333);
384	font-size: 0.9rem;
385	display: flex;
386	align-items: center;;
387	background-color: var(--buttoncolor,#333);
388	color: #FFF;
389	gap: 0.4em;
390	border-radius: 0.3em;
391	scale: 1;
392	transition: all 0.2s;
393}
394
395.T5517 .icon_wrapper.secondary .button:hover {
396	scale: 1.05;
397	background-color: rgb(from var(--buttoncolor) r g b / .9);
398}
399.T5517 .icon_wrapper.secondary .button.booking {
400	--buttoncolor: #FF8000;
401}
402
403.T5517 .icon_wrapper.secondary .button.booking svg {
404	width: 1.1em;
405	height: 1.1em;
406}
407
408.T5517 .icon_wrapper.secondary .button svg path { fill: currentColor; }
409
410.T5517 .icon_wrapper svg.close { display: none; }
411
412.T5517.open-primary .icon_wrapper.primary svg:not(.close) { display: none; }
413.T5517.open-primary .icon_wrapper.primary svg.close { display: block; }
414
415/*.T5517 .icon_wrapper i { font-size: 1em; }*/
416
417.T5517 .logo, .T5517 .logo_scroll {
418	display: flex;
419	justify-content: center;
420	max-width: 400px;
421}
422
423.T5517 .logo img {
424	display: block;
425	width: 100%;
426	height: 100%;
427	object-fit: contain;
428	object-position: center bottom;
429}
430
431.T5517.overlaylogo :is(.logo, picture,img) { transition: all 0.2s; }
432.T5517:not(.open-primary).overlaylogo .logo { margin-top: 0.5rem; }
433.T5517:not(.open-primary).overlaylogo .logo picture { display: block; width: 50%; }
434.T5517:not(.open-primary).overlaylogo .logo img {
435	height: auto;
436}
437
438
439
440.T5517 .logo_scroll { display: none; height: var(--bar_height); }
441.T5517 .logo_scroll img { width: auto; height: var(--bar_height) !important; }
442
443.T5517.scrolled .logo { display: none; }
444.T5517.scrolled .logo_scroll { display: flex; }
445
446
447.T5517 form {
448	display: flex;
449	flex-wrap: wrap;
450	max-width: 450px;
451}
452
453.T5517 form .item {
454	width: 100%;
455}
456
457
458/* Navigation */
459
460.T5517 .wrapper_hidden {
461	display: none;
462	margin: 0px auto;
463	max-width: 1240px;
464	border-top: 1em solid #fff;
465	margin-top: -1em;
466	background-color: #eee;
467	background-image: linear-gradient( #ffffff 0%, #EEEEEE 33%);
468	border-radius: 0 0 1.5rem 1.5rem;
469	padding: 1rem;
470}
471
472.T5517 .wrapper_hidden.sticky_content {
473	position: absolute;
474	left: 50%;
475  	transform: translateX(-50%);
476	width: 100%;
477	margin: -1 0 0 0;
478}
479
480.T5517.open-primary .wrapper_hidden.wrapper_primary { display: block; }
481
482
483.T5517 .wrapper_hidden .headline { 
484	text-align: center; 
485	margin: -0.2em 0 0.8em 0;
486}
487
488.T5517 .nav-item-wrapper {
489	flex: 2;
490	display: grid;
491	grid-template-columns: repeat(1,minmax(0, 1fr));
492	grid-column-gap: 0.5rem;
493	grid-row-gap: 0.5rem; 
494}
495
496@media (max-width: 768px) {
497	.T5517 .nav-item-wrapper { grid-template-rows: min-content; }
498}
499
500.T5517 .nav-item {
501	display: flex;
502	flex-direction: column;
503	width: 100%;
504	color: #000;
505}
506
507.T5517 .nav-item-wrapper.elm_mobile2 { grid-template-columns: repeat(2,minmax(0, 1fr)); }
508.T5517 .nav-item-wrapper.elm_mobile3 { grid-template-columns: repeat(3,minmax(0, 1fr)); }
509.T5517 .nav-item-wrapper.elm_mobile4 { grid-template-columns: repeat(4,minmax(0, 1fr)); }
510.T5517 .nav-item-wrapper.elm_mobile5 { grid-template-columns: repeat(5,minmax(0, 1fr)); }
511.T5517 .nav-item-wrapper.elm_mobile6 { grid-template-columns: repeat(6,minmax(0, 1fr)); }
512.T5517 .nav-item-wrapper.elm_mobile7 { grid-template-columns: repeat(7,minmax(0, 1fr)); }
513.T5517 .nav-item-wrapper.elm_mobile8 { grid-template-columns: repeat(8,minmax(0, 1fr)); }
514
515
516.T5517 .nav-icon  {
517	box-shadow: 2px 2px 8px #0001;
518	background-color: #fff;
519	border-radius: 10px;
520	overflow: hidden;
521	width: 100%;
522	height: auto;
523	aspect-ratio: 1 / 1;
524	padding: 0.5em;
525	border: 0.15em solid transparent;
526	transition: all 0.2s;
527}
528
529.T5517.menu_svg .nav-icon {
530	padding: 1em;
531}
532
533.T5517.no_padding .nav-icon {
534	padding: 0em;
535}
536
537
538
539
540
541.T5517 .nav-icon img {
542	width: auto;
543	height: 100%;
544	aspect-ratio: inherit;
545	object-fit: cover;
546}
547
548.T5517 .nav-label  {
549	margin-top: 1em;
550	font-weight: bold;
551	font-size: 0.7rem;
552	line-height: 1;
553	text-align: center;
554	hyphens: auto;
555	transition: all 0.2s;
556}
557
558.T5517 .nav-item:hover .nav-icon,
559.T5517 .nav-item.open .nav-icon  {
560	border-color: var(--color);
561}
562
563.T5517 .nav-item:hover .nav-label,
564.T5517 .nav-item.open .nav-label  {
565	color: var(--color);
566}
567
568/* Sublevel */
569
570
571.T5517 .nav-outer {
572	display: flex;
573	margin-bottom: 2em;
574}
575
576.T5517 .nav-sublevel {
577	position: relative;
578	flex: 1;
579	margin-left: var(--main-padding);
580	border-left: 1px solid #ccc;
581	padding: 1rem 0 1rem var(--main-padding);
582	display: flex;
583	flex-direction: column;
584	justify-content: center;
585	
586}
587
588/* .T5517 .nav-sublevel.nav-sublevel-teaser {
589	padding-left: 1.5em;
590} */
591
592.T5517 .nav-sublevel .nav-sublevel-item {
593	text-decoration: none;
594	display: flex;
595	margin-bottom: 0.5em;
596}
597
598.T5517 .nav-sublevel-image { flex-grow: 0; flex-shrink: 0; margin-right: 1em; }
599.T5517 .nav-sublevel-image img { width: 4em; height: 4em; aspect-ratio: 1/1; border-radius: 100%; overflow: hidden; border: 2px solid transparent !important; }
600
601.T5517 .nav-sublevel-content .nav-sublevel-headline {
602	color: #000;
603	font-size: 1.20em;
604	line-height: 1.1; 
605	margin-bottom: 0.15em;
606} 
607
608.T5517 .nav-sublevel-content .nav-sublevel-intro { 
609	color: #555;
610	font-size: 0.8em; 
611	line-height: 1.15; 
612	display: -webkit-box;
613	-webkit-line-clamp: 3;
614	-webkit-box-orient: vertical; 
615	overflow: hidden;
616	margin: 0.2em 0 0.7em 0;
617}
618
619.T5517 .nav-sublevel.nav-sublevel-menu .nav-sublevel-item .nav-sublevel-headline { color: #333; } 
620.T5517 .nav-sublevel.nav-sublevel-menu .nav-sublevel-item:hover .nav-sublevel-headline,
621.T5517 .nav-sublevel.nav-sublevel-menu .nav-sublevel-item.open .nav-sublevel-headline {
622	color: #000;
623	font-weight: bold;
624}
625
626.T5517 .nav-sublevel.nav-sublevel-teaser .nav-sublevel-item:hover .nav-sublevel-image img,
627.T5517 .nav-sublevel.nav-sublevel-teaser .nav-sublevel-item.open .nav-sublevel-image img {
628	border-color: #000 !important;
629}
630
631
632
633
634
635.T5517 .nav-sublevel .arrow {
636	position: absolute;
637	left: -7px;
638	top: calc( 50% - 14px );
639	border: solid #bbb;
640	border-width: 0 1px 1px 0;
641	display: inline-block;
642	padding: 7px;
643	transform: rotate(315deg);
644	width: 14px;
645	background-color: #eee;
646}
647
648
649
650
651@media (max-width: 768px) {
652
653	.T5517 .nav-outer { flex-direction: column; margin-bottom: 1em; }
654	.T5517 .nav-sublevel .arrow {
655		top: -7px;
656		left: calc( 50% - 14px );
657		transform: rotate(45deg);
658	}
659	.T5517 .nav-sublevel {
660		
661		display: block;
662		border-left: none;
663		margin-left: 0;
664
665		margin-top: 1em;
666		border-top: 1.5px solid #ccc;
667		padding: 1em 0 1em 0em;
668		font-size: 1em;
669	}
670
671	.T5517 .nav-sublevel.nav-sublevel-menu {
672		columns: 2;
673	}
674
675	.T5517 .nav-sublevel-image { margin-left: 0em; }
676
677}
678
679
680
681
682
683
684
685
686
687
688/* Topics */
689
690.T5517 .topics {
691	display: flex;
692	flex-direction: row-reverse;
693	gap: 1em;
694}
695
696.T5517 .topics a {
697	display: flex;
698	align-items: center;
699	justify-content: end;
700	margin-top: 0.5em;
701	text-align: right;
702
703}
704
705
706.T5517 .topics a .icon {
707	width: 0.8rem;
708	margin-right: 0.3rem;
709}
710
711.T5517 .topics a .icon img {
712	width: 100%;
713	height: auto;
714}
715
716.T5517 .icon_wrapper.icon_wrapper.secondary a .icon {
717	width: 1.1rem;
718}
719
720.T5517 .icon_wrapper.icon_wrapper.secondary a .icon img {
721	width: 100%;
722	height: auto;
723}
724
725.T5517 .topics a span { display: flex; align-items: center; 
726
727	display: -webkit-box;
728	-webkit-line-clamp: 1;
729	-webkit-box-orient: vertical; 
730	overflow: hidden;
731
732}
733.T5517 .topics a svg.arrow { margin-left: 0.4rem; width: 0.8rem; height: auto; }
734.T5517 .topics a svg.arrow path { fill: var(--color); }
735
736	
737/* Login */
738
739.T5517 .bottom { 
740	display: flex;
741	justify-content: space-between;
742	color: #000;
743	font-size: 0.9rem;
744	margin-top: 0.5em;
745	padding-top: 0.5em;
746}
747.T5517 .login .bottom a { color: inherit; }
748
749@media (min-width: 567px) {
750
751}
752
753@media (min-width: 768px) {
754
755	.TraminoVorlage.T5517 {
756		--main-padding: 2rem;
757	}
758
759	.T5517 .icon_wrapper { font-size: 23px; }
760	.T5517 .wrapper_hidden { padding: var(--main-padding); }
761
762	.T5517 .nav-item-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem;  }
763	.T5517 .nav-item-wrapper.elm_desktop2 { grid-template-columns: repeat(2,minmax(0, 1fr)); }
764	.T5517 .nav-item-wrapper.elm_desktop3 { grid-template-columns: repeat(3,minmax(0, 1fr)); }
765	.T5517 .nav-item-wrapper.elm_desktop4 { grid-template-columns: repeat(4,minmax(0, 1fr)); }
766	.T5517 .nav-item-wrapper.elm_desktop5 { grid-template-columns: repeat(5,minmax(0, 1fr)); }
767	.T5517 .nav-item-wrapper.elm_desktop6 { grid-template-columns: repeat(6,minmax(0, 1fr)); }
768	.T5517 .nav-item-wrapper.elm_desktop7 { grid-template-columns: repeat(7,minmax(0, 1fr)); }
769	.T5517 .nav-item-wrapper.elm_desktop8 { grid-template-columns: repeat(8,minmax(0, 1fr)); }
770}
771
772@media (min-width: 1024px) {
773	
774}
775
776@media (min-width: 1280px) {
777
778}
779
780
781
782</style>
783
784<script type="text/javascript">
785// MenuLight
786
787"use strict";
788			
789TraminoReady(function() {
790
791	const $T5517 = $('.T5517');
792
793	let openPrimary = function(){
794		$T5517.addClass("open-primary");
795	}
796
797	let closePrimary = function(){
798		$T5517.removeClass("open-primary");
799	}
800
801
802	document.addEventListener('click', function(event) {
803
804		if ( $T5517.hasClass("open-primary") ) {
805
806			const wrapper_hidden = document.querySelector('.wrapper_hidden');
807			const nav_bar = document.querySelector('.nav-bar');
808
809			console.log(wrapper_hidden.contains(event.target));
810			console.log(nav_bar.contains(event.target));
811
812	        if ( wrapper_hidden.contains(event.target) == false && nav_bar.contains(event.target) == false ) {    
813				closePrimary();
814	        }
815	       
816        }
817    });
818
819	$('.T5517 .nav-bar').on('click', '.icon_wrapper.primary', function(event) {
820		event.preventDefault();
821		
822		let $clicked = $(this);
823		
824		let $wrapper = $T5517.find('.wrapper_hidden.wrapper_primary');
825
826		if ( $T5517.hasClass("open-primary") && $clicked.hasClass("primary") ) {
827			closePrimary()
828		} else {
829			openPrimary();
830		}
831
832	});
833
834
835	const wrapper = document.querySelector(".T5517");
836	if (!wrapper) return;
837
838	const scrollThreshold = 100;
839
840	function onScroll() {
841		if (window.scrollY > scrollThreshold) {
842		wrapper.classList.add("scrolled");
843		} else {
844		wrapper.classList.remove("scrolled");
845		}
846	}
847
848	window.addEventListener("scroll", onScroll, { passive: true });
849
850
851});</script>
851
852
853<style type="text/css">
854/* TraminoLangSwitch */
855#langswitch { display: none; }
856
857.langswitch_inner {
858	box-sizing: border-box;
859	width: 100%;
860	max-width: 500px;
861	min-width: 200px;
862	padding: 15px 20px;
863}
864
865.langswitch_inner * { box-sizing: border-box; }
866
867.langswitch_inner .headline { font-size: 1.5rem; margin-bottom: 1rem; }
868
869
870.langswitch_inner ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
871.langswitch_inner ul li { margin: 0; padding: 0; order: 2; }
872.langswitch_inner ul li.ip_sort { order: 1; }
873
874.langswitch_inner ul li :is(a,span) {
875	display: block;
876	padding: 10px 5px 10px 40px;
877	border-bottom: 1px solid #CCC;
878	color: #000;
879	text-decoration: none;
880	white-space: nowrap;
881	
882	background-repeat: no-repeat;
883	background-size: 30px auto;
884	background-position: center left;
885	cursor: pointer;
886}
887/* .langswitch_inner ul li a { display: inline-flex; gap: 5px; } */
888
889
890.langswitch_inner ul li[data-lang=de] :is(a,span) { background-image: url(https://storage.tramino.net/root/996903/de.svg); }
891.langswitch_inner ul li[data-lang=en][data-flag=en] :is(a,span) { background-image: url(https://storage.tramino.net/root/996904/en.svg); }
892.langswitch_inner ul li[data-lang=en][data-flag=us] :is(a,span) { background-image: url(https://storage.tramino.net/root/997083/usa.svg); }
893.langswitch_inner ul li[data-lang=at] :is(a,span) { background-image: url(https://storage.tramino.net/root/996900/at.svg); }
894.langswitch_inner ul li[data-lang=ch] :is(a,span) { background-image: url(https://storage.tramino.net/root/996901/ch.svg); }
895.langswitch_inner ul li[data-lang=it] :is(a,span) { background-image: url(https://storage.tramino.net/root/996905/it.svg); }
896.langswitch_inner ul li[data-lang=cs] :is(a,span) { background-image: url(https://storage.tramino.net/root/996902/cs.svg); }
897.langswitch_inner ul li[data-lang=es] :is(a,span) { background-image: url(https://storage.tramino.net/root/996927/es.svg); }
898.langswitch_inner ul li[data-lang=nl] :is(a,span) { background-image: url(https://storage.tramino.net/root/996928/nl.svg); }
899.langswitch_inner ul li[data-lang=fr] :is(a,span) { background-image: url(https://storage.tramino.net/root/996931/fr.svg); }
900.langswitch_inner ul li[data-lang=ru] :is(a,span) { background-image: url(https://storage.tramino.net/root/996930/ru.svg); }
901.langswitch_inner ul li[data-lang=no] :is(a,span) { background-image: url(https://storage.tramino.net/root/996929/no.svg); }
902.langswitch_inner ul li[data-lang=hu] :is(a,span) { background-image: url(https://storage.tramino.net/root/1199752/hungary.svg); }
903.langswitch_inner ul li[data-lang=hr] :is(a,span) { background-image: url(https://storage.tramino.net/root/1274447/croatia.svg); }
904.langswitch_inner ul li[data-lang=pl] :is(a,span) { background-image: url(https://storage.tramino.net/root/1566053/poland.svg); }
905
906.langswitch_inner ul li:last-child :is(a,span) {
907	border-bottom-width: 0px;
908}
909.langswitch_inner ul li:hover :is(a,span) {
910	background-color: #EEE;
911}
912
913.langswitch_inner ul li.active :is(a,span) { font-weight: 600; }
914
915.langswitch_inner ul li .name_en { font-size: 90%; }
916
917.langswitch_inner .helper { font-size: 11px; }
918
919
920#TraminoLangSwitchButton {
921	display: flex;
922	gap: 1px;
923}
924
925#TraminoLangSwitchButton svg {
926	width: 20px;
927	height: auto;
928}
929#TraminoLangSwitchButton svg path { fill: currentColor; }
930</style>
931
932<script type="text/javascript">
933// TraminoLangSwitch
934
935var setRememberCookie = function(v) {
936
937	const d = new Date();
938	let time = d.getTime() + (30*24*60*60*1000);
939	// d.setTime(time);
940	//let expires = "expires="+ d.toUTCString();
941
942	// document.cookie = "rememberlang=" + v + ";" + expires + ";path=/";
943
944	localStorage.setItem('rememberlang', v);
945	localStorage.setItem('rememberlang_ttl', time);
946
947}
948	
949TraminoReady(function() {
950	var $langswitch = $('#langswitch');
951	var data = $langswitch.data();
952
953
954	let rememberlang = localStorage.getItem('rememberlang');
955	//console.log("GEOCHECK",cookies);
956
957	var navigatorlang = navigator.language || navigator.userLanguage;
958
959	if ( navigatorlang.length > 2 ) {
960		navigatorlang = navigatorlang.substring(3,5).toLowerCase(); // Fix weil Teilweise der Brwoser de-DE ausgibt	
961	}
962
963
964	var traminolang = data['traminolang'];
965	var langcookie = rememberlang;
966	var knownlang = data['knownlang'];
967
968	if ( rememberlang !== undefined ) {
969		let d = new Date();
970		let time = d.getTime();
971		let rememberlang_ttl = localStorage.getItem('rememberlang_ttl');
972
973		if ( rememberlang_ttl < time ) {
974			localStorage.removeItem('rememberlang');
975			localStorage.removeItem('rememberlang_ttl');
976		}
977	}
978
979
980	var openLangSwitch = function(option) {
981
982		var recom_lang = "";
983
984		if ( traminolang != navigatorlang ) {
985			recom_lang = navigatorlang;
986		}
987
988
989		// Wenn sich die Sprachauswahl automatisch öffnet, überprüfen ob es wirklich eine andere Sprache gibt
990		if ( recom_lang == "" && option.autoopen ) {
991			return;
992		}
993
994
995		$('.langswitch_inner ul li').each(function(index, el) {
996			$(this).removeClass('active');
997			if ( traminolang == $(this).data('lang') ) {
998				$(this).addClass('active');	
999			}
1000
1001			if ( recom_lang == $(this).data('lang') ) {
1002				$(this).addClass('ip_sort');	
1003			}
1004		});
1005
1006		$('.langswitch_inner .helper .browser span').html(navigatorlang);
1007		$('.langswitch_inner .helper .remember span').html(langcookie);
1008
1009		require(['fancybox'], function(_) {
1010			 $.fancybox({
1011			 	padding: 0,
1012				content: $("#langswitch").html(),
1013				beforeClose: function(){
1014					setRememberCookie(traminolang);
1015				},
1016			});
1017		});
1018	}
1019
1020	// Nicht direkt nach dem Seitenaufruf
1021	setTimeout(function(){
1022
1023		if ( !langcookie ) {
1024
1025			if ( navigatorlang == traminolang ) {
1026				setRememberCookie(traminolang);
1027			}
1028
1029			if ( ( ( navigatorlang != traminolang && navigatorlang.length > 0 ) ) && ! langcookie ) {
1030				
1031				if ( navigatorlang == "at" || navigatorlang == "ch" ) {
1032					// Abfrage nur öffnen wenn es AT oder CH Seiten auch gibt
1033					if ( knownlang.match(navigatorlang) ) {
1034						openLangSwitch({ autoopen: true});
1035					}
1036				} else {
1037					openLangSwitch({ autoopen: true});
1038				}
1039				
1040			}
1041		}
1042	},500);
1043
1044
1045	$("body").on('click', '.langswitch_inner a, .langswitch_inner span', function(event) {
1046		let $parent = $(this).parents('li');
1047		if ( $parent.hasClass("active") ) {
1048			event.preventDefault();
1049			setRememberCookie($parent.data('lang'));
1050			$.fancybox.close();
1051		} else {
1052			setRememberCookie($parent.data('lang'));			
1053		}
1054	});
1055	
1056
1057	var trigger = data['elementtrigger'];
1058	var $triggerelement = $('[data-langswitch='+ trigger +']');
1059	if ( $triggerelement.length > 0 ) {
1060		$triggerelement.on('click', function(event) {
1061			event.preventDefault();
1062			openLangSwitch({ autoopen: false});
1063		});
1064	}
1065	
1066});</script>
1066
1067
1068
1069	
1070	
1071	
1072	
1073
1074	<style>
1075
1076		.T5517 {
1077			--color: #2b2c6e;
1078			--textcolor: #ffffff;
1079		}
1080		
1081		
1082		
1083			.T5517 .color { color: #2b2c6e; }
1084			.T5517 .bg_color { background-color: #2b2c6e; color: #FFF;  }
1085			
1086		
1087
1088		
1089			.T5517 svg path { fill: #ffffff; }
1090		
1091
1092	</style>
1093
1094
1095
1096	<link rel="stylesheet" type="text/css" href="https://storage.tramino.net/static/iconfonts/tramino/v1.41/style.css">
1097
1098
1099
1100<link rel="preload" as="image" href="https://storage.tramino.net/wurzelrudi/1514927/567x186.webp" type="image/webp" media="(max-width: 567px)" />
1101	
1102	<style>
1103		#TraminoAnhang554945 .motiv img { aspect-ratio: 567 / 186;}
1104		
1105		@media (min-width: 768px) {
1106			#TraminoAnhang554945 .motiv img { aspect-ratio: 1024 / 224;}
1107		}
1108	</style>
1109
1110	
1111
1112<style>
1113	#TraminoAnhang568530.T2897 .wrapper {
1114			background-color: #2c296f;
1115				padding: 1.5rem 2rem !important;
1116			color: #ffffff;
1117		}
1118		#TraminoAnhang568530.T2897 .textile .button,#TraminoAnhang568530.T2897 .S6529 .textile a.button { color: #2c296f !important; }
1119
1120	
1121
1122</style><style>
1123	#TraminoAnhang598230.T2897 .wrapper {
1124			
1125			color: #2c296f;
1126		}
1127		#TraminoAnhang598230.T2897 .textile .button,#TraminoAnhang598230.T2897 .S6529 .textile a.button { color: 0 !important; }
1128
1129	
1130
1131</style>
1132<style type="text/css">
1133/* Meta/Teaser */
1134/*
1135	Responsive Teaser layouts use the available width of main instead of the
1136	viewport. This also reacts when the map changes the width of the content.
1137*/
1138main, #subpage, #subpage2, #TraminoInhalt,#TraminoContent, #sheet {
1139	container-name: metateaser-content;
1140	container-type: inline-size;
1141}
1142
1143.T5277, .T5790 {
1144	--elements-padding: 1rem;
1145
1146	--color-open: #393;
1147	--color-partly: #c93c;
1148	--color-pending: #0076ba;
1149	--color-closed: #F33118;
1150	--color-warning: #cc3;
1151
1152	--color-disturbance: #feae00;
1153
1154	--font-size-status: 0.7rem;
1155	--cols-mobile: auto;
1156	--cols-tablet: var(--cols-desktop);
1157	--cols-desktop: auto;
1158
1159	--slice1: 15%;
1160	--slice2: 30%;
1161
1162	--layout-inside-background: var(--metateaser_bg_color,#FFF);
1163}
1164
1165
1166
1167.T5277.cols_mobile_1 { --cols-mobile: 1; }
1168.T5277.cols_mobile_2 { --cols-mobile: 2; }
1169.T5277.cols_mobile_3 { --cols-mobile: 3; }
1170.T5277.cols_mobile_4 { --cols-mobile: 4; }
1171.T5277.cols_mobile_5 { --cols-mobile: 5; }
1172.T5277.cols_mobile_6 { --cols-mobile: 6; }
1173.T5277.cols_mobile_7 { --cols-mobile: 7; }
1174.T5277.cols_mobile_8 { --cols-mobile: 8; }
1175
1176.T5277.cols_tablet_1 { --cols-tablet: 1; }
1177.T5277.cols_tablet_2 { --cols-tablet: 2; }
1178.T5277.cols_tablet_3 { --cols-tablet: 3; }
1179.T5277.cols_tablet_4 { --cols-tablet: 4; }
1180.T5277.cols_tablet_5 { --cols-tablet: 5; }
1181.T5277.cols_tablet_6 { --cols-tablet: 6; }
1182.T5277.cols_tablet_7 { --cols-tablet: 7; }
1183.T5277.cols_tablet_8 { --cols-tablet: 8; }
1184
1185.T5277.cols_desktop_1 { --cols-desktop: 1; }
1186.T5277.cols_desktop_2 { --cols-desktop: 2; }
1187.T5277.cols_desktop_3 { --cols-desktop: 3; }
1188.T5277.cols_desktop_4 { --cols-desktop: 4; }
1189.T5277.cols_desktop_5 { --cols-desktop: 5; }
1190.T5277.cols_desktop_6 { --cols-desktop: 6; }
1191.T5277.cols_desktop_7 { --cols-desktop: 7; }
1192.T5277.cols_desktop_8 { --cols-desktop: 8; }
1193
1194.T5277 .teaser_head {
1195	display: flex;
1196	justify-content: space-between;
1197	font-size: 0.9rem;
1198	color: #999;
1199}
1200
1201.T5277 .teaser_head.active_filter,
1202.T5277 .teaser_head.active_paginator {
1203	padding: 0.5rem 0 1rem 0;
1204}
1205
1206.T5277.bg-color .teaser_head.active_filter {
1207	padding: 0.5rem 0;
1208}
1209
1210.T5277 .filter_selected {
1211	display:inline-block;
1212	color: #0005;
1213	cursor: pointer;
1214}
1215
1216.T5277 .filter_selected .filter_selected_tag {
1217	margin-right: 0.5rem;
1218	margin-bottom: 0.5rem;
1219}
1220
1221
1222.T5277 .filter_count {
1223	display: none;
1224	text-align:right;
1225}
1226
1227.T5277 .filter_count.show {
1228	display: block;
1229}
1230
1231.T5277 .paginator_pages {
1232	display: flex;
1233	justify-content: center;
1234}
1235
1236.body .T5277.grid-stack-item-content {
1237	background: #fff !important;
1238	padding: 0rem;
1239	/* box-shadow: 3px 3px 10px rgba(0,0,0,0.1); */
1240	overflow: unset;
1241}
1242
1243
1244
1245.T5277 .teaser-headline {
1246	font-size: 1rem;
1247	margin: 0rem 0 0.5rem 0;
1248}
1249
1250
1251
1252
1253
1254.T5277 .outer .elements_pretext {
1255	padding: 0.2rem 0.6rem;
1256	margin: 0.45rem 0;
1257	font-size: 0.9rem;
1258}
1259
1260
1261.T5277 .elements {
1262	color: var(--app_font_color,#000);
1263	padding-bottom: 0.5rem;
1264	display: grid;
1265	gap: var(--elements-padding)
1266}
1267
1268
1269.T5277 .meta-teaser-empty {
1270	display: none;
1271	border: 1px dashed #0002;
1272	margin: 0em 1em;
1273	padding: 2em 1em;
1274	border-radius: 0.4em;
1275	text-align: center;
1276	color: #0009;
1277}
1278
1279.T5277 .meta-teaser-empty.show {	
1280	display: block;
1281}
1282
1283
1284.T5277 .T5277 .element[href] { cursor: pointer; }
1285.T5277 .T5277 .element[data-set] { cursor: pointer; }
1286.T5277 .T5277 .element[data-set]:hover { box-shadow: 0 0 2px #cca; }
1287
1288
1289
1290.T5277 .element {
1291	position: relative;
1292	scroll-snap-align: start;
1293	user-select: none;
1294	-webkit-user-select: none;
1295	margin: 0 0.8rem 0.8rem 0;
1296	text-decoration: inherit;
1297	color: inherit;
1298	display: flex;
1299	flex-direction: column;
1300	flex-grow: 0;
1301    flex-shrink: 0;
1302 	background-color: var(--metateaser_bg_color);
1303
1304}
1305
1306.T5277 .element.clickable {
1307	cursor: pointer;
1308}
1309
1310.T5277 a.element, .T5277 div.element[data-load-dashboard] {
1311	cursor: pointer;
1312}
1313
1314
1315
1316.T5277 .element.more_element {
1317	cursor: pointer;
1318	display: flex;
1319	flex-direction: column !important;
1320	align-items: center !important;
1321	justify-content: center !important;
1322	/* background-color: #EBEBEB !important;    via transparent image  */
1323}
1324
1325.simple_slider {
1326	overflow: hidden;
1327}
1328
1329.simple_slider_item {
1330	overflow: hidden;
1331}
1332
1333.T5277 .element .bild {
1334	position: relative;
1335	width: 100%;
1336	overflow: hidden; /*hides the overlow if the picture isnt the right size*/
1337}
1338
1339.T5277 .element.more_element .bild {
1340	/* width: 150px !important;   via normal size  */
1341	opacity: 0.4;
1342}
1343.T5277 .element.more_element .bild img { aspect-ratio: auto !important; object-fit: contain !important; }
1344
1345
1346
1347
1348
1349
1350.T5277 .element .bild {
1351	position: relative;
1352	width: 100%;
1353}
1354
1355.T5277 .element .bild img {
1356	display: block;
1357	width: 100%; 
1358	height: auto;
1359	object-fit: cover;
1360	overflow: hidden;
1361}
1362
1363
1364.T5277.ratio_landscape .elements .element .bild img { aspect-ratio: 4 / 3; }
1365.T5277.ratio_panorama .elements .element .bild img { aspect-ratio: 4 / 2; }
1366.T5277.ratio_ultrawide .elements .element .bild img { aspect-ratio: 3 / 1; }
1367.T5277.ratio_portrait .elements .element .bild img { aspect-ratio: 3 / 4; }
1368.T5277.ratio_square .elements .element .bild img { aspect-ratio: 1 / 1; }
1369
1370body .T5277.meta-teaser-image-brightness-30 .elements .element .bild img { filter: brightness(0.7);  }
1371body .T5277.meta-teaser-image-brightness-50 .elements .element .bild img { filter: brightness(0.5);  }
1372
1373
1374/* Icon im Teaser oben */
1375
1376body .T5277 .element .icon { aspect-ratio: 1 / 1; align-self: flex-end; }
1377body .T5277 .element .icon img { display: block; width: 2em; height: auto; aspect-ratio: 1 / 1 !important; }
1378body .T5277 .element .icon image, body .T5277 .element .icon svg { display: block; width: 2em; height: auto; aspect-ratio: 1 / 1 !important; }
1379body .T5277 .element .icon.format_svg img { width: 1.7em; aspect-ratio: auto !important; }
1380
1381body .T5277 .element .icon.format_status_icon { align-self: center !important; }
1382
1383body .T5277.meta-teaser-up-right-icon .element .bild .icon { position: absolute; right: 0.5em !important; top: 0.5em !important; }
1384body .T5277.meta-teaser-down-right-icon .element .bild .icon { position: absolute; right: 0.5em !important; bottom: 0.5em !important; }
1385body .T5277.meta-teaser-down-left-icon .element .bild .icon { position: absolute; left: 0.5em !important; bottom: 0.5em !important; }
1386body .T5277.meta-teaser-up-left-icon .element .bild .icon { position: absolute; left: 0.5em !important; top: 0.5em !important; }
1387body .T5277.meta-teaser-up-center-icon .element .bild .icon { position: absolute; left: 50% !important; top: 0.5em !important; transform: translate(-50%); }
1388body .T5277.meta-teaser-right-center-icon .element .bild .icon { position: absolute; right: 0.5em !important; top: 50% !important; transform: translate(0, -50%); }
1389body .T5277.meta-teaser-down-center-icon .element .bild .icon { position: absolute; left: 50% !important; bottom: 0.5em !important; transform: translate(-50%); }
1390body .T5277.meta-teaser-left-center-icon .element .bild .icon { position: absolute; left: 0.5em !important; top: 50% !important; transform: translate(0, -50%); }
1391body .T5277.meta-teaser-center-icon .element .bild .icon { position: absolute; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); }
1392
1393body .T5277.meta-teaser-big-icon .element .icon img { width: 5em;  }
1394body .T5277.meta-teaser-big-icon .element .icon image, body .T5277.meta-teaser-big-icon .element .icon svg { width: 5em;  }
1395
1396body .T5277.meta-teaser-icon-badge.meta-teaser-image-padding .bild  { margin-bottom: -1em; }
1397body .T5277.meta-teaser-icon-badge .bild .icon img  { width: 100% !important; }
1398body .T5277.meta-teaser-icon-badge .bild .icon image, body .T5277.meta-teaser-icon-badge .bild .icon svg  { width: 100% !important; }
1399body .T5277.meta-teaser-icon-badge .bild .icon {
1400	top: auto;
1401	right: 0.3em;
1402	bottom: 0.3em;
1403	width: 25%;
1404	height: auto;
1405	aspect-ratio: 1 / 1;
1406	max-width: 10em;
1407	margin: 3.5%;
1408	background-color: #fff;
1409	padding: 2.5%; 
1410	box-shadow: 0.2em 0.2em 0.2em #0003;
1411	border-radius: 0.3em;
1412}
1413
1414
1415
1416body .T5277.options_no_image .element.has-icon .teaser-name { padding-right: 2em; }
1417
1418body .T5277 .element.has-like .bild .like_wrapper { position: absolute; right: 0.4em; top: 0.4em; }
1419
1420body .T5277 .element.highlight { border: 2px solid #0076BA !important; }
1421
1422body .T5277 .element.readonly { opacity: 0.5; }
1423
1424
1425.T5277 .meta-teaser-images {
1426	position: relative;
1427	display: flex;
1428	gap: 0.2em;
1429}
1430
1431.T5277 .meta-teaser-images picture {
1432	flex: 1;
1433}
1434
1435
1436.T5277 .meta-teaser-images .overlay_image {
1437	position: absolute;
1438	bottom: 1em;
1439	left: 1em;
1440	width: 30%;
1441	height: auto;
1442
1443}
1444
1445.T5277 .meta-teaser-images .overlay_image img {
1446	width: 100%;
1447	height: auto;
1448	aspect-ratio: auto !important;
1449}
1450
1451
1452/* Mobile: less than 768px available content width */
1453@container metateaser-content (width < 768px) {
1454
1455
1456	.T5277.layout_mobile_aside .element {
1457		align-items: flex-start;
1458	}
1459
1460	.T5277.layout_mobile_over .element {
1461		flex-direction: column-reverse;
1462	}
1463
1464	.T5277.layout_mobile_aside .elements .element, .T5277.layout_mobile_aside_wide .elements .element {
1465		flex-direction: row;
1466		flex-grow: 0;
1467		flex-shrink: 0;
1468	}
1469
1470	.T5277.layout_mobile_aside .elements .element .bild, .T5277.layout_mobile_aside_wide .elements .element .bild {
1471		width: 40%;
1472		flex-direction: row;
1473		flex-grow: 0;
1474		flex-shrink: 0;
1475	}
1476
1477	.T5277.layout_mobile_aside.ratio_portrait .elements .element .bild {
1478		width: 30%;
1479	}
1480
1481	.T5277.layout_mobile_aside_wide .elements .element .bild { width: 25%; }
1482	.T5277.layout_mobile_aside_wide.ratio_portrait .elements .element .bild { width: 20%; }
1483
1484	.T5277.layout_mobile_inside { 
1485		position: relative;
1486	}
1487
1488	.T5277.layout_mobile_inside .metateaser-content {
1489		position: absolute;
1490		top: 70%;
1491		transform: translateY(-50%);
1492		margin: 0;
1493	}
1494
1495	.T5277.layout_mobile_inside .metateaser-content .metateaser-content-text {
1496		display: flex;
1497		flex-wrap: wrap;
1498		flex-direction: column;
1499		align-items: flex-start;
1500	}
1501
1502	.T5277.layout_mobile_inside .metateaser-content .teaser-name {
1503		background-color: var(--layout-inside-background);
1504		display: inline;
1505		-webkit-box-decoration-break: clone;
1506		box-decoration-break: clone;
1507		white-space:pre-wrap;
1508		padding-right: 0.8rem; 
1509		padding-left: 0.8rem;;
1510	}
1511	
1512	
1513	
1514	.T5277.layout_mobile_below .element .metateaser-content {
1515		padding: 0.4rem 0 0 0;
1516	}
1517
1518	.T5277.layout_mobile_aside .element .metateaser-content {
1519		width: 100%;
1520		padding: 0 0.8rem 0 0.8rem;
1521	}
1522
1523	.T5277.layout_mobile_aside:is(.bg_color) .element .metateaser-content {
1524		padding-top: 0.6rem;
1525		padding-bottom: 0.6rem;
1526	}
1527
1528	.T5277.layout_mobile_inside.bg_color .element .metateaser-content {
1529		padding: 0;
1530	}
1531
1532	body .T5277.options_no_image.layout_mobile_aside .element .bild { position: absolute; top: 50%; right: 0.3rem; transform: translateY(-50%); display: flex; }
1533	body .T5277.options_no_image.layout_mobile_aside .element .bild :is(.status,.nr) { position: static;  font-size: 0.8em; }
1534	body .T5277.options_no_image.layout_mobile_aside .element .bild div:last-child { margin-left: 0.2em; }
1535
1536	body .T5277.meta-teaser-layout-reverse.layout_mobile_aside .element { flex-direction: column-reverse; }
1537	body .T5277.meta-teaser-layout-reverse.layout_mobile_aside .element { flex-direction: row-reverse; }
1538
1539	.T5277.meta-teaser-text-padding-large.layout_mobile_aside .element .metateaser-content { padding: 0 0 0 3rem; }
1540	.T5277.meta-teaser-text-padding-large.meta-teaser-layout-reverse.layout_mobile_aside .element .metateaser-content { padding: 0 3rem 0 0; }
1541	
1542	body .T5277.meta-teaser-text-huge .metateaser-content .teaser-name { font-size: 1.2em !important;}
1543
1544	.T5277.display_mobile_slider .outer {
1545		margin: 0 -1em;
1546	}
1547
1548	.T5277.display_mobile_slider .outer.show_arrows:hover .slider-arrows { display: none !important; }
1549	.T5277.display_mobile_grid .slider-arrows { display: none !important; }
1550
1551
1552	.T5277.display_mobile_slider .elements .element { 
1553		min-width: auto;
1554		max-width: none; 
1555		margin-right: 0;
1556		scroll-snap-align: start;
1557		width: calc( ( 100% / var(--cols-mobile) ) )
1558	}
1559	.T5277.display_mobile_slider .elements .element:first-child {
1560		margin-left: var(--elements-padding);
1561		scroll-margin-left: var(--elements-padding);
1562	}
1563
1564	
1565	.T5277.display_mobile_slider.slider_slice_1 .elements .element { 
1566		width: calc( ( ( 100% - var(--slice1) ) / var(--cols-mobile) ) - ( ( var(--elements-padding) / var(--cols-mobile) ) * 2 ) );
1567	}
1568
1569	.T5277.display_mobile_slider.slider_slice_2 .elements .element { 
1570		width: calc( ( ( 100% - var(--slice2) ) / var(--cols-mobile) ) - ( ( var(--elements-padding) / var(--cols-mobile) ) * 2 ) );
1571	}
1572
1573	
1574	.T5277.display_mobile_grid .elements { grid-template-columns: repeat(var(--cols-mobile), minmax(0, 1fr));  }
1575	
1576
1577	.T5277.display_mobile_slider .elements {
1578		overflow-x: scroll;
1579		overflow-y: visible;
1580		display: flex;
1581		scroll-snap-type: x mandatory;
1582		scroll-padding-left: var(--elements-padding);
1583	  	margin-left: 0;
1584	  	margin-right: 0;
1585	  	padding-bottom: 0;
1586	}
1587
1588
1589	.T5277.display_mobile_slider .elements:after {
1590		display: block;
1591		content: "";
1592		width: var(--elements-padding);
1593		scroll-snap-align: start;
1594		min-width: var(--elements-padding);
1595	}
1596
1597	.T5277.display_mobile_grid .elements .element {
1598		width: 100% !important;
1599		min-width: auto;
1600		max-width: none;
1601		margin: 0;
1602	}
1603
1604	body .T5277.meta-teaser-wave.cols_mobile_2 .element:nth-child(even) { transform: translateY(1.5rem); }
1605	body .T5277.meta-teaser-wave.cols_mobile_2 .elements { padding-bottom: 1.5rem; }
1606	body .T5277.meta-teaser-wave.cols_mobile_3 .element:nth-child(even) { transform: translateY(1.5rem); }
1607	body .T5277.meta-teaser-wave.cols_mobile_3 .elements { padding-bottom: 1.5rem; }
1608	body .T5277.meta-teaser-wave.cols_mobile_4 .element:nth-child(even) { transform: translateY(1.5rem); }
1609	body .T5277.meta-teaser-wave.cols_mobile_4 .elements { padding-bottom: 1.5rem; }
1610	body .T5277.meta-teaser-wave.cols_mobile_5 .element:nth-child(even) { transform: translateY(1.5rem); }
1611	body .T5277.meta-teaser-wave.cols_mobile_5 .elements { padding-bottom: 1.5rem; }
1612	body .T5277.meta-teaser-wave.cols_mobile_6 .element:nth-child(even) { transform: translateY(1.5rem); }
1613	body .T5277.meta-teaser-wave.cols_mobile_6 .elements { padding-bottom: 1.5rem; }
1614	body .T5277.meta-teaser-wave.cols_mobile_7 .element:nth-child(even) { transform: translateY(1.5rem); }
1615	body .T5277.meta-teaser-wave.cols_mobile_7 .elements { padding-bottom: 1.5rem; }
1616	body .T5277.meta-teaser-wave.cols_mobile_8 .element:nth-child(even) { transform: translateY(1.5rem); }
1617	body .T5277.meta-teaser-wave.cols_mobile_8 .elements { padding-bottom: 1.5rem; }
1618}
1619
1620
1621
1622
1623
1624/* Tablet and larger share the desktop layout rules. */
1625@container metateaser-content (width >= 768px) {
1626
1627
1628	.T5277.layout_aside .element {
1629		align-items: flex-start;
1630	}
1631
1632	.T5277.layout_over .element {
1633		flex-direction: column-reverse;
1634	}
1635
1636	.T5277.layout_aside .elements .element {
1637		flex-direction: row;
1638		flex-grow: 0;
1639		flex-shrink: 0;
1640	}
1641
1642	.T5277.layout_aside .elements .element .bild {
1643		width: 40%;
1644		flex-direction: row;
1645		flex-grow: 0;
1646		flex-shrink: 0;
1647	}
1648
1649	.T5277.layout_aside.ratio_portrait .elements .element .bild {
1650		width: 30%;
1651	}
1652
1653	.T5277.layout_aside_wide .elements .element .bild { width: 25%; }
1654	.T5277.layout_aside_wide.ratio_portrait .elements .element .bild { width: 20%; }
1655
1656	.T5277.layout_inside { 
1657		position: relative;
1658	}
1659
1660	.T5277.layout_inside .metateaser-content {
1661		position: absolute;
1662		top: 50%;
1663		transform: translateY(-50%);
1664		margin: 0;
1665	}
1666
1667	.T5277.layout_inside .metateaser-content .metateaser-content-text {
1668		display: flex;
1669		flex-wrap: wrap;
1670		flex-direction: column;
1671		align-items: flex-start;
1672	}
1673
1674	.T5277.layout_inside .metateaser-content .teaser-name {
1675		background-color: var(--layout-inside-background);
1676		display: inline;
1677		-webkit-box-decoration-break: clone;
1678		box-decoration-break: clone;
1679		white-space:pre-wrap;
1680		padding-right: 0.8rem; 
1681		padding-left: 0.8rem;;
1682	}
1683	
1684	.T5277.layout_below .element .metateaser-content {
1685		padding: 0.4rem 0 0 0;
1686	}
1687
1688	.T5277.layout_aside .element .metateaser-content {
1689		width: 100%;
1690		padding: 0 0.8rem 0 0.8rem;
1691	}
1692
1693
1694	.T5277.meta-teaser-content-gap .element .metateaser-content {
1695		padding: 0.9em 1em !important;
1696	}
1697
1698	.T5277.meta-teaser-content-gap-large .element .metateaser-content {
1699		padding: 2em 5rem !important;
1700	}
1701	
1702	.T5277.meta-teaser-content-gap-huge .element .metateaser-content {
1703		padding: 4em 15rem !important;
1704	}
1705	
1706
1707	.T5277.layout_aside:is(.bg_color) .element .metateaser-content {
1708		padding-top: 0.6rem;
1709		padding-bottom: 0.6rem;
1710	}
1711	.T5277.layout_aside.meta-teaser-content-reverse .element {
1712		flex-direction: row-reverse;
1713	}
1714
1715	.T5277.layout_inside.bg_color .element .metateaser-content {
1716		padding: 0;
1717	}
1718
1719	body .T5277.options_no_image.layout_aside .element .bild { position: absolute; top: 50%; right: 0.3rem; transform: translateY(-50%); display: flex; }
1720	body .T5277.options_no_image.layout_aside .element .bild :is(.status,.nr) { position: static;  font-size: 0.8em; }
1721	body .T5277.options_no_image.layout_aside .element .bild div:last-child { margin-left: 0.2em; }
1722
1723	body .T5277.meta-teaser-layout-reverse .element { flex-direction: column-reverse; }
1724	body .T5277.meta-teaser-layout-reverse.layout_aside .element { flex-direction: row-reverse; }
1725	
1726	
1727	.T5277.meta-teaser-text-padding-large.layout_aside .element .metateaser-content { padding: 0 0 0 3rem; }
1728	.T5277.meta-teaser-text-padding-large.meta-teaser-layout-reverse.layout_aside .element .metateaser-content { padding: 0 3rem 0 0; }
1729	
1730	
1731	body .T5277.meta-teaser-mobile-column.layout_aside .element { flex-direction: column; }
1732	body .T5277.meta-teaser-mobile-column.layout_aside.meta-teaser-layout-reverse .element { flex-direction: column-reverse; }
1733	body .T5277.meta-teaser-mobile-column.layout_aside .element .bild { width: 100%; }
1734	
1735	
1736	
1737	
1738	.T5277.display_desktop_slider .outer {
1739		--element_base: 100%;
1740	}
1741
1742
1743	.C420 .T5277.display_desktop_slider .outer {
1744		--element_base: calc( 100% - var(--margin-offset) );
1745	}
1746
1747	.C250 .T5277.display_desktop_slider .outer {
1748		--element_base: calc( 100% - var(--margin-offset) );
1749	}
1750
1751	.C350 .T5277.display_desktop_slider .outer {
1752		--element_base: calc( 100% - var(--margin-offset) );
1753	}
1754
1755	.C600 .T5277.display_desktop_slider .outer {
1756		--element_base: calc( 100% - var(--margin-offset) );
1757	}
1758
1759
1760
1761
1762	.T5277.display_desktop_slider .elements .element { 
1763		min-width: auto;
1764		max-width: none; 
1765		margin-right: 0;
1766		scroll-snap-align: start;
1767		width: calc( ( var(--element_base) / var(--cols-desktop) ) );
1768	}
1769	.T5277.display_desktop_slider.slider_slice_1 .elements .element { 
1770		width: calc( ( ( var(--element_base) - var(--slice1) ) / var(--cols-desktop) )  - ( ( var(--elements-padding) / var(--cols-desktop) ) * 2 ) );
1771	}
1772
1773	.T5277.display_desktop_slider.slider_slice_2 .elements .element { 
1774		width: calc( ( ( var(--element_base) - var(--slice2) ) / var(--cols-desktop) )  - ( ( var(--elements-padding) / var(--cols-desktop) ) * 2 ) );
1775	}
1776
1777	.T5277.display_desktop_grid .elements {
1778		margin-left: 0;
1779  		margin-right: 0;
1780	}
1781	.T5277.display_desktop_grid .elements { grid-template-columns: repeat(var(--cols-desktop), minmax(0, 1fr)); }
1782	
1783	
1784	.T5277.display_desktop_slider .elements {
1785		overflow-x: auto;
1786		overflow-y: visible;
1787		display: flex;
1788		scroll-snap-type: x mandatory;
1789	  	/* scroll-padding: 0; */
1790		scroll-padding-left: var(--elements-padding);
1791	  	margin-left: 0;
1792	  	margin-right: 0;
1793	}
1794
1795
1796
1797	.T5277.display_desktop_grid .elements .element {
1798		width: 100%;
1799		min-width: auto;
1800		max-width: none;
1801		margin: 0;
1802	}
1803
1804
1805
1806
1807
1808
1809
1810	body .T5277.meta-teaser-wave.cols_desktop_2 .element:nth-child(even) { transform: translateY(1.5rem); }
1811	body .T5277.meta-teaser-wave.cols_desktop_2 .elements { padding-bottom: 1.5rem; }
1812	body .T5277.meta-teaser-wave.cols_desktop_3 .element:nth-child(even) { transform: translateY(1.5rem); }
1813	body .T5277.meta-teaser-wave.cols_desktop_3 .elements { padding-bottom: 1.5rem; }
1814	body .T5277.meta-teaser-wave.cols_desktop_4 .element:nth-child(even) { transform: translateY(1.5rem); }
1815	body .T5277.meta-teaser-wave.cols_desktop_4 .elements { padding-bottom: 1.5rem; }
1816	body .T5277.meta-teaser-wave.cols_desktop_5 .element:nth-child(even) { transform: translateY(1.5rem); }
1817	body .T5277.meta-teaser-wave.cols_desktop_5 .elements { padding-bottom: 1.5rem; }
1818	body .T5277.meta-teaser-wave.cols_desktop_6 .element:nth-child(even) { transform: translateY(1.5rem); }
1819	body .T5277.meta-teaser-wave.cols_desktop_6 .elements { padding-bottom: 1.5rem; }
1820	body .T5277.meta-teaser-wave.cols_desktop_7 .element:nth-child(even) { transform: translateY(1.5rem); }
1821	body .T5277.meta-teaser-wave.cols_desktop_7 .elements { padding-bottom: 1.5rem; }
1822	body .T5277.meta-teaser-wave.cols_desktop_8 .element:nth-child(even) { transform: translateY(1.5rem); }
1823	body .T5277.meta-teaser-wave.cols_desktop_8 .elements { padding-bottom: 1.5rem; }
1824
1825}
1826
1827/* Tablet: 768px to 999px available content width */
1828@container metateaser-content (768px <= width < 1000px) {
1829	.T5277.display_tablet_grid .elements {
1830		display: grid;
1831		overflow: visible;
1832		flex-wrap: nowrap;
1833		scroll-snap-type: none;
1834		margin-left: 0;
1835		margin-right: 0;
1836		grid-template-columns: repeat(var(--cols-tablet), minmax(0, 1fr));
1837	}
1838
1839	.T5277.display_tablet_grid .elements .element {
1840		width: 100%;
1841		min-width: auto;
1842		max-width: none;
1843		margin: 0;
1844	}
1845
1846	.T5277.display_tablet_grid .elements::after {
1847		display: none;
1848	}
1849
1850	.T5277.display_tablet_grid .slider-arrows {
1851		display: none !important;
1852	}
1853
1854	.T5277.display_tablet_slider .outer {
1855		--element_base: 100%;
1856	}
1857
1858	.C420 .T5277.display_tablet_slider .outer,
1859	.C250 .T5277.display_tablet_slider .outer,
1860	.C350 .T5277.display_tablet_slider .outer,
1861	.C600 .T5277.display_tablet_slider .outer {
1862		--element_base: calc(100% - var(--margin-offset));
1863	}
1864
1865	.T5277.display_tablet_slider .elements {
1866		display: flex;
1867		flex-wrap: nowrap;
1868		overflow-x: auto;
1869		overflow-y: visible;
1870		grid-template-columns: none;
1871		scroll-snap-type: x mandatory;
1872		scroll-padding-left: var(--elements-padding);
1873		margin-left: 0;
1874		margin-right: 0;
1875	}
1876
1877
1878
1879	.T5277.display_tablet_slider .elements .element {
1880		min-width: auto;
1881		max-width: none;
1882		margin-right: 0;
1883		scroll-snap-align: start;
1884		width: calc(var(--element_base) / var(--cols-tablet));
1885	}
1886
1887	.T5277.display_tablet_slider.slider_slice_1 .elements .element {
1888		width: calc(((var(--element_base) - var(--slice1)) / var(--cols-tablet)) - ((var(--elements-padding) / var(--cols-tablet)) * 2));
1889	}
1890
1891	.T5277.display_tablet_slider.slider_slice_2 .elements .element {
1892		width: calc(((var(--element_base) - var(--slice2)) / var(--cols-tablet)) - ((var(--elements-padding) / var(--cols-tablet)) * 2));
1893	}
1894}
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909.T5277 .element.hidden, .T5277 .element.offpage {
1910	display: none;
1911}
1912
1913
1914.T5277 .status {
1915	position: absolute;
1916	right: 0.3rem;
1917	top: 0.4rem;
1918	background-color: #fff;
1919	font-size: var(--font-size-status);
1920	padding: 0.05rem 0.3rem 0.05rem 0.3rem;	
1921	border-radius: 0.5rem;
1922}
1923
1924.T5277 .open .status {	background-color: var(--color-open); color: #fff; }
1925.T5277 .geoeffnet .status {	background-color: var(--color-open); color: #fff; }
1926.T5277 .begehbar .status {	background-color: var(--color-open); color: #fff; }
1927.T5277 .befahrbar .status {	background-color: var(--color-open); color: #fff; }
1928.T5277 .in-betrieb .status {	background-color: var(--color-open); color: #fff; }
1929
1930.T5277 .partly .status { background-color: var(--color-partly); color: #fff; }
1931.T5277 .bedingt-begehbar .status { background-color: var(--color-partly); color: #fff; }
1932.T5277 .bedingt-befahrbar .status { background-color: var(--color-partly); color: #fff; }
1933.T5277 .teilweise-geoeffnet .status { background-color: var(--color-partly); color: #fff; }
1934.T5277 .in-vorbereitung .status { background-color: var(--color-pending); color: #fff; }
1935
1936.T5277 .zusatz .status { background-color: var(--color-warning); color: #fff; }
1937.T5277 .closed .status { background-color: var(--color-closed); color: #fff; }
1938.T5277 .nicht-begehbar .status { background-color: var(--color-closed); color: #fff; }
1939.T5277 .nicht-befahrbar .status { background-color: var(--color-closed); color: #fff; }
1940.T5277 .belegt .status { background-color: var(--color-closed); color: #fff; }
1941.T5277 .geschlossen .status { background-color: var(--color-closed); color: #fff; }
1942.T5277 .ausser-betrieb .status {	background-color: var(--color-closed); color: #fff; }
1943
1944.T5277 .achtung .status { background-color: var(--color-warning); color: #fff; }
1945.T5277 .sterne .status { background-color: #fff; color: #FDB50A; }
1946
1947.T5277 .stoerung .status { background-color: var(--color-disturbance); color: #fff; }
1948
1949.T5277 .tag_image {
1950	width: 1.5em;
1951  	margin-right: 0.5em;
1952}
1953.T5277 .tag_image img {
1954	width: 100%; height: auto;
1955}
1956
1957.T5277 .with_tag_image {
1958	display: flex;
1959	align-items: center;
1960}
1961
1962.T5277 .nr {
1963	position: absolute;
1964	left: 0.3rem;
1965	top: 0.4rem;
1966	background-color: #fff
1966;
1967	font-size: var(--font-size-status);
1968	padding: 0.05rem 0.3rem 0.05rem 0.3rem;	
1969	border-radius: 0.5rem;
1970}
1971
1972.T5277 .element.open .status { background-color: var(--color-open); color: #fff; }
1973.T5277 .element.warning .status { background-color: var(--color-warning); color: #fff; }
1974.T5277 .element.close .status { background-color: var(--color-closed); color: #fff; }
1975
1976/* Es gibt den Fall dass sowohl open als auch close gesetzt wird. Dann hat open Vorrang */
1977.T5277 .element.open.close .status { background-color: var(--color-open); color: #fff; }
1978
1979.T5277 .metateaser-content {
1980	padding-block: 0.8rem;
1981}
1982.T5277.meta-teaser-content-gap-large .metateaser-content {
1983	padding-block: 3rem;
1984}
1985
1986
1987
1988
1989.T5277 .metateaser-content .teaser-subheadline {
1990	color: #999;
1991	font-size: 0.8em;
1992	line-height: 1.3;
1993	margin: 0.2rem 0 0 0rem;
1994	word-wrap: break-word;
1995	overflow-wrap: break-word;
1996	-webkit-hyphens: auto;
1997	-moz-hyphens: auto;
1998	hyphens: auto;
1999	text-wrap: balance;
2000	
2001	display: -webkit-box;
2002  	-webkit-line-clamp: 1;
2003	-webkit-box-orient: vertical;
2004	overflow: hidden;
2005}
2006
2007.T5277 .metateaser-content .teaser-date {
2008	margin-top: 0.4em;
2009	font-size: 0.9em;
2010	line-height: 1;
2011	color: #444;
2012}
2013
2014
2015.T5277 .metateaser-content .teaser-name {
2016	font-size: 1em;
2017	line-height: 1.25;
2018	margin: 0.1rem 0 0 0;
2019	word-wrap: break-word;
2020	overflow-wrap: break-word;
2021	-webkit-hyphens: auto;
2022	-moz-hyphens: auto;
2023	hyphens: auto;
2024	text-wrap: balance;
2025	text-decoration: none;
2026}
2027
2028.T5277 .metateaser-content .teaser-status_info {
2029	font-size: 0.7rem;
2030	font-style: oblique;
2031	line-height: 1.1;
2032	margin: 0.2em 0 0.2em 0;
2033	color: #f80;
2034	word-wrap: break-word;
2035	overflow-wrap: break-word;
2036	-webkit-hyphens: auto;
2037	-moz-hyphens: auto;
2038	hyphens: auto;
2039	text-wrap: balance;
2040}
2041
2042.T5277 .metateaser-content .clamp {
2043	display: -webkit-box;
2044	-webkit-line-clamp: 3;
2045	-webkit-box-orient: vertical; 
2046	overflow: hidden;
2047}
2048
2049.T5277 .metateaser-content .clamp.clamp1 { -webkit-line-clamp: 1; }
2050.T5277 .metateaser-content .clamp.clamp2 { -webkit-line-clamp: 2; }
2051.T5277 .metateaser-content .clamp.clamp3 { -webkit-line-clamp: 3; }
2052.T5277 .metateaser-content .clamp.clamp4 { -webkit-line-clamp: 4; }
2053.T5277 .metateaser-content .clamp.clamp5 { -webkit-line-clamp: 5; }
2054.T5277 .metateaser-content .clamp.clamp6 { -webkit-line-clamp: 6; }
2055
2056.T5277 .metateaser-content .badge_box_empty { height:2em; width:100%; }
2057.T5277 .metateaser-content .badge_box { position:absolute; bottom:.5em; right:.5em; left:1em; text-align:right; }
2058.T5277 .metateaser-content .badge_box .tag_image { display: inline-block; }
2059
2060.T5277 .metateaser-content .badge_box .teaser-subheadline.oeff {float: left; width: 100%; text-align: left; margin-bottom:0.5em; }
2061
2062.T5277 .metateaser-content .teaser-intro {
2063	color: #666;
2064	font-size: 1em;
2065	line-height: 1.2;
2066	margin: 0.35em 0 0 0;
2067	word-wrap: break-word;
2068	overflow-wrap: break-word;
2069	-webkit-hyphens: auto;
2070	-moz-hyphens: auto;
2071	hyphens: auto;
2072	text-wrap: balance;
2073
2074}
2075
2076
2077.T5277 .metateaser-content .text_teaser {
2078	color: #000;
2079	font-size: 0.85em;
2080	line-height: 1.3;
2081	margin: 0.5em 0 0.5em 0rem;
2082	-webkit-hyphens: auto;
2083	-moz-hyphens: auto;
2084	hyphens: auto;
2085	text-wrap: balance;
2086}
2087.T5277 .metateaser-content .text_teaser ul { margin: 0 0 0.5em 0; }
2088.T5277 .metateaser-content .text_teaser p { margin: 0 0 0.5em 0; }
2089.T5277 .metateaser-content .text_teaser p:last-child { margin: 0; }
2090
2091.T5277 .metateaser-content .text_teaser .seite .intro {
2092	color: #807c7c;
2093	font-size: 0.75em;
2094	line-height: 1.3;
2095	margin: 0.5em 0 0.5em 0rem;
2096	-webkit-hyphens: auto;
2097	-moz-hyphens: auto;
2098	hyphens: auto;
2099	text-wrap: balance;
2100}
2101
2102.T5277 .metateaser-content a:not(.button) {
2103	color: var( --bgcolor-button, "#999");
2104}
2105
2106.T5277 .metateaser-content a.tel {
2107	white-space: nowrap;
2108	font-size: 0.9em;
2109}
2110
2111
2112/* --- Button --- */
2113
2114.T5277 .metateaser-content .metateaser-buttons {
2115	margin-top: 0.5em;
2116	display: flex;
2117	justify-content: flex-end;
2118	gap: 0.5em;
2119}
2120.T5277 .metateaser-content .metateaser-button.default {
2121	background: var( --bgcolor-button, "#999");
2122	color: #fff;
2123	font-size: 0.8em;
2124	white-space: nowrap;
2125	padding: 0.2em 1em;
2126	border-radius: 0.3em;
2127	cursor: pointer;
2128	text-decoration: none;
2129}
2130
2131
2132
2133
2134/* --- skeleton --- */
2135
2136.T5277 .element.skeleton {
2137	pointer-events: none;
2138}
2139
2140.T5277 .element.skeleton .bild,
2141.T5277 .element.skeleton .teaser-name,
2142.T5277 .element.skeleton .teaser-intro {
2143	position: relative;
2144	overflow: hidden;
2145}
2146
2147.T5277 .element.skeleton .teaser-name,
2148.T5277 .element.skeleton .teaser-intro {
2149	color: #bbb !important;
2150	letter-spacing: -1px;
2151}
2152
2153.T5277 .element.skeleton .bild::after,
2154.T5277 .element.skeleton .teaser-name::after,
2155.T5277 .element.skeleton .teaser-intro::after {
2156	content: "";
2157	position: absolute;
2158	inset: 0;
2159	transform: translateX(-100%);
2160	background: linear-gradient(
2161		90deg,
2162		transparent,
2163		rgba(255, 255, 255, 0.55),
2164		transparent
2165	);
2166	animation: meta-teaser-skeleton-loading 1.4s ease-in-out infinite;
2167}
2168
2169.T5277 .element.skeleton .teaser-intro::after {
2170	animation-delay: 0.12s;
2171}
2172
2173@keyframes meta-teaser-skeleton-loading {
2174	100% {
2175		transform: translateX(100%);
2176	}
2177}
2178
2179@media (prefers-reduced-motion: reduce) {
2180	.T5277 .element.skeleton .bild::after,
2181	.T5277 .element.skeleton .teaser-name::after,
2182	.T5277 .element.skeleton .teaser-intro::after {
2183		animation: none;
2184		display: none;
2185	}
2186}
2187
2188
2189
2190/* --- Anordnung Text --- */
2191
2192.T5277.bg_color .element .metateaser-content {
2193	padding: 0.9em 1em;
2194}
2195
2196
2197/* --- Vertikal  --- */
2198.T5277.text_justify .element .metateaser-content {
2199	flex: 1;
2200	flex-direction: column;
2201    justify-content: space-between;
2202}
2203
2204
2205
2206
2207
2208
2209
2210
2211
2212.T5277 .element .teaser-name.default_font {
2213	font-weight: 600;
2214}
2215
2216.T5277 .element .price {
2217	margin-top: 0.4em;
2218	display: flex;
2219	font-size: 1em;
2220	font-weight: bold;
2221	align-items: center;
2222    gap: 0.4em;
2223    justify-content: space-between;
2224	
2225}
2226
2227.T5277 .element .price .price-info {
2228	opacity: 0.7;
2229	font-size: max(0.7em,13px);
2230	font-weight: normal;
2231	hyphens: auto;	
2232}
2233
2234.T5277 .element .price .price-amount {
2235	white-space: nowrap;
2236	font-weight: bold;
2237	font-size: 1em;
2238	color: #0076BA;
2239}
2240
2241
2242@container metateaser-content (width >= 567px) {
2243	.T5277 .element .price {  gap: 0.5em; }
2244	.T5277 .element .price .price-info { font-size: max(0.85em,14px); }
2245}
2246
2247
2248
2249
2250.T5277 .element .price b {
2251	color: #000;
2252}
2253
2254.T5277 .metateaser-content > div:first-child { margin-top: 0; }
2255
2256.T5277 .metateaser-content .text_teaser b, .T5277 .metateaser-content .text_teaser strong { font-weight: bold; }
2257
2258
2259/* Grouping */
2260.T5277 .with_groups { flex-direction: column; }
2261.T5277 .with_groups .grouping_container {
2262	display: grid;
2263    background-color: transparent;
2264    margin: 0;
2265}
2266.T5277 .with_groups .grouping_container.hidden { display: none; }
2267
2268.T5277 .with_groups .maingroup {
2269	margin: 0.75rem 0 0 0;
2270	grid-column: 1 / -1;
2271	gap: 1em;
2272	flex-direction: column !important;
2273	border: 0px solid transparent;
2274}
2275
2276.T5277 .with_groups .maingroup .bild { width: 100% !important; }
2277.T5277 .with_groups .maingroup .bild img { aspect-ratio: 4/3 !important;  }
2278
2279.T5277 .with_groups .maingroup .meta-teaser-images { 
2280	width: 100%;
2281	scroll-behavior: smooth;
2282	overflow: auto;
2283	scroll-snap-type: x mandatory;
2284	-ms-overflow-style: none;
2285	scrollbar-width: none;
2286	display: flex;
2287	flex-flow: row nowrap;
2288}
2289
2290.T5277 .with_groups .maingroup .meta-teaser-images picture { 
2291	flex: 0 auto !important;
2292	flex-grow: 0 !important;
2293	flex-shrink: 0 !important;
2294	scroll-snap-align: center;
2295	width: 100%;
2296}
2297
2298.T5277 .with_groups .maingroup .metateaser-content {
2299	padding: 0 !important;
2300}
2301
2302.T5277 .with_groups .grouping_container .element {
2303	flex-grow:  1;
2304	margin-right: 0;
2305	min-width: calc(100% - 5rem - 0.4rem);
2306	width:  auto;
2307}
2308.T5277 .with_groups .grouping_container.fullsize { background-color: #f2f2f2; }
2309.T5277 .with_groups .grouping_container.fullsize .element { width:100vw; }
2310
2311
2312
2313
2314
2315.T5277 .bookmark_button_wrapper {
2316	display: flex;
2317	justify-content: flex-end;
2318/*	margin-top: 0.5rem;*/
2319}
2320
2321
2322
2323/* Kein Bild */
2324
2325body .T5277.options_no_image .element .bild { position: initial; flex: unset; width: auto !important; }
2326body .T5277.options_no_image .element .bild img { display: none; }
2327body .T5277.options_no_image .element { gap: 0.5em; }
2328body .T5277.options_no_image .element .metateaser-content { flex: 7; }
2329body .T5277.options_no_image .element .nr { right: 0.3rem; left: auto; }
2330/*body .T5277.options_no_image .element .subheadline { display: none; }*/
2331
2332
2333
2334
2335body .T5277.meta-teaser-pulldown .element.meta-teaser-pulldown-defined .metateaser-content:after { content: "+"; display: block; position: absolute; left: 50%; bottom: -0.2em; transform: translateY(-50%); font-size: 1.5em; }
2336body .T5277.meta-teaser-pulldown .element.meta-teaser-pulldown-defined .metateaser-content .teaser-intro { padding-top: 0em; }
2337body .T5277.meta-teaser-pulldown .element.meta-teaser-pulldown-defined .metateaser-content .meta-teaser-data  { padding-bottom: 1.5em; }
2338
2339body .T5277.meta-teaser-pulldown .element.element.meta-teaser-pulldown-open .metateaser-content:after { content: "-" }
2340
2341.meta-teaser-pulldown-content { display: none; }
2342.element.meta-teaser-pulldown-open + .meta-teaser-pulldown-content { 
2343	display: block; 
2344	padding: 1em;
2345}
2346
2347/* --- Darstellungsoptionen ---------------------------------------------------------- */
2348
2349
2350
2351@container metateaser-content (width >= 1200px) {
2352	.T5277.meta-teaser-center .elements { justify-content: flex-start; }
2353}
2354
2355body .T5277.meta-teaser-radius-light .element { border-radius: 0.4em; overflow: hidden; }
2356body .T5277.meta-teaser-radius-10 .element { border-radius: 0.7em; overflow: hidden; }
2357body .T5277.meta-teaser-radius-2 .element { border-radius: 2%; overflow: hidden; }
2358
2359/* Listenansicht mit kleinem Abstand zwischen Elementen, wenig Padding und Trennstrichen */
2360body .T5277.meta-teaser-list-view .elements { gap: 0.2em var(--elements-padding) !important; }
2361body .T5277.meta-teaser-list-view .element { border-top: 1px solid #0002; }
2362body .T5277.meta-teaser-list-view .metateaser-content { padding: 0.3em 0.4em !important; }
2363body .T5277.meta-teaser-list-view .element .icon img { width: 1.3em; }
2364body .T5277.meta-teaser-list-view .element .icon image, body .T5277.meta-teaser-list-view .element .icon svg { width: 2em; }
2365
2366body .T5277.meta-teaser-image-radius-light .bild { border-radius: 0.7em; overflow: hidden; }
2367body .T5277.meta-teaser-image-radius-2 .bild { border-radius: 2%; overflow: hidden; }
2368body .T5277.meta-teaser-image-radius-10 .bild { border-radius: 10%; overflow: hidden; }
2369body .T5277.meta-teaser-image-radius-25 .bild { border-radius: 25%; overflow: hidden; }
2370body .T5277.meta-teaser-image-radius-50 .bild { border-radius: 50%; overflow: hidden; }
2371
2372body .T5277.meta-teaser-text-align-center .metateaser-content { width: 100%; text-align: center; }
2373body .T5277.meta-teaser-text-align-center .metateaser-content-text { display: block !important; }
2374
2375body .T5277.meta-teaser-image-padding .bild { padding: 1em; }
2376body .T5277.meta-teaser-image-padding-small .bild {
2377	margin: 0.2em;
2378    width: calc(100% - 0.4em);
2379}
2380body .T5277.meta-teaser-image-maxwidth .bild img { max-width:100%; width:auto; margin-left: auto; margin-right: auto; }
2381
2382
2383
2384body .T5277.meta-teaser-text-vertical-low .metateaser-content { padding-bottom: 7% !important; display: flex; flex-direction: column; justify-content:  flex-end; height: 100%; }
2385body .T5277.meta-teaser-text-vertical-low .element.has-button .metateaser-content {  padding-top: 2em; padding-bottom: 2em; }
2386
2387body .T5277.meta-teaser-text-vertical-center .metateaser-content { display: flex; flex-direction: column; justify-content: center; height: 100%; }
2388body .T5277.meta-teaser-text-vertical-center .element.has-button .metateaser-content { padding-top: 2em; padding-bottom: 2em; }
2389
2390body .T5277.meta-teaser-text-vertical-bottom .metateaser-content { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
2391body .T5277.meta-teaser-text-vertical-bottom .element.has-button .metateaser-content { padding-top: 2em; padding-bottom: 2em; }
2392
2393body .T5277.meta-teaser-text-large .metateaser-content { font-size: 1.2em; }
2394body .T5277.meta-teaser-text-large .metateaser-content .teaser-name { font-size: 1.2em; }
2395body .T5277.meta-teaser-text-large.bg_color .metateaser-content { padding: 1.3em !important; }
2396
2397body .T5277.meta-teaser-text-huge .metateaser-content { font-size: 1.6em; }
2398body .T5277.meta-teaser-text-huge .metateaser-content .teaser-name { font-size: 1.5em; font-weight: 500;}
2399body .T5277.meta-teaser-text-huge .metateaser-content .teaser-intro {font-size: 0.85em;}
2400body .T5277.meta-teaser-text-huge .metateaser-content .text_teaser {font-size: 0.75em;}
2401
2402body .T5277.meta-teaser-text-small .metateaser-content { font-size: 0.8em; }
2403body .T5277.meta-teaser-text-small.bg_color .metateaser-content { padding: 0.4rem 0.7rem !important; }
2404
2405
2406
2407body .T5277.meta-teaser-line-bottom .element {
2408	padding-bottom: 1em;
2409	border-bottom: 2px solid #000 !important;
2410	border-bottom-width: 2px !important;
2411}
2412
2413body .T5277.meta-teaser-headline-inside .teaser-name {
2414	
2415	
2416	position: absolute;
2417	display: flex;
2418	font-size: 2em;
2419	flex-direction: column;
2420	justify-content: center;
2421	text-align: center;
2422	left: 0;
2423	right: 0;
2424	top: 0;
2425	color: #fff;
2426}
2427
2428.T5277.ratio_landscape.meta-teaser-headline-inside .teaser-name { aspect-ratio: 4 / 3; }
2429.T5277.ratio_panorama.meta-teaser-headline-inside .teaser-name { aspect-ratio: 4 / 2; }
2430.T5277.ratio_ultrawide.meta-teaser-headline-inside .teaser-name { aspect-ratio: 3 / 1; }
2431.T5277.ratio_portrait.meta-teaser-headline-inside .teaser-name { aspect-ratio: 3 / 4; }
2432.T5277.ratio_square.meta-teaser-headline-inside .teaser-name { aspect-ratio: 1 / 1; }
2433
2434
2435
2436body .T5277.meta-teaser-hover-dark picture { overflow: hidden; }
2437body .T5277.meta-teaser-hover-dark .element img { transition: filter 0.4s ease, transform 0.4s ease; }
2438body .T5277.meta-teaser-hover-dark .element:hover img { filter: brightness(0.6); transform: scale(1.1); }
2439body .T5277.meta-teaser-hover-dark.meta-teaser-headline-inside .element .teaser-name { transition: color 0.6s ease, text-shadow 0.6s ease; text-shadow: 0.1em 0.1em 1em #fff; overflow: initial; }
2440body .T5277.meta-teaser-hover-dark.meta-teaser-headline-inside .element:hover .teaser-name { color: #fff; text-shadow: 0.1em 0.1em 1em #000; }
2441
2442body .T5277.meta-teaser-hover-bright picture { overflow: hidden; }
2443body .T5277.meta-teaser-hover-bright .element img { filter: brightness(0.6); transition: filter 0.4s ease, transform 0.4s ease; }
2444body .T5277.meta-teaser-hover-bright .element:hover img { filter: brightness(1); transform: scale(1.1); }
2445body .T5277.meta-teaser-hover-bright.meta-teaser-headline-inside .element .teaser-name { color: #fff; transition: color 0.6s ease, text-shadow 0.6s ease; text-shadow: 0.1em 0.1em 0.5em #0007; overflow: initial; }
2446body .T5277.meta-teaser-hover-bright.meta-teaser-headline-inside .element:hover .teaser-name { color: #fff; text-shadow: 0.1em 0.1em 1em #000f; }
2447
2448
2449
2450body .T5277.meta-teaser-stretch .element { align-items: stretch; }
2451body .T5277.meta-teaser-stretch .metateaser-content { flex: 2; display: flex; justify-content: space-between; flex-direction: column;  }
2452body .T5277.meta-teaser-stretch .metateaser-content .text-teaser  { flex: 3; }
2453
2454body .T5277.meta-teaser-text-no-hyphens .metateaser-content .teaser-name { hyphens: none; }
2455body .T5277.meta-teaser-text-no-hyphens .metateaser-content .teaser-intro { hyphens: none; }
2456
2457
2458
2459body .T5277.meta-teaser-nomargin .elements { gap: 0 !important; }
2460body .T5277.meta-teaser-gap-tiny .elements { gap: calc( var(--elements-padding) / 4 ) !important; }
2461body .T5277.meta-teaser-gap-small .elements { gap: calc( var(--elements-padding) / 2 ) !important; }
2462body .T5277.meta-teaser-gap-large .elements { gap: calc( var(--elements-padding) * 2 ) !important; }
2463body .T5277.meta-teaser-gap-huge .elements { gap: calc( var(--elements-padding) * 4 ) !important; }
2464
2465body .T5277.meta-teaser-rarr .element .metateaser-content:after { content: "\203A"; display: block; position: absolute; top: 50%; right: 0.6em; transform: translateY(-50%); font-size: 1.3em; }
2466body .T5277.meta-teaser-rarr .element .metateaser-content .teaser-name { padding-right: 1em; }
2467body .T5277.meta-teaser-rarr .element .metateaser-content .teaser-intro { padding-right: 1em; }
2468body .T5277.meta-teaser-rarr .element .metateaser-content .meta-teaser-data  { padding-right: 1em; }
2469
2470body .T5277.meta-teaser-largebutton .element.has-button .metateaser-content { padding-bottom: 0; }
2471body .T5277.meta-teaser-largebutton .metateaser-buttons { position: static; margin: 0.5em 0 0 0; }
2472body .T5277.meta-teaser-largebutton .metateaser-buttons.button_count2 {	display: flex; justify-content: space-between; }
2473body .T5277.meta-teaser-largebutton .metateaser-buttons .metateaser-button { font-size: 1em; padding: 0.4em 0; text-align: center; }
2474body .T5277.meta-teaser-largebutton .metateaser-buttons.button_count1 .metateaser-button { width: 100%; }
2475body .T5277.meta-teaser-largebutton .metateaser-buttons.button_count2 .metateaser-button {	width: 49%;}
2476
2477body .T5277.meta-teaser-buttons-simple .metateaser-content .metateaser-button { background: none; color: inherit; padding: 0; }
2478body .T5277.meta-teaser-buttons-simple .metateaser-content .metateaser-button:before { content: "\203A"; margin-right: 0.2em; }
2479
2480body .T5277.meta-teaser-buttons-left .metateaser-content .metateaser-buttons { justify-content: flex-start; }
2481
2482body .T5277.meta-teaser-border .element { border: 1px solid #0002;}
2483body .T5277.meta-teaser-border .element .metateaser-content { padding: 0.9em 1em; }
2484
2485body .T5277.meta-teaser-shadow .element { box-shadow: 0.3em 0.3em 1em #0002; }
2486
2487
2488@container metateaser-content (width < 768px) {
2489	.T5277.meta-teaser-border-bottom.display_mobile_grid .element { border-bottom: 1px solid #0002; padding-bottom: 1em; }
2490	.T5277.meta-teaser-border-bottom.display_mobile_slider .element { border-right: 1px solid #0002; }
2491}
2492
2493@container metateaser-content (768px <= width < 1000px) {
2494	.T5277.meta-teaser-border-bottom.display_tablet_grid .element { border-bottom: 1px solid #0002; padding-bottom: 1em; }
2495	.T5277.meta-teaser-border-bottom.display_tablet_slider .element { border-right: 1px solid #0002; }
2496}
2497
2498@container metateaser-content (width >= 1000px) {
2499	.T5277.display_desktop_grid .slider-arrows { display: none !important; }
2500	.T5277.meta-teaser-border-bottom.display_desktop_grid .element { border-bottom: 1px solid #0002; padding-bottom: 1em; }
2501	.T5277.meta-teaser-border-bottom.display_desktop_slider .element { border-right: 1px solid #0002; }
2502}
2503
2504body .T5277.meta-teaser-border-bottom .element:last-child { border-bottom-width: 0 !important; border-right-width: 0 !important; }
2505
2506
2507body .T5277.meta-teaser-slidein .element .metateaser-content .teaser-name { padding-right: 1em; }
2508body .T5277.meta-teaser-slidein .element .metateaser-content .text_teaser { display: none; }
2509body .T5277.meta-teaser-slidein .element .metateaser-content:after { content: "\203A"; display: block; position: absolute; top: 0.56rem; right: 0.6em; transform: rotate(90deg); font-size: 1.3em; }
2510
2511body .T5277.meta-teaser-slidein .element.slidein-open .metateaser-content:after { transform: rotate(-90deg) translateY(-0.2rem); }
2512body .T5277.meta-teaser-slidein .element.slidein-open .metateaser-content .text_teaser { display: block; }
2513
2514body .T5277.meta-teaser-counter .meta-teaser-images:after { 
2515	
2516	content: attr(data-counter);
2517	display: block;
2518
2519	position: absolute;
2520	bottom: 0.3em;
2521	left: 0.3em;
2522	z-index: 10;
2523
2524	font-size: 3.5em;
2525	line-height: 1;
2526	color: rgba(255,255,255,0.9);
2527	text-shadow: 0 0 0.1em rgba(0,0,0,0.4);
2528	font-weight: bold;
2529
2530}
2531
2532body .T5277.meta-teaser-clip-teaser .element {
2533	--clip-offset: 40px;
2534    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--clip-offset)), c
2534alc(100% - var(--clip-offset)) 100%, 0% 100%);
2535}
2536
2537body .T5277.meta-teaser-clip-image .element .bild {
2538	--clip-offset: 40px;
2539    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--clip-offset)), calc(100% - var(--clip-offset)) 100%, 0% 100%);
2540}
2541
2542body .T5277.meta-teaser-fullscreen-image .element .bild {
2543	width: 100vw;
2544    margin-left: calc((100vw - 100%) / -2);
2545}
2546
2547
2548@supports not (container-type: inline-size) {
2549
2550    /* Mobile: Basis */
2551    .T5277.display_mobile_grid .elements {
2552        grid-template-columns:
2553            repeat(var(--cols-mobile, 1), minmax(0, 1fr));
2554    }
2555
2556    @media (min-width: 768px) {
2557        .T5277.display_tablet_grid .elements {
2558            grid-template-columns:
2559                repeat(var(--cols-tablet, 1), minmax(0, 1fr));
2560        }
2561    }
2562
2563    @media (min-width: 1024px) {
2564        .T5277.display_desktop_grid .elements {
2565            grid-template-columns:
2566                repeat(var(--cols-desktop, 1), minmax(0, 1fr));
2567        }
2568    }
2569}
2570
2571/* First Picture is wider in Media Galery */
2572
2573    /* First Element wider */
2574    .T5277.meta-teaser-first-large.display_desktop_slider
2575    .elements > .element:first-child {
2576        width: calc((var(--element_base) / var(--cols-desktop)) * 1.25);
2577        flex-shrink: 0;
2578    }
2579
2580    /* Giving the same height to all elements */
2581    .T5277.meta-teaser-first-large.display_desktop_slider
2582    .elements {
2583        align-items: stretch;
2584    }
2585
2586    /* Slider needs to take on the height of its element.  */
2587    .T5277.meta-teaser-first-large.display_desktop_slider
2588    .element > .bild,
2589    .T5277.meta-teaser-first-large.display_desktop_slider
2590    .element > .bild > .simple_slider {
2591        height: 100%;
2592    }
2593
2594    /* The inner track must not become square */
2595    .T5277.meta-teaser-first-large.display_desktop_slider
2596    .simple_slider_track {
2597        height: 100%;
2598    }
2599
2600    /* Force the slider item to exactly match the available height. */
2601    .T5277.meta-teaser-first-large.display_desktop_slider
2602    .simple_slider_item {
2603  	    height: 100%;
2604        min-height: 0;
2605        aspect-ratio: auto;
2606    }
2607
2608    /* Make the picture fill the entire available space as well */
2609    .T5277.meta-teaser-first-large.display_desktop_slider
2610    .simple_slider_item > picture {
2611        display: block;
2612        width: 100%;
2613        height: 100%;
2614    }
2615
2616    /* Crop the image instead of stretching the aspect ratio based on the height */
2617    .T5277.meta-teaser-first-large.display_desktop_slider
2618    .simple_slider_item > picture > img {
2619        display: block;
2620        width: 100%;
2621        height: 100%;
2622        object-fit: cover;
2623	}
2624
2625/* MASONRY ALTERNATING Desktop: Masonry Mobile: normaler Teaser-Slider */
2626
2627.T5277.meta-teaser-masonry-alternating
2628.elements > .element .bild img {
2629    display: block;
2630    width: 100%;
2631    height: 100%;
2632    aspect-ratio: auto;
2633    object-fit: cover;
2634}
2635
2636
2637/* DESKTOP */
2638
2639@media (min-width: 769px) {
2640
2641    /* Masonry Grid */
2642    .T5277.meta-teaser-masonry-alternating.display_desktop_slider
2643    .elements {
2644        display: grid;
2645        grid-template-columns: repeat(3, minmax(0, 1fr));
2646        grid-auto-rows: 16px;
2647        grid-auto-flow: dense;
2648
2649        gap: var(--elements-padding);
2650
2651        overflow: visible;
2652        scroll-snap-type: none;
2653    }
2654
2655
2656    /* Elemente */
2657    .T5277.meta-teaser-masonry-alternating.display_desktop_slider
2658    .elements > .element {
2659        width: 100%;
2660        max-width: none;
2661        min-width: 0;
2662        margin: 0;
2663
2664        scroll-snap-align: none;
2665    }
2666
2667    .T5277.meta-teaser-masonry-alternating
2668    .elements > .element .bild,
2669
2670    .T5277.meta-teaser-masonry-alternating
2671    .elements > .element .simple_slider,
2672
2673    .T5277.meta-teaser-masonry-alternating
2674    .elements > .element .simple_slider_track,
2675
2676    .T5277.meta-teaser-masonry-alternating
2677    .elements > .element .simple_slider_item,
2678
2679    .T5277.meta-teaser-masonry-alternating
2680    .elements > .element picture {
2681        height: 100%;
2682    }
2683
2684    /* 1 – links oben */
2685    .T5277.meta-teaser-masonry-alternating
2686    .elements > .element:nth-child(6n + 1) {
2687        grid-column: 1;
2688        grid-row: span 14;
2689    }
2690
2691
2692    /* 2 – Mitte oben / groß */
2693    .T5277.meta-teaser-masonry-alternating
2694    .elements > .element:nth-child(6n + 2) {
2695        grid-column: 2;
2696        grid-row: span 26;
2697    }
2698
2699
2700    /* 3 – rechts oben */
2701    .T5277.meta-teaser-masonry-alternating
2702    .elements > .element:nth-child(6n + 3) {
2703        grid-column: 3;
2704        grid-row: span 18;
2705    }
2706
2707
2708    /* 4 – links unten / groß */
2709    .T5277.meta-teaser-masonry-alternating
2710    .elements > .element:nth-child(6n + 4) {
2711        grid-column: 1;
2712        grid-row: span 26;
2713    }
2714
2715
2716    /* 5 – Mitte unten */
2717    .T5277.meta-teaser-masonry-alternating
2718    .elements > .element:nth-child(6n + 5) {
2719        grid-column: 2;
2720        grid-row: span 14;
2721    }
2722
2723
2724    /* 6 – rechts unten */
2725    .T5277.meta-teaser-masonry-alternating
2726    .elements > .element:nth-child(6n + 6) {
2727        grid-column: 3;
2728        grid-row: span 22;
2729    }
2730}
2731
2732
2733/* MOBILE Masonry komplett zurücksetzen. .elements wird wieder horizontaler Slider. */
2734
2735@media (max-width: 768px) {
2736
2737    .T5277.meta-teaser-masonry-alternating
2738    .elements {
2739        display: flex;
2740        overflow-x: auto;
2741        overflow-y: hidden;
2742        scroll-snap-type: x mandatory;
2743        scroll-behavior: smooth;
2744        gap: var(--elements-padding);
2745        padding-inline: 20px;
2746        box-sizing: border-box;
2747        overscroll-behavior-x: contain;
2748    }
2749
2750    .T5277.meta-teaser-masonry-alternating
2751    .elements > .element {
2752        /* Wegen Padding nicht mehr starr 100% */
2753        flex: 0 0 calc(100% - 40px);
2754        width: calc(100% - 40px);
2755        min-width: calc(100% - 40px);
2756        max-width: calc(100% - 40px);
2757        margin: 0;
2758        scroll-snap-align: start;
2759        grid-column: auto;
2760        grid-row: auto;
2761    }
2762}
2763</style>
2764
2765<style type="text/css">
2766/* Meta/Detail */
2767.MetaDetail {
2768	--button_color: var(--signal_color);
2769}
2770.MetaDetail.hidden {
2771	display: none !important;
2772}
2773
2774.MetaDetail.standalone.hidden {
2775	display: block !important;
2776}
2777.MetaDetail.mobileview.hidden {
2778	display: block !important;
2779}
2780
2781.MetaDetail span.bold {
2782	font-weight: bold;
2783}
2784
2785/* Detail */
2786
2787.MetaDetailStandaloneBack {
2788	box-shadow: 0 -1em 1em #0001;
2789	padding: 0.5rem 1rem;
2790	margin: 2em auto 0 auto;
2791	max-width: 900px;
2792	text-decoration: none;
2793	color: #000;
2794	display: block;
2795}
2796
2797.MetaDetail.standalone {
2798	background: #fff;
2799	padding: 1rem;
2800	border-radius: 1rem;
2801	margin: 0 auto;
2802	font-size: 1.2em;
2803	max-width: 900px;
2804	box-shadow: 0 0 1em #0003;
2805}
2806
2807.MetaDetail.standalone.size1200,.MetaDetailStandaloneBack.size1200  {
2808	max-width: 1200px;
2809}
2810
2811.MetaDetail .content {
2812	--element_base: 100%;
2813	--margin-offset: 0em;
2814}
2815
2816.MetaDetail.standalone .content { padding-top: 1em; }
2817
2818
2819
2820
2821.MetaDetail .content .status_info { color: #f80; margin-bottom: 0.5em; }
2822.MetaDetail .content .subheadline { font-size: 0.9em; line-height: 1.2; font-weight: bold; color: #999; margin: 0 5em 0.5em 0; }
2823.MetaDetail .content .name { font-size: 1.4em; font-weight: bold; margin-top: 0; margin-bottom: 0.5em; }
2824.MetaDetail .content .info { font-size: 1.1em; font-weight: bold; color: #999; margin-bottom: 0.5em; }
2825.MetaDetail .content .text { font-size: 1em; font-weight: normal; margin-bottom: 1em; }
2826.MetaDetail .content .text strong, .MetaDetail .content .text b { font-weight: bold; }
2827.MetaDetail .content .text :is(h1,h2,h3) { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; }
2828.MetaDetail .content .divheadline { font-size: 1em; text-transform: uppercase; font-weight: bold; color: #333; margin: 1em 0; padding-top: 1em; border-top: 1px solid #ddd; }
2829
2830
2831ul.link_list {
2832	margin: 1rem 0;
2833	padding: 0;
2834	list-style-type: none;
2835}
2836
2837ul.link_list li {
2838	margin: 0;
2839	padding: 0;
2840}
2841
2842ul.link_list li a {
2843	display: flex;
2844	align-items:  center;
2845	padding:  0.4rem 0.7rem;
2846	border-bottom: 1px solid #CCC;
2847	color: #000;
2848	text-decoration:  none;
2849	font-size:  1.2rem;
2850}
2851
2852ul.link_list li:first-child a { border-top: 1px solid #CCC; }
2853
2854ul.link_list li a i { margin-right: 0.3rem; font-size: 1.3rem; }
2855
2856.MetaDetail li[data-list=bullet] { list-style-type: disc; }
2857
2858
2859/* Details Veranstaltungen */
2860
2861.MetaDetail .termine { margin-bottom: 1rem; }
2862.MetaDetail .termine b { 
2863	font-size: 0.85em;
2864  	font-weight: bold;
2865	display: block;
2866	margin-bottom: 0.2rem;
2867}
2868.MetaDetail .termine ul { margin: 0; padding: 0; list-style-type: none; }
2869.MetaDetail .termine ul li { margin: 0; padding: 0; list-style-type: none; }
2870
2871.MetaDetail .termine .termin {
2872	display: block;
2873	color: #555;
2874	text-decoration: none;
2875}
2876.MetaDetail .termine .termin span {
2877	display: inline-block;
2878	margin-right: 0.75rem;
2879}
2880.MetaDetail .termine .termin span.termin-name { margin-right: 0; text-decoration: underline; }
2881
2882.content .booking_info {
2883	margin-bottom: 0.6em;font-size: 0.85em; margin-top: 1rem;
2884}
2885
2886/* Detail Datenfelder */
2887
2888.content hr { border-width: 0px; border-top: 1px solid #ccc; height: 1px; margin: 0.2em 0; }
2889.C800 .content hr { border-top-width: 0px; height: 0px; }
2890
2891.content hr + hr { display: none; }
2892
2893
2894.MetaDetail .elevation { width: 100%; max-width: 500px; display: flex; justify-content: center; margin: 2rem 0; }
2895.MetaDetail .elevation img { width: 100%; height: auto; max-width: 500px; }
2896
2897
2898
2899
2900.sheet-bilder-icon {
2901	position: absolute;
2902	right: 1em;
2903	bottom: -1.5em;
2904	width: 7em;
2905	height: 7em;
2906	aspect-ratio: 1;
2907	padding: 0.7em;
2908	background-color: #fff;
2909	border-radius: 0.5em;
2910	box-shadow: 0.5em 0.5em 2em #0002;
2911}
2912
2913body .sheet-bilder-icon > img {
2914	width: 100%;
2915	height: auto;
2916	aspect-ratio: 1;
2917	object-fit: cover;
2918}
2919
2920
2921/* Detail Bilder-Slider */
2922
2923.sheet-bilder.slider { flex: 1; }
2924.sheet-bilder.slider .slider-wrapper { 
2925	width:  100%;
2926	scroll-behavior: smooth;
2927	overflow: auto;
2928	scroll-snap-type: x mandatory;
2929	-ms-overflow-style: none;
2930	scrollbar-width: none;
2931	display: flex;
2932	flex-flow: row nowrap;
2933}
2934body .sheet-bilder.slider .sheet-bild {
2935	flex: 0 auto !important;
2936	flex-grow: 0 !important;
2937	flex-shrink: 0 !important;
2938	scroll-snap-align: center;
2939	width: 100%;
2940}
2941.sheet-bilder img { width: 100%; height: auto; aspect-ratio: 5/3; object-fit: cover; }
2942
2943
2944.slider-element.iframe { position: relative; }
2945
2946
2947.slider-element.iframe .hidden2 {
2948	display: none;
2949}
2950
2951.slider-element.iframe i {
2952	position: absolute;
2953	top: 50%;
2954	left: 50%;
2955	font-size: 4rem;
2956	transform: translate(-50%, -50%);
2957	color: #FFF;
2958	text-shadow: 0 0 1rem rgba(0, 0, 0, 0.6)
2959}
2960
2961
2962.slider-element.iframe iframe {
2963	width: 100%;
2964	height: auto;
2965	aspect-ratio: 5/3;
2966	border: 0;
2967}
2968
2969.sheet-bilder .bookmark_button_wrapper {
2970	position: absolute;
2971	bottom: -0.9rem;
2972	right: 1rem;
2973	z-index: 100;
2974	display: flex;
2975}
2976
2977.sheet-bilder .bookmark_button {
2978 	box-shadow: 0 0 0.6rem rgba(0,0,0,0.5);
2979}
2980
2981.sheet-bilder .bookmark_button:nth-child(2) {
2982	margin-left: 0.5rem;
2983}
2984
2985
2986@media all and ( max-width: 1000px ) {
2987	.MetaDetail.standalone {  padding: 1rem; margin: 2rem 0; }
2988	.MetaDetail.standalone .hidden {  flex-wrap: wrap; }
2989	.MetaDetail.standalone .hidden .sheet-bilder { padding: 0 0 1rem 0; }
2990
2991}
2992
2993
2994
2995.MetaDetail .tagcloud { display: flex; flex-wrap: wrap; margin-bottom: 1rem; }
2996.MetaDetail .tagcloud .tag {
2997	font-size: .9rem;
2998	color: #AAA;
2999	border: 1px solid #AAA;
3000	border-radius: .4rem;
3001	padding: .3rem .8rem;
3002	margin: .2rem .4rem 0 0;
3003}
3004
3005
3006
3007.MetaDetail .files { margin-bottom: 1rem; }
3008.MetaDetail .files .files_headline { font-weight: bold; margin-bottom: 0.4em; }
3009.MetaDetail .files .files_inner { display: flex; flex-wrap: wrap; }
3010
3011.MetaDetail .files .item {
3012	max-width: 300px;
3013	width: calc(50% - .5em);
3014	aspect-ratio: 3 / 2;
3015	margin-right: .5em;
3016	margin-bottom: .5em;
3017	background-color: #eee;
3018	cursor: pointer;
3019}
3020
3021.MetaDetail .files .item img {
3022	width: 100%;
3023	height: 100%;
3024	object-fit: cover;
3025}
3026
3027.MetaDetail .files .item.svg {
3028	display: flex;
3029	align-items: center;
3030	justify-content: center;
3031}
3032
3033.MetaDetail .days { 
3034	font-size: 0.90em; 
3035	padding: 1em 0;
3036}
3037
3038.MetaDetail .days .meta-days-headline { 
3039	font-weight: bold;
3040	font-size: 1.5em;
3041	margin: 0.5em 0 0.7em 0;
3042}
3043
3044.MetaDetail .row { margin-bottom: 1.5rem; }
3045.MetaDetail .row_headline { width: 100%; font-size: 1.1rem; font-weight: bold; border-bottom: 1px solid #555; margin-bottom: 1rem; padding-bottom: .2rem; }
3046
3047@media (min-width: 567px) {
3048	.MetaDetail .files .item { width: calc(33% - 0.75em); margin-right: 0.75em; margin-bottom: 0.75em; }
3049}
3050
3051
3052@media (min-width: 768px) {
3053	.MetaDetail:not(.mobileview) .row { display: flex; flex-wrap:  wrap; justify-content: space-between; }
3054
3055	.MetaDetail:not(.mobileview) .col { width: calc(50% - .5rem); }
3056	.MetaDetail:not(.mobileview) .col.col_full { width: 100%; }
3057	.MetaDetail:not(.mobileview) .row .text-column2 { column-count: 1; }
3058	.MetaDetail:not(.mobileview) .row .text-column2 ul { page-break-inside: avoid; }
3059
3060	.MetaDetail .files .item { width: calc(25% - 1em); margin-right: 1em; margin-bottom: 1em; }
3061}
3062
3063@media (min-width: 1024px) {
3064	.MetaDetail .files .item { width: calc(20% - 1em); margin-right: 1em; margin-bottom: 1em; }
3065}
3066
3067@media (min-width: 1280px) {
3068
3069}
3070
3071
3072
3073
3074
3075
3076.data-header {
3077	font-size: 0.7rem;
3078	font-weight: bold !important;
3079	text-transform: uppercase;
3080	margin: 2em 0 0.5em 0;
3081	color: #333;
3082}
3083
3084.data-fields {
3085	margin-bottom: 0.5rem;
3086	border-top: 1px solid #ccc;
3087	padding-top: 0.4em;
3088}
3089
3090.data-field {
3091	font-size: 0.95rem;
3092	display: flex;
3093	gap: 1rem;
3094}
3095
3096.data-field.array {
3097	margin-bottom: 0.1rem;
3098	border-top: 0px solid #fff;
3099	padding-top: 0.1em;
3100	font-size: 0.9em;
3101	
3102}
3103.data-field.array .data-value {
3104	font-size: 1em;
3105}
3106
3107
3108hr + .data-field { border-top-width: 0px; }
3109.C800 hr + .data-field { border-top-width: 1px; }
3110
3111
3112.data-field .data-label { flex: 2; font-size: 0.9em; font-weight: bold; margin-bottom: 0.3rem !important; color: #000; padding: 0; }
3113.data-field .data-value { flex: 5; color: #666; }
3114
3115.data-field.narrow .data-label { flex: 1; font-size: 1em; }
3116.data-field.narrow .data-value { flex: 7; }
3117
3118.data-field .data-value p { margin-top: 0; }
3119.data-field .data-value p:last-child { margin-bottom: 0; }
3120
3121.data-field .data-value a, .data-field .data-value.linked div {
3122	border-radius: 5px;
3123	text-decoration: none;
3124	color: inherit;
3125	display: inline-block;
3126}
3127
3128.data-field .data-value.linked > :is(a,div) {
3129	cursor: pointer;
3130	border: 2px solid var(--button_color,#666);
3131	color: var(--button_color,#666);
3132	padding: 0.1875em 0.75em;
3133	line-height: 1;
3134	display: inline-flex;
3135	align-items: center;
3136}
3137
3138.data-field .data-value.linked > :is(a,div).button_booking {
3139	background-color: #ff8000;
3140	border-color: #ff8000;
3141	color: #FFF;
3142}
3143
3144.data-field.status {
3145	--color-open: #393;
3146	--color-partly: #c93c;
3147	--color-closed: #F33118;
3148	--color-warning: #cc3;
3149}
3150
3151.data-field:is(.status,.schwierigkeit) .data-value :is(a,div) { padding: 0.1rem 0.5rem; color: #FFF; border-radius: 0.8rem; }
3152.data-field:is(.status,.schwierigkeit) .data-value div { display: inline-block; }
3153
3154
3155.data-field.status .data-value.geoeffnet :is(a,div) { background-color: var(--color-open); }
3156.data-field.status .data-value.in-betrieb :is(a,div) { background-color: var(--color-open); }
3157.data-field.status .data-value.begehbar :is(a,div) { background-color: var(--color-open); }
3158.data-field.status .data-value.befahrbar :is(a,div) { background-color: var(--color-open); }
3159.data-field.status .data-value.teilweise-befahrbar :is(a,div) { background-color: var(--color-partly); }
3160.data-field.status .data-value.bedingt-begehbar :is(a,div) { background-color: var(--color-partly); }
3161.data-field.status .data-value.bedingt-befahrbar :is(a,div) { background-color: var(--color-partly); }
3162.data-field.status .data-value.teilweise-geoeffnet :is(a,div) { background-color: var(--color-partly); }
3163.data-field.status .data-value.nicht-begehbar :is(a,div) { background-color: var(--color-closed); }
3164.data-field.status .data-value.nicht-befahrbar :is(a,div) { background-color: var(--color-closed); }
3165.data-field.status .data-value.geschlossen :is(a,div) { background-color: var(--color-closed); }
3166.data-field.status .data-value.ausser-betrieb :is(a,div) { background-color: var(--color-closed); }
3167.data-field.status .data-value.belegt :is(a,div) { background-color: var(--color-closed); }
3168.data-field.status .data-value.achtung :is(a,div) { background-color: var(--color-warning); }
3169
3170
3171.data-field.schwierigkeit {
3172	--color-diff-easy: #174B7F;
3173	--color-diff-medium: #C81E0C;
3174	--color-diff-hard: #000000;
3175	--color-diff-default: #333333;
3176
3177}
3178
3179.data-field.schwierigkeit .data-value :is(a,div) { background-color: var(--color-diff-default); }
3180
3181.data-field.schwierigkeit .data-value.leicht :is(a,div) { background-color: var(--color-diff-easy); }
3182.data-field.schwierigkeit .data-value.mittel :is(a,div) { background-color: var(--color-diff-medium); }
3183.data-field.schwierigkeit .data-value.schwer :is(a,div) { background-color: var(--color-diff-hard); }
3184
3185
3186
3187.data-field ul.payments {
3188	list-style-type: none;
3189	margin: 0;
3190	padding: 0;
3191}
3192
3193.data-field ul.payments li {
3194	display: flex;
3195}
3196.data-field ul.payments li a { text-decoration: underline; }
3197
3198.data-field ul.payments li .icon {
3199	flex-shrink: 0;
3200	width: 1rem;
3201	margin-right: 0.5rem;
3202}
3203.data-field ul.payments li .icon img { width: 100%; height: auto; }
3204
3205
3206
3207
3208
3209</style>
3210
3211<style type="text/css">
3212/* Meta/Filter */
3213.T5290 {
3214	--button-padding-top: 0.35em;
3215	--button-padding-left: 0.9em;
3216	--button-padding-right: 1.5rem;
3217}
3218
3219.T5290.bg-color {
3220	background-color: var(--background-color);
3221	padding: 0.8em 1em;
3222	margin-bottom: 1em;
3223}
3224.T5290.meta-filter-border-radius {
3225	border-radius: 0.7em;
3226}
3227
3228
3229.T5290.meta-filter-border-shadow {
3230	box-shadow: 0.3em 0.3em 1em #0002;
3231}
3232
3233.T5290 .filter_panel {
3234	margin-bottom: 0.5em;
3235}
3236
3237
3238.T5290 .filter_panel * {
3239	scrollbar-width: none;
3240	-ms-overflow-style: none;
3241}
3242
3243.T5290 .filter_panel *::-webkit-scrollbar {
3244  display: none;
3245}
3246
3247
3248.T5290 .filter_button {
3249	cursor: pointer;
3250	border: 1px solid var(--button-color);
3251	padding: var(--button-padding-top) var(--button-padding-left);
3252	border-radius: 1.5em;
3253	color: var(--button-color);
3254	font-size: 1em;
3255	text-align: center;
3256	margin-right: 0.5em;
3257	margin-bottom: 0.5em;
3258	white-space: nowrap;
3259}
3260
3261.T5290 button.filter_button {
3262	background-color:  transparent;
3263	border-width: 0.14rem;
3264}
3265
3266.noselect {
3267  -webkit-touch-callout: none; /* iOS Safari */
3268    -webkit-user-select: none; /* Safari */
3269     -khtml-user-select: none; /* Konqueror HTML */
3270       -moz-user-select: none; /* Old versions of Firefox */
3271        -ms-user-select: none; /* Internet Explorer/Edge */
3272            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
3273}
3274
3275/* if missing */
3276.element.hidden {
3277	display: none !important;	
3278}
3279
3280
3281/* Button-Gruppe: Platz rechts bleibt IMMER gleich */
3282.T5290 .filter_button.group {
3283  padding-right: var(--button-padding-right);
3284  position: relative;
3285  border-radius: 0.5em;
3286}
3287
3288/* Offen: nur Farben/Borders ändern – KEIN anderes Padding */
3289.T5290 .filter_button.group.open {
3290  border-color: var(--button-active-color);
3291  background-color: var(--button-active-color);
3292  color: #FFF;
3293}
3294
3295/* Ein einziges Symbol nutzen und zentrieren */
3296.T5290 .filter_button.group::after {
3297  content: "";
3298  position: absolute;
3299  right: 0.35rem;
3300  top: 50%;
3301  transform: translateY(-50%);     /* vertikal zentriert */
3302  display: inline-block;
3303  width: 0.9em;                     /* Icon-Größe */
3304  height: 0.9em;
3305  pointer-events: none;
3306  transition: transform 0.2s ease;
3307
3308  /* Farbe steuern wir über background-color */
3309  background-color: currentColor;
3310
3311  /* Chevron als Masken-SVG (Data-URI) */
3312  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
3313  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
3314  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
3315  -webkit-mask-position: center;  mask-position: center;
3316  -webkit-mask-size: contain;     mask-size: contain;
3317}
3318
3319/* Beim Öffnen nur drehen, nichts am Inhalt/Padding ändern */
3320.T5290 .filter_button.group.open::after {
3321  transform: translateY(-50%) rotate(180deg);
3322}
3323.T5290 .filter_button.group.active_filter { border-color: var(--button-active-color); color: var(--button-active-color); }
3324.T5290 .filter_button.group.active_filter.open { color: #FFF; }
3325.T5290 .filter_button.group:hover { 
3326	color: var(--button-hover-color); 
3327	border-color: var(--button-hover-color);
3328}
3329
3330.T5290 .filter_button.group.open:hover {
3331	color: #FFF;
3332}
3333
3334.T5290 .filter_button.tag:hover {
3335	color: var(--button-hover-color); 
3336	border-color: var(--button-hover-color);
3337}
3338.T5290 .filter_button.tag.selected { 
3339	border-color: var(--button-active-color); 
3340	background-color: var(--button-active-color); 
3341	color: #FFF;
3342}
3343
3344
3345.T5290 .filter_search {
3346	padding-left: 1em;
3347}
3348
3349
3350.T5290 .filter_search input {
3351	padding: 0px;
3352	margin: 0px;
3353	border: 0px;
3354	background: inherit;
3355	line-height: 1;
3356	margin-left: 0.2em;
3357	width: 3em;
3358	font-size: inherit;
3359}
3360
3361.T5290 .filter_search input::placeholder {
3362	color: #0002;
3363}
3364
3365.T5290 .filter_search input:focus {  outline: none; }
3366
3367
3368.T5290 .filter_search.selected:not(.meta-filter-nr-input) {
3369	color: #000; padding: 0.3rem 1.45rem 0.3rem 0.85rem; border: 0.15rem solid #000;
3370}
3371
3372
3373.T5290 .filter_search.selected:not(.meta-filter-nr-input) input {
3374	width: 5em;
3375}
3376
3377
3378.T5290 .filter_panel_row {
3379	display: flex;
3380	overflow-x: scroll;
3381	overflow-y: none;
3382	scroll-snap-type: x mandatory;
3383  	scroll-padding: 0;
3384}
3385
3386
3387.T5290.meta-filter-maingroups-wrap .filter_panel_row, .T5290.wrap .filter_panel_row {
3388	flex-wrap: wrap;
3389	border-bottom: 1px solid #0003;
3390	padding-bottom: 0.3rem;
3391	margin-bottom: 0.6rem;
3392}
3393
3394.T5290.meta-filter-maingroups-wrap .filter_panel_row.on, .T5290.wrap .filter_panel_row.on {
3395	border-bottom-width: 0px;
3396	padding-bottom: 0;
3397	margin-bottom: 0;
3398}
3399
3400
3401.T5290 .filter_group {
3402	display: none;
3403}
3404
3405.T5290 .filter_group.on {
3406	display: flex;
3407	flex-wrap: wrap;
3408}
3409
3410.T5290.meta-filter-box-shadow .filter_group.on {
3411	background: #fff;
3412	padding: 1rem;
3413	box-shadow: 0.3em 0.3em 1em #0002;
3414	border-radius: 15px;
3415	border: 1px solid #ccc;
3416}
3417
3418.T5290 input[type=date] {
3419	border: 0px solid #fff;
3420	background: none;
3421	color: inherit;
3422	font-family: inherit;
3423	font-size: inherit;
3424	padding: 0;
3425	line-height: 1;
3426	margin: 0;
3427	max-width: 120px;
3428}
3429
3430
3431
3432/* Slider */
3433.slider-outer { position: relative; }
3434.slider-arrows { display: none; }
3435.show_arrows:hover .slider-arrows { display: block; }
3436
3437
3438.slider-arrows .arrow {
3439	display: flex;
3440	justify-content: center;
3441	align-items: center;
3442	position: absolute;
3443	top: 50%;
3444	background-color: #FFF;
3445	box-shadow: 2px 2px 5px #00000033;
3446	border-radius: 50%;
3447	width: 2em;
3448	height: 2em;
3449	transform: translate(0, -50%);
3450	cursor: pointer;
3451	z-index: 10;
3452}
3453
3454.slider-arrow-position-top .slider-arrows .arrow { top: 1.1em; }
3455
3456.slider-arrows .arrow.hide { display: none; }
3457
3458.slider-arrows .arrow i { font-size: 0.8em; }
3459
3460.slider-arrows .arrow-left { left: calc(1em + var(--margin-offset,0.1em) ); }
3461.slider-arrows .arrow-right { right: calc(1em + var(--margin-offset,0.1em) ); }
3462
3463
3464
3465#sheet .filter_overlay_inner {
3466	padding: 2rem 1rem 1rem 1rem;
3467}
3468
3469#sheet .headline {
3470	font-family: "WF-029714-010117-000025", Arial !important;
3471	font-size: 2rem;
3472	margin: 0.5rem 0 0.5rem 0;
3473}
3474
3475
3476
3477
3478
3479
3480
3481
3482</style>
3483
3484<style type="text/css">
3485/* Meta/Paginator */
3486.paginator_pages .page_number.hidden, 
3487.paginator_pages .dots_1.hidden, 
3488.paginator_pages .dots_2.hidden {
3489    display: none;
3490}
3491
3492.paginator_pages .prev_page.hidden,
3493.paginator_pages .next_page.hidden {
3494    visibility: hidden;
3495}
3496
3497.paginator_pages .prev_page svg,
3498.paginator_pages .next_page svg {
3499    width: 0.8rem;
3500    height: auto;
3501}
3502
3503.paginator_pages .page_number.active {
3504    font-weight: bold;
3505    color: #0009;
3506} 
3507
3508.paginator_pages .page_number,
3509.paginator_pages .dots_1,
3510.paginator_pages .dots_2,
3511.paginator_pages .next_page,
3512.paginator_pages .prev_page {
3513    text-align: center;
3514    display: flex;
3515    align-items: center;
3516    justify-content: center;
3517} 
3518
3519.paginator_pages .page_number,
3520.paginator_pages .dots_1,
3521.paginator_pages .dots_2 {
3522    width: 0.5rem;
3523    margin: 0 0.5rem 0 0.5rem;
3524}
3525
3526.paginator_pages .page_number:hover,
3527.paginator_pages .next_page:hover,
3528.paginator_pages .prev_page:hover {
3529    color: #0009;
3530} 
3531
3532.paginator_pages .page_number,
3533.paginator_pages .next_page,
3534.paginator_pages .prev_page {
3535    cursor: pointer;
3536} 
3537
3538.paginator_pages .next_page,
3539.paginator_pages .prev_page {
3540    margin: 0 0.2rem 0 0.2rem;
3541}
3542
3543</style>
3544
3545<style type="text/css">
3546/* Meta/TeaserFeatures */
3547.meta-teaser-data {
3548	margin: 0.3em 0;
3549	border-top: 1px solid #ddd;
3550	/* border-bottom: 1px solid #ddd; */
3551	padding: 0.3em 0;
3552	column-count: 2;
3553}
3554
3555
3556
3557.meta-teaser-data-item {
3558	font-size: 0.7em;
3559	width: 100%;
3560	display: flex;
3561	gap: 0.5em;
3562	justify-content: space-between;
3563}
3564
3565
3566.meta-teaser-data-label {
3567	font-size: 0.9em;
3568	line-height: 1.5em;
3569	font-weight: bold;
3570	color: #aaa;
3571	white-space: nowrap;
3572}
3573
3574.meta-teaser-data-content {
3575	color: #666;
3576	text-align: right;
3577	width: 100%;
3578}
3579
3580
3581.meta-teaser-big .meta-teaser-data {	column-count: 1; }
3582.meta-teaser-big .meta-teaser-data-item {	font-size: 1.1em; }
3583.meta-teaser-big .meta-teaser-data-label { color: #333; }
3584.meta-teaser-big .meta-teaser-data-content { font-weight: bold; color: #000; }
3585
3586
3587.meta-teaser-data-content.rating {
3588	display: flex;
3589	justify-content: flex-end;
3590}
3591
3592.meta-teaser-data-content.rating .rating_stars {
3593	position: relative;
3594	display: flex;
3595}
3596
3597.meta-teaser-data-content.rating .rating_detail_info:hover .ratingdetail {
3598  opacity: 1;
3599  visibility: visible;
3600}
3601
3602.meta-teaser-data-content.rating .rating_detail_info .i:hover {
3603	opacity: 1;
3604	transform: scale(1.08);
3605}
3606
3607.meta-teaser-data-content.rating .ratingdetail {
3608	position: absolute;
3609	z-index: 2;
3610	width: 200px;
3611	border-radius: 10px;
3612	background: rgba(255,255,255,0.6);
3613	backdrop-filter: blur(8px);
3614	border: 1px solid rgba(0,0,0,0.1);	
3615	padding: 10px;
3616	display: flex;
3617	justify-content: space-between;
3618	opacity: 0;
3619	visibility: hidden;
3620	flex-wrap: wrap;
3621	top: 0;
3622    right: 1rem;
3623	font-weight: normal;
3624	line-height: 1.1;
3625	font-size: 12px;
3626	color: #666;
3627	transition: opacity .18s ease-out;
3628}
3629
3630.meta-teaser-data-content.rating .rating_detail_info .i {
3631	color: #666;
3632	opacity: 0.7;
3633	width: 0.9rem !important;
3634	height: 0.9rem !important;
3635 	transition: transform .14s ease-out, opacity .14s ease-out;
3636}
3637
3638.meta-teaser-data-content.rating .rating_detail_info {
3639	width: 0.9rem;
3640	height: 0.9rem;
3641	margin-left: 0.2rem;
3642}
3643
3644.meta-teaser-data-content.rating .ratingdetail .infoStars {
3645	width:115px;
3646	padding-right:5px;
3647	text-align: left;
3648}
3649
3650@media (prefers-reduced-motion: reduce) {
3651  .meta-teaser-data-content.rating .rating_detail_info .i { transition: none; }
3652}
3653
3654.meta-teaser-data.compact .meta-teaser-data-content { text-align: center; }
3655
3656
3657.meta-teaser-data.column1 { column-count: 1; }
3658.meta-teaser-data.column1 .meta-teaser-data-item { font-size: 0.83em; }
3659.meta-teaser-data.column1 .meta-teaser-data-item .meta-teaser-data-label { font-size: 0.83em; }
3660
3661
3662.meta-teaser-feature-contrast .meta-teaser-data .meta-teaser-data-label { color: #222; }
3663.meta-teaser-feature-contrast .meta-teaser-data .meta-teaser-data-content { color: #000; }
3664
3665.meta-teaser-feature-fontsize-bigger .meta-teaser-data-item { font-size: 0.95em; }
3666
3667.meta-teaser-feature-column1 .meta-teaser-data {
3668	column-count: 1;
3669}
3670
3671.meta-teaser-data .copy_button {
3672	margin-left: 0.5em;
3673	background-color: #EEEEEE;
3674	border-radius: 0.2em;
3675	padding: 0.1em 0.3em;
3676	cursor: pointer;
3677	transition: background-color 250ms;
3678}
3679
3680.meta-teaser-data .copy_button.ok {
3681	background-color: #32a852;
3682}
3683
3684.meta-teaser-data .copy_button.err {
3685	background-color: #a8323e;
3686}
3687
3688body.narrow .meta-teaser-feature-mobile-column1 .meta-teaser-data {
3689	column-count: 1;
3690}
3691</style>
3692
3693		
3694		
3695			
3695<script>
3696				if ( typeof window.loadJS != "function" ) {
3697					window.loadJS = function(u, cb) {
3698						var r = document.getElementsByTagName("script")[0],
3699							s = document.createElement("script");
3700						s.src = u;
3701						r.parentNode.insertBefore(s, r);
3702						
3703						if ( cb !== undefined ) {
3704							cb();
3705						}
3706						
3707					}
3708				}
3709					
3710				TraminoReady(function() {
3711					loadJS("/tramino/js/Dashboard.js");
3712				});
3713					
3714			</script>
3714
3715			
3716		
3717		
3718
3719	
3720		
3721		
3722		
3723
3724	<style>
3725	#TraminoAnhang598232.T2897 .wrapper {
3726			background-color: #2c296f;
3727				padding: 1.5rem 2rem !important;
3728			color: #ffffff;
3729		}
3730		#TraminoAnhang598232.T2897 .textile .button,#TraminoAnhang598232.T2897 .S6529 .textile a.button { color: #2c296f !important; }
3731
3732	#TraminoAnhang598232.T2897 .color { color: #ffffff !important; }
3733		#TraminoAnhang598232.T2897 .textile a:not(.button,.btn) { color: #ffffff !important; }
3734		#TraminoAnhang598232.T2897 .textile .button,#TraminoAnhang598232.T2897 .S6529 .textile a.button { background-color: #ffffff !important; }
3735
3736</style>
3737		
3738		
3739		
3740
3741	<style>
3742	#TraminoAnhang598234.T2897 .wrapper {
3743			
3744			color: #2c296f;
3745		}
3746		#TraminoAnhang598234.T2897 .textile .button,#TraminoAnhang598234.T2897 .S6529 .textile a.button { color: 0 !important; }
3747
3748	
3749
3750</style>
3751		
3752		
3753		
3754
3755	
3756		
3757		
3758		
3759
3760	
3761		
3762		
3763		
3764
3765	
3766<style type="text/css">
3767/* Blocks/FAQBox */
3768.T4532 .box {
3769    width: 100%;
3770    height: auto;
3771    background: #fff;
3772    display: flex;
3773}
3774
3775.T4532 a:not(.button) {
3776    color: #222222;
3777}
3778
3779
3780.T4532 .box:not(.fullscreen2) .leftside {
3781    flex-basis: 40%;
3782    margin: 25px 50px 20px 40px;
3783}
3784
3785.T4532 .box:not(.fullscreen2) .rightside {
3786    flex-basis: 60%;
3787    margin: 25px 20px 30px 0px;
3788}
3789
3790.T4532 .box.fullscreen2 .leftside {
3791    margin-bottom: 20px;
3792}
3793
3794.T4532 .box .leftside .subheadline p {
3795    padding-top: 0;
3796}
3797
3798
3799.T4532 .box.fullscreen2 .rightside {
3800    width: 100%;
3801}
3802
3803.T4532 .box .rightside .bullet {
3804    padding: 8px 0px 8px 0px;
3805    position: relative;
3806    border-top: 1px solid #ddd;
3807}
3808
3809.T4532 .box .rightside .bullet .intro { color: #515151; margin-bottom: 10px; }
3810
3811
3812
3813.T4532 .box .rightside.no_leftside .bullet { padding: 8px 15px; }
3814
3815.T4532 .box .rightside .bullet:last-child {
3816    border-bottom-width: 0px;
3817}
3818
3819.T4532 .box .rightside .bullet.first {
3820    border-top: 0px solid transparent;
3821}
3822
3823.T4532 .box .rightside .bullet .top {
3824    display: flex;
3825    justify-content: space-between;
3826    align-items: center;
3827	flex-wrap: wrap;
3828    position: relative;
3829    z-index: 2;
3830    width: 100%;
3831    cursor: pointer;
3832}
3833
3834.T4532 .box .rightside .bullet .top .name {
3835    padding: 10px 50px 10px 0;
3836    min-width: 0;
3837    overflow: visible;
3838    overflow-wrap: anywhere;
3839	flex-basis: 90%;
3840}
3841
3842.T4532 .box .rightside .bullet .top .intro {
3843	width: 100%;
3844}
3845
3846.T4532 .box .rightside .bullet .plus {
3847    margin-right: 10px;
3848    pointer-events: none;
3849    transition: transform 400ms ease-out;
3850	flex-basis: calc(10% - 10px);
3851}
3852
3853.T4532 .box .rightside .bullet .plus svg {
3854    fill: var(--signal_color);
3855}
3856
3857.T4532 .box .rightside .bullet[open] .plus svg {
3858    rotate: 180deg;
3859}
3860
3861/* .T4532 .box .rightside .bullet .hiddencontent {
3862    height: 0;
3863    opacity: 0;
3864    overflow: hidden;
3865
3866    transition:
3867        height 0.4s ease-in-out,
3868        opacity 0.25s ease;
3869}
3870
3871.T4532 .box .rightside .bullet.show .hiddencontent {
3872    opacity: 1;
3873} 
3874
3875
3876.T4532 .box .rightside .bullet .hiddencontent-inner {
3877    min-height: 0;
3878    overflow: hidden;
3879}
3880*/
3881
3882
3883.T4532 .box .rightside .bullet p {
3884    margin: 0px 0px 15px 0px;
3885}
3886
3887
3888
3889
3890.T4532 .box .rightside .bullet .Bild {
3891    margin: 0px 20px 15px 0px;
3892    float: left;
3893}
3894
3895.T4532.T4532-nospecialfont .specialfont { font-family: var(--default_font) !important;  }
3896
3897.T4532 .button_wrapper {
3898    margin-top: 1rem;
3899    display: flex;
3900    justify-content: flex-end;
3901}
3902
3903details {
3904    interpolate-size: allow-keywords;
3905}
3906
3907details::details-content {
3908    block-size: 0;
3909    overflow: hidden;
3910    opacity: 0;
3911
3912    transition:
3913        block-size 0.3s ease,
3914        opacity 0.3s ease,
3915        content-visibility 0.3s allow-discrete;
3916}
3917
3918details[open]::details-content {
3919    block-size: auto;
3920    opacity: 1;
3921}
3922
3923
3924@media all and (min-width: 1024px) and (max-width: 1279px) {
3925
3926}
3927
3928@media all and (min-width: 768px) and (max-width:1023px) {
3929
3930}
3931
3932@media all and (min-width: 568px) and (max-width: 767px) {
3933	
3934	.T4532 .box {
3935	
3936		display: flex;
3937		flex-direction: column;
3938	}
3939
3940	.T4532 .box:not(.fullscreen2) .leftside {
3941		flex-basis: 30%;
3942		margin: 20px 30px;
3943	}
3944	
3945	.T4532 .box:not(.fullscreen2) .rightside {
3946		flex-basis: 70%;	
3947		margin: 10px 30px;
3948	}
3949	
3950	.T4532 .box .rightside .bullet {
3951		margin: 12px 0px 12px 0px;
3952		position: relative;
3953	
3954	}
3955
3956	.T4532 .box .rightside .bullet .name {	margin: 0px 0px 10px 0px; padding: 8px 40px 8px 0; }
3957	.T4532 .box .rightside .bullet .plus { width: 2px; height: 15px; top: 15px; right: 10px; }
3958	.T4532 .box .rightside .bullet .minus {	 width: 2px; height: 15px; top: 15px; right: 10px; }	
3959	
3960}
3961
3962/* Schatten */
3963
3964.T4532.S7251 .box {
3965	box-shadow: 0 20px 60px rgba(0,0,0,.2);
3966}
3967
3968
3969/* Rundung */
3970
3971.T4532.S9303 .box { 
3972	border-radius: 1em;
3973	overflow: hidden;
3974}
3975
3976/* Dunkler Hintergrund */
3977
3978.S7775 .background {
3979	color: #fff !important;
3980	padding: 30px 0px;
3981}
3982.S7775 .text table { width: 100%; display: table; margin: 30px 0px; border-spacing: 0px; border-width: 0px; border-top: 1px solid rgba(255,255,255,0.3); }
3983.S7775 .text table th { padding: 4px 10px 7px 0px; text-align: left; vertical-align: top;  font-weight: bold; font-size: smaller; border-bottom: 1px solid rgba(255,255,255,0.3); }
3984.S7775 .text table td { border-bottom: 1px solid rgba(255,255,255,0.3); vertical-align: top;  }
3985
3986/* Einspaltig */
3987
3988.T4532.S7551 .box {
3989	display: block;
3990}
3991
3992
3993/* Responsive */
3994
3995@media all and (max-width: 567px) {
3996	
3997	.T4532 .box {
3998	
3999		display: flex;
4000		flex-direction: column;
4001	}
4002	
4003	.T4532 .box:not(.fullscreen2) .leftside {
4004		flex-basis: 30%;
4005		margin: 20px 20px;
4006	}
4007	
4008	.T4532 .box:not(.fullscreen2) .rightside {
4009		flex-basis: 70%;	
4010		margin: 10px 20px;
4011	}
4012	
4013	.T4532 .box .rightside .bullet {
4014		margin: 10px 0px 10px 0px;
4015		position: relative;
4016
4017	}
4018
4019	.T4532 .box .rightside .bullet .name {	margin: 4px 0px 8px 0px; padding: 6px 35px 6px 0; } 
4020	.T4532 .box .rightside .bullet .plus { width: 2px; height: 15px; top: 12px; right: 10px; }
4021	.T4532 .box .rightside .bullet .minus {	 width: 2px; height: 15px; top: 12px; right: 10px; }
4022	
4023}
4024
4025
4026/* Fragen / Antworten zweispaltig */
4027
4028.T4532.S8918 .box {
4029	display:  block;
4030}
4031
4032.T4532.S8918 .rightside .bullets {
4033	grid-template-columns: 1fr 1fr;
4034    display: grid;
4035}
4036
4037.T4532.S8918 .bullet {
4038	width:  85%;
4039}
4040
4041.T4532.S8918  .box .rightside .bullet.second {
4042	border-top: 0px solid transparent;
4043}
4044
4045@media all and (min-width: 1024px) and (max-width: 1279px) {
4046
4047}
4048
4049@media all and (min-width: 768px) and (max-width:1023px) {
4050
4051}
4052
4053@media all and (min-width: 568px) and (max-width: 767px) {
4054	.T4532.S8918 .box .rightside .bullet { width:  90%; overflow: hidden }
4055}
4056
4057@media all and (max-width: 567px) {
4058	.T4532.S8918 .rightside .bullets { display: block; }
4059	.T4532.S8918 .box .rightside .bullet { width:  100%; overflow: hidden }
4060}
4061
4062
4063</style>
4064
4065		
4066		
4066<script>
4067		    "use strict";
4068		
4069			
4070		    document.addEventListener('DOMContentLoaded', function () {
4071			
4072		        function openBullet(bullet, animate = true) {
4073				
4074		            const content = bullet.querySelector('.hiddencontent');
4075		
4076		            if (!content) {
4077		                return;
4078		            }
4079		
4080		            bullet.classList.add('show');
4081		
4082		            if (!animate) {
4083		                content.style.height = 'auto';
4084		                return;
4085		            }
4086		
4087		            content.style.height = '0px';
4088		
4089		            content.offsetHeight;
4090		
4091		            requestAnimationFrame(function () {
4092					
4093		                content.style.height = content.scrollHeight + 'px';
4094		
4095		                content.addEventListener('transitionend', function handler(event) {
4096						
4097		                    if (
4098		                        event.propertyName === 'height' &&
4099		                        bullet.classList.contains('show')
4100		                    ) {
4101		                        content.style.height = 'auto';
4102		                        content.removeEventListener('transitionend', handler);
4103		                    }
4104		                });
4105		            });
4106		        }
4107		
4108		
4109		        function closeBullet(bullet) {
4110				
4111		            const content = bullet.querySelector('.hiddencontent');
4112		
4113		            if (!content) {
4114		                return;
4115		            }
4116		
4117		          
4118					console.log();
4119		            bullet.removeAttribute('open');
4120		
4121		        }
4122		
4123
4124		        document.querySelectorAll('.T4532 .bullet .top').forEach(function (top) {
4125					
4126					let current_faq_wrapper = top.closest(".box")
4127
4128		            top.addEventListener('click', function () {
4129					
4130		                const bullet = top.closest('.bullet');
4131		
4132		                if ( current_faq_wrapper.classList.contains("close_others") ) {
4133			
4134							console.log("close other");
4135
4136							document.querySelectorAll('.T4532 .bullet[open]').forEach(function (el) {
4137							
4138								if (el !== bullet) {
4139									console.log(el);
4140									closeBullet(el);
4141								}
4142							});
4143						}
4144		
4145		
4146		            });
4147		        });
4148		    });
4149		</script>
4149
4150		
4151		
4152		
4153
4154	
4155<style type="text/css">
4156/* QuickSelect */
4157body.relaunch2023.hide_quickselect .T5528 .quickselect  { display:none; }
4158
4159.T5528 {
4160	--width: 5em;
4161	--height: 4em;
4162	--scalefactor: 0em;
4163}
4164body.Mandant_400 .T5528, body.Mandant_3469 .T5528 {
4165	--scalefactor: 0.15em;
4166}
4167
4168.T5528 {
4169	font-size: calc( 0.8rem + var(--scalefactor) );
4170	position: fixed !important;
4171	bottom: 5em;
4172	left: auto;
4173	right: 0em;
4174	background-color: var(--background-color);
4175	background-image: var(--background-gradient);
4176	box-shadow: 0.1em 0.1em 0.7em rgba(0,0,0,0.3);
4177
4178	border-radius: 0.5em;
4179	display: inline-block;
4180	z-index: 1001;
4181	transition: right 250ms, transform 250ms;
4182	overflow: hidden;
4183
4184	padding-left: 0.5em;
4185	padding-right: 0.5em;
4186}
4187
4188
4189.T5528.size2 { right: calc( ( var(--width) * ( 2 - 1 ) ) * -1 ); }
4190.T5528.size3 { right: calc( ( var(--width) * ( 3 - 1 ) ) * -1 ); }
4191.T5528.size4 { right: calc( ( var(--width) * ( 4 - 1 ) ) * -1 ); }
4192.T5528.size5 { right: calc( ( var(--width) * ( 5 - 1 ) ) * -1 ); }
4193
4194
4195
4196.T5528.open {
4197	right: 1em;
4198}
4199
4200.T5528 .quickselect {
4201	display: flex;
4202}
4203
4204
4205.T5528 .quickselect-item {
4206	text-decoration: none;
4207	display: block;
4208	width: var(--width);
4209/*	height: var(--height);*/
4210/*	aspect-ratio: 1 / 1;*/
4211}
4212
4213.T5528 .quickselect-item:hover {
4214	border-radius: 0.5em;
4215	overflow: hidden;
4216	background-color: var(--hover-color);
4217}
4218
4219.T5528 .quickselect-icon {
4220	display: flex;
4221	justify-content: center;
4222	font-size: 1.2em;
4223	padding-top: 0.3em;
4224	padding-bottom: 0.1em;
4225	margin-bottom: 0.2em;
4226
4227}
4228
4229.T5528 .quickselect-icon img { width: 37%; height: auto; }
4230
4231.T5528 .quickselect-label {
4232	color: var(--color);
4233	font-size: 0.75em;
4234	line-height: 1;
4235	display: flex;
4236	justify-content: center;
4237	text-align: center;
4238	margin-bottom: 0.5em;
4239	hyphens: auto;
4240}
4241
4242.T5528 .rarr {
4243	position: absolute;
4244	top: 50%;
4245	left: calc( var(--width) + 2em);
4246	transform: translate(0,-50%);
4247	font-size: 0.65em;
4248	color: var(--color);
4249	transition: font-size 250ms;
4250}
4251
4252.T5528.open .rarr { display: none; }
4253
4254.T5528:not(.open):hover {
4255	transform: translateX(-1em);
4256}
4257
4258.T5528:not(.open):hover .rarr { font-size: 0.7em; }
4259
4260
4261.quickselect_tipsy { font-size: 1em; }
4262.quickselect_tipsy  .tipsy-inner  { background-color: var(--signal_color); color: var(--signal_color_negativ); }
4263
4264.tipsy-arrow {  border-color:var(--signal_color) !important; }
4265  
4266  /* Rules to colour arrows */
4267.tipsy-arrow-n { border-bottom-color: var(--signal_color) !important; }
4268.tipsy-arrow-s { border-top-color: var(--signal_color) !important; }
4269.tipsy-arrow-e { border-left-color: var(--signal_color) !important; }
4270.tipsy-arrow-w { border-right-color: var(--signal_color) !important; }
4271
4272
4273/* #9187: Rechtsbündig ToDo: Entfernen? Ist default Rechtsbündig und kein CSS definiert */
4274
4275
4276/* #9188: Vertikale Darstellung */
4277
4278.T5528.S9188 {
4279	padding-left: 0em;
4280	transition: padding 250ms, transform 250ms;
4281
4282  	padding-right: 0em;
4283
4284  	padding-top: 0.5em;
4285  	padding-bottom: 0.5em;
4286
4287  	border-radius: 1em 0 0 1em;
4288}
4289
4290.T5528.S9188 .quickselect {
4291	flex-direction: column;
4292}
4293
4294.T5528.S9188 .quickselect-label {
4295	display: block;
4296	text-align: center;
4297}
4298
4299.T5528.S9188, .T5528.S9188.open { right: 0 }
4300
4301.T5528.S9188:not(.open) {
4302	transform: translateX(5em);
4303	padding-left: 1.5em;
4304}
4305
4306.T5528.S9188:not(.open) .rarr { 
4307	transform: scaleX(-1);
4308	left: 5px;
4309}
4310
4311@media (min-width: 391px) {
4312	.T5528 { bottom: 7em; font-size: calc( 0.85rem + var(--scalefactor) ); }
4313}
4314
4315@media (min-width: 567px) {
4316	.T5528 { bottom: 8em; font-size: calc( 0.875rem + var(--scalefactor) ); }
4317}
4318
4319@media (min-width: 768px) {
4320	.T5528 { bottom: 9em; font-size: calc( 0.91em + var(--scalefactor) ); }
4321}
4322
4323
4324
4325@media (min-width: 1280px) {
4326
4327	.T5528 { font-size: calc( 0.95em + var(--scalefactor) ); }
4328
4329	.T5528.open { right: calc( ( 100% - 1240px ) / 2); }
4330
4331	.T5528.S9188, .T5528.S9188.open { right: 0 }
4332}
4333
4334
4335</style>
4336
4337
4338
4339<style>
4340
4341.T5528 {
4342	--background-color: #eee;
4343	--background-gradient: linear-gradient( #ffffff, #e4e4e4);
4344	--color: #333;
4345	--hover-color: rgba(255,255,255,0.7);
4346}
4347
4348
4349
4350
4351
4352
4353
4354
4355</style>
4356
4357<script>
4358"use strict";
4359	
4360TraminoReady(function() {
4361	loadCSS("https://storage.tramino.net/static/iconfonts/tramino/v1.41/style.css")
4362
4363	let fixed = 0;
4364
4365	let scroll_offset = 200;
4366	let scroll_lastpos = $(window).scrollTop() || 0;
4367
4368	$('.T5528').on('click', function(event) {
4369		
4370		if ( ! $(".T5528").hasClass("open") ) {
4371			event.preventDefault();
4372			$(".T5528").addClass("open");
4373			scroll_lastpos = $(window).scrollTop();
4374		}
4375	});
4376
4377	$(window).on('scroll', function(event) {
4378
4379		if ( $(".T5528").hasClass("open") && ! fixed ) {
4380			if ( $(window).width() < 768 ) {
4381				let scrolltop = $(window).scrollTop();
4382				if ( scrolltop >= ( scroll_lastpos + scroll_offset ) || scrolltop <= ( scroll_lastpos - scroll_offset ) ) {
4383					$(".T5528").removeClass("open");
4384				}
4385			}
4386		}
4387	});
4388	
4389	
4390});
4391
4392</script>
4392
4393
4394
4395
4396<style type="text/css">
4397/* TraminoFooter */
4398
4399.T2820 {
4400	--footer-gap: 1.5rem;
4401	margin-bottom: 0px !important;
4402}
4403
4404
4405footer .wrapper {
4406	padding-top: 10px;
4407	background-position: top;
4408	z-index: 5;	
4409}
4410
4411footer:not(.S9072) .wrapper { margin: 0; }
4412
4413footer .wrapper .boxes {
4414	display: flex;
4415	flex-wrap: wrap;
4416	gap: var(--footer-gap);
4417	margin-bottom: var(--footer-gap);
4418}
4419
4420
4421footer .box {
4422	position: relative;
4423	width: 100%;
4424}
4425
4426footer .box.empty { padding-bottom: 0;  }
4427
4428
4429
4430footer .box > .inner {
4431	margin: 1.5rem 0 0 0;
4432}
4433
4434footer .footer_img {
4435	float: left;
4436	margin: 0px 5px 8px 0px;
4437}
4438
4439footer .box > .inner .headline {
4440	text-transform: uppercase;
4441	margin-top: 0px;
4442	margin-bottom: 7px !important;
4443}
4444
4445footer .box > .inner h4 {
4446	margin-top: 10px;
4447	margin-bottom: 5px !important;
4448}
4449
4450footer .box > .inner p {
4451	margin-bottom: 0.4em;
4452}
4453
4454footer .box > .inner ul {
4455	padding-left: 25px;
4456}
4457
4458footer .box > .inner ul.list {
4459	padding: 0;
4460	margin: 0.5em 0 0 0;
4461	list-style-type: none;
4462}
4463
4464footer .box > .inner ul.list li {
4465	padding: 0;
4466	margin: 0 0 0.2em 0;
4467}
4468
4469footer .box > .inner ul.list li a {
4470	display: flex;
4471	text-decoration: none;
4472}
4473footer .box > .inner ul.list li a .icon {
4474	width: 1.3em;
4475	height: auto;
4476	margin-right: 0.6rem;
4477}
4478
4479footer .box > .inner ul.list li a .icon img {
4480	width: 100%;
4481	height: auto;
4482}
4483
4484
4485/* Adresse */
4486
4487.Mandant_800 footer .adresse .firma { font-weight: bold; }
4488
4489
4490/* Öffnungszeiten */
4491.T2820 .oeffnungszeiten { font-size: 0.9rem; }
4492.T2820 .oeffnungszeiten .tage { width: 34%; margin-right: 1%; flex-grow: 0; flex-shrink: 0; font-weight: bold;  }
4493.T2820 .oeffnungszeiten .tag { 
4494	display: flex; 
4495	flex-wrap:wrap; 
4496	border-bottom: 1px solid var(--footer_border_color,rgba(0,0,0,0.05));
4497	padding-bottom: 0.2rem; 
4498	margin-bottom: 0.2rem; 
4499}
4500.T2820 .oeffnungszeiten .tag:last-child { border-width: 0; padding-bottom: 0; margin-bottom: 0; }
4501.T2820 .oeffnungszeiten .rightside { width: 65%; hyphens: auto; }
4502.T2820 .oeffnungszeiten .rightside .nachmittag { display: block; }
4503
4504footer .staticmap {
4505	display: inline-block;
4506	background-color: #fff;
4507	border: 1px solid rgba(0,0,0,0.1);
4508	padding: 4px;	
4509}
4510
4511footer .staticmap img {
4512	width: 100%;
4513	height: auto;
4514}
4515
4516#totop {
4517	position: fixed;
4518	bottom: 50px;
4519	right: 50px;
4520	width: 65px;
4521	height: 65px;
4522	z-index: 2001;
4523	display: none;
4524	cursor: pointer;
4525	background-color: #FFF;
4526	background-color: rgba(255,255,255,0.5);
4527}
4528
4529/* AWS */
4530.Mandant_420 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
4531.Mandant_53187 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
4532.Mandant_42884 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
4533.Mandant_61884 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
4534.Mandant_55265 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
4535
4536
4537#totop i {
4538	position: absolute;
4539	top: 50%;
4540	left: 50%;
4541	-ms-transform: translate(-50%, -50%);
4542	    transform: translate(-50%, -50%);
4543	font-size: 50px;
4544}
4545
4546footer .box .social {
4547	display: flex;
4548	flex-direction: column;
4549	margin-top: 1rem;
4550}
4551
4552footer .box .social a {
4553	display: flex;
4554	font-size:  1.15rem;
4555	text-decoration: none;
4556	align-items:  center;
4557	margin-bottom: 0.2rem;
4558}
4559
4560footer .box .social a i {
4561	margin-right: 0.5rem;
4562	font-size:  1.3em;
4563}
4564
4565
4566/* Fix Mittelberg */
4567
4568.Mandant_800 footer {
4569	padding: 0 1em;
4570	margin: 0 auto !important;
4571	max-width: 1800px;
4572}
4573
4574
4575
4576.Mandant_800 footer :is(.copyright,.boxes,.badges) {
4577	width: auto;
4578	padding: 0;
4579	margin-left: 0.5rem;
4580	margin-right: 0.5rem;
4581}
4582
4583
4584.Mandant_800 .T2820.S9073 .wrapper {
4585	border-radius: 1em 1em 0 0; /* sollte einstellbar sein irgendwie */
4586}
4587
4588@media (min-width: 420px) {
4589	footer .box {
4590		width: auto;
4591		width: calc( 50% - var(--footer-gap) );
4592	}
4593}
4594@media (min-width: 567px) {
4595
4596}
4597
4598@media (min-width: 768px) {
4599
4600	footer .box {
4601		width: calc( 25% - var(--footer-gap) );
4602	}
4603
4604	.Mandant_800 footer {
4605		padding: 0 2em;
4606	}
4607
4608	.Mandant_800 footer :is(.copyright,.boxes,.badges) {
4609		width: auto;
4610		padding: 0 2em;
4611	}
4612}
4613
4614@media (min-width: 1024px) {
4615
4616}
4617
4618@media (min-width: 1280px) {
4619
4620}
4621
4622
4623/* -- Copyright -- */
4624
4625footer .badges { text-align: right; }
4626footer .badges.align-left { text-align: left; }
4627footer .badges.align-center { text-align: center; }
4628
4629footer .badges a {
4630	display: inline-block;
4631	text-decoration: none;
4632	margin: 0px 0px 15px 15px;
4633}
4634
4635footer .badges a img { width: auto; height: 70px; }
4636
4637footer .copyright {
4638	display: flex;
4639	flex-wrap:  wrap;
4640	justify-content:  space-between;
4641	padding-bottom: 15px !important;
4642	align-items: baseline;
4643	
4644}
4645
4646
4647footer .copyright .tc { opacity: 0.4; }
4648
4649footer .copyright a { text-decoration: none; color: inherit;  }
4650footer .copyright .social a {  margin: 0px 15px 15px 0px; display: flex; align-items: center; }
4651footer .copyright i { font-size: 20px; line-height: 16px;  padding-right: 5px;}
4652
4653footer .copyright ul {
4654	margin: 0;
4655	padding: 0;
4656	list-style-type: none;
4657	display: flex;
4658	flex-wrap: wrap;
4659	align-items: center;
4660	gap: 15px;
4661}
4662
4663footer .copyright ul li a { opacity: 0.6; }
4664footer .copyright ul li.widerruf a{
4665	background-color: var(--signal_color,#333);
4666	color: var(--signal_color_negativ,#FFF);
4667    padding: 0.1rem 0.5rem;
4668    border-radius: 0.4rem;
4669	display: inline-block;
4670	opacity: 1;
4671}
4672
4673footer .copyright .social {
4674	float: none;
4675	display: flex;
4676	justify-content: center;
4677	align-items: center;
4678	flex-wrap: wrap;
4679	margin: 0 10px 0 0;
4680}
4681
4682@media (max-width: 567px) {
4683	footer .copyright .social {
4684		order: 1;
4685		width:  100%;
4686		flex-grow: 0;
4687		flex-shrink: 0;
4688	}
4689	footer .copyright .links { order: 2; }
4690	footer .copyright .tc { order: 3; }
4691}
4692
4693
4694/* -- Weisser Hintergrund -- [disabled] */
4695
4696#body .T2820.S5702 .wrapper { background-color: #fff; }
4697
4698
4699
4700/* -- Hintergrund Hintergrund 5% Schwarz (1) [disabled]  -- */
4701
4702#body .T2820.S5703 .wrapper { background-color: rgba(0,0,0,0.05); }
4703
4704
4705
4706/* -- Hintergrund Dunkler Hintergrund (6) [disabled]  -- */
4707
4708.S7756 .background {
4709	color: #fff !important;
4710}
4711
4712
4713
4714
4715/* -- Hintergrund Grauer Hintergrund [disabled] -- */
4716
4717footer.S8854, footer .S8854 {
4718    background: #555;	
4719}
4720
4721footer.S8854 section.box.box4, footer .S8854 section.box.box4 {
4722    width: 100%;
4723}
4724
4725footer.S8854 section.box.box4 .inner.clearfix.text, footer .S8854 section.box.box4 .inner.clearfix.text {
4726	margin-right: 0;
4727}
4728
4729@supports (container-type: inline-size) {
4730	footer .search_wrapper {
4731		container-type: inline-size;
4732		container-name: footer_search;
4733		width: 100%;
4734	}
4735
4736	footer .search {
4737		display: flex;
4738	}
4739	footer .search input[type=text] {
4740		flex-grow: 1;
4741		flex-shrink: 1;
4742	}
4743
4744
4745	@container footer_search (max-width: 279px) {
4746		footer .search {
4747			flex-wrap: wrap;
4748			flex-direction: column;
4749		}
4750		footer .search input[type=text] {
4751			min-height: 2rem;
4752			width: 100%;
4753			margin-bottom: 0.5em;
4754		}
4755		footer .search button {
4756			width: 100%;
4757		}
4758	}
4759}
4760
4761@supports not (container-type: inline-size) {
4762	footer .search {
4763		display: flex;
4764	}
4765	footer .search input[type=text] {
4766		flex-grow: 1;
4767		flex-shrink: 1;
4768		width: 124px;
4769	}
4770
4771	
4772	@media (min-width: 768px) and (max-width: 1023px)  {
4773
4774		footer .search {
4775			flex-direction: column;
4776		}
4777		footer .search input[type=text] {
4778			width: 100%;
4779		}
4780		footer .search button {
4781			width: 100%;
4782		}
4783	}
4784	
4785
4786	
4787}
4788
4789
4790/* -- Responsive  -- */
4791
4792
4793@media all and (min-width: 768px) and (max-width:1023px) {
4794
4795	.T2820 .oeffnungszeiten .tag { margin-bottom: 5px; }
4796	.T2820 .oeffnungszeiten .tage { width: 100%; }
4797	.T2820 .oeffnungszeiten .rightside { float: left; width: 100%; }
4798	.T2820 .oeffnungszeiten .rightside .nachmittag { display: block; }
4799
4800	#totop {
4801		bottom: 45px;
4802		right: 45px;
4803		width: 60px;
4804		height: 60px;
4805	}
4806
4807	#totop i {
4808		font-size: 45px;
4809	}
4810
4811}
4812
4813@media all and (min-width: 568px) and (max-width: 767px) {
4814
4815	.T2820 .oeffnungszeiten .tag { margin-bottom: 5px; }
4816	.T2820 .oeffnungszeiten .tage { width: 100%; font-weight: bold; }
4817	.T2820 .oeffnungszeiten .rightside { float: left; width: 100%; }
4818	.T2820 .oeffnungszeiten .rightside .nachmittag { display: block; }
4819
4820	#totop {
4821		bottom: 40px;
4822		right: 40px;
4823		width: 50px;
4824		height: 50px;
4825	}
4826
4827	#totop i {
4828		font-size: 40px;
4829	}
4830
4831	
4832}
4833
4834@media all and (max-width: 567px) {
4835	
4836	footer .wrapper {
4837	 	padding-top: 15px;
4838		background-size: cover !important;	
4839	}
4840	
4841	
4842	footer .box > .inner {
4843		margin: 0px;
4844	}
4845	
4846
4847	#totop {
4848		bottom: 30px;
4849		right: 30px;
4850		width: 40px;
4851		height: 40px;
4852	}
4853
4854	#totop i {
4855		font-size: 30px;
4856	}
4857	
4858	footer .box iframe { width: 100%; height: auto; }
4859	footer .box iframe.noresponsive { width: auto; height: auto; }
4860
4861
4862	footer .copyright .social {
4863		padding-top: 0.8rem;
4864   		padding-bottom: 0.8rem;
4865		border-top: 1px solid var(--footer_border_color,rgba(0,0,0,0.05)
4865);
4866		border-bottom: 1px solid var(--footer_border_color,rgba(0,0,0,0.05));
4867		margin-bottom: 0.8rem;
4868	}
4869	footer .copyright .social a {
4870		margin-bottom: 0.5rem;
4871	}
4872
4873}
4874
4875/* -- CSS (für Browser) #9072: Breite Nur Maximalbreite (1) [optional]  -- */
4876
4877.T2820.S9072 .wrapper { padding-left: 2rem; padding-right: 2rem; }
4878
4879
4880/* -- CSS (für Browser) #9073: Rundung Abgerundete Ecken oben (1) [optional] -- */
4881
4882.T2820.S9073 .wrapper { border-radius: 2rem 2rem 0 0; }
4883
4884
4885</style>
4886
4887
4888
4889
4890
4891	
4892
4893		
4894				<style media="screen, print">
4895					@font-face {
4896						font-family: 'Roboto';
4897						src: url('https://storage.tramino.net/static/fonts/roboto-v30-latin/400.woff2') format('woff2'),url('https://storage.tramino.net/static/fonts/roboto-v30-latin/400.woff') format('woff');
4898
4899						font-weight: 400;
4900						font-style: normal;
4901					}
4902			    </style>
4903		    
4904		
4905		
4906		
4907		
4908
4909
4910
4911		
4912		
4913		
4914		
4915
4916		
4917		
4918
4919		
4920
4921		<style>
4922			html {
4923				
4924			font-family: 'Roboto',sans-serif !important;
4925			font-weight: 400;
4926			font-style: normal;
4927	    
4928				font-size: 106.25%;
4929				line-height: 1.3;
4930			}
4931
4932			html .fontsize_xxsmall { font-size: 0.7rem ; }
4933			html .fontsize_xsmall { font-size: 0.8rem ; }
4934			html .fontsize_small { font-size: 0.9rem ; }
4935			html .fontsize_medium { font-size: 1rem; }
4936			html .fontsize_large { font-size: 1.1rem ; }
4937			html .fontsize_xlarge { font-size: 1.2rem; }
4938
4939			
4940			html .bold, html strong, html b { font-weight: 600; } 
4941			html h1, html h2, html h3, html h4, html h5 { font-size: inherit; font-weight: 400; }
4942			
4943
4944			
4945			@media (min-width: 567px) {
4946				html { font-size: 112.5%; }
4947			}
4948
4949			
4950			@media (min-width: 768px) {
4951				html { font-size: 118.75%; }
4952			}
4953			
4954			@media (min-width: 1024px) {
4955				html { font-size: 121.875%; }
4956			}
4957
4958			
4959			@media (min-width: 1280px) {
4960				html { font-size: 125%; }
4961			}
4962			
4963
4964		</style>
4965	
4966
4967	
4968		
4969		
4970				<style media="screen, print">
4971					@font-face {
4972						font-family: 'Yanone Kaffeesatz';
4973						src: url('https://storage.tramino.net/static/fonts/yanone-kaffeesatz-v29-latin/500.woff2') format('woff2'),url('https://storage.tramino.net/static/fonts/yanone-kaffeesatz-v29-latin/500.woff') format('woff');
4974
4975						font-weight: 500;
4976						font-style: normal;
4977					}
4978			    </style>
4979		    <style>
4980			html .specialfont {
4981				
4982			font-family: 'Yanone Kaffeesatz',sans-serif !important;
4983			font-weight: 500;
4984			font-style: normal;
4985	    
4986				font-size: 1.824rem;
4987				margin: 0.2em 0 0.4em 0;
4988				line-height: 1.2;
4989			}
4990
4991			html .specialfont.fontsize_xxsmall { font-size: 1.2768rem; }
4992			html .specialfont.fontsize_xsmall { font-size: 1.4592rem; }
4993			html .specialfont.fontsize_small { font-size: 1.6416rem; }
4994			html .specialfont.fontsize_medium { font-size: 1.824rem; }
4995			html .specialfont.fontsize_large { font-size: 2.1888rem; }
4996			html .specialfont.fontsize_xlarge { font-size: 2.3712rem; }@media (min-width: 567px) {
4997				html .specialfont { font-size: 1.924rem; }
4998				html .specialfont.fontsize_xxsmall { font-size: 1.3468rem; }
4999				html .specialfont.fontsize_xsmall { font-size: 1.5392rem; }
5000				html .specialfont.fontsize_small { font-size: 1.7316rem; }
5001				html .specialfont.fontsize_medium { font-size: 1.924rem; }
5002				html .specialfont.fontsize_large { font-size: 2.3088rem; }
5003				html .specialfont.fontsize_xlarge { font-size: 2.5012rem; }
5004			}@media (min-width: 768px) {
5005				html .specialfont { font-size: 1.974rem; }
5006				html .specialfont.fontsize_xxsmall { font-size: 1.3818rem; }
5007				html .specialfont.fontsize_xsmall { font-size: 1.5792rem; }
5008				html .specialfont.fontsize_small { font-size: 1.7766rem; }
5009				html .specialfont.fontsize_medium { font-size: 1.974rem; }
5010				html .specialfont.fontsize_large { font-size: 2.3688rem; }
5011				html .specialfont.fontsize_xlarge { font-size: 2.5662rem; }
5012			}@media (min-width: 1024px) {
5013				html .specialfont { font-size: 2.074rem; }
5014				html .specialfont.fontsize_xxsmall { font-size: 1.4518rem; }
5015				html .specialfont.fontsize_xsmall { font-size: 1.6592rem; }
5016				html .specialfont.fontsize_small { font-size: 1.8666rem; }
5017				html .specialfont.fontsize_medium { font-size: 2.074rem; }
5018				html .specialfont.fontsize_large { font-size: 2.4888rem; }
5019				html .specialfont.fontsize_xlarge { font-size: 2.6962rem; }
5020			}@media (min-width: 1280px) {
5021				html .specialfont { font-size: 2.174rem; }
5022				html .specialfont.fontsize_xxsmall { font-size: 1.5218rem; }
5023				html .specialfont.fontsize_xsmall { font-size: 1.7392rem; }
5024				html .specialfont.fontsize_small { font-size: 1.9566rem; }
5025				html .specialfont.fontsize_medium { font-size: 2.174rem; }
5026				html .specialfont.fontsize_large { font-size: 2.6088rem; }
5027				html .specialfont.fontsize_xlarge { font-size: 2.8262rem; }
5028			}
5029
5030
5031			html h1.specialfont, html h2.specialfont, html h3.specialfont, html h4.specialfont, html h5.specialfont { font-weight: 500; }
5032
5033
5034		</style>
5035	
5036
5037
5038
5039
5040
5041	<meta name="referrer" content="origin">
5042
5043
5044
5045
5046<link rel="stylesheet" href="https://storage.tramino.net/static/tramini/iconfont/css/styles.min.css?c=950980">
5047
5048
5049
5050
5051<script>
5052"use strict";
5053
5054	window.hasTouchEvents =  (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
5055
5056	window.Tramini = {
5057		hasTouchEvents: (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch),
5058		checkTabletView: function() {
5059			return $(window).width() < 768;
5060		},
5061		checkMobileView: function() {
5062			return $(window).width() < 567;
5063		},
5064		checkSmallDesktopView: function() {
5065			return $(window).width() < 1023;
5066		},
5067		checkDesktopView: function() {
5068			return $(window).width() > 1023;
5069		},
5070	};
5071	
5072
5073
5074TraminoReady(function() {
5075
5076	let $body = $('body');
5077
5078	if ( Tramini.hasTouchEvents ) {
5079		$('#body').addClass('touchdevice');
5080	}
5081
5082	if ( $('.fancybox').length > 0 && ! $body.hasClass('norequire') ) {
5083		
5084		if ( window.require !== undefined ) {
5085
5086			require(['fancybox'], function(_) {
5087
5088				$('.fancybox').fancybox({
5089					padding: 0,
5090				});
5091
5092				$('a.fancybox').on('click', function(e){ e.preventDefault(); });
5093
5094			});
5095
5096		}
5097		
5098	}
5099
5100	if ( $('.lazyload').length > 0 && !$body.hasClass('norequire') ) {
5101		require(['lazybgset','lazysizes'], function(_) {
5102			window.lazySizesConfig.customMedia = {
5103				'--mobile': '(max-width: 567px)',
5104				'--tabletsmall': '(max-width: 767px)',
5105				'--tabletbig': '(max-width: 1023px)',
5106				'--desktopsmall': '(max-width: 1279px)'
5107			};
5108		});
5109	}
5110
5111
5112	if ( 'loading' in HTMLImageElement.prototype && 0 ) {
5113		
5114		$('img[loading="lazy"]').each(function(index, el) {
5115			$(this).attr('src',$(this).data('src'));
5116		});
5117
5118		$('source[data-srcset]').each(function(index, el) {
5119			$(this).attr('srcset',$(this).data('srcset'));
5120		});
5121	} else {
5122		if ( $('.lazy').length > 0 && !$body.hasClass('norequire') ) {
5123			// https://www.andreaverlicchi.eu/lazyload/
5124
5125			var lazyLoadAmdUrl = "/tramino/js/lazy/lazyload.amd.min.js";
5126			var polyfillAmdUrl = "/tramino/js/lazy/intersection-observer.js";
5127
5128
5129			var dependencies = [
5130				"IntersectionObserver" in window
5131					? null // <- Doesn't require the polyfill
5132					: polyfillAmdUrl,
5133				lazyLoadAmdUrl
5134			];
5135			
5136			require(dependencies, function(_,LazyLoad) {
5137				window.lazyLoadInstance = new LazyLoad({
5138					//container: document.getElementById('TraminoRubrik'),
5139					elements_selector: ".lazy",
5140					// load_delay: 300,
5141					//threshold: 800,
5142				});
5143
5144			});
5145		}
5146	}
5147
5148	if ( $('.cardslider.slider').length > 0 && !$body.hasClass('norequire')) {
5149		
5150		let autoplay = false;
5151		if( $('.cardslider.slider').hasClass('autoplay') ){
5152			autoplay = true;
5153		}
5154
5155		require(['slick'], function(_) {
5156
5157			$('.cardslider.slider').slick({
5158				lazyLoad: 'ondemand',
5159				dots: false,
5160				arrows: true,
5161				infinite: true,
5162				slidesToShow: 3,
5163				slidesToScroll: 1,
5164				// prevArrow: '<a href="#" class="slider-nav slider-nav-prev"><i class="icon-arrow-left"></i></i></a>',
5165				// nextArrow: '<a href="#" class="slider-nav slider-nav-next"><i class="icon-arrow-right"></i></a>',
5166				variableWidth: true,
5167				autoplay: autoplay,
5168				autoplaySpeed: 1000,
5169			});	
5170		});
5171	}
5172
5173	
5174	
5175	
5176	
5177
5178	
5179	
5180
5181	// impressum anhang
5182	$('.T711').addClass('maxwidth text');
5183	$('.T711 p').addClass('fontsize_medium');
5184	 
5185	//Datenschutz Anhang
5186	$('.T1979').addClass('maxwidth text');
5187
5188
5189	// Zur Sprungmarke Offset von de Navigation hinzufügen
5190	// if ($('header').css('position') == 'sticky') {
5191	
5192
5193
5194		// $('a').filter(function() { return this.href.match(/TraminoAnhang/); }).addClass("scrollto");
5195
5196		$('a').filter(function() { 
5197			return this.href.match(/TraminoAnhang/);
5198		}).addClass("scrollto");
5199		
5200		$('a.scrollto').on('click', function(e) {
5201
5202			let anker = $(this).attr('href');
5203			anker = anker.match("#(.*)$");
5204			anker = anker[0];
5205
5206			if ( $(anker).length > 0 ) {
5207				e.preventDefault();
5208			}
5209
5210			let offset = 20;
5211
5212
5213			if ( $('header').css("position") == "fixed" || $('header').css("position") == "sticky" ) {
5214				offset = $('header').height() + 20;
5215			}
5216
5217
5218			let scrollto = $(anker).offset().top - offset;
5219			$('html, body').animate({
5220				scrollTop: scrollto,
5221			}, 1000, 'swing');
5222			
5223		});
5224	
5225
5226});
5227
5228document.addEventListener("DOMContentLoaded", function() {
5229  document.querySelectorAll("#TraminoInhalt table").forEach(function(table) {
5230    // Wenn Tabelle die Klasse 'no-responsive' hat, überspringen
5231    if (table.classList.contains("no-responsive")) return;
5232    
5233    // Prüfen, ob Tabelle schon in einem Wrapper steckt
5234    if (!table.parentElement.classList.contains("table-responsive")) {
5235      let wrapper = document.createElement("div");
5236      wrapper.classList.add("table-responsive");
5237      wrapper.style.overflowX = "auto";
5238      wrapper.style.webkitOverflowScrolling = "touch";
5239      table.parentNode.insertBefore(wrapper, table);
5240      wrapper.appendChild(table);
5241    }
5242  });
5243});
5244
5245
5246</script>
5246
5247
5248
5249
5250
5251
5252
5253
5254
5255
5256
5257<style>
5258	body .color { color: #f18607; }
5259	body .text a:not(.bgcolor,.button) { color: #f18607; }
5260	
5261		body .bgcolor { background-color: #f18607; color: #FFFFFF; }
5262	
5263
5264	body .bordercolor { border-color: #f18607; }
5265	
5266		body .textile .button, .S6529 .textile a.button { background-color: #f18607; color: #FFFFFF; }
5267	
5268
5269	#cart-button-next {
5270		background-color: var(--signal_color,#CC3300);
5271		color: var(--signal_color_negativ,#FFFFFF);
5272	}
5273
5274	
5275	
5276
5277	/*
5278	header .header input[type="button"] {
5279	 	color: #000;
5280	 }
5281	*/
5282
5283	/* Trennbaustein Linie */
5284	body .T4681 .bordercolor:before { background: #f18607; }
5285
5286	/* Navigation: Farbiger Hover; */
5287	body .S6995 .header.show_subnav nav ul li:hover > a  { background-color: #f18607; }
5288	body .S6995 .header.show_subnav nav ul ul li:hover a  { background-color: #f18607; }
5289
5290	:root {
5291		--signal_color: #f18607;
5292		
5293			--signal_color_negativ: #FFFFFF;
5294		
5295	}
5296</style>
5297
5298
5299
5300
5301
5302
5303
5304
5305
5306
5307
5308
5309
5310
5311
5312<style>
5313	body {
5314		background-color: #96c01d0C;
5315		color: #2c296f;
5316	}
5317
5318	header .header { background-color: #96c01d0C; }
5319
5320	header .S7114 .header { background-color: rgba(150,192,29,0.8) !important;  }
5321
5322	
5323		
5324		footer {
5325			--footer_border_color: rgba(0,0,0,0.05);
5326		--footer_a_color: #000;
5327		}
5328		footer .wrapper {
5329			background-color: rgba(100,100,100,0.1);
5330			border-top: 1px solid rgba(0,0,0,0.05);
5331			color: #000;
5332		}
5333
5334		footer .copyright a { color: #000; }
5335	
5336
5337	.T3108 .bg_image .mask {
5338		background: -moz-linear-gradient(top, rgba(150,192,29,0) 0%, rgba(150,192,29,1) 100%);
5339		background: -webkit-linear-gradient(top, rgba(150,192,29,0) 0%,rgba(150,192,29,1) 100%);
5340		background: linear-gradient(to bottom, rgba(150,192,29,0) 0%,rgba(150,192,29,1) 100%);
5341	}
5342
5343	
5344
5345	:root {
5346		--background_color: #96c01d0C;
5347		--text_color: #2c296f;
5348		--bgcolor-button: #f18607; 
5349		--default_font: "Roboto";
5350		--default_specialfont: "Yanone Kaffeesatz";
5351	}
5352</style>
5353
5354
5355
5356
5357
5358
5359<style type="text/css">
5360/* ChatBot */
5361#chat {
5362	position: fixed;
5363	bottom: 50px;
5364	right: 50px;
5365	font-size: 14px;
5366	z-index: 10000000;
5367}
5368
5369
5370
5371#chat .chat-button {
5372	position: relative;
5373	box-sizing: border-box;
5374	background-color: #fff;
5375	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
5376	border-radius: 10px;
5377	width: 65px;
5378	height: 65px;
5379	text-align: center;
5380	cursor: pointer;
5381	
5382}
5383
5384#chat .chat-button:hover {
5385	box-shadow: 4px 4px 15px rgba(0,0,0,0.4);
5386}
5387
5388#chat .chat-icon {
5389	position: absolute;
5390	top: -20px;
5391	left: 0px;
5392}
5393
5394#chat .chat-icon img {
5395	width: 65px !important;
5396	height: auto !important;
5397	-ms-interpolation-mode: bicubic;
5398}
5399
5400#chat .chat-cta {
5401	position: absolute;
5402	bottom: 4px;
5403	right: 0px;
5404	left: 0px;
5405	text-align: center;
5406	font-size: 11px;
5407	line-height: 1.2;
5408	font-weight: normal;
5409	color: #000;
5410}
5411
5412
5413
5414
5415@media all and (max-width: 800px) {
5416
5417	#chat { bottom: 10px; right: 10px; }
5418	#chat .chat-button { width: 50px; height: 50px; }
5419	#chat .chat-icon { top: -15px; }
5420	#chat .chat-icon img { width: 50px !important; }
5421	#chat .chat-cta { font-size: 8.5px; }
5422}
5423
5424
5425
5426#chat .chat-close {
5427	position: absolute;
5428	top: -10px;
5429	right: -10px;
5430	width: 20px;
5431	height: 20px;
5432	border-radius: 10px;
5433	background: #666;
5434	color: #fff;
5435	font-family: Arial;
5436	line-height: 20px;
5437	font-size: 20px;
5438	text-align: center;
5439	cursor: pointer;
5440}
5441
5442#chat .chat-popup {
5443	display: none;
5444	position: absolute;
5445	bottom: 0px;
5446	right: 0px;
5447	width: 350px;
5448	height: 450px;
5449	background-color: #fff;
5450	border-radius: 10px;
5451	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
5452	padding: 8px 10px;
5453}
5454
5455#chat .chat-popup-icon {
5456	position: absolute;
5457	top: -30px;
5458	left: -10px;
5459}
5460
5461@media all and (max-width: 800px) {
5462
5463	#chat .chat-popup { width: 285px; height: auto; max-height: 450px; min-height: 200px; }
5464
5465}
5466
5467
5468
5469
5470
5471#chat .chat-popup-icon img {
5472	width: 50px !important;
5473	height: auto !important;
5474	-ms-interpolation-mode: bicubic;
5475}
5476
5477#chat .chat-input {
5478	position: relative;
5479	display: flex;
5480	padding-top: 10px;
5481	flex: 1 5%;
5482}
5483
5484#chat .chat-input textarea {
5485	width: calc(100% - 1.5rem);
5486	outline: none;
5487	resize: none;
5488	overflow: auto;
5489	border-radius: 0.5rem 0 0 0.5rem;
5490	color: #222;
5491	padding: 0.4rem 0.5rem;
5492	box-sizing: border-box;
5493	font-size: 0.9rem;
5494	font-family: inherit;
5495	border: 1px solid #222;
5496	border-right-width: 0px;
5497	margin: 0;
5498}
5499
5500#chat .chat-input .send_button {
5501	border: 1px solid #222;
5502	border-left-width: 0px;
5503	width: 2.2rem;
5504	border-radius: 0 0.5rem 0.5rem 0;
5505	display: flex;
5506	justify-content: center;
5507	align-items: center;
5508}
5509
5510#chat .chat-input .send_button svg { width: 1.2rem; height: auto; scale: 1; transition: all 0.1s; }
5511#chat .chat-input .send_button svg path { fill: #888; }
5512
5513#chat .chat-input .send_button.active svg path { cursor: pointer; }
5514#chat .chat-input .send_button.active svg path { fill: #000; }
5515#chat .chat-input .send_button.active:hover svg { scale: 1.05; }
5516
5517
5518
5519
5520/* Opened Chat */
5521
5522#chat.open .chat-popup {
5523	display: flex;
5524	flex-direction: column;
5525}
5526
5527#chat.open .chat-button { box-shadow: none; }
5528
5529
5530
5531
5532
5533
5534/* Static Chat (inside Backend) */
5535
5536#chat.static { position: static; }
5537#chat.static .chat-button { display: none; }
5538#chat.static .chat-close { display: none; }
5539	
5540#chat.static .chat-popup {
5541	display: flex;
5542	flex-direction: column;
5543	position: static;
5544	width: auto;
5545	box-shadow: none;
5546	padding: 0px;
5547}
5548
5549
5550
5551
5552
5553
5554
5555
5556/* Messages */
5557
5558
5559
5560#chat .chat-messages-outer {
5561	overflow-y: scroll;
5562	flex: 15;
5563}
5564
5565#chat .chat-messages {
5566	display: flex;
5567	flex-direction: column;
5568	justify-content: flex-end;
5569}
5570
5571#chat .chat-message {
5572
5573	position: relative;
5574	background-color: #e2e2e2;
5575	color: #000;
5576	border-radius: 20px 20px 20px 0px;
5577	padding: 5px 10px;
5578	margin-right: 25px;
5579	margin-bottom: 5px;
5580	/* align-self: flex-start; */
5581
5582	overflow-wrap: break-word;
5583    word-wrap: break-word;
5584    -ms-word-break: normal;
5585    word-break: normal;
5586    word-break: break-word;
5587    -ms-hyphens: auto;
5588    -moz-hyphens: auto;
5589    -webkit-hyphens: auto;
5590	
5591}
5592
5593#chat .chat-message a {
5594	color: #309;
5595	text-decoration: underline;
5596}
5597
5598
5599#chat .chat-message.chat-question {
5600	display: inline-block;
5601	background-color: #69c;
5602	color: #fff;
5603	margin-left: 25px; margin-right: 0px;
5604	border-radius: 20px 20px 0px 20px;
5605	align-self: flex-end;
5606	max-width: 90%;
5607	text-align: right;	
5608}
5609
5610#chat .chat-message.chat-answer {
5611	margin-left: 35px;
5612}
5613
5614#chat .chat-message.chat-answer:before {
5615	content: "";
5616	background-size: contain;
5617	-ms-interpolation-mode: bicubic;
5618	width: 30px;
5619	height: 30px;
5620	position: absolute;
5621	left: -35px;
5622	bottom: 0px;
5623}
5624
5625
5626
5627
5628#chat .chat-message.chat-info {
5629	font-size: 12px;
5630	line-height: 14px;
5631	background-color: #fff;
5632	border: 0px solid #ccc;
5633	padding: 3px 4px;
5634	color: #666;
5635
5636}
5637/* Interactions */
5638
5639
5640
5641#chat .chat-action-group {
5642	margin-top: 4px;
5643}
5644
5645#chat .chat-email {
5646	font-size: 11px;
5647	width: 160px;
5648	
5649}
5650
5651#chat .chat-action {
5652	display: inline-block;
5653	background-color: #778;
5654	color: #fff;
5655	padding: 1px 6px;
5656	border-radius: 5px;
5657	cursor: pointer !important;
5658	font-size: 12px;
5659	margin: 0.2em;
5660}
5661
5662#chat .chat-action:hover {
5663	background-color: #446 !important;
5664}
5665
5666#chat .chat-action.selected { 
5667	cursor: default;
5668	background-color: #363;
5669}
5670	
5671#chat .chat-action.unselected { 
5672	cursor: default;
5673	background-color: #778;
5674}
5675	
5676
5677
5678
5679
5680.Mandant_61367 #chat { left: 50px; right: auto; }
5681.Mandant_61367 #chat .chat-popup { left: 0; right: auto; }
5682
5683.Mandant_62565 #chat { left: 50px; right: auto; }
5684.Mandant_62565 #chat .chat-popup { left: 0; right: auto; }
5685
5686@media all and (max-width: 800px) {
5687
5688	.Mandant_61367 #chat { left: 30px; bottom: 45px; }
5689
5690	.Mandant_62565 #chat { left: 30px; bottom: 45px; }
5691
5692
5693
5694}
5695
5696</style>
5697
5698
5699
5700
5701
5702<style>
5703	#chat .chat-message.chat-answer:before {
5704		background-image: url(https://storage.tramino.net/wurzelrudi/1546009/favicon-wurzelrudi.png) !important;
5705	}
5706</style>
5707
5708
5709<script>
5710	
5711	TraminoReady(function() {
5712	
5713		var heartbeat;
5714		var chat = [];	
5715		var dialog = {};	
5716
5717		
5718					
5719		$("#chat .chat-button").click(function() { 	
5720			$("#chat").addClass("open");
5721			initChat();
5722		});
5723		
5724		if ( $("#chat").hasClass("static") ) {
5725			initChat();
5726		}
5727		
5728		
5729		$("#chat .chat-close").click(function() { 	
5730			$("#chat").removeClass("open");
5731			clearInterval(heartbeat);
5732		});
5733		
5734		
5735		$("#chat textarea").keyup(function(e) {
5736			
5737			var code = e.keyCode ? e.keyCode : e.which;
5738
5739			checkSendButton();
5740
5741			if ( code == 13 && ! e.altKey && ! e.shiftKey ) { // Enter ohne alt
5742				
5743				sendChat();
5744				
5745			}
5746			   
5747		});
5748
5749		$("#chat .send_button").click(function() { 	
5750			sendChat();
5751		});
5752		
5753		function sendChat() {
5754
5755			let message_length = getMessageLength();
5756
5757			if ( message_length == 0 ) {
5758				return;
5759			}
5760
5761			chat.push( { type: "question", text: $("#chat textarea").val() } );
5762			renderChat();
5763			$("#chat .chat-messages-outer").scrollTop($("#chat .chat-messages-outer")[0].scrollHeight);
5764
5765			loadChat( "refresh", $("#chat textarea").val() );		
5766			$("#chat textarea").val("");
5767					
5768			startChat();
5769
5770			checkSendButton();
5771		}
5772
5773		function initChat () {
5774		
5775			loadChat("refresh");
5776				
5777		}
5778		
5779		function getMessageLength() {
5780			return $("#chat textarea").val().length;	
5781		}
5782
5783		function checkSendButton () {
5784
5785			let message_length = getMessageLength();
5786
5787			if ( message_length > 0 ) {
5788				$("#chat .send_button").addClass("active")
5789			} else {
5790				$("#chat .send_button").removeClass("active")
5791			}
5792		}
5793
5794		function startChat () {
5795			console.log("startChat");
5796			clearInterval( heartbeat );
5797			
5798			heartbeat = setInterval(function(){ 
5799				loadChat("refresh"); 
5800			}, 2000);
5801		
5802		}
5803	
5804		
5805		function loadChat( action, input, message ) {
5806			
5807			console.log("loadChat");
5808
5809			$.ajax('/api/chat/', {
5810				data: {
5811					action: action,
5812					input: input,
5813					message: message,
5814					session: $("#chat").data("session"),
5815					backend: $("#chat").data("backend"),
5816					dialog: $("#chat").data("dialog"),
5817					channel: $("#chat").data("channel"),
5818					lang: $("#chat").data("lang"),
5819				},
5820				dataType: "json",
5821				success: function(response) {
5822					if ( response.status != "ok" ) return;
5823					previous_length = chat.length;
5824					chat = response.chat;
5825					
5826					
5827					if ( dialog.status == "in_progress" && response.dialog.status == "open" ) {
5828						dialog = response.dialog;
5829					}
5830
5831					dialog = response.dialog;
5832					if ( dialog.status == "in_progress" ) {
5833						$("#chat").addClass("open");
5834					}
5835
5836					if ( chat.length != previous_length || previous_length == 0 || dialog.status == "in_progress" ) {				
5837						renderChat();
5838						$("#chat .chat-messages-outer").scrollTop($("#chat .chat-messages-outer")[0].scrollHeight);
5839					}
5840					
5841				},
5842				error: function(e) {
5843					clearInterval( heartbeat );
5844					if ( console.log ) console.log("api failed: ", e);
5845				}
5846			});
5847		
5848		}
5849		
5850		function renderChat() {
5851			
5852			var out = "";
5853			$.each( chat, function( index, message ) {
5854				text = message.text.replace(/\n/g, "<br />");
5855				out = out + "<div class='chat-message chat-" + message.type + "' "
5856					+ "data-message='" +  message.id + "' "
5857					+ "data-value='" +  message.value + "' "
5858					+ ">" + text +  "</div>\n";
5859			});
5860			
5861			// if ( $("#chat").data("backend") && dialog ) {
5862			// 	out = out + "<div class='chat-message chat-info'>Zuletzt aktiv: " + dialog.loaded + "</div>";
5863			// }	
5864			
5865			
5866			$("#chat .chat-messages").html( out );
5867			
5868			$("#chat .chat-messages .chat-action").each( function( index, value ) {
5869				if ( $(this).parent().data('value') != "" ) {	
5870					if ( $(this).parent().data('value') == $(this).data('value') ) {
5871						$(this).addClass('selected');
5872					} else {
5873						$(this).addClass('unselected');
5874					}
5875				}
5876			});
5877			
5878			$("#chat .chat-messages .chat-action").click(function() { 
5879				console.log();
5880				if ( $(this).siblings(".chat-email").length ) {
5881					loadChat("value", $(this).siblings(".chat-email").val(), $(this).parents('.chat-message').data('message') ); 
5882				} else {
5883					loadChat("value", $(this).data('value'), $(this).parents('.chat-message').data('message') ); 
5884				}	
5885			});
5886			
5887			
5888			
5889			$("#chat .chat-messages .chat-email").each( function( index, value ) {
5890				if ( $(this).parents('.chat-message').data('value') != "" ) {	
5891					$(this).val( $(this).parents('.chat-message').data('value') );
5892				}
5893			});
5894			
5895			
5896			
5897		}
5898
5899		checkSendButton();
5900			
5901	});
5902	
5903</script>
5903
5904
5905<meta property="og:title" content="Tickets online kaufen | Wurzelrudis Erlebniswelt Eibenstock">
5906<meta property="og:description" content="Tickets für Wurzelrudis Erlebniswelt und SkiArena Eibenstock online buchen: Sommer- und Wintertickets, Wurzeltaler, Pakete und Gutscheine.">
5907<meta property="og:site_name" content="Wurzelrudi">
5908<meta property="og:type" content="Website">
5909<meta property="og:url" content="https://www.wurzelrudi.de/planen/tickets/">
5910<meta property="og:image" content="https://storage.tramino.net/wurzelrudi/1530151/800.jpg">
5911
5912<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 5912-5913
5912
5913<script async src="https://www.googletagmanager.com/gtag/js?id=
5913G-1SNRGGDHCN
vendor: 13 bytes, line 5913
5913"></script>
5914<script>
5915  
vendor: 138 bytes, lines 5915-5919
5915window.dataLayer = window.dataLayer || [];
5916  function gtag(){dataLayer.push(arguments);}
5917  gtag('js', new Date());
5918
5919  gtag('config', '
5919G-1SNRGGDHCN
vendor: 5 bytes, line 5919
5919');
5920</script>
5920
5921
5922
5923<link rel="alternate" hreflang="x-default" href="https://www.wurzelrudi.de/planen/tickets/">
5924<link rel="alternate" hreflang="de" href="https://www.wurzelrudi.de/planen/tickets/">
5925<link rel="alternate" hreflang="cs" href="https://www.wurzelrudi.de/cs/planen/tickets/">
5926<link rel="alternate" hreflang="en" href="https://www.wurzelrudi.de/en/planen/tickets/">
5927
5928</head>
5929<body  id="body" class=" Mandant_61367 Rubrik_151651" >
5930
5931			
5932			
5933			<div class="dashboard" data-endpoint="https://wurzelrudi.tramino.de/api/dashboard/"></div>
5934		
5935
5936<div id="page">
5937
5938<div id="TraminoRubrik">
5939				
5940
5941		<div id="TraminoInhalt">
5942			
5943				<header class="TraminoVorlage T5517  overlaylogo no_padding TraminoVorlage_1" id="TraminoAnhang560923"   >
5944					<div class="nav-bar bg_color">
5945
5946	<div class="icon_wrapper primary" data-type="primary">
5947		<svg class="menu" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 5v2h20v-2zm0 6v2h20v-2zm0 6v2h20v-2z"/></svg>
5948		<svg class="close" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4.7070312 3.2929688-1.4140624 1.4140624 7.2929692 7.2929688-7.2929692 7.292969 1.4140624 1.414062 7.2929688-7.292969 7.292969 7.292969 1.414062-1.414062-7.292969-7.292969 7.292969-7.2929688-1.414062-1.4140624-7.292969 7.2929692z"/></svg>
5949	</div>
5950
5951	<a href="/" class="logo">
5952		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1651369/element-3wrklein78.svg" width="400" height="0" loading='lazy' alt="Element 3WRklein78" /></picture>
5953	</a>
5954	<a href="/" rel="nofollow" class="logo_scroll">
5955		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1649710/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1649710/400.png 1x" type="image/png" ><img src="https://storage.tramino.net/wurzelrudi/1649710/400.png" width="400" height="355" loading='lazy' alt="Logo scroll" /></picture>
5956	</a>
5957
5958	<div class="icon_wrapper secondary">
5959		
5960			
5961			
5962			<a class="button booking" href="/planen/tickets/">
5963				
5964					
5965						<div class="icon">
5966		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1616581/icon-ticket-w.svg" width="40" height="40" loading='lazy' alt="Icon-ticket W" /></picture>
5967	</div>
5968					
5969				
5970				<span>Ticketshop</span>
5971			</a>
5972		
5973	</div>
5974
5975</div>
5976
5977
5978
5979
5980
5981
5982
5983
5984<div class="wrapper_hidden wrapper_primary sticky_content" data-type="primary">
5985
5986	
5987		<div class="headline specialfont fontsize_small color">Erlebnis für Klein &amp; Groß</div>
5988	
5989
5990	<div class="nav-outer">
5991
5992		<nav class="nav-item-wrapper elm_mobile4 elm_desktop4">
5993			
5994			
5995				
5996				
5997				
5998				<a href="/sommer/" class="nav-item ">
5999					<div class="nav-icon">
6000		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625488/wurzelrudi-icon-01.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-01" /></picture>
6001	</div>
6002					<div class="nav-label">Wurzelrudis Erlebniswelt</div>
6003				</a>
6004			
6005				
6006				
6007				
6008				<a href="/planen/" class="nav-item open">
6009					<div class="nav-icon">
6010		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625492/wurzelrudi-icon-05.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-05" /></picture>
6011	</div>
6012					<div class="nav-label">Besuch planen</div>
6013				</a>
6014			
6015				
6016				
6017				
6018				<a href="/essen-trinken/" class="nav-item ">
6019					<div class="nav-icon">
6020		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625490/wurzelrudi-icon-03.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-03" /></picture>
6021	</div>
6022					<div class="nav-label">Essen &amp; Trinken</div>
6023				</a>
6024			
6025				
6026				
6027				
6028				<a href="/hostel/" class="nav-item ">
6029					<div class="nav-icon">
6030		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625491/wurzelrudi-icon-04.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-04" /></picture>
6031	</div>
6032					<div class="nav-label">Wurzelrudis Hostel</div>
6033				</a>
6034			
6035				
6036				
6037				
6038				<a href="/ski-arena/" class="nav-item ">
6039					<div class="nav-icon">
6040		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625496/wurzelrudi-icon-09.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-09" /></picture>
6041	</div>
6042					<div class="nav-label">SkiArena Eibenstock</div>
6043				</a>
6044			
6045				
6046				
6047				
6048				<a href="/winter/" class="nav-item ">
6049					<div class="nav-icon">
6050		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625489/wurzelrudi-icon-02.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-02" /></picture>
6051	</div>
6052					<div class="nav-label">Winterspaß</div>
6053				</a>
6054			
6055				
6056				
6057				
6058				<a href="/gruppen-schulen/" class="nav-item ">
6059					<div class="nav-icon">
6060		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625494/wurzelrudi-icon-07.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-07" /></picture>
6061	</div>
6062					<div class="nav-label">Gruppentipp</div>
6063				</a>
6064			
6065				
6066				
6067				
6068				<a href="/familienzeit/" class="nav-item ">
6069					<div class="nav-icon">
6070		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1625495/wurzelrudi-icon-08.svg" width="100" height="100" loading='lazy' alt="Wurzelrudi-icon-08" /></picture>
6071	</div>
6072					<div class="nav-label">Familienzeit</div>
6073				</a>
6074			
6075		</nav>
6076
6077		
6078		
6079
6080			<nav class="nav-sublevel nav-sublevel-menu">
6081				<div class="arrow"></div>
6082				
6083					<a class="nav-sublevel-item " href="/planen/webcam-wetter/" >
6084						<div class="nav-sublevel-content">
6085							<div class="nav-sublevel-headline">Webcam &amp; Wetter</div>
6086						</div>
6087					</a>
6088				
6089					<a class="nav-sublevel-item " href="/planen/oeffnungszeiten/" >
6090						<div class="nav-sublevel-content">
6091							<div class="nav-sublevel-headline">Öffnungszeit &amp; Preis</div>
6092						</div>
6093					</a>
6094				
6095					<a class="nav-sublevel-item " href="/planen/orientierungsplan/" >
6096						<div class="nav-sublevel-content">
6097							<div class="nav-sublevel-headline">Geländeplan</div>
6098						</div>
6099					</a>
6100				
6101					<a class="nav-sublevel-item open" href="/planen/tickets/" >
6102						<div class="nav-sublevel-content">
6103							<div class="nav-sublevel-headline">Ticketshop</div>
6104						</div>
6105					</a>
6106				
6107					<a class="nav-sublevel-item " href="/planen/anfahrt/" >
6108						<div class="nav-sublevel-content">
6109							<div class="nav-sublevel-headline">Anreise &amp; Parken</div>
6110						</div>
6111					</a>
6112				
6113					<a class="nav-sublevel-item " href="/planen/gutscheine/" >
6114						<div class="nav-sublevel-content">
6115							<div class="nav-sublevel-headline">Gutschein</div>
6116						</div>
6117					</a>
6118				
6119					<a class="nav-sublevel-item " href="/planen/downloads/" >
6120						<div class="nav-sublevel-content">
6121							<div class="nav-sublevel-headline">Download</div>
6122						</div>
6123					</a>
6124				
6125					<a class="nav-sublevel-item " href="/planen/karte/" >
6126						<div class="nav-sublevel-content">
6127							<div class="nav-sublevel-headline">RegioGuide</div>
6128						</div>
6129					</a>
6130				
6131					<a class="nav-sublevel-item " href="/planen/newsletter/" >
6132						<div class="nav-sublevel-content">
6133							<div class="nav-sublevel-headline">Newsletter</div>
6134						</div>
6135					</a>
6136				
6137			</nav>
6138
6139		
6140
6141	</div>
6142
6143	
6144
6145		<div class="topics border-top" style="padding-top: 0.3em;">
6146
6147			
6148				
6149					
6150				
6151
6152				
6153					<a href="/planen/veranstaltungen/" class="color fontsize_small">
6154						
6155						<div class="icon">
6156		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1689092/eventb.svg" width="200" height="0" loading='lazy' alt="EventB" /></picture>
6157	</div>
6158						
6159						<span>
6160							
6161							Events
6162						</span>
6163						
6164						<svg class="arrow" height="40" viewBox="0 0 50 50" width="50" xmlns="http://www.w3.org/2000/svg"><path d="m14.980469 2.980469c-.816406 0-1.546875.496094-1.851563 1.25-.308593.753906-.125 1.617187.457032 2.183594l18.585937 18.585937-18.585937 18.585938c-.523438.5-.734375 1.246093-.550782 1.949218.183594.699219.730469 1.246094 1.429688 1.429688.703125.183594 1.449219-.027344 1.949219-.550781l20-20c.78125-.78125.78125-2.046875 0-2.828125l-20-20c-.378907-.386719-.894532-.605469-1.433594-.605469z"/></svg>
6165						
6166					</a>			   
6167				
6168					<a href="/info/jobs-karriere/" class="color fontsize_small">
6169						
6170						<div class="icon">
6171		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1689117/jobiib.svg" width="200" height="0" loading='lazy' alt="JOBIIB" /></picture>
6172	</div>
6173						
6174						<span>
6175							
6176							Jobs
6177						</span>
6178						
6179						<svg class="arrow" height="40" viewBox="0 0 50 50" width="50" xmlns="http://www.w3.org/2000/svg"><path d="m14.980469 2.980469c-.816406 0-1.546875.496094-1.851563 1.25-.308593.753906-.125 1.617187.457032 2.183594l18.585937 18.585937-18.585937 18.585938c-.523438.5-.734375 1.246093-.550782 1.949218.183594.699219.730469 1.246094 1.429688 1.429688.703125.183594 1.449219-.027344 1.949219-.550781l20-20c.78125-.78125.78125-2.046875 0-2.828125l-20-20c-.378907-.386719-.894532-.605469-1.433594-.605469z"/></svg>
6180						
6181					</a>			   
6182				
6183					<a href="/planen/karte/" class="color fontsize_small">
6184						
6185						<div class="icon">
6186		<picture class="format_svg"><img src="https://storage.tramino.net/wurzelrudi/1689098/karteb.svg" width="200" height="0" loading='lazy' alt="KarteB" /></picture>
6187	</div>
6188						
6189						<span>
6190							
6191							RegioGuide
6192						</span>
6193						
6194						<svg class="arrow" height="40" viewBox="0 0 50 50" width="50" xmlns="http://www.w3.org/2000/svg"><path d="m14.980469 2.980469c-.816406 0-1.546875.496094-1.851563 1.25-.308593.753906-.125 1.617187.457032 2.183594l
619418.585937 18.585937-18.585937 18.585938c-.523438.5-.734375 1.246093-.550782 1.949218.183594.699219.730469 1.246094 1.429688 1.429688.703125.183594 1.449219-.027344 1.949219-.550781l20-20c.78125-.78125.78125-2.046875 0-2.828125l-20-20c-.378907-.386719-.894532-.605469-1.433594-.605469z"/></svg>
6195						
6196					</a>			   
6197				
6198
6199			
6200
6201			
6202			
6203			   
6204			   <div id="langswitch" data-elementtrigger="TraminoLangSwitch"  data-traminolang="de" data-knownlang="de,en,cs,en,cs" >
6205	<div class="langswitch_inner">
6206		
6207		
6208			<div class="headline">Website</div>
6209			<ul>			
6210			
6211			
6212				
6213				
6214				
6215					
6216						
6217					
6218				
6219                
6220				
6221				<li data-lang="de" data-flag="de">
6222			<a href="/planen/tickets/">
6223				<div>Deutsch</div>
6224				
6225				<div class="name_en">(German)</div>
6226				
6227			</a>
6228		</li>
6229				
6230				
6231			
6232			
6233				
6234				
6235				
6236					
6237						
6238					
6239				
6240                
6241				
6242				<li data-lang="en" data-flag="en">
6243			<a href="/en/planen/tickets/">
6244				<div>English</div>
6245				
6246				<div class="name_en">(English)</div>
6247				
6248			</a>
6249		</li>
6250				
6251				
6252			
6253			
6254				
6255				
6256				
6257					
6258						
6259					
6260				
6261                
6262				
6263				<li data-lang="cs" data-flag="cs">
6264			<a href="/cs/planen/tickets/">
6265				<div>Čeština</div>
6266				
6267				<div class="name_en">(Czech)</div>
6268				
6269			</a>
6270		</li>
6271				
6272				
6273			
6274		</ul>
6275		
6276		
6277	</div>
6278
6279
6280</div>
6281
6282				<a 	href="#" 
6283					data-langswitch="TraminoLangSwitch" 
6284					id="TraminoLangSwitchFooter" 
6285					style="display: flex; margin-right: auto;"
6286					class="color fontsize_small"
6287				>	
6288					<i class="icon-globe"></i>&nbsp;
6289					<span>
6290						
6291						
6292
6293						Deutsch
6294							
6295					</span>
6296				</a>
6297			
6298		</div>
6299	
6300
6301</div>
6302					
6303				</header>
6304			
6305				<section class="TraminoVorlage T2862  nomargin TraminoVorlage_2" id="TraminoAnhang554945"  style=" margin-top: -4vw !important; "   >
6306					<div class="motiv">
6307		
6308		
6309		
6310		
6311		
6312			
6313			
6314			
6315		
6316			
6317
6318			
6319			
6320
6321			
6322			
6323			
6324		
6325			
6326			
6327			
6328		
6329			
6330
6331			
6332			
6333
6334			
6335			
6336			
6337		
6338			
6339			
6340			
6341		
6342			
6343
6344			
6345			
6346
6347			
6348			
6349			
6350		
6351			
6352			
6353			
6354		
6355			
6356
6357			
6358			
6359
6360			
6361			
6362			
6363		
6364			
6365			
6366			
6367		
6368			
6369
6370			
6371			
6372
6373			
6374			
6375			
6376		
6377
6378		
6379			
6380			
6381			
6382
6383		
6384		
6385		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1514927/2400x525.webp 1x" type="image/webp" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/1280x280.webp 1x" type="image/webp" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/1024x224.webp 1x" type="image/webp" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/768x252.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/567x186.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1514927/2400x525.jpg 1x" type="image/jpeg" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/1280x280.jpg 1x" type="image/jpeg" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/1024x224.jpg 1x" type="image/jpeg" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/768x252.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514927/567x186.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1514927/567x186.jpg" width="567" height="186" fetchpriority="high" loading='eager' alt="Wurzelrudi Adlerfelsenbahn" /></picture>
6386	
6387
6388	</div>
6389
6390	
6391		
6392
6393	
6394	
6395
6396	
6397	
6398	
6399	
6400
6401
6402	<div class="text">
6403		
6404	</div>
6405					
6406				</section>
6407			
6408				<section class="TraminoVorlage T2897 S8820 S6859 TraminoVorlage_3" id="TraminoAnhang568530"  style=" margin-top: -2vw !important;  margin-bottom: 0vw !important; "   >
6409					<div class="width_wrapper maxwidth">
6410<div class="wrapper background" >
6411
6412	
6413
6414	
6415	<div data-shortcut="headline" class="headline color specialfont fontsize_xlarge bold hyphens">Wurzelrudi´s Ticketshop </div>
6416
6417	
6418
6419	<div class="text textile" data-shortcut="col1_text">
6420		<p>Willkommen am digitalen Eingangstor zu Wurzelrudis Erlebniswelt und der SkiArena  in Eibenstock!<br />Hier bekommst du deine Tickets schnell, bequem und ohne Anstehen – genau so, wie’s sein soll, wenn der Berg ruft.</p>
6421		
6422	</div>	
6423
6424</div>
6425</div>
6426					
6427				</section>
6428			
6429				<section class="TraminoVorlage T4681 TraminoVorlage_4" id="TraminoAnhang598229"  style=" margin-bottom: 0vw !important; "   >
6430					<div class="partline maxwidth">
6431	
6432	
6433	
6434	
6435	
6436	
6437	
6438	
6439		
6440		<div class="bordertext specialfont fontsize_small ">
6441			
6442				<span class="">Sommerticket</span>
6443			
6444		</div>
6445	
6446</div>
6447
6448
6449	<style>
6450	#TraminoAnhang598229.T4681 {
6451		--color: #2c296f;
6452	}
6453	</style>
6454					
6455				</section>
6456			
6457				<section class="TraminoVorlage T2897 S6860 S6859 TraminoVorlage_5" id="TraminoAnhang598230"  style=" margin-top: 0vw !important;  margin-bottom: 0vw !important; "   >
6458					<div class="width_wrapper maxwidth">
6459<div class="wrapper background" >
6460
6461	
6462
6463	
6464	
6465
6466	
6467
6468	<div class="text textile" data-shortcut="col1_text">
6469		<p>Wir mögen es flexibel und du hast damit die Wahl. Der Zutritt zum Gelände von Wurzelrudi ist ganzjährig für alle frei. Ohne zusätzliche Kosten kannst du Burgspielplatz und Haustierzoo im Tal, das Spielschiff und den Minisee an der Adleralm und die Himmelschaukel am Speichersee besuchen. Alle anderen Anlagenteile haben Drehkreuze, die du mit dem gekauften Ticket passieren kannst. Online Tickets erhältst du bequem mit QR-Code auf dein Handy. Du hast folgende Möglichkeiten: </p><ul><li><strong>TALER:</strong> Diese Währung gilt an unseren Attraktionen. Jedes Drehkreuz bucht automatisch Taler von der Guthabenkarte oder dem Onlineticket ab und du bist komplett flexibel unterwegs. Diese sind gemeinsam nutzbar und 2 Jahre gültig.</li><li><strong>PAKETE:</strong> Du brauchst einen Plan? Dann sind unsere vorgefertigten Pakete optimal. Diese sind 4 Wochen gültig. Bitte die Fahrtage der Sesselbahn beachten!</li><li><strong>EINZELTICKETS:</strong> Natürlich kannst du auch jede Attraktion einzeln buchen - online oder vor Ort!  <br /> </li></ul>
6470		
6471	</div>	
6472
6473</div>
6474</div>
6475					
6476				</section>
6477			
6478				<section class="TraminoVorlage T5561  with_meta_teaser TraminoVorlage_6" id="TraminoAnhang598227"  style=" margin-top: 0vw !important; "   >
6479					<div class="grid-stack-item" data-gs-id="598227">
6480	<div class="wrap_wrapper grid-stack-item-content ">
6481	<div class="wrap_inner">
6482	
6483		
6484		
6485		
6486		
6487
6488		
6489		
6490		
6491		<div class="maxwidth">
6492			
6493
6494			
6495			
6496			
6497			
6498
6499			
6500			
6501			<div class="wrap_head ">
6502
6503				
6504					
6505					
6506					
6507					
6508
6509					
6510						
6511						
6512						
6513					
6514
6515					
6516
6517					<div class="wrap_headline specialfont fontsize_medium color" style="color:#f4861c">
6518						>> Wurzeltaler &amp; Pakete</div>
6519					
6520					
6521					
6522
6523										
6524						
6525						
6526					
6527
6528					
6529
6530
6531				
6532				
6533				
6534
6535
6536			</div>
6537			
6538			<div class="meta-wrap-content">
6539				
6540
6541
6542
6543
6544
6545
6546
6547
6548	
6549	
6550	
6551		
6552				
6553	
6554
6555	
6556
6557	
6558
6559	
6560	
6561	
6562	
6563	
6564	
6565	
6566	
6567	
6568	
6569
6570	
6571	
6572		
6573			
6574		
6575			
6576	
6577
6578
6579
6580	
6581	
6582	
6583	
6584	
6585	
6586	
6587
6588
6589
6590	
6591	
6592	
6593		
6594				
6595	
6596
6597	
6598
6599	
6600
6601	
6602	
6603	
6604	
6605	
6606	
6607	
6608	
6609	
6610	
6611
6612	
6613	
6614		
6615			
6616		
6617			
6618	
6619
6620
6621
6622	
6623	
6624	
6625	
6626	
6627	
6628	
6629
6630
6631
6632	
6633	
6634	
6635		
6636				
6637	
6638
6639	
6640
6641	
6642
6643	
6644	
6645	
6646	
6647	
6648	
6649	
6650	
6651	
6652	
6653
6654	
6655	
6656		
6657			
6658		
6659			
6660	
6661
6662
6663
6664	
6665	
6666	
6667	
6668	
6669	
6670	
6671
6672
6673
6674	
6675	
6676	
6677		
6678				
6679	
6680
6681	
6682
6683	
6684
6685	
6686	
6687	
6688	
6689	
6690	
6691	
6692	
6693	
6694	
6695
6696	
6697	
6698		
6699			
6700		
6701			
6702	
6703
6704
6705
6706	
6707	
6708	
6709	
6710	
6711	
6712	
6713
6714
6715
6716	
6717	
6718	
6719		
6720				
6721	
6722
6723	
6724
6725	
6726
6727	
6728	
6729	
6730	
6731	
6732	
6733	
6734	
6735	
6736	
6737
6738	
6739	
6740		
6741			
6742		
6743			
6744	
6745
6746
6747
6748	
6749	
6750	
6751	
6752	
6753	
6754	
6755
6756
6757
6758	
6759	
6760	
6761		
6762				
6763	
6764
6765	
6766
6767	
6768
6769	
6770	
6771	
6772	
6773	
6774	
6775	
6776	
6777	
6778	
6779
6780	
6781	
6782		
6783			
6784		
6785			
6786	
6787
6788
6789
6790	
6791	
6792	
6793	
6794	
6795	
6796	
6797
6798
6799	
6800	
6801<!-- MetaDetail -->
6802
6803
6804	<!-- MetaDetail: load_css only -->
6805
6806
6807
6808
6809
6810
6811
6812
6813
6814
6815
6816
6817
6818
6819
6820
6821
6822
6823
6824
6825
6826
6827
6828
6829
6830
6831
6832
6833
6834
6835
6836
6837
6838
6839
6840
6841
6842
6843
6844
6845
6846
6847
6848
6849
6850
6851
6852
6853
6854
6855
6856
6857
6858
6859
6860
6861
6862
6863
6864
6865
6866
6867
6868
6869
6870
6871
6872
6873
6874
6875
6876
6877
6878	
6879	
6880	
6881
6882	<style>
6883		
6884		.T5277 .elements_598227 .element {
6885			background-color: #ffffff;
6886		}
6887
6888		.T5277 .meta-teaser-pulldown-content { 
6889			background-color: #ffffff;
6890		}
6891
6892		.T5277.layout_inside .elements_598227 .metateaser-content .teaser-name {
6893			background-color: #ffffff !important;
6894			padding: 0.4rem 0.9rem;
6895			display: inline-block;
6896			margin: 0;
6897		}
6898		.T5277.layout_inside .elements_598227 .metateaser-content .teaser-status_info  {
6899			background-color: #ffffff !important;
6900			padding: 0.4rem 0.9rem;
6901			display: inline-block;
6902			margin: 0;
6903		}
6904
6905
6906		.T5277 .elements_598227 .element.color-highlight { background-color: var(--color-secondary); }
6907		.T5277.layout_inside .elements_598227 .element.color-highlight .metateaser-content .teaser-name {
6908			background-color: var(--color-secondary) !important;
6909		}
6910		
6911
6912		
6913
6914		
6915		.T5277 .elements_598227 .metateaser-content .teaser-name { 
6916			color: #f4861c;
6917		}
6918		
6919		
6920		.T5277 .elements_598227 {
6921			--bgcolor-button: #f4861c;
6922		}
6923		
6924
6925		
6926
6927		.T5424 .T5277 .elements_598227 .metateaser-content .teaser-name { 
6928			max-width: 80%;
6929			hyphens: auto;
6930			/* Infosystem Name ragt sonst in Status rein */
6931		}
6932
6933		.T5277 .elements_598227 .metateaser-content .teaser-intro {
6934			color: inherit;
6935		}
6936
6937		.T5277 .elements_598227 .metateaser-content .teaser-subheadline {
6938			color: inherit;
6939		}
6940		.T5277 .elements_598227 .metateaser-content .text_teaser {
6941			color: inherit;
6942		}
6943	
6944	</style>
6945
6946
6947
6948
6949
6950
6951
6952
6953
6954<div class="T5277 display_mobile_slider display_tablet_slider display_desktop_grid cols_mobile_1 cols_tablet_1 cols_desktop_4 layout_below layout_tablet_below layout_mobile_below ratio_landscape slider_slice_2 bg_color meta-teaser-up-right-icon meta-teaser-radius-10">
6955
6956
6957
6958
6959
6960
6961
6962	<div class="teaser_head noselect">
6963		<div class="filter_count"><span>6</span> von 6</div>
6964		<div class="filter_selected"></div>
6965		<div class="paginator_pages" role="navigation" aria-label="Pagination"></div>
6966	</div>
6967
6968	<div class="outer slider-outer">
6969		
6970		
6971			
6972		<div class="elements elements_598227
6973                
6974                 slider-elements"
6975                    >
6976
6977                
6978
6979			
6980			
6981			
6982
6983			
6984						
6985			
6986				
6987				
6988			
6989				
6990				
6991				
6992
6993				
6994				
6995				
6996				
6997				
6998				
6999				
7000				
7001				
7002				
7003
7004				
7005				
7006
7007				
7008
7009				
7010				
7011				
7012				
7013				
7014				
7015
7016				
7017				
7018
7019				
7020
7021				
7022
7023
7024				
7025				
7026				
7027				
7028
7029				
7030
7031				
7032				
7033				
7034
7035				
7036				
7037
7038
7039				
7040
7041				
7042				
7043
7044
7045				
7046				
7047				
7048				
7049			
7050				
7051				
7052				
7053
7054
7055				
7056
7057				
7058
7059
7060
7061
7062				
7063
7064
7065
7066			
7067						
7068					
7069					
7070
7071						
7072					
7073					
7074				
7075				
7076				
7077				
7078				
7079				
7080				
7081
7082				
7083
7084
7085				
7086
7087				
7088				<div class="element  slider-element clickable "  data-sheet='item-112936' data-id='item-112936'>
7089					
7090
7091
7092
7093
7094
7095					
7096					<div class="bild">
7097					
7098
7099						
7100
7101						
7102
7103
7104							
7105							   	
7106									
7107								
7108							
7109
7110							
7111
7112							<div class="meta-teaser-images" >
7113	
7114	
7115
7116	
7117
7118		
7119		
7120
7121		
7122
7123		
7124
7125		
7126
7127		
7128
7129		
7130		
7131
7132		
7133
7134		
7135		
7136		
7137		
7138		
7139	
7140		
7141		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1756260/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756260/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1756260/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756260/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1756260/400.jpg" width="400" height="300" loading='lazy' alt="30 Taler" /></picture>
7142	
7143	
7144	
7145	</div>
7146
7147							
7148
7149						
7150						
7151						
7152
7153						
7154
7155						
7156
7157						
7158
7159
7160					
7161					</div>
7162					
7163				
7164					
7165
7166
7167
7168
7169
7170					
7171
7172					<div class="metateaser-content">
7173
7174						<div class="metateaser-content-text">
7175							
7176							
7177								
7178								
7179								
7180
7181								<div class="teaser-subheadline">Du magst es flexibel ...</div>
7182							
7183
7184							
7185							
7186
7187							
7188
7189							
7190							
7191
7192							
7193							
7194							
7195							
7196							
7197							
7198							
7199
7200							<div class="default_font teaser-name clamp clamp2" >30 Wurzeltaler</div>
7201
7202
7203							
7204
7205
7206							
7207
7208							
7209							
7210							
7211
7212							
7213							
7214							
7215							
7216							
7217							<div class="teaser-intro clamp clamp4">Dreißig Wurzeltaler: die kleinste Einheit für Spaß bei Wurzelrudi.</div>
7218							
7219							
7220							
7221						</div>
7222
7223						
7224
7225						
7226
7227						
7228						
7229						
7230						
7231						
7232						
7233						
7234						
7235							<div class="price">
7236								
7237								<div class="price-amount">ab 13,50&nbsp;&euro;</div>
7238							</div>
7239						
7240						
7241						
7242
7243							
7244							
7245							<div class="metateaser-buttons button_count1">
7246								
7247									<div class="metateaser-button default" >Details</div>
7248								
7249								
7250							</div>
7251						
7252						
7253						
7254
7255						
7256						
7257
7258					</div>
7259					
7260
7261					
7262
7263				</div>
7264			
7265				
7266
7267				
7268
7269				
7270				
7271				
7272				
7273				
7274				
7275				
7276				
7277				
7278				
7279				
7280			
7281				
7282				
7283				
7284
7285				
7286				
7287				
7288				
7289				
7290				
7291				
7292				
7293				
7294				
7295
7296				
7297				
7298
7299				
7300
7301				
7302				
7303				
7304				
7305				
7306				
7307
7308				
7309				
7310
7311				
7312
7313				
7314
7315
7316				
7317				
7318				
7319				
7320
7321				
7322
7323				
7324				
7325				
7326
7327				
7328				
7329
7330
7331				
7332
7333				
7334				
7335
7336
7337				
7338				
7339				
7340				
7341			
7342				
7343				
7344				
7345
7346
7347				
7348
7349				
7350
7351
7352
7353
7354				
7355
7356
7357
7358			
7359						
7360					
7361					
7362
7363						
7364					
7365					
7366				
7367				
7368				
7369				
7370				
7371				
7372				
7373
7374				
7375
7376
7377				
7378
7379				
7380				<div class="element  slider-element clickable "  data-sheet='item-112944' data-id='item-112944'>
7381					
7382
7383
7384
7385
7386
7387					
7388					<div class="bild">
7389					
7390
7391						
7392
7393						
7394
7395
7396							
7397							   	
7398									
7399								
7400							
7401
7402							
7403
7404							<div class="meta-teaser-images" >
7405	
7406	
7407
7408	
7409
7410		
7411		
7412
7413		
7414
7415		
7416
7417		
7418
7419		
7420
7421		
7422		
7423
7424		
7425
7426		
7427		
7428		
7429		
7430		
7431	
7432		
7433		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1756265/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756265/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1756265/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756265/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1756265/400.jpg" width="400" height="300" loading='lazy' alt="50 Taler" /></picture>
7434	
7435	
7436	
7437	</div>
7438
7439							
7440
7441						
7442						
7443						
7444
7445						
7446
7447						
7448
7449						
7450
7451
7452					
7453					</div>
7454					
7455				
7456					
7457
7458
7459
7460
7461
7462					
7463
7464					<div class="metateaser-content">
7465
7466						<div class="metateaser-content-text">
7467							
7468							
7469								
7470								
7471								
7472
7473								<div class="teaser-subheadline">Nach Lust &amp; Laune ...</div>
7474							
7475
7476							
7477							
7478
7479							
7480
7481							
7482							
7483
7484							
7485							
7486							
7487							
7488							
7489							
7490							
7491
7492							<div class="default_font teaser-name clamp clamp2" >50 Wurzeltaler</div>
7493
7494
7495							
7496
7497
7498							
7499
7500							
7501							
7502							
7503
7504							
7505							
7506							
7507							
7508							
7509							<div class="teaser-intro clamp clamp4">Fünfzig Wurzeltaler - ein ganzer Tag voller Wurzelrudi Erlebnisse.</div>
7510							
7511							
7512							
7513						</div>
7514
7515						
7516
7517						
7518
7519						
7520						
7521						
7522						
7523						
7524						
7525						
7526						
7527							<div class="price">
7528								
7529								<div class="price-amount">ab 22,50&nbsp;&euro;</div>
7530							</div>
7531						
7532						
7533						
7534
7535							
7536							
7537							<div class="metateaser-buttons button_count1">
7538								
7539									<div class="metateaser-button default" >Details</div>
7540								
7541								
7542							</div>
7543						
7544						
7545						
7546
7547						
7548						
7549
7550					</div>
7551					
7552
7553					
7554
7555				</div>
7556			
7557				
7558
7559				
7560
7561				
7562				
7563				
7564				
7565				
7566				
7567				
7568				
7569				
7570				
7571				
7572			
7573				
7574				
7575				
7576
7577				
7578				
7579				
7580				
7581				
7582				
7583				
7584				
7585				
7586				
7587
7588				
7589				
7590
7591				
7592
7593				
7594				
7595				
7596				
7597				
7598				
7599
7600				
7601				
7602
7603				
7604
7605				
7606
7607
7608				
7609				
7610				
7611				
7612
7613				
7614
7615				
7616				
7617				
7618
7619				
7620				
7621
7622
7623				
7624
7625				
7626				
7627
7628
7629				
7630				
7631				
7632				
7633			
7634				
7635				
7636				
7637
7638
7639				
7640
7641				
7642
7643
7644
7645
7646				
7647
7648
7649
7650			
7651						
7652					
7653					
7654
7655						
7656					
7657					
7658				
7659				
7660				
7661				
7662				
7663				
7664				
7665
7666				
7667
7668
7669				
7670
7671				
7672				<div class="element  slider-element clickable "  data-sheet='item-112945' data-id='item-112945'>
7673					
7674
7675
7676
7677
7678
7679					
7680					<div class="bild">
7681					
7682
7683						
7684
7685						
7686
7687
7688							
7689							   	
7690									
7691								
7692							
7693
7694							
7695
7696							<div class="meta-teaser-images" >
7697	
7698	
7699
7700	
7701
7702		
7703		
7704
7705		
7706
7707		
7708
7709		
7710
7711		
7712
7713		
7714		
7715
7716		
7717
7718		
7719		
7720		
7721		
7722		
7723	
7724		
7725		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1756266/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756266/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1756266/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756266/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1756266/400.jpg" width="400" height="300" loading='lazy' alt="100 Taler" /></picture>
7726	
7727	
7728	
7729	</div>
7730
7731							
7732
7733						
7734						
7735						
7736
7737						
7738
7739						
7740
7741						
7742
7743
7744					
7745					</div>
7746					
7747				
7748					
7749
7750
7751
7752
7753
7754					
7755
7756					<div class="metateaser-content">
7757
7758						<div class="metateaser-content-text">
7759							
7760							
7761								
7762								
7763								
7764
7765								<div class="teaser-subheadline">Für Sparfüchse ...</div>
7766							
7767
7768							
7769							
7770
7771							
7772
7773							
7774							
7775
7776							
7777							
7778							
7779							
7780							
7781							
7782							
7783
7784							<div class="default_font teaser-name clamp clamp2" >100 Wurzeltaler</div>
7785
7786
7787							
7788
7789
7790							
7791
7792							
7793							
7794							
7795
7796							
7797							
7798							
7799							
7800							
7801							<div class="teaser-intro clamp clamp4">Einhundert Wurzeltaler - für Wiederholungstäter und zum Teilen.</div>
7802							
7803							
7804							
7805						</div>
7806
7807						
7808
7809						
7810
7811						
7812						
7813						
7814						
7815						
7816						
7817						
7818						
7819							<div class="price">
7820								
7821								<div class="price-amount">ab 40,00&nbsp;&euro;</div>
7822							</div>
7823						
7824						
7825						
7826
7827							
7828							
7829							<div class="metateaser-buttons button_count1">
7830								
7831									<div class="metateaser-button default" >Details</div>
7832								
7833								
7834							</div>
7835						
7836						
7837						
7838
7839						
7840						
7841
7842					</div>
7843					
7844
7845					
7846
7847				</div>
7848			
7849				
7850
7851				
7852
7853				
7854				
7855				
7856				
7857				
7858				
7859				
7860				
7861				
7862				
7863				
7864			
7865				
7866				
7867				
7868
7869				
7870				
7871				
7872				
7873				
7874				
7875				
7876				
7877				
7878				
7879
7880				
7881				
7882
7883				
7884
7885				
7886				
7887				
7888				
7889				
7890				
7891
7892				
7893				
7894
7895				
7896
7897				
7898
7899
7900				
7901				
7902				
7903				
7904
7905				
7906
7907				
7908				
7909				
7910
7911				
7912				
7913
7914
7915				
7916
7917				
7918				
7919
7920
7921				
7922				
7923				
7924				
7925			
7926				
7927				
7928				
7929
7930
7931				
7932
7933				
7934
7935
7936
7937
7938				
7939
7940
7941
7942			
7943						
7944					
7945					
7946
7947						
7948					
7949					
7950				
7951				
7952				
7953				
7954				
7955				
7956				
7957
7958				
7959
7960
7961				
7962
7963				
7964				<div class="element  slider-element clickable "  data-sheet='item-112948' data-id='item-112948'>
7965					
7966
7967
7968
7969
7970
7971					
7972					<div class="bild">
7973					
7974
7975						
7976
7977						
7978
7979
7980							
7981							   	
7982									
7983								
7984							
7985
7986							
7987
7988							<div class="meta-teaser-images" >
7989	
7990	
7991
7992	
7993
7994		
7995		
7996
7997		
7998
7999		
8000
8001		
8002
8003		
8004
8005		
8006		
8007
8008		
8009
8010		
8011		
8012		
8013		
8014		
8015	
8016		
8017		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1756269/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756269/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1756269/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756269/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1756269/400.jpg" width="400" height="300" loading='lazy' alt="Basic" /></picture>
8018	
8019	
8020	
8021	</div>
8022
8023							
8024
8025						
8026						
8027						
8028
8029						
8030
8031						
8032
8033						
8034
8035
8036					
8037					</div>
8038					
8039				
8040					
8041
8042
8043
8044
8045
8046					
8047
8048					<div class="metateaser-content">
8049
8050						<div class="metateaser-content-text">
8051							
8052							
8053								
8054								
8055								
8056
8057								<div class="teaser-subheadline">Geht immer!</div>
8058							
8059
8060							
8061							
8062
8063							
8064
8065							
8066							
8067
8068							
8069							
8070							
8071							
8072							
8073							
8074							
8075
8076							<div class="default_font teaser-name clamp clamp2" >Paket BASIC</div>
8077
8078
8079							
8080
8081
8082							
8083
8084							
8085							
8086							
8087
8088							
8089							
8090							
8091							
8092							
8093							<div class="teaser-intro clamp clamp4"> • 2x Allwetterbobbahn • 1x Irrgarten • 1x Reifenrutsche</div>
8094							
8095							
8096							
8097						</div>
8098
8099						
8100
8101						
8102
8103						
8104						
8105						
8106						
8107						
8108						
8109						
8110						
8111							<div class="price">
8112								
8113								<div class="price-amount">ab 9,50&nbsp;&euro;</div>
8114							</div>
8115						
8116						
8117						
8118
8119							
8120							
8121							<div class="metateaser-buttons button_count1">
8122								
8123									<div class="metateaser-button default" >Details</div>
8124								
8125								
8126							</div>
8127						
8128						
8129						
8130
8131						
8132						
8133
8134					</div>
8135					
8136
8137					
8138
8139				</div>
8140			
8141				
8142
8143				
8144
8145				
8146				
8147				
8148				
8149				
8150				
8151				
8152				
8153				
8154				
8155				
8156			
8157				
8158				
8159				
8160
8161				
8162				
8163				
8164				
8165				
8166				
8167				
8168				
8169				
8170				
8171
8172				
8173				
8174
8175				
8176
8177				
8178				
8179				
8180				
8181				
8182				
8183
8184				
8185				
8186
8187				
8188
8189				
8190
8191
8192				
8193				
8194				
8195				
8196
8197				
8198
8199				
8200				
8201				
8202
8203				
8204				
8205
8206
8207				
8208
8209				
8210				
8211
8212
8213				
8214				
8215				
8216				
8217			
8218				
8219				
8220				
8221
8222
8223				
8224
8225				
8226
8227
8228
8229
8230				
8231
8232
8233
8234			
8235						
8236					
8237					
8238
8239						
8240					
8241					
8242				
8243				
8244				
8245				
8246				
8247				
8248				
8249
8250				
8251
8252
8253				
8254
8255				
8256				<div class="element  slider-element clickable "  data-sheet='item-112947' data-id='item-112947'>
8257					
8258
8259
8260
8261
8262
8263					
8264					<div class="bild">
8265					
8266
8267						
8268
8269						
8270
8271
8272							
8273							   	
8274									
8275								
8276							
8277
8278							
8279
8280							<div class="meta-teaser-images" >
8281	
8282	
8283
8284	
8285
8286		
8287		
8288
8289		
8290
8291		
8292
8293		
8294
8295		
8296
8297		
8298		
8299
8300		
8301
8302		
8303		
8304		
8305		
8306		
8307	
8308		
8309		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1756270/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756270/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1756270/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756270/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1756270/400.jpg" width="400" height="300" loading='lazy' alt="Basic+" /></picture>
8310	
8311	
8312	
8313	</div>
8314
8315							
8316
8317						
8318						
8319						
8320
8321						
8322
8323						
8324
8325						
8326
8327
8328					
8329					</div>
8330					
8331				
8332					
8333
8334
8335
8336
8337
8338					
8339
8340					<div class="metateaser-content">
8341
8342						<div class="metateaser-content-text">
8343							
8344							
8345								
8346								
8347								
8348
8349								<div class="teaser-subheadline">inkl. Sesselbahn und Flitzer</div>
8350							
8351
8352							
8353							
8354
8355							
8356
8357							
8358							
8359
8360							
8361							
8362							
8363							
8364							
8365							
8366							
8367
8368							<div class="default_font teaser-name clamp clamp2" >Pakete Basic PLUS</div>
8369
8370
8371							
8372
8373
8374							
8375
8376							
8377							
8378							
8379
8380							
8381							
8382							
8383							
8384							
8385							<div class="teaser-intro clamp clamp4">• 2x Allwetterbobbahn • 1x Irrgarten • 1x Reifenrutsche • 1x Bergfahrt Sesselbahn • 1x Talfahrt Sesselbahn oder Freche Flitzer</div>
8386							
8387							
8388							
8389						</div>
8390
8391						
8392
8393						
8394
8395						
8396						
8397						
8398						
8399						
8400						
8401						
8402						
8403							<div class="price">
8404								
8405								<div class="price-amount">ab 17,50&nbsp;&euro;</div>
8406							</div>
8407						
8408						
8409						
8410
8411							
8412							
8413							<div class="metateaser-buttons button_count1">
8414								
8415									<div class="metateaser-button default" >Details</div>
8416								
8417								
8418							</div>
8419						
8420						
8421						
8422
8423						
8424						
8425
8426					</div>
8427					
8428
8429					
8430
8431				</div>
8432			
8433				
8434
8435				
8436
8437				
8438				
8439				
8440				
8441				
8442				
8443				
8444				
8445				
8446				
8447				
8448			
8449				
8450				
8451				
8452
8453				
8454				
8455				
8456				
8457				
8458				
8459				
8460				
8461				
8462				
8463
8464				
8465				
8466
8467				
8468
8469				
8470				
8471				
8472				
8473				
8474				
8475
8476				
8477				
8478
8479				
8480
8481				
8482
8483
8484				
8485				
8486				
8487				
8488
8489				
8490
8491				
8492				
8493				
8494
8495				
8496				
8497
8498
8499				
8500
8501				
8502				
8503
8504
8505				
8506				
8507				
8508				
8509			
8510				
8511				
8512				
8513
8514
8515				
8516
8517				
8518
8519
8520
8521
8522				
8523
8524
8525
8526			
8527						
8528					
8529					
8530
8531						
8532					
8533					
8534				
8535				
8536				
8537				
8538				
8539				
8540				
8541
8542				
8543
8544
8545				
8546
8547				
8548				<div class="element  slider-element clickable "  data-sheet='item-112946' data-id='item-112946'>
8549					
8550
8551
8552
8553
8554
8555					
8556					<div class="bild">
8557					
8558
8559						
8560
8561						
8562
8563
8564							
8565							   	
8566									
8567								
8568							
8569
8570							
8571
8572							<div class="meta-teaser-images" >
8573	
8574	
8575
8576	
8577
8578		
8579		
8580
8581		
8582
8583		
8584
8585		
8586
8587		
8588
8589		
8590		
8591
8592		
8593
8594		
8595		
8596		
8597		
8598		
8599	
8600		
8601		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1756271/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756271/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1756271/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1756271/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1756271/400.jpg" width="400" height="300" loading='lazy' alt="Premium" /></picture>
8602	
8603	
8604	
8605	</div>
8606
8607							
8608
8609						
8610						
8611						
8612
8613						
8614
8615						
8616
8617						
8618
8619
8620					
8621					</div>
8622					
8623				
8624					
8625
8626
8627
8628
8629
8630					
8631
8632					<div class="metateaser-content">
8633
8634						<div class="metateaser-content-text">
8635							
8636							
8637								
8638								
8639								
8640
8641								<div class="teaser-subheadline">Ein ganzer Tag Wurzelrudi</div>
8642							
8643
8644							
8645							
8646
8647							
8648
8649							
8650							
8651
8652							
8653							
8654							
8655							
8656							
8657							
8658							
8659
8660							<div class="default_font teaser-name clamp clamp2" >Pakete PREMIUM</div>
8661
8662
8663							
8664
8665
8666							
8667
8668							
8669							
8670							
8671
8672							
8673							
8674							
8675							
8676							
8677							<div class="teaser-intro clamp clamp4">• 2x Allwetterbobbahn • 1x Irrgarten • 1x Reifenrutsche • 1x Bergfahrt Sesselbahn • 1x Talfahrt Sesselbahn oder Freche Flitzer • 1x Eintritt Wurzelrudis Seedorf</div>
8678							
8679							
8680							
8681						</div>
8682
8683						
8684
8685						
8686
8687						
8688						
8689						
8690						
8691						
8692						
8693						
8694						
8695							<div class="price">
8696								
8697								<div class="price-amount">ab 22,50&nbsp;&euro;</div>
8698							</div>
8699						
8700						
8701						
8702
8703							
8704							
8705							<div class="metateaser-buttons button_count1">
8706								
8707									<div class="metateaser-button default" >Details</div>
8708								
8709								
8710							</div>
8711						
8712						
8713						
8714
8715						
8716						
8717
8718					</div>
8719					
8720
8721					
8722
8723				</div>
8724			
8725				
8726
8727				
8728
8729				
8730				
8731				
8732				
8733				
8734				
8735				
8736				
8737				
8738
8739			
8740
8741		</div>
8742
8743		
8744
8745		<div class="slider-arrows">
8746			<div class="arrow arrow-left"><i class="i
8746con-arrow-left"></i></div>
8747			<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
8748		</div>
8749		
8750	</div>
8751
8752	<div style="display: none;"></div>
8753
8754
8755	
8756
8757</div>
8758
8759
8760
8761
8762					
8763
8764
8765
8766<script>
8767	"use strict";
8768		
8769	TraminoReady(function() {
8770
8771		if ( typeof window.sliderArrowVisible == "function" ) {
8772			window.sliderArrowVisible();
8773		}
8774
8775	});
8776</script>
8776
8777
8778
8779
8780
8781
8782
8783
8784
8785
8786
8787
8788
8789
8790
8791
8792
8793
8794
8795
8796<!-- /MetaTeaser -->
8797
8798
8799
8800
8801
8802
8803
8804			</div>
8805
8806			
8807
8808			
8809
8810
8811		</div>
8812
8813	
8814	</div><!-- wrap_inner end -->
8815	</div>
8816	</div>
8817	
8818
8819	
8820	
8821	<style>
8822		
8823		
8824		
8825	</style>
8826
8827
8828
8829
8830
8831
8832
8833<style>
8834
8835	/*	Loading Spinner */
8836	.grid-stack-item.progress {
8837		pointer-events: none;
8838		position: relative
8839	}
8840
8841	.grid-stack-item.progress:before {
8842		z-index: 100000;
8843		position: absolute;
8844		top: 0px; right: 0px; bottom: 0px; left: 0px;
8845		background-color: #f7f7f7dd;
8846		content: "";
8847		backdrop-filter: blur(5px);
8848		-webkit-backdrop-filter: blur(5px);
8849	}	
8850	
8851	@keyframes pos-spinner {
8852	  to {transform: rotate(360deg);}
8853	}
8854	
8855	.grid-stack-item:after { display: none; }
8856
8857	.grid-stack-item.progress:after {
8858	  display: block;
8859	  content: '';
8860	  box-sizing: border-box;
8861	  position: absolute;
8862	  z-index: 10000000;
8863	  top: min( 250px, 50% );
8864	  left: 50%;
8865	  width: 30px;
8866	  height: 30px;
8867	  margin-top: -15px;
8868	  margin-left: -15px;
8869	  border-radius: 50%;
8870	  border: 1px solid #ccc;
8871	  border-top-color: var(--bgcolor-button,#07d);
8872	  animation: pos-spinner .6s linear infinite;
8873	}
8874
8875
8876	.wrap_inner {overflow: hidden;}
8877
8878	.wrap_head {
8879		display: flex;
8880		flex-wrap: wrap;
8881		align-items: flex-start;
8882		position: relative;
8883		margin-bottom: 0.7em;
8884	}
8885
8886
8887
8888	.meta-wrap-wide .wrap_inner { overflow: visible; }
8889	.meta-wrap-wide .meta-wrap-content { margin: 0 calc( var(--margin-offset) * -1 ); }
8890	.meta-wrap-wide .T5277.display_desktop_slider .bumper { scroll-snap-align: start; width: var(--margin-offset,0);flex-grow: 0;flex-shrink: 0;display: block; }
8891
8892	.meta-wrap-narrow { max-width: 850px; margin-left: auto; margin-right: auto; }
8893	.meta-wrap-narrow .max-width, .meta-wrap-narrow .maxwidth { width: auto; }
8894
8895	.grid-stack-item-content.meta-wrap-slim { max-width: 520px; margin-left: auto; margin-right: auto; }
8896	.grid-stack-item-content.meta-wrap-slim .maxwidth { max-width: 520px; margin-left: auto; margin-right: auto; }
8897
8898	
8899	.wrap_head .wrap_subheadline {
8900		width: 90%;
8901		margin-bottom: 0.5em;
8902	}
8903
8904
8905	.wrap_head .wrap_subheadline.default {
8906		font-size: 0.8em;
8907		line-height: 1.10;
8908		font-weight: bold;
8909		width: 90%;
8910		opacity: 0.5;
8911	}
8912
8913	.wrap_head .wrap_headline {
8914		font-size: 1.4em;
8915		line-height: 1.10;
8916		margin-top: 0;
8917		margin-bottom: 0.25em;
8918		width: 90%;
8919	}
8920
8921	#TraminoInhalt .wrap_head .wrap_headline:not(.specialfont).normalfont {
8922		font-size: 1.8em;
8923	}
8924
8925	.wrap_head .wrap_intro {
8926		line-height: 1.3;
8927		margin: 0.2em 0 0.5em 0;
8928		width: 100%;
8929		text-wrap: balance;
8930		max-width: 1000px;
8931	}
8932
8933	.wrap_head .wrap_intro b { font-weight: bold; }
8934	
8935	
8936	.wrap_head .wrap-button.default {
8937		background: var(--bgcolor-button);
8938		color: #fff;
8939		font-size: 0.9em;
8940		white-space: nowrap;
8941		padding: 0.2em 1em;
8942		border-radius: 0.4em;
8943		cursor: pointer;
8944		text-decoration: none;
8945	}
8946
8947
8948	/* Order */ 
8949	.wrap_head .wrap_headline { order: 1; flex-shrink: 1; flow-grow: 0; }
8950	.wrap_head .button_wrapper { order: 2; flex-shrink: 0; flow-grow: 0; display: flex; justify-content: flex-end; }
8951	.wrap_head .meta-wrap-icon{ order: 2; flex-shrink: 0; flow-grow: 0; }
8952	.wrap_head .wrap_intro { order: 4; flex-shrink: 0; flow-grow: 0; }
8953
8954	/* Swap Icon */
8955	.meta-wrap-swap-icon .wrap_head { align-items: center; }
8956	.meta-wrap-swap-icon .meta-wrap-icon { order: 1; margin-right: 0.5em; }
8957	.meta-wrap-swap-icon .wrap_headline { order: 2; }
8958
8959
8960	.wrap_head.with_button {
8961
8962		justify-content: space-between;
8963
8964		.wrap_head { justify-content: space-between; }
8965
8966		.meta-wrap-icon { order: 1;  }
8967		.wrap_headline { order: 2; width: calc(65% - 2em); margin-right: 2em; }
8968		.button_wrapper { order: 3;  }
8969	}
8970
8971	.wrap_head.with_icon.with_button {
8972
8973		justify-content: flex-start;
8974
8975		.meta-wrap-icon{ order: 1; }
8976		.wrap_headline { order: 2; width: calc(70% - 2em - 2em); margin-right: 2em; }
8977		.button_wrapper { order: 3; }
8978	}
8979
8980
8981	@media (max-width: 768px) {
8982	  
8983	    .wrap_head.mobile_wrap  .wrap_headline {
8984	        order: 3;
8985	        margin-top: 0;
8986	        width: auto;
8987	    }
8988
8989	    .wrap_head.mobile_wrap.with_icon .wrap_headline { width: auto; }
8990
8991	    .wrap_head.mobile_wrap .meta-wrap-icon{
8992	        order: 1;
8993	    }
8994	    .wrap_head.mobile_wrap .button_wrapper {
8995	        width: auto;
8996	        order: 3;
8997	        margin-top: 0rem;
8998	        margin-bottom: 0.2rem;
8999	    }
9000
9001	    /* Swap Icon */
9002		.meta-wrap-swap-icon .meta-wrap-icon{ order: 1; margin-right: 0.5em; }
9003		.meta-wrap-swap-icon .wrap_headline { order: 2; }
9004	}
9005
9006	.wrap_head .meta-wrap-icon { aspect-ratio: 1 / 1; }
9007	.wrap_head .meta-wrap-icon  img { display: block; width: 2em; height: auto; aspect-ratio: 1 / 1 !important; }
9008
9009	/* Icon als Badge im Bild oben rechts */
9010
9011	.wrap_wrapper.meta-wrap-icon-badge .wrap_inner { position: relative; }
9012	.wrap_wrapper.meta-wrap-icon-badge .wrap_head { position: unset; }
9013	.wrap_wrapper.meta-wrap-icon-badge .wrap_head .meta-wrap-icon img { width: 100% !important; }
9014	.wrap_wrapper.meta-wrap-icon-badge .wrap_head .meta-wrap-icon {
9015		position: absolute;
9016		right: 0; 
9017		top: 0;
9018		width: 20%;
9019		height: auto;
9020		aspect-ratio: 1 / 1;
9021		max-width: 10em;
9022		margin: 2.5%;
9023		background-color: #fff;
9024		padding: 2.5%; 
9025		box-shadow: 0.3em 0.3em 0.3em #0003;
9026		border-radius: 0.4em;
9027	}
9028	.narrow	.wrap_wrapper.meta-wrap-icon-badge .wrap_head .meta-wrap-icon { right: 1em; }
9029
9030
9031
9032
9033
9034
9035	.wrap_motiv { margin-bottom: 0.9em; position: relative; }
9036	.wrap_motiv picture { width: 100%; height: auto; }
9037	.wrap_motiv picture img { 
9038		width: 100%; 
9039		height: auto;
9040		aspect-ratio: 2 / 1;
9041		object-fit: cover;
9042		border-radius: 0.7rem;
9043	}
9044
9045	.wrap_motiv .wrap_logo { position: absolute; right: 1em; bottom: 1em; width: 30%; }
9046	.wrap_motiv .wrap_logo picture img { width: 100%; height: auto; aspect-ratio: 4 / 3 }
9047
9048
9049
9050
9051	.wrap-footer {}
9052
9053	.wrap-footer-text {
9054		opacity: 0.8;
9055		font-size: 0.80em;
9056		line-height: 1.25;
9057		margin-top: 0.7em;
9058		width: 100%;
9059		max-width: 1000px;
9060	}
9061
9062
9063	.wrap-footer-buttons {
9064		display: flex;
9065		align-items: flex-end;	
9066		justify-content: flex-end;
9067		padding-top: 0.2em;
9068		margin-top: 0.5em;
9069		border-top: 1px solid #BBB;
9070		gap: 0.5em;
9071		flex-wrap: wrap;
9072	}
9073	.meta-wrap-footer-buttons-no-border .wrap-footer-buttons { border-top-width: 0; }
9074	.meta-wrap-footer-buttons-jc-start .wrap-footer-buttons { justify-content: flex-start; }
9075	.meta-wrap-footer-buttons-jc-center .wrap-footer-buttons { justify-content: center; }
9076
9077	.wrap-footer-buttons.no-icons { gap: 0.7em; }
9078
9079	.wrap-footer-buttons .wrap-footer-button {
9080		color: #333;
9081		font-size: 0.8em;
9082		white-space: nowrap;
9083		cursor: pointer;
9084		text-decoration: none;
9085
9086	}
9087
9088
9089	.wrap-footer-buttons .wrap-footer-button.with_icon {
9090		display: flex;
9091		align-items: center;
9092	}
9093
9094	.wrap-footer-buttons .wrap-footer-button.with_icon .footer-button-icon {
9095		width: 1.1em;
9096		flex-grow: 0;
9097		flex-shrink: 0;
9098		margin-right: 0.4em;
9099
9100		display: flex;
9101        align-items: center;
9102        justify-content: center;
9103
9104	}
9105
9106	.wrap-footer-buttons .wrap-footer-button.with_icon .footer-button-icon img { width: 100%; height: auto; }
9107
9108	.grid-stack-item.width2 .wrap-footer-buttons {
9109		flex-direction: row;
9110		flex-wrap: wrap;
9111	}
9112
9113	body.wide .wrap-footer-buttons.no-icons { gap: 1em; }
9114	body.extrawide .wrap-footer-buttons.no-icons { gap: 1em; }
9115
9116	/* Darstellungsoptionen */
9117
9118	/* Reset */
9119	html body .grid-stack-item-content:has(.wrap_wrapper) {
9120		border-radius: 0 !important;
9121		overflow: visible !important;
9122	}
9123
9124	.meta-wrap-background, .meta-wrap-background {
9125		padding: 0.6em 1em 1em 1em !important;
9126	}
9127
9128	/* Schatten */
9129	.meta-wrap-shadow {
9130	  box-shadow: 0.1875em 0.1875em 0.625em rgba(0,0,0,0.2);
9131	}
9132
9133
9134	/* Rundung */
9135	.meta-wrap-border-radius {
9136	  border-radius: 0.5em;
9137	}
9138
9139
9140	/* Schatten */
9141	body.narrow .meta-wrap-border-mobile-margin {
9142	  margin-left: 1em; 
9143	  margin-right: 1em;
9144	}
9145
9146
9147	/* Verlinkungen unter Widget als Button */
9148	.meta-wrap-footer-button .wrap-footer-button {
9149		background-color: var(--bgcolor-button);
9150		color: #FFF;
9151		padding: 0.2em 1em;
9152		border-radius: 0.4em;
9153		cursor: pointer;
9154		text-decoration: none;
9155		font-size: 0.9em;
9156	}
9157
9158
9159/* Motiv als Hintergrund */
9160
9161/* Wrap bleibt im bestehenden Oberstdorf-Container */
9162.wrap_wrapper.meta-wrap-motiv-background {
9163    position: relative;
9164    overflow: visible;
9165    isolation: isolate;
9166}
9167
9168/* Motiv aus dem begrenzten Container herausziehen */
9169.wrap_wrapper.meta-wrap-motiv-background .wrap_motiv {
9170    position: absolute;
9171    top: 0;
9172    bottom: 0;
9173    left: 50%;
9174    transform: translateX(-50%);
9175    width: 100vw;
9176    height: 100%;
9177    margin: 0;
9178    z-index: -1;
9179    pointer-events: none;
9180    overflow: hidden;
9181}
9182
9183/* Picture über die gesamte Hintergrundfläche */
9184.wrap_wrapper.meta-wrap-motiv-background .wrap_motiv picture {
9185    display: block;
9186    width: 100%;
9187    height: 100%;
9188}
9189
9190/* Motiv hell und dezent darstellen */
9191.wrap_wrapper.meta-wrap-motiv-background .wrap_motiv img {
9192    display: block;
9193    width: 100%;
9194    height: 100%;
9195    max-width: none;
9196    aspect-ratio: auto;
9197    object-fit: cover;
9198    object-position: center;
9199    border-radius: 0;
9200    opacity: 0.12;
9201    filter:
9202        brightness(1.3)
9203        saturate(0.6);
9204}
9205
9206/* Inhalt bleibt über dem Hintergrund */
9207.wrap_wrapper.meta-wrap-motiv-background .wrap_inner {
9208    position: relative;
9209    z-index: 1;
9210}
9211
9212/* =========================================================
9213   META WRAP – MOTIV FADEOUT
9214
9215   Benötigte Darstellungsoptionen:
9216   1. meta-wrap-motiv-background
9217   2. meta-wrap-motiv-fadeout
9218   ========================================================= */
9219
9220.wrap_wrapper.meta-wrap-motiv-background.meta-wrap-motiv-fadeout
9221.wrap_motiv {
9222    -webkit-mask-image: linear-gradient(
9223        to bottom,
9224        transparent 0%,
9225        black 22%,
9226        black 78%,
9227        transparent 100%
9228    );
9229
9230    mask-image: linear-gradient(
9231        to bottom,
9232        transparent 0%,
9233        black 22%,
9234        black 78%,
9235        transparent 100%
9236    );
9237}
9238
9239
9240
9241	/* Linien oben/unten */
9242	.meta-wrap-border-top .maxwidth { border-top: 2px solid #000; padding-top: 1em; }
9243	.meta-wrap-border-bottom .maxwidth { border-bottom: 2px solid #000; padding-bottom: 1em; }
9244
9245	/* Head und Contnet desktop nebeneinander */
9246	@container metateaser-content (min-width: 567px) {}
9247	@container metateaser-content (min-width: 768px) {
9248		.wrap_wrapper.meta-wrap-desktop-flex .maxwidth,
9249                .wrap_wrapper.meta-wrap-desktop-flex .maxwidth-wide {
9250                        --meta-wrap-gap: 5rem;
9251
9252                        display: grid;
9253                        grid-template-columns: 3fr 7fr;
9254                        gap: var(--meta-wrap-gap);
9255                        align-items: start;
9256                }
9257
9258		.wrap_wrapper.meta-wrap-desktop-flex .maxwidth > .wrap-footer {
9259			grid-column: 1 / -1;
9260		}
9261	}
9262	@container metateaser-content (min-width: 1024px) {}
9263	@container metateaser-content (min-width: 1280px) {}
9264	
9265	
9266	/* Buttons mit in Head */
9267       .wrap_wrapper.meta-wrap-buttons-in-head .maxwidth .wrap_head .wrap-footer,
9268        .wrap_wrapper.meta-wrap-buttons-in-head .maxwidth-wide .wrap_head .wrap-footer {
9269                order: 5;
9270                width: 100%;
9271        }
9272	.wrap_wrapper.meta-wrap-buttons-in-head .maxwidth .wrap_head .wrap-footer .wrap-footer-buttons,
9273        .wrap_wrapper.meta-wrap-buttons-in-head .maxwidth-wide .wrap_head .wrap-footer .wrap-footer-buttons{
9274                border-top-width: 0;
9275        }
9276</style>
9277
9278
9279<div id="quickpreview" class="T0000" data-gs-id="">
9280	<div class="outer">
9281		<div class="quickpreview_inner"></div>
9282	</div>
9283</div>
9284<div id="quickpreview_background"></div>
9285
9286
9287<script type="text/javascript">
9288
9289	
9290
9291	window.checkArrows = function() {
9292
9293		// console.log("checkArrows");
9294
9295		const sliderContainers = document.querySelectorAll(".slider-outer");
9296
9297		sliderContainers.forEach((container) => {
9298			const slider = container.querySelector(".slider-elements");
9299			const arrowLeft = container.querySelector(".arrow-left");
9300			const arrowRight = container.querySelector(".arrow-right");
9301			const slides = slider.querySelectorAll(".slider-element");
9302
9303			if ( slides[0] === undefined ) {
9304				return;
9305			}
9306
9307			if ( arrowLeft === null  ) { return; }
9308			if ( arrowRight === null  ) { return; }
9309
9310			const firstSlide = slides[0];
9311			const lastSlide = slides[slides.length - 1];
9312			const slideWidth = slides[0].offsetWidth + 10; // Slide-Breite inklusive Margin
9313
9314			const observerOptions = { root: slider, threshold: 1.0 };
9315
9316			// Observer für das erste Slide
9317			const firstSlideObserver = new IntersectionObserver((entries) => {
9318				entries.forEach((entry) => {
9319					if (entry.isIntersecting) {
9320						arrowLeft.classList.add("hide"); // Versteckt die linke Pfeil-Schaltfläche
9321					} else {
9322						arrowLeft.classList.remove("hide"); // Zeigt die linke Pfeil-Schaltfläche wieder an
9323					}
9324				});
9325			}, observerOptions);
9326
9327			// Observer für das letzte Slide
9328			const lastSlideObserver = new IntersectionObserver((entries) => {
9329				entries.forEach((entry) => {
9330					if (entry.isIntersecting) {
9331						arrowRight.classList.add("hide"); // Versteckt die rechte Pfeil-Schaltfläche
9332					} else {
9333						arrowRight.classList.remove("hide"); // Zeigt die rechte Pfeil-Schaltfläche wieder an
9334					}
9335				});
9336			}, observerOptions);
9337
9338			// Startet das Beobachten der ersten und letzten Slide-Elemente
9339			firstSlideObserver.observe(firstSlide);
9340			lastSlideObserver.observe(lastSlide);
9341
9342			// Entferne vorhandene Eventlistener, falls vorhanden
9343		    if (arrowLeft.handleLeftClick) {
9344		      arrowLeft.removeEventListener("click", arrowLeft.handleLeftClick);
9345		    }
9346		    if (arrowRight.handleRightClick) {
9347		      arrowRight.removeEventListener("click", arrowRight.handleRightClick);
9348		    }
9349
9350		    // Definiere und füge neue Eventlistener hinzu
9351		    arrowLeft.handleLeftClick = function() {
9352		      slider.scrollBy({ left: -slideWidth, behavior: "smooth" });
9353		    };
9354		    arrowRight.handleRightClick = function() {
9355		      slider.scrollBy({ left: slideWidth, behavior: "smooth" });
9356		    };
9357
9358		    arrowLeft.addEventListener("click", arrowLeft.handleLeftClick);
9359		    arrowRight.addEventListener("click", arrowRight.handleRightClick);
9360		});
9361	}
9362
9363	checkArrows();
9364
9365</script>
9365
9366					
9367				</section>
9368			
9369				<section class="TraminoVorlage T5561  with_meta_teaser TraminoVorlage_7" id="TraminoAnhang561995"  style=" margin-top: 0vw !important; "   >
9370					<div class="grid-stack-item" data-gs-id="561995">
9371	<div class="wrap_wrapper grid-stack-item-content ">
9372	<div class="wrap_inner">
9373	
9374		
9375		
9376		
9377		
9378
9379		
9380		
9381		
9382		<div class="maxwidth">
9383			
9384
9385			
9386			
9387			
9388			
9389
9390			
9391			
9392			<div class="wrap_head ">
9393
9394				
9395					
9396					
9397					
9398					
9399
9400					
9401						
9402						
9403						
9404					
9405
9406					
9407
9408					<div class="wrap_headline specialfont fontsize_medium color" style="color:#f4861c">
9409						>> Einzelticket</div>
9410					
9411					
9412					
9413
9414										
9415						
9416						
9417					
9418
9419					
9420
9421
9422				
9423				
9424				
9425
9426
9427			</div>
9428			
9429			<div class="meta-wrap-content">
9430				
9431
9432
9433
9434
9435
9436
9437
9438
9439	
9440	
9441	
9442		
9443				
9444	
9445
9446	
9447
9448	
9449
9450	
9451	
9452	
9453	
9454	
9455	
9456	
9457	
9458	
9459	
9460
9461	
9462	
9463		
9464			
9465		
9466			
9467	
9468
9469
9470
9471	
9472	
9473	
9474	
9475	
9476	
9477	
9478
9479
9480
9481	
9482	
9483	
9484		
9485				
9486	
9487
9488	
9489
9490	
9491
9492	
9493	
9494	
9495	
9496	
9497	
9498	
9499	
9500	
9501	
9502
9503	
9504	
9505		
9506			
9507		
9508			
9509	
9510
9511
9512
9513	
9514	
9515	
9516	
9517	
9518	
9519	
9520
9521
9522
9523	
9524	
9525	
9526		
9527				
9528	
9529
9530	
9531
9532	
9533
9534	
9535	
9536	
9537	
9538	
9539	
9540	
9541	
9542	
9543	
9544
9545	
9546	
9547		
9548			
9549		
9550			
9551	
9552
9553
9554
9555	
9556	
9557	
9558	
9559	
9560	
9561	
9562
9563
9564
9565	
9566	
9567	
9568		
9569				
9570	
9571
9572	
9573
9574	
9575
9576	
9577	
9578	
9579	
9580	
9581	
9582	
9583	
9584	
9585	
9586
9587	
9588	
9589		
9590			
9591		
9592			
9593	
9594
9595
9596
9597	
9598	
9599	
9600	
9601	
9602	
9603	
9604
9605
9606
9607	
9608	
9609	
9610		
9611				
9612	
9613
9614	
9615
9616	
9617
9618	
9619	
9620	
9621	
9622	
9623	
9624	
9625	
9626	
9627	
9628
9629	
9630	
9631		
9632			
9633		
9634			
9635	
9636
9637
9638
9639	
9640	
9641	
9642	
9643	
9644	
9645	
9646
9647
9648
9649	
9650	
9651	
9652		
9653				
9654	
9655
9656	
9657
9658	
9659
9660	
9661	
9662	
9663	
9664	
9665	
9666	
9667	
9668	
9669	
9670
9671	
9672	
9673		
9674			
9675		
9676			
9677	
9678
9679
9680
9681	
9682	
9683	
9684	
9685	
9686	
9687	
9688
9689
9690
9691	
9692	
9693	
9694		
9695				
9696	
9697
9698	
9699
9700	
9701
9702	
9703	
9704	
9705	
9706	
9707	
9708	
9709	
9710	
9711	
9712
9713	
9714	
9715		
9716			
9717		
9718			
9719	
9720
9721
9722
9723	
9724	
9725	
9726	
9727	
9728	
9729	
9730
9731
9732
9733	
9734	
9735	
9736		
9737				
9738	
9739
9740	
9741
9742	
9743
9744	
9745	
9746	
9747	
9748	
9749	
9750	
9751	
9752	
9753	
9754
9755	
9756	
9757		
9758			
9759		
9760			
9761	
9762
9763
9764
9765	
9766	
9767	
9768	
9769	
9770	
9771	
9772
9773
9774	
9775	
9776<!-- MetaDetail -->
9777
9778
9779	<!-- MetaDetail: load_css only -->
9780
9781
9782
9783
9784
9785
9786
9787
9788
9789
9790
9791
9792
9793
9794
9795
9796
9797
9798
9799
9800
9801
9802
9803
9804
9805
9806
9807
9808
9809
9810
9811
9812
9813
9814
9815
9816
9817
9818
9819
9820
9821
9822
9823
9824
9825
9826
9827
9828
9829
9830
9831
9832
9833
9834
9835
9836
9837
9838
9839
9840
9841
9842
9843
9844
9845
9846
9847
9848
9849
9850
9851
9852
9853	
9854	
9855	
9856
9857	<style>
9858		
9859		.T5277 .elements_561995 .element {
9860			background-color: #ffffff;
9861		}
9862
9863		.T5277 .meta-teaser-pulldown-content { 
9864			background-color: #ffffff;
9865		}
9866
9867		.T5277.layout_inside .elements_561995 .metateaser-content .teaser-name {
9868			background-color: #ffffff !important;
9869			padding: 0.4rem 0.9rem;
9870			display: inline-block;
9871			margin: 0;
9872		}
9873		.T5277.layout_inside .elements_561995 .metateaser-content .teaser-status_info  {
9874			background-color: #ffffff !important;
9875			padding: 0.4rem 0.9rem;
9876			display: inline-block;
9877			margin: 0;
9878		}
9879
9880
9881		.T5277 .elements_561995 .element.color-highlight { background-color: var(--color-secondary); }
9882		.T5277.layout_inside .elements_561995 .element.color-highlight .metateaser-content .teaser-name {
9883			background-color: var(--color-secondary) !important;
9884		}
9885		
9886
9887		
9888
9889		
9890		.T5277 .elements_561995 .metateaser-content .teaser-name { 
9891			color: #f4861c;
9892		}
9893		
9894		
9895		.T5277 .elements_561995 {
9896			--bgcolor-button: #f4861c;
9897		}
9898		
9899
9900		
9901
9902		.T5424 .T5277 .elements_561995 .metateaser-content .teaser-name { 
9903			max-width: 80%;
9904			hyphens: auto;
9905			/* Infosystem Name ragt sonst in Status rein */
9906		}
9907
9908		.T5277 .elements_561995 .metateaser-content .teaser-intro {
9909			color: inherit;
9910		}
9911
9912		.T5277 .elements_561995 .metateaser-content .teaser-subheadline {
9913			color: inherit;
9914		}
9915		.T5277 .elements_561995 .metateaser-content .text_teaser {
9916			color: inherit;
9917		}
9918	
9919	</style>
9920
9921
9922
9923
9924
9925
9926
9927
9928
9929<div class="T5277 display_mobile_slider display_tablet_slider display_desktop_grid cols_mobile_1 cols_tablet_1 cols_desktop_4 layout_below layout_tablet_below layout_mobile_below ratio_landscape slider_slice_2 bg_color meta-teaser-up-right-icon meta-teaser-radius-10">
9930
9931
9932
9933
9934
9935
9936
9937	<div class="teaser_head noselect">
9938		<div class="filter_count"><span>8</span> von 8</div>
9939		<div class="filter_selected"></div>
9940		<div class="paginator_pages" role="navigation" aria-label="Pagination"></div>
9941	</div>
9942
9943	<div class="outer slider-outer">
9944		
9945		
9946			
9947		<div class="elements elements_561995
9948                
9949                 slider-elements"
9950                    >
9951
9952                
9953
9954			
9955			
9956			
9957
9958			
9959						
9960			
9961				
9962				
9963			
9964				
9965				
9966				
9967
9968				
9969				
9970				
9971				
9972				
9973				
9974				
9975				
9976				
9977				
9978
9979				
9980				
9981
9982				
9983
9984				
9985				
9986				
9987				
9988				
9989				
9990
9991				
9992				
9993
9994				
9995
9996				
9997
9998
9999				
10000				
10001				
10002				
10003
10004				
10005
10006				
10007				
10008				
10009
10010				
10011				
10012
10013
10014				
10015
10016				
10017				
10018
10019
10020				
10021				
10022				
10023				
10024			
10025				
10026				
10027				
10028
10029
10030				
10031
10032				
10033
10034
10035
10036
10037				
10038
10039
10040
10041			
10042						
10043					
10044					
10045
10046						
10047					
10048					
10049				
10050				
10051				
10052				
10053				
10054				
10055				
10056
10057				
10058
10059
10060				
10061
10062				
10063				<div class="element  slider-element clickable "  data-sheet='item-104285' data-id='item-104285'>
10064					
10065
10066
10067
10068
10069
10070					
10071					<div class="bild">
10072					
10073
10074						
10075
10076						
10077
10078
10079							
10080							   	
10081									
10082								
10083							
10084
10085							
10086
10087							<div class="meta-teaser-images" >
10088	
10089	
10090
10091	
10092
10093		
10094		
10095
10096		
10097
10098		
10099
10100		
10101
10102		
10103
10104		
10105		
10106
10107		
10108
10109		
10110		
10111		
10112		
10113		
10114	
10115		
10116		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1605601/freude-beim-rodeln-mit-mutter-kind-sommer-600x450.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605601/freude-beim-rodeln-mit-mutter-kind-sommer-400x300.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1605601/freude-beim-rodeln-mit-mutter-kind-sommer-600x450.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605601/freude-beim-rodeln-mit-mutter-kind-sommer-400x300.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1605601/freude-beim-rodeln-mit-mutter-kind-sommer-400x300.jpg?r=1" width="400" height="300" loading='lazy' alt="Eine Mutter und ihr Kind haben Spaß beim Rodeln auf einer Sommerbahn in der Natur mit Sonne und grünem Hintergrund." /></picture>
10117	
10118	
10119	
10120	</div>
10121
10122							
10123
10124						
10125						
10126						
10127
10128						
10129
10130						
10131
10132						
10133
10134
10135					
10136					</div>
10137					
10138				
10139					
10140
10141
10142
10143
10144
10145					
10146
10147					<div class="metateaser-content">
10148
10149						<div class="metateaser-content-text">
10150							
10151							
10152								
10153								
10154								
10155
10156								<div class="teaser-subheadline">Spaß bei jedem Wetter</div>
10157							
10158
10159							
10160							
10161
10162							
10163
10164							
10165							
10166
10167							
10168							
10169							
10170							
10171							
10172							
10173							
10174
10175							<div class="default_font teaser-name clamp clamp2" >Allwetterbobbahn</div>
10176
10177
10178							
10179
10180
10181							
10182
10183							
10184							
10185							
10186
10187							
10188							
10189							
10190							
10191							
10192							<div class="teaser-intro clamp clamp3">Egal ob Einzel- oder Mehrfahrtentickets - du bestimmst das Tempo!</div>
10193							
10194							
10195							
10196						</div>
10197
10198						
10199
10200						
10201
10202						
10203						
10204						
10205						
10206						
10207						
10208						
10209						
10210							<div class="price">
10211								
10212								<div class="price-amount">ab 3,00&nbsp;&euro;</div>
10213							</div>
10214						
10215						
10216						
10217
10218							
10219							
10220							<div class="metateaser-buttons button_count1">
10221								
10222									<div class="metateaser-button default" >Details</div>
10223								
10224								
10225							</div>
10226						
10227						
10228						
10229
10230						
10231						
10232
10233					</div>
10234					
10235
10236					
10237
10238				</div>
10239			
10240				
10241
10242				
10243
10244				
10245				
10246				
10247				
10248				
10249				
10250				
10251				
10252				
10253				
10254				
10255			
10256				
10257				
10258				
10259
10260				
10261				
10262				
10263				
10264				
10265				
10266				
10267				
10268				
10269				
10270
10271				
10272				
10273
10274				
10275
10276				
10277				
10278				
10279				
10280				
10281				
10282
10283				
10284				
10285
10286				
10287
10288				
10289
10290
10291				
10292				
10293				
10294				
10295
10296				
10297
10298				
10299				
10300				
10301
10302				
10303				
10304
10305
10306				
10307
10308				
10309				
10310
10311
10312				
10313				
10314				
10315				
10316			
10317				
10318				
10319				
10320
10321
10322				
10323
10324				
10325
10326
10327
10328
10329				
10330
10331
10332
10333			
10334						
10335					
10336					
10337
10338						
10339					
10340					
10341				
10342				
10343				
10344				
10345				
10346				
10347				
10348
10349				
10350
10351
10352				
10353
10354				
10355				<div class="element  slider-element clickable "  data-sheet='item-104524' data-id='item-104524'>
10356					
10357
10358
10359
10360
10361
10362					
10363					<div class="bild">
10364					
10365
10366						
10367
10368						
10369
10370
10371							
10372							   	
10373									
10374								
10375							
10376
10377							
10378
10379							<div class="meta-teaser-images" >
10380	
10381	
10382
10383	
10384
10385		
10386		
10387
10388		
10389
10390		
10391
10392		
10393
10394		
10395
10396		
10397		
10398
10399		
10400
10401		
10402		
10403		
10404		
10405		
10406	
10407		
10408		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1662079/schlauchreifen-sonne-warten-die-nutzung-600x450.webp?r=2 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1662079/schlauchreifen-sonne-warten-die-nutzung-400x300.webp?r=2 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1662079/schlauchreifen-sonne-warten-die-nutzung-600x450.jpg?r=2 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1662079/schlauchreifen-sonne-warten-die-nutzung-400x300.jpg?r=2 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1662079/schlauchreifen-sonne-warten-die-nutzung-400x300.jpg?r=2" width="400" height="300" loading='lazy' alt="Mehrere bunte Schlauchreifen liegen auf einem Netz." /></picture>
10409	
10410	
10411	
10412	</div>
10413
10414							
10415
10416						
10417						
10418						
10419
10420						
10421
10422						
10423
10424						
10425
10426
10427					
10428					</div>
10429					
10430				
10431					
10432
10433
10434
10435
10436
10437					
10438
10439					<div class="metateaser-content">
10440
10441						<div class="metateaser-content-text">
10442							
10443							
10444								
10445								
10446								
10447
10448								<div class="teaser-subheadline">Riesengaudi mit Drehwurm-Garantie</div>
10449							
10450
10451							
10452							
10453
10454							
10455
10456							
10457							
10458
10459							
10460							
10461							
10462							
10463							
10464							
10465							
10466
10467							<div class="default_font teaser-name clamp clamp2" >Reifenrutsche</div>
10468
10469
10470							
10471
10472
10473							
10474
10475							
10476							
10477							
10478
10479							
10480							
10481							
10482							
10483							
10484							<div class="teaser-intro clamp clamp3">Große, luftgefüllte Reifen drehen sich rasant talwärts – und du sitzt drin.</div>
10485							
10486							
10487							
10488						</div>
10489
10490						
10491
10492						
10493
10494						
10495						
10496						
10497						
10498						
10499						
10500						
10501						
10502							<div class="price">
10503								
10504								<div class="price-amount">ab 1,50&nbsp;&euro;</div>
10505							</div>
10506						
10507						
10508						
10509
10510							
10511							
10512							<div class="metateaser-buttons button_count1">
10513								
10514									<div class="metateaser-button default" >Details</div>
10515								
10516								
10517							</div>
10518						
10519						
10520						
10521
10522						
10523						
10524
10525					</div>
10526					
10527
10528					
10529
10530				</div>
10531			
10532				
10533
10534				
10535
10536				
10537				
10538				
10539				
10540				
10541				
10542				
10543				
10544				
10545				
10546				
10547			
10548				
10549				
10550				
10551
10552				
10553				
10554				
10555				
10556				
10557				
10558				
10559				
10560				
10561				
10562
10563				
10564				
10565
10566				
10567
10568				
10569				
10570				
10571				
10572				
10573				
10574
10575				
10576				
10577
10578				
10579
10580				
10581
10582
10583				
10584				
10585				
10586				
10587
10588				
10589
10590				
10591				
10592				
10593
10594				
10595				
10596
10597
10598				
10599
10600				
10601				
10602
10603
10604				
10605				
10606				
10607				
10608			
10609				
10610				
10611				
10612
10613
10614				
10615
10616				
10617
10618
10619
10620
10621				
10622
10623
10624
10625			
10626						
10627					
10628					
10629
10630						
10631					
10632					
10633				
10634				
10635				
10636				
10637				
10638				
10639				
10640
10641				
10642
10643
10644				
10645
10646				
10647				<div class="element  slider-element clickable "  data-sheet='item-104288' data-id='item-104288'>
10648					
10649
10650
10651
10652
10653
10654					
10655					<div class="bild">
10656					
10657
10658						
10659
10660						
10661
10662
10663							
10664							   	
10665									
10666								
10667							
10668
10669							
10670
10671							<div class="meta-teaser-images" >
10672	
10673	
10674
10675	
10676
10677		
10678		
10679
10680		
10681
10682		
10683
10684		
10685
10686		
10687
10688		
10689		
10690
10691		
10692
10693		
10694		
10695		
10696		
10697		
10698	
10699		
10700		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1530292/600x450.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1530292/400x300.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1530292/600x450.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1530292/400x300.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1530292/400x300.jpg" width="400" height="300" loading='lazy' alt="142-6Q8A1895" /></picture>
10701	
10702	
10703	
10704	</div>
10705
10706							
10707
10708						
10709						
10710						
10711
10712						
10713
10714						
10715
10716						
10717
10718
10719					
10720					</div>
10721					
10722				
10723					
10724
10725
10726
10727
10728
10729					
10730
10731					<div class="metateaser-content">
10732
10733						<div class="metateaser-content-text">
10734							
10735							
10736								
10737								
10738								
10739
10740								<div class="teaser-subheadline">Wer findet den Weg?</div>
10741							
10742
10743							
10744							
10745
10746							
10747
10748							
10749							
10750
10751							
10752							
10753							
10754							
10755							
10756							
10757							
10758
10759							<div class="default_font teaser-name clamp clamp2" >Irrgarten mit Kletterwelt</div>
10760
10761
10762							
10763
10764
10765							
10766
10767							
10768							
10769							
10770
10771							
10772							
10773							
10774							
10775							
10776							<div class="teaser-intro clamp clamp3">Zwei Eingänge, ein Ausgang – und dazwischen ein echtes Abenteuer!</div>
10777							
10778							
10779							
10780						</div>
10781
10782						
10783
10784						
10785
10786						
10787						
10788						
10789						
10790						
10791						
10792						
10793						
10794							<div class="price">
10795								
10796								<div class="price-amount">ab 2,50&nbsp;&euro;</div>
10797							</div>
10798						
10799						
10800						
10801
10802							
10803							
10804							<div class="metateaser-buttons button_count1">
10805								
10806									<div class="metateaser-button default" >Details</div>
10807								
10808								
10809							</div>
10810						
10811						
10812						
10813
10814						
10815						
10816
10817					</div>
10818					
10819
10820					
10821
10822				</div>
10823			
10824				
10825
10826				
10827
10828				
10829				
10830				
10831				
10832				
10833				
10834				
10835				
10836				
10837				
10838				
10839			
10840				
10841				
10842				
10843
10844				
10845				
10846				
10847				
10848				
10849				
10850				
10851				
10852				
10853				
10854
10855				
10856				
10857
10858				
10859
10860				
10861				
10862				
10863				
10864				
10865				
10866
10867				
10868				
10869
10870				
10871
10872				
10873
10874
10875				
10876				
10877				
10878				
10879
10880				
10881
10882				
10883				
10884				
10885
10886				
10887				
10888
10889
10890				
10891
10892				
10893				
10894
10895
10896				
10897				
10898				
10899				
10900			
10901				
10902				
10903				
10904
10905
10906				
10907
10908				
10909
10910
10911
10912
10913				
10914
10915
10916
10917			
10918						
10919					
10920					
10921
10922						
10923					
10924					
10925				
10926				
10927				
10928				
10929				
10930				
10931				
10932
10933				
10934
10935
10936				
10937
10938				
10939				<div class="element  slider-element clickable "  data-sheet='item-102834' data-id='item-102834'>
10940					
10941
10942
10943
10944
10945
10946					
10947					<div class="bild">
10948					
10949
10950						
10951
10952						
10953
10954
10955							
10956							   	
10957									
10958								
10959							
10960
10961							
10962
10963							<div class="meta-teaser-images" >
10964	
10965	
10966
10967	
10968
10969		
10970		
10971
10972		
10973
10974		
10975
10976		
10977
10978		
10979
10980		
10981		
10982
10983		
10984
10985		
10986		
10987		
10988		
10989		
10990	
10991		
10992		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1605584/froehliche-fahrt
10992-mit-dem-sessellift-sommer-600x450.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605584/froehliche-fahrt-mit-dem-sessellift-sommer-400x300.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1605584/froehliche-fahrt-mit-dem-sessellift-sommer-600x450.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605584/froehliche-fahrt-mit-dem-sessellift-sommer-400x300.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1605584/froehliche-fahrt-mit-dem-sessellift-sommer-400x300.jpg?r=1" width="400" height="300" loading='lazy' alt="Vater und Tochter genießen eine Sesselliftfahrt in den Bergen an einem sonnigen Tag. Sie lachen und schauen umher." /></picture>
10993	
10994	
10995	
10996	</div>
10997
10998							
10999
11000						
11001						
11002						
11003
11004						
11005
11006						
11007
11008						
11009
11010
11011					
11012					</div>
11013					
11014				
11015					
11016
11017
11018
11019
11020
11021					
11022
11023					<div class="metateaser-content">
11024
11025						<div class="metateaser-content-text">
11026							
11027							
11028								
11029								
11030								
11031
11032								<div class="teaser-subheadline">Entschleunigt und schwerelos</div>
11033							
11034
11035							
11036							
11037
11038							
11039
11040							
11041							
11042
11043							
11044							
11045							
11046							
11047							
11048							
11049							
11050
11051							<div class="default_font teaser-name clamp clamp2" >Sesselbahn</div>
11052
11053
11054							
11055
11056
11057							
11058
11059							
11060							
11061							
11062
11063							
11064							
11065							
11066							
11067							
11068							<div class="teaser-intro clamp clamp3">Tickets für Berg- &amp; Talfahrt mit dem Sessellift zum Adlerfelsen.</div>
11069							
11070							
11071							
11072						</div>
11073
11074						
11075
11076						
11077
11078						
11079						
11080						
11081						
11082						
11083						
11084						
11085						
11086							<div class="price">
11087								
11088								<div class="price-amount">ab 5,00&nbsp;&euro;</div>
11089							</div>
11090						
11091						
11092						
11093
11094							
11095							
11096							<div class="metateaser-buttons button_count1">
11097								
11098									<div class="metateaser-button default" >Details</div>
11099								
11100								
11101							</div>
11102						
11103						
11104						
11105
11106						
11107						
11108
11109					</div>
11110					
11111
11112					
11113
11114				</div>
11115			
11116				
11117
11118				
11119
11120				
11121				
11122				
11123				
11124				
11125				
11126				
11127				
11128				
11129				
11130				
11131			
11132				
11133				
11134				
11135
11136				
11137				
11138				
11139				
11140				
11141				
11142				
11143				
11144				
11145				
11146
11147				
11148				
11149
11150				
11151
11152				
11153				
11154				
11155				
11156				
11157				
11158
11159				
11160				
11161
11162				
11163
11164				
11165
11166
11167				
11168				
11169				
11170				
11171
11172				
11173
11174				
11175				
11176				
11177
11178				
11179				
11180
11181
11182				
11183
11184				
11185				
11186
11187
11188				
11189				
11190				
11191				
11192			
11193				
11194				
11195				
11196
11197
11198				
11199
11200				
11201
11202
11203
11204
11205				
11206
11207
11208
11209			
11210						
11211					
11212					
11213
11214						
11215					
11216					
11217				
11218				
11219				
11220				
11221				
11222				
11223				
11224
11225				
11226
11227
11228				
11229
11230				
11231				<div class="element  slider-element clickable "  data-sheet='item-104289' data-id='item-104289'>
11232					
11233
11234
11235
11236
11237
11238					
11239					<div class="bild">
11240					
11241
11242						
11243
11244						
11245
11246
11247							
11248							   	
11249									
11250								
11251							
11252
11253							
11254
11255							<div class="meta-teaser-images" >
11256	
11257	
11258
11259	
11260
11261		
11262		
11263
11264		
11265
11266		
11267
11268		
11269
11270		
11271
11272		
11273		
11274
11275		
11276
11277		
11278		
11279		
11280		
11281		
11282	
11283		
11284		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1513612/400x300.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1513612/400x300.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1513612/400x300.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Murmelwald 7" /></picture>
11285	
11286	
11287	
11288	</div>
11289
11290							
11291
11292						
11293						
11294						
11295
11296						
11297
11298						
11299
11300						
11301
11302
11303					
11304					</div>
11305					
11306				
11307					
11308
11309
11310
11311
11312
11313					
11314
11315					<div class="metateaser-content">
11316
11317						<div class="metateaser-content-text">
11318							
11319							
11320								
11321								
11322								
11323
11324								<div class="teaser-subheadline">Große Kugeln, große Augen ...</div>
11325							
11326
11327							
11328							
11329
11330							
11331
11332							
11333							
11334
11335							
11336							
11337							
11338							
11339							
11340							
11341							
11342
11343							<div class="default_font teaser-name clamp clamp2" >Murmelwald</div>
11344
11345
11346							
11347
11348
11349							
11350
11351							
11352							
11353							
11354
11355							
11356							
11357							
11358							
11359							
11360							<div class="teaser-intro clamp clamp3">XXL-Spielspaß mit Köpfchen und Bewegung für die ganze Familie.</div>
11361							
11362							
11363							
11364						</div>
11365
11366						
11367
11368						
11369
11370						
11371						
11372						
11373						
11374						
11375						
11376						
11377						
11378							<div class="price">
11379								
11380								<div class="price-amount">ab 2,50&nbsp;&euro;</div>
11381							</div>
11382						
11383						
11384						
11385
11386							
11387							
11388							<div class="metateaser-buttons button_count1">
11389								
11390									<div class="metateaser-button default" >Details</div>
11391								
11392								
11393							</div>
11394						
11395						
11396						
11397
11398						
11399						
11400
11401					</div>
11402					
11403
11404					
11405
11406				</div>
11407			
11408				
11409
11410				
11411
11412				
11413				
11414				
11415				
11416				
11417				
11418				
11419				
11420				
11421				
11422				
11423			
11424				
11425				
11426				
11427
11428				
11429				
11430				
11431				
11432				
11433				
11434				
11435				
11436				
11437				
11438
11439				
11440				
11441
11442				
11443
11444				
11445				
11446				
11447				
11448				
11449				
11450
11451				
11452				
11453
11454				
11455
11456				
11457
11458
11459				
11460				
11461				
11462				
11463
11464				
11465
11466				
11467				
11468				
11469
11470				
11471				
11472
11473
11474				
11475
11476				
11477				
11478
11479
11480				
11481				
11482				
11483				
11484			
11485				
11486				
11487				
11488
11489
11490				
11491
11492				
11493
11494
11495
11496
11497				
11498
11499
11500
11501			
11502						
11503					
11504					
11505
11506						
11507					
11508					
11509				
11510				
11511				
11512				
11513				
11514				
11515				
11516
11517				
11518
11519
11520				
11521
11522				
11523				<div class="element  slider-element clickable "  data-sheet='item-104290' data-id='item-104290'>
11524					
11525
11526
11527
11528
11529
11530					
11531					<div class="bild">
11532					
11533
11534						
11535
11536						
11537
11538
11539							
11540							   	
11541									
11542								
11543							
11544
11545							
11546
11547							<div class="meta-teaser-images" >
11548	
11549	
11550
11551	
11552
11553		
11554		
11555
11556		
11557
11558		
11559
11560		
11561
11562		
11563
11564		
11565		
11566
11567		
11568
11569		
11570		
11571		
11572		
11573		
11574	
11575		
11576		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1513561/600x450.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1513561/400x300.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1513561/600x450.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1513561/400x300.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1513561/400x300.jpg" width="400" height="300" loading='lazy' alt="Freche Flitzer©Wurzelrudi" /></picture>
11577	
11578	
11579	
11580	</div>
11581
11582							
11583
11584						
11585						
11586						
11587
11588						
11589
11590						
11591
11592						
11593
11594
11595					
11596					</div>
11597					
11598				
11599					
11600
11601
11602
11603
11604
11605					
11606
11607					<div class="metateaser-content">
11608
11609						<div class="metateaser-content-text">
11610							
11611							
11612								
11613								
11614								
11615
11616								<div class="teaser-subheadline">Rasant ins Tal</div>
11617							
11618
11619							
11620							
11621
11622							
11623
11624							
11625							
11626
11627							
11628							
11629							
11630							
11631							
11632							
11633							
11634
11635							<div class="default_font teaser-name clamp clamp2" >Wurzelrudis Freche Flitzer</div>
11636
11637
11638							
11639
11640
11641							
11642
11643							
11644							
11645							
11646
11647							
11648							
11649							
11650							
11651							
11652							<div class="teaser-intro clamp clamp3">Extra coole Dreiräder mit tiefem Schwerpunkt. Buchbar mit und ohne Sesselbahn.</div>
11653							
11654							
11655							
11656						</div>
11657
11658						
11659
11660						
11661
11662						
11663						
11664						
11665						
11666						
11667						
11668						
11669						
11670							<div class="price">
11671								
11672								<div class="price-amount">ab 4,50&nbsp;&euro;</div>
11673							</div>
11674						
11675						
11676						
11677
11678							
11679							
11680							<div class="metateaser-buttons button_count1">
11681								
11682									<div class="metateaser-button default" >Details</div>
11683								
11684								
11685							</div>
11686						
11687						
11688						
11689
11690						
11691						
11692
11693					</div>
11694					
11695
11696					
11697
11698				</div>
11699			
11700				
11701
11702				
11703
11704				
11705				
11706				
11707				
11708				
11709				
11710				
11711				
11712				
11713				
11714				
11715			
11716				
11717				
11718				
11719
11720				
11721				
11722				
11723				
11724				
11725				
11726				
11727				
11728				
11729				
11730
11731				
11732				
11733
11734				
11735
11736				
11737				
11738				
11739				
11740				
11741				
11742
11743				
11744				
11745
11746				
11747
11748				
11749
11750
11751				
11752				
11753				
11754				
11755
11756				
11757
11758				
11759				
11760				
11761
11762				
11763				
11764
11765
11766				
11767
11768				
11769				
11770
11771
11772				
11773				
11774				
11775				
11776			
11777				
11778				
11779				
11780
11781
11782				
11783
11784				
11785
11786
11787
11788
11789				
11790
11791
11792
11793			
11794						
11795					
11796					
11797
11798						
11799					
11800					
11801				
11802				
11803				
11804				
11805				
11806				
11807				
11808
11809				
11810
11811
11812				
11813
11814				
11815				<div class="element  slider-element clickable "  data-sheet='item-104284' data-id='item-104284'>
11816					
11817
11818
11819
11820
11821
11822					
11823					<div class="bild">
11824					
11825
11826						
11827
11828						
11829
11830
11831							
11832							   	
11833									
11834								
11835							
11836
11837							
11838
11839							<div class="meta-teaser-images" >
11840	
11841	
11842
11843	
11844
11845		
11846		
11847
11848		
11849
11850		
11851
11852		
11853
11854		
11855
11856		
11857		
11858
11859		
11860
11861		
11862		
11863		
11864		
11865		
11866	
11867		
11868		<picture >
11868<source srcset="https://storage.tramino.net/wurzelrudi/1605526/bunte-burg-mit-rutsche-einem-spielplatz-600.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605526/bunte-burg-mit-rutsche-einem-spielplatz-400.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1605526/bunte-burg-mit-rutsche-einem-spielplatz-600.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605526/bunte-burg-mit-rutsche-einem-spielplatz-400.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1605526/bunte-burg-mit-rutsche-einem-spielplatz-400.jpg?r=1" width="400" height="300" loading='lazy' alt="Kinder spielen fröhlich in einer bunten Burg mit Rutsche, umgeben von Bäumen und grauem Himmel." /></picture>
11869	
11870	
11871	
11872	</div>
11873
11874							
11875
11876						
11877						
11878						
11879
11880						
11881
11882						
11883
11884						
11885
11886
11887					
11888					</div>
11889					
11890				
11891					
11892
11893
11894
11895
11896
11897					
11898
11899					<div class="metateaser-content">
11900
11901						<div class="metateaser-content-text">
11902							
11903							
11904								
11905								
11906								
11907
11908								<div class="teaser-subheadline">Wo Fantasie Wurzeln schlägt ...</div>
11909							
11910
11911							
11912							
11913
11914							
11915
11916							
11917							
11918
11919							
11920							
11921							
11922							
11923							
11924							
11925							
11926
11927							<div class="default_font teaser-name clamp clamp2" >Seedorf</div>
11928
11929
11930							
11931
11932
11933							
11934
11935							
11936							
11937							
11938
11939							
11940							
11941							
11942							
11943							
11944							<div class="teaser-intro clamp clamp3">Ganz oben auf dem Berg: Schloss, Wipfelpfad, Spieldorf und Wasserspielplatz.</div>
11945							
11946							
11947							
11948						</div>
11949
11950						
11951
11952						
11953
11954						
11955						
11956						
11957						
11958						
11959						
11960						
11961						
11962							<div class="price">
11963								
11964								<div class="price-amount">ab 5,00&nbsp;&euro;</div>
11965							</div>
11966						
11967						
11968						
11969
11970							
11971							
11972							<div class="metateaser-buttons button_count1">
11973								
11974									<div class="metateaser-button default" >Details</div>
11975								
11976								
11977							</div>
11978						
11979						
11980						
11981
11982						
11983						
11984
11985					</div>
11986					
11987
11988					
11989
11990				</div>
11991			
11992				
11993
11994				
11995
11996				
11997				
11998				
11999				
12000				
12001				
12002				
12003				
12004				
12005				
12006				
12007			
12008				
12009				
12010				
12011
12012				
12013				
12014				
12015				
12016				
12017				
12018				
12019				
12020				
12021				
12022
12023				
12024				
12025
12026				
12027
12028				
12029				
12030				
12031				
12032				
12033				
12034
12035				
12036				
12037
12038				
12039
12040				
12041
12042
12043				
12044				
12045				
12046				
12047
12048				
12049
12050				
12051				
12052				
12053
12054				
12055				
12056
12057
12058				
12059
12060				
12061				
12062
12063
12064				
12065				
12066				
12067				
12068			
12069				
12070				
12071				
12072
12073
12074				
12075
12076				
12077
12078
12079
12080
12081				
12082
12083
12084
12085			
12086						
12087					
12088					
12089
12090						
12091					
12092					
12093				
12094				
12095				
12096				
12097				
12098				
12099				
12100
12101				
12102
12103
12104				
12105
12106				
12107				<div class="element  slider-element clickable "  data-sheet='item-112343' data-id='item-112343'>
12108					
12109
12110
12111
12112
12113
12114					
12115					<div class="bild">
12116					
12117
12118						
12119
12120						
12121
12122
12123							
12124							   	
12125									
12126								
12127							
12128
12129							
12130
12131							<div class="meta-teaser-images" >
12132	
12133	
12134
12135	
12136
12137		
12138		
12139
12140		
12141
12142		
12143
12144		
12145
12146		
12147
12148		
12149		
12150
12151		
12152
12153		
12154		
12155		
12156		
12157		
12158	
12159		
12160		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1514819/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514819/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1514819/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514819/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1514819/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Schatzsuche 1" /></picture>
12161	
12162	
12163	
12164	</div>
12165
12166							
12167
12168						
12169						
12170						
12171
12172						
12173
12174						
12175
12176						
12177
12178
12179					
12180					</div>
12181					
12182				
12183					
12184
12185
12186
12187
12188
12189					
12190
12191					<div class="metateaser-content">
12192
12193						<div class="metateaser-content-text">
12194							
12195							
12196								
12197								
12198								
12199
12200								<div class="teaser-subheadline">Schatzsuche am Erlebnisberg</div>
12201							
12202
12203							
12204							
12205
12206							
12207
12208							
12209							
12210
12211							
12212							
12213							
12214							
12215							
12216							
12217							
12218
12219							<div class="default_font teaser-name clamp clamp2" >Wurzelrudi &amp; die Wikinger</div>
12220
12221
12222							
12223
12224
12225							
12226
12227							
12228							
12229							
12230
12231							
12232							
12233							
12234							
12235							
12236							<div class="teaser-intro clamp clamp3">Mit einer echten Schatzkarte und einem Stickerheft geht’s quer durch die Erlebniswelt!</div>
12237							
12238							
12239							
12240						</div>
12241
12242						
12243
12244						
12245
12246						
12247						
12248						
12249						
12250						
12251						
12252						
12253						
12254							<div class="price">
12255								<div class="price-info">An der Kasse erhältlich!</div>
12256								<div class="price-amount">4,00&nbsp;&euro;</div>
12257							</div>
12258						
12259						
12260						
12261
12262							
12263							
12264							<div class="metateaser-buttons button_count1">
12265								
12266									<div class="metateaser-button default" >Details</div>
12267								
12268								
12269							</div>
12270						
12271						
12272						
12273
12274						
12275						
12276
12277					</div>
12278					
12279
12280					
12281
12282				</div>
12283			
12284				
12285
12286				
12287
12288				
12289				
12290				
12291				
12292				
12293				
12294				
12295				
12296				
12297
12298			
12299
12300		</div>
12301
12302		
12303
12304		<div class="slider-arrows">
12305			<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
12306			<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
12307		</div>
12308		
12309	</div>
12310
12311	<div style="display: none;"></div>
12312
12313
12314	
12315
12316</div>
12317
12318
12319
12320
12321					
12322
12323
12324
12325<script>
12326	"use strict";
12327		
12328	TraminoReady(function() {
12329
12330		if ( typeof window.sliderArrowVisible == "function" ) {
12331			window.sliderArrowVisible();
12332		}
12333
12334	});
12335</script>
12335
12336
12337
12338
12339
12340
12341
12342
12343
12344
12345
12346
12347
12348
12349
12350
12351
12352
12353
12354
12355<!-- /MetaTeaser -->
12356
12357
12358
12359
12360
12361
12362
12363			</div>
12364
12365			
12366
12367			
12368
12369
12370		</div>
12371
12372	
12373	</div><!-- wrap_inner end -->
12374	</div>
12375	</div>
12376	
12377
12378	
12379	
12380	<style>
12381		
12382		
12383		
12384	</style>
12385
12386
12387<div id="quickpreview" class="T0000" data-gs-id="">
12388	<div class="outer">
12389		<div class="quickpreview_inner"></div>
12390	</div>
12391</div>
12392<div id="quickpreview_background"></div>
12393
12394
12395<script type="text/javascript">
12396
12397	
12398
12399	window.checkArrows = function() {
12400
12401		// console.log("checkArrows");
12402
12403		const sliderContainers = document.querySelectorAll(".slider-outer");
12404
12405		sliderContainers.forEach((container) => {
12406			const slider = container.querySelector(".slider-elements");
12407			const arrowLeft = container.querySelector(".arrow-left");
12408			const arrowRight = container.querySelector(".arrow-right");
12409			const slides = slider.querySelectorAll(".slider-element");
12410
12411			if ( slides[0] === undefined ) {
12412				return;
12413			}
12414
12415			if ( arrowLeft === null  ) { return; }
12416			if ( arrowRight === null  ) { return; }
12417
12418			const firstSlide = slides[0];
12419			const lastSlide = slides[slides.length - 1];
12420			const slideWidth = slides[0].offsetWidth + 10; // Slide-Breite inklusive Margin
12421
12422			const observerOptions = { root: slider, threshold: 1.0 };
12423
12424			// Observer für das erste Slide
12425			const firstSlideObserver = new IntersectionObserver((entries) => {
12426				entries.forEach((entry) => {
12427					if (entry.isIntersecting) {
12428						arrowLeft.classList.add("hide"); // Versteckt die linke Pfeil-Schaltfläche
12429					} else {
12430						arrowLeft.classList.remove("hide"); // Zeigt die linke Pfeil-Schaltfläche wieder an
12431					}
12432				});
12433			}, observerOptions);
12434
12435			// Observer für das letzte Slide
12436			const lastSlideObserver = new IntersectionObserver((entries) => {
12437				entries.forEach((entry) => {
12438					if (entry.isIntersecting) {
12439						arrowRight.classList.add("hide"); // Versteckt die rechte Pfeil-Schaltfläche
12440					} else {
12441						arrowRight.classList.remove("hide"); // Zeigt die rechte Pfeil-Schaltfläche wieder an
12442					}
12443				});
12444			}, observerOptions);
12445
12446			// Startet das Beobachten der ersten und letzten Slide-Elemente
12447			firstSlideObserver.observe(firstSlide);
12448			lastSlideObserver.observe(lastSlide);
12449
12450			// Entferne vorhandene Eventlistener, falls vorhanden
12451		    if (arrowLeft.handleLeftClick) {
12452		      arrowLeft.removeEventListener("click", arrowLeft.handleLeftClick);
12453		    }
12454		    if (arrowRight.handleRightClick) {
12455		      arrowRight.removeEventListener("click", arrowRight.handleRightClick);
12456		    }
12457
12458		    // Definiere und füge neue Eventlistener hinzu
12459		    arrowLeft.handleLeftClick = function() {
12460		      slider.scrollBy({ left: -slideWidth, behavior: "smooth" });
12461		    };
12462		    arrowRight.handleRightClick = function() {
12463		      slider.scrollBy({ left: slideWidth, behavior: "smooth" });
12464		    };
12465
12466		    arrowLeft.addEventListener("click", arrowLeft.handleLeftClick);
12467		    arrowRight.addEventListener("click", arrowRight.handleRightClick);
12468		});
12469	}
12470
12471	checkArrows();
12472
12473</script>
12473
12474					
12475				</section>
12476			
12477				<section class="TraminoVorlage T2897 S5270 S7753 TraminoVorlage_8" id="TraminoAnhang598232"  style=" margin-top: 0vw !important;  margin-bottom: 0vw !important; "   >
12478					<div class="width_wrapper ">
12479<div class="wrapper background" >
12480
12481	
12482
12483	
12484	<div data-shortcut="headline" class="headline color specialfont fontsize_xlarge bold hyphens">>> Gutscheine, das passende Geschenk <<</div>
12485
12486	
12487
12488	<div class="text textile" data-shortcut="col1_text">
12489		<p>Hier kannst du Gutscheine erwerben. Wir stellen diese als Wertgutscheine in der von euch gewünschten Höhe in Euro aus.<br />Du kannst diesen Gutscheine mit beliebigen Motiv ausdrucken und weiterverschenken.<br />Vor Ort könnt ihr die Gutscheine an allen Kassen einlösen.<br />Egal ob Eis, Bobbahn oder Skischule - drei Jahre sind Zeit um einen wunderschönen Tag<br />im Reich des Wurzelrudis zu genießen.<br />Der Gutschein kann auch an verschiedenen Tagen oder Stationen genutzt werden.<br /><strong>Wichtig: Verschenken ist das Eine, zusammen Erleben noch viel besser!</strong></p>
12490		
12491	</div>	
12492
12493</div>
12494</div>
12495					
12496				</section>
12497			
12498				<section class="TraminoVorlage T5561  with_meta_teaser TraminoVorlage_9" id="TraminoAnhang554940"  style=" margin-top: 0vw !important; "   >
12499					<div class="grid-stack-item" data-gs-id="554940">
12500	<div class="wrap_wrapper grid-stack-item-content meta-wrap-background meta-wrap-wide">
12501	<div class="wrap_inner">
12502	
12503		
12504		
12505		
12506		
12507
12508		
12509		
12510		
12511		<div class="">
12512			
12513			<div class="meta-wrap-content">
12514				
12515
12516
12517
12518
12519
12520
12521
12522
12523	
12524	
12525	
12526		
12527				
12528	
12529
12530	
12531
12532	
12533
12534	
12535	
12536	
12537	
12538	
12539	
12540	
12541	
12542	
12543	
12544
12545	
12546	
12547		
12548			
12549		
12550			
12551	
12552
12553
12554
12555	
12556	
12557	
12558	
12559	
12560	
12561	
12562
12563
12564	
12565	
12566<!-- MetaDetail -->
12567
12568
12569	<!-- MetaDetail: load_css only -->
12570
12571
12572
12573
12574
12575
12576
12577
12578
12579
12580
12581
12582
12583
12584
12585
12586
12587
12588
12589
12590
12591
12592
12593
12594
12595
12596
12597
12598
12599
12600
12601
12602
12603
12604
12605
12606
12607
12608
12609
12610
12611
12612
12613
12614
12615
12616
12617
12618
12619
12620
12621
12622
12623
12624
12625
12626
12627
12628
12629
12630
12631
12632
12633
12634
12635
12636
12637
12638
12639
12640
12641
12642
12643	
12644	
12645	
12646
12647	<style>
12648		
12649		.T5277 .elements_554940 .element {
12650			background-color: #f4861c;
12651		}
12652
12653		.T5277 .meta-teaser-pulldown-content { 
12654			background-color: #f4861c;
12655		}
12656
12657		.T5277.layout_inside .elements_554940 .metateaser-content .teaser-name {
12658			background-color: #f4861c !important;
12659			padding: 0.4rem 0.9rem;
12660			display: inline-block;
12661			margin: 0;
12662		}
12663		.T5277.layout_inside .elements_554940 .metateaser-content .teaser-status_info  {
12664			background-color: #f4861c !important;
12665			padding: 0.4rem 0.9rem;
12666			display: inline-block;
12667			margin: 0;
12668		}
12669
12670
12671		.T5277 .elements_554940 .element.color-highlight { background-color: var(--color-secondary); }
12672		.T5277.layout_inside .elements_554940 .element.color-highlight .metateaser-content .teaser-name {
12673			background-color: var(--color-secondary) !important;
12674		}
12675		
12676
12677		
12678		.T5277 .elements_554940 .element .bild {
12679			background-color: #ffffff;
12680		}
12681
12682		.T5277 .elements_554940 .element.color-highlight .bild {
12683			background-color: var(--color-secondary);
12684		}
12685		
12686
12687		
12688		.T5277 .elements_554940 .metateaser-content .teaser-name { 
12689			color: #2d296f;
12690		}
12691		
12692		
12693		.T5277 .elements_554940 {
12694			--bgcolor-button: #2d296f;
12695		}
12696		
12697
12698		
12699
12700		.T5424 .T5277 .elements_554940 .metateaser-content .teaser-name { 
12701			max-width: 80%;
12702			hyphens: auto;
12703			/* Infosystem Name ragt sonst in Status rein */
12704		}
12705
12706		.T5277 .elements_554940 .metateaser-content .teaser-intro {
12707			color: #ffffff;
12708		}
12709
12710		.T5277 .elements_554940 .metateaser-content .teaser-subheadline {
12711			color: #ffffff;
12712		}
12713		.T5277 .elements_554940 .metateaser-content .text_teaser {
12714			color: #ffffff;
12715		}
12716	
12717	</style>
12718
12719
12720
12721
12722
12723
12724
12725
12726
12727<div class="T5277 display_mobile_grid display_tablet_grid display_desktop_grid cols_mobile_1 cols_tablet_1 cols_desktop_2 layout_aside layout_tablet_aside layout_mobile_aside ratio_square slider_slice_1 bg_color bg_color_image meta-teaser-up-right-icon meta-teaser-radius-10 meta-teaser-text-no-hyphens">
12728
12729
12730
12731
12732
12733
12734
12735	<div class="teaser_head noselect">
12736		<div class="filter_count"><span>1</span> von 1</div>
12737		<div class="filter_selected"></div>
12738		<div class="paginator_pages" role="navigation" aria-label="Pagination"></div>
12739	</div>
12740
12741	<div class="outer ">
12742		
12743		
12744			
12745		<div class="elements elements_554940
12746                
12747                "
12748                    >
12749
12750                
12751
12752			
12753			
12754			
12755
12756			
12757						
12758			
12759				
12760				
12761			
12762				
12763				
12764				
12765
12766				
12767				
12768				
12769				
12770				
12771				
12772				
12773				
12774				
12775				
12776
12777				
12778				
12779
12780				
12781
12782				
12783				
12784				
12785				
12786				
12787				
12788
12789				
12790				
12791
12792				
12793
12794				
12795
12796
12797				
12798				
12799				
12800				
12801
12802				
12803
12804				
12805				
12806				
12807
12808				
12809				
12810
12811
12812				
12813
12814				
12815				
12816
12817
12818				
12819				
12820				
12821				
12822			
12823				
12824				
12825				
12826
12827
12828				
12829
12830				
12831
12832
12833
12834
12835				
12836
12837
12838
12839			
12840						
12841					
12842					
12843
12844						
12845					
12846					
12847				
12848				
12849				
12850				
12851				
12852				
12853				
12854
12855				
12856
12857
12858				
12859
12860				
12861				<div class="element  clickable "  data-sheet='item-104222' data-id='item-104222'>
12862					
12863
12864
12865
12866
12867
12868					
12869					<div class="bild">
12870					
12871
12872						
12873
12874						
12875
12876
12877							
12878							   	
12879									
12880								
12881							
12882
12883							
12884
12885							<div class="meta-teaser-images" >
12886	
12887	
12888
12889	
12890
12891		
12892		
12893
12894		
12895
12896		
12897			
12898		
12899
12900		
12901
12902		
12903
12904		
12905		
12906
12907		
12908
12909		
12910		
12911		
12912		
12913		
12914	
12915		
12916		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-800x800.webp?r=1 1x" type="image/webp" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-600x600.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-400x400.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-800x800.jpg?r=1 1x" type="image/jpeg" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-600x600.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-400x400.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-400x400.jpg?r=1" width="400" height="400" loading='lazy' alt="Eine Familie genießt einen sonnigen Tag auf einem Spielplatz und spielt zusammen. Der Kinderspaß steht im Mittelpunkt." /></picture>
12917	
12918	
12919	
12920	</div>
12921
12922							
12923
12924						
12925						
12926						
12927
12928						
12929
12930						
12931
12932						
12933
12934
12935					
12936					</div>
12937					
12938				
12939					
12940
12941
12942
12943
12944
12945					
12946
12947					<div class="metateaser-content">
12948
12949						<div class="metateaser-content-text">
12950							
12951							
12952
12953							
12954							
12955
12956							
12957
12958							
12959							
12960
12961							
12962							
12963							
12964							
12965							
12966							
12967							
12968
12969							<div class="default_font teaser-name clamp clamp2" >Geschenkgutschein Wurzelrudi</div>
12970
12971
12972							
12973
12974
12975							
12976
12977							
12978							
12979							
12980
12981							
12982							
12983							
12984							
12985							
12986							<div class="teaser-intro clamp clamp6">Diese Geschenkidee passt zu jedem Anlass.</div>
12987							
12988							
12989							
12990						</div>
12991
12992						
12993
12994						
12995
12996						
12997						
12998						
12999						
13000						
13001						
13002						
13003						
13004							<div class="price">
13005								<div class="price-info">Jetzt hier buchen:</div>
13006								<div class="price-amount">ab 15,00&nbsp;&euro;</div>
13007							</div>
13008						
13009						
13010						
13011
13012							
13013							
13014							<div class="metateaser-buttons button_count1">
13015								
13016									<div class="metateaser-button default" >Details</div>
13017								
13018								
13019							</div>
13020						
13021						
13022						
13023
13024						
13025						
13026
13027					</div>
13028					
13029
13030					
13031
13032				</div>
13033			
13034				
13035
13036				
13037
13038				
13039				
13040				
13041				
13042				
13043				
13044				
13045				
13046				
13047
13048			
13049
13050		</div>
13051
13052		
13053
13054		
13055		
13056	</div>
13057
13058	<div style="display: none;"></div>
13059
13060
13061	
13062
13063</div>
13064
13065
13066
13067
13068					
13069
13070
13071
13072
13073
13074
13075
13076
13077
13078
13079
13080
13081
13082
13083
13084
13085
13086
13087
13088
13089
13090<!-- /MetaTeaser -->
13091
13092
13093
13094
13095
13096
13097
13098			</div>
13099
13100			
13101
13102			
13103
13104
13105		</div>
13106
13107	
13108	</div><!-- wrap_inner end -->
13109	</div>
13110	</div>
13111	
13112
13113	
13114	
13115	<style>
13116		#TraminoAnhang554940 .wrap_wrapper { 
13117				background-color: #2c296f; 
13118			}
13119		
13120		
13121	</style>
13122
13123
13124<div id="quickpreview" class="T0000" data-gs-id="">
13125	<div class="outer">
13126		<div class="quickpreview_inner"></div>
13127	</div>
13128</div>
13129<div id="quickpreview_background"></div>
13130
13131
13132<script type="text/javascript">
13133
13134	
13135
13136	window.checkArrows = function() {
13137
13138		// console.log("checkArrows");
13139
13140		const sliderContainers = document.querySelectorAll(".slider-outer");
13141
13142		sliderContainers.forEach((container) => {
13143			const slider = container.querySelector(".slider-elements");
13144			const arrowLeft = container.querySelector(".arrow-left");
13145			const arrowRight = container.querySelector(".arrow-right");
13146			const slides = slider.querySelectorAll(".slider-element");
13147
13148			if ( slides[0] === undefined ) {
13149				return;
13150			}
13151
13152			if ( arrowLeft === null  ) { return; }
13153			if ( arrowRight === null  ) { return; }
13154
13155			const firstSlide = slides[0];
13156			const lastSlide = slides[slides.length - 1];
13157			const slideWidth = slides[0].offsetWidth + 10; // Slide-Breite inklusive Margin
13158
13159			const observerOptions = { root: slider, threshold: 1.0 };
13160
13161			// Observer für das erste Slide
13162			const firstSlideObserver = new IntersectionObserver((entries) => {
13163				entries.forEach((entry) => {
13164					if (entry.isIntersecting) {
13165						arrowLeft.classList.add("hide"); // Versteckt die linke Pfeil-Schaltfläche
13166					} else {
13167						arrowLeft.classList.remove("hide"); // Zeigt die linke Pfeil-Schaltfläche wieder an
13168					}
13169				});
13170			}, observerOptions);
13171
13172			// Observer für das letzte Slide
13173			const lastSlideObserver = new IntersectionObserver((entries) => {
13174				entries.forEach((entry) => {
13175					if (entry.isIntersecting) {
13176						arrowRight.classList.add("hide"); // Versteckt die rechte Pfeil-Schaltfläche
13177					} else {
13178						arrowRight.classList.remove("hide"); // Zeigt die rechte Pfeil-Schaltfläche wieder an
13179					}
13180				});
13181			}, observerOptions);
13182
13183			// Startet das Beobachten der ersten und letzten Slide-Elemente
13184			firstSlideObserver.observe(firstSlide);
13185			lastSlideObserver.observe(lastSlide);
13186
13187			// Entferne vorhandene Eventlistener, falls vorhanden
13188		    if (arrowLeft.handleLeftClick) {
13189		      arrowLeft.removeEventListener("click", arrowLeft.handleLeftClick);
13190		    }
13191		    if (arrowRight.handleRightClick) {
13192		      arrowRight.removeEventListener("click", arrowRight.handleRightClick);
13193		    }
13194
13195		    // Definiere und füge neue Eventlistener hinzu
13196		    arrowLeft.handleLeftClick = function() {
13197		      slider.scrollBy({ left: -slideWidth, behavior: "smooth" });
13198		    };
13199		    arrowRight.handleRightClick = function() {
13200		      slider.scrollBy({ left: slideWidth, behavior: "smooth" });
13201		    };
13202
13203		    arrowLeft.addEventListener("click", arrowLeft.handleLeftClick);
13204		    arrowRight.addEventListener("click", arrowRight.handleRightClick);
13205		});
13206	}
13207
13208	checkArrows();
13209
13210</script>
13210
13211					
13212				</section>
13213			
13214				<section class="TraminoVorlage T4681 TraminoVorlage_10" id="TraminoAnhang598233"  style=" margin-bottom: 0vw !important; "   >
13215					<div class="partline maxwidth">
13216	
13217	
13218	
13219	
13220	
13221	
13222	
13223	
13224		
13225		<div class="bordertext specialfont fontsize_small ">
13226			
13227				<span class="">Winterticket</span>
13228			
13229		</div>
13230	
13231</div>
13232
13233
13234	<style>
13235	#TraminoAnhang598233.T4681 {
13236		--color: #2c296f;
13237	}
13238	</style>
13239					
13240				</section>
13241			
13242				<section class="TraminoVorlage T2897 S6860 S6859 TraminoVorlage_11" id="TraminoAnhang598234"  style=" margin-top: 0vw !important;  margin-bottom: 0vw !important; "   >
13243					<div class="width_wrapper maxwidth">
13244<div class="wrapper background" >
13245
13246	
13247
13248	
13249	
13250
13251	
13252
13253	<div class="text textile" data-shortcut="col1_text">
13254		<p>Hier findest du alle buchbaren Tickets für die Wintersaison, klar sortiert und direkt zum Loslegen. Egal, ob du nur ein paar flotte Abfahrten planst oder ganze Tage im Schnee verbringen willst – wir haben den passenden Skipass für dich. Von flexiblen Stunden-Tickets über kinderfreundliche Zugänge ins Kinderland bis hin zu 15- oder 30-Stundenpässen für echte Pistenjunkies: Alles ist nur einen Klick entfernt. Auch unsere Mehrtagesskipässe warten darauf, deinen Winterurlaub perfekt zu machen. Und wenn du Lust auf ein Extra-Erlebnis hast – die Allwetterbobbahn läuft auch im Winter und bringt dir Adrenalin plus Aussicht im Doppelpack. <strong>Also: Ticket wählen, Schuhe schnüren, ab auf den Berg. Der Winter ruft!</strong></p>
13255		
13256	</div>	
13257
13258</div>
13259</div>
13260					
13261				</section>
13262			
13263				<section class="TraminoVorlage T5561  with_meta_teaser TraminoVorlage_12" id="TraminoAnhang560922"  style=" margin-top: 0vw !important;  margin-bottom: 0vw !important; "   >
13264					<div class="grid-stack-item" data-gs-id="560922">
13265	<div class="wrap_wrapper grid-stack-item-content ">
13266	<div class="wrap_inner">
13267	
13268		
13269		
13270		
13271		
13272
13273		
13274		
13275		
13276		<div class="maxwidth">
13277			
13278
13279			
13280			
13281			
13282			
13283
13284			
13285			
13286			<div class="wrap_head ">
13287
13288				
13289					
13290					
13291					
13292					
13293
13294					
13295						
13296						
13297						
13298					
13299
13300					
13301
13302					<div class="wrap_headline specialfont fontsize_medium color" style="color:#2d296f">
13303						>> Stundentickets für Genießer</div>
13304					
13305					
13306					
13307
13308										
13309						
13310						
13311					
13312
13313					
13314
13315
13316				
13317				
13318				
13319
13320
13321			</div>
13322			
13323			<div class="meta-wrap-content">
13324				
13325
13326
13327
13328
13329
13330
13331
13332
13333	
13334	
13335	
13336		
13337				
13338	
13339
13340	
13341
13342	
13343
13344	
13345	
13346	
13347	
13348	
13349	
13350	
13351	
13352	
13353	
13354
13355	
13356	
13357		
13358			
13359		
13360			
13361	
13362
13363
13364
13365	
13366	
13367	
13368	
13369	
13370	
13371	
13372
13373
13374
13375	
13376	
13377	
13378		
13379				
13380	
13381
13382	
13383
13384	
13385
13386	
13387	
13388	
13389	
13390	
13391	
13392	
13393	
13394	
13395	
13396
13397	
13398	
13399		
13400			
13401		
13402			
13403	
13404
13405
13406
13407	
13408	
13409	
13410	
13411	
13412	
13413	
13414
13415
13416
13417	
13418	
13419	
13420		
13421				
13422	
13423
13424	
13425
13426	
13427
13428	
13429	
13430	
13431	
13432	
13433	
13434	
13435	
13436	
13437	
13438
13439	
13440	
13441		
13442			
13443		
13444			
13445	
13446
13447
13448
13449	
13450	
13451	
13452	
13453	
13454	
13455	
13456
13457
13458	
13459	
13460<!-- MetaDetail -->
13461
13462
13463	<!-- MetaDetail: load_css only -->
13464
13465
13466
13467
13468
13469
13470
13471
13472
13473
13474
13475
13476
13477
13478
13479
13480
13481
13482
13483
13484
13485
13486
13487
13488
13489
13490
13491
13492
13493
13494
13495
13496
13497
13498
13499
13500
13501
13502
13503
13504
13505
13506
13507
13508
13509
13510
13511
13512
13513
13514
13515
13516
13517
13518
13519
13520
13521
13522
13523
13524
13525
13526
13527
13528
13529
13530
13531
13532
13533
13534
13535
13536
13537	
13538	
13539	
13540
13541	<style>
13542		
13543		.T5277 .elements_560922 .element {
13544			background-color: #ffffff;
13545		}
13546
13547		.T5277 .meta-teaser-pulldown-content { 
13548			background-color: #ffffff;
13549		}
13550
13551		.T5277.layout_inside .elements_560922 .metateaser-content .teaser-name {
13552			background-color: #ffffff !important;
13553			padding: 0.4rem 0.9rem;
13554			display: inline-block;
13555			margin: 0;
13556		}
13557		.T5277.layout_inside .elements_560922 .metateaser-content .teaser-status_info  {
13558			background-color: #ffffff !important;
13559			padding: 0.4rem 0.9rem;
13560			display: inline-block;
13561			margin: 0;
13562		}
13563
13564
13565		.T5277 .elements_560922 .element.color-highlight { background-color: var(--color-secondary); }
13566		.T5277.layout_inside .elements_560922 .element.color-highlight .metateaser-content .teaser-name {
13567			background-color: var(--color-secondary) !important;
13568		}
13569		
13570
13571		
13572		.T5277 .elements_560922 .element .bild {
13573			background-color: #ffffff;
13574		}
13575
13576		.T5277 .elements_560922 .element.color-highlight .bild {
13577			background-color: var(--color-secondary);
13578		}
13579		
13580
13581		
13582		.T5277 .elements_560922 .metateaser-content .teaser-name { 
13583			color: #2d296f;
13584		}
13585		
13586		
13587		.T5277 .elements_560922 {
13588			--bgcolor-button: #2d296f;
13589		}
13590		
13591
13592		
13593
13594		.T5424 .T5277 .elements_560922 .metateaser-content .teaser-name { 
13595			max-width: 80%;
13596			hyphens: auto;
13597			/* Infosystem Name ragt sonst in Status rein */
13598		}
13599
13600		.T5277 .elements_560922 .metateaser-content .teaser-intro {
13601			color: #56ade2;
13602		}
13603
13604		.T5277 .elements_560922 .metateaser-content .teaser-subheadline {
13605			color: #56ade2;
13606		}
13607		.T5277 .elements_560922 .metateaser-content .text_teaser {
13608			color: #56ade2;
13609		}
13610	
13611	</style>
13612
13613
13614
13615
13616
13617
13618
13619
13620
13621<div class="T5277 display_mobile_slider display_tablet_slider display_desktop_grid cols_mobile_1 cols_tablet_1 cols_desktop_4 layout_below layout_tablet_below layout_mobile_below ratio_landscape slider_slice_2 bg_color bg_color_image meta-teaser-up-right-icon meta-teaser-radius-10">
13622
13623
13624
13625
13626
13627
13628
13629	<div class="teaser_head noselect">
13630		<div class="filter_count"><span>3</span> von 3</div>
13631		<div class="filter_selected"></div>
13632		<div class="paginator_pages" role="navigation" aria-label="Pagination"></div>
13633	</div>
13634
13635	<div class="outer slider-outer">
13636		
13637		
13638			
13639		<div class="elements elements_560922
13640                
13641                 slider-elements"
13642                    >
13643
13644                
13645
13646			
13647			
13648			
13649
13650			
13651						
13652			
13653				
13654				
13655			
13656				
13657				
13658				
13659
13660				
13661				
13662				
13663				
13664				
13665				
13666				
13667				
13668				
13669				
13670
13671				
13672				
13673
13674				
13675
13676				
13677				
13678				
13679				
13680				
13681				
13682
13683				
13684				
13685
13686				
13687
13688				
13689
13690
13691				
13692				
13693				
13694				
13695
13696				
13697
13698				
13699				
13700				
13701
13702				
13703				
13704
13705
13706				
13707
13708				
13709				
13710
13711
13712				
13713				
13714				
13715				
13716			
13717				
13718				
13719				
13720
13721
13722				
13723
13724				
13725
13726
13727
13728
13729				
13730
13731
13732
13733			
13734						
13735					
13736					
13737
13738						
13739					
13740					
13741				
13742				
13743				
13744				
13745				
13746				
13747				
13748
13749				
13750
13751
13752				
13753
13754				
13755				<div class="element  slider-element clickable "  data-sheet='item-104098' data-id='item-104098'>
13756					
13757
13758
13759
13760
13761
13762					
13763					<div class="bild">
13764					
13765
13766						
13767
13768						
13769
13770
13771							
13772							   	
13773									
13774								
13775							
13776
13777							
13778
13779							<div class="meta-teaser-images" >
13780	
13781	
13782
13783	
13784
13785		
13786		
13787
13788		
13789
13790		
13791
13792		
13793
13794		
13795
13796		
13797		
13798
13799		
13800
13801		
13802		
13803		
13804		
13805		
13806	
13807		
13808		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1515757/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515757/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1515757/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515757/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1515757/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Winter©Wurzelrudi09 (1)" /></picture>
13809	
13810	
13811	
13812	</div>
13813
13814							
13815
13816						
13817						
13818						
13819
13820						
13821
13822						
13823
13824						
13825
13826
13827					
13828					</div>
13829					
13830				
13831					
13832
13833
13834
13835
13836
13837					
13838
13839					<div class="metateaser-content">
13840
13841						<div class="metateaser-content-text">
13842							
13843							
13844								
13845								
13846								
13847
13848								<div class="teaser-subheadline">Für Genießer</div>
13849							
13850
13851							
13852							
13853
13854							
13855
13856							
13857							
13858
13859							
13860							
13861							
13862							
13863							
13864							
13865							
13866
13867							<div class="default_font teaser-name clamp clamp2" >Stundentickets</div>
13868
13869
13870							
13871
13872
13873							
13874
13875							
13876							
13877							
13878
13879							
13880							
13881							
13882							
13883							
13884							<div class="teaser-intro clamp clamp3">Wähle deinen Stundentakt selbst.</div>
13885							
13886							
13887							
13888						</div>
13889
13890						
13891
13892						
13893
13894						
13895						
13896						
13897						
13898						
13899						
13900						
13901						
13902							<div class="price">
13903								
13904								<div class="price-amount">ab 10,50&nbsp;&euro;</div>
13905							</div>
13906						
13907						
13908						
13909
13910							
13911							
13912							<div class="metateaser-buttons button_count1">
13913								
13914									<div class="metateaser-button default" >Details</div>
13915								
13916								
13917							</div>
13918						
13919						
13920						
13921
13922						
13923						
13924
13925					</div>
13926					
13927
13928					
13929
13930				</div>
13931			
13932				
13933
13934				
13935
13936				
13937				
13938				
13939				
13940				
13941				
13942				
13943				
13944				
13945				
13946				
13947			
13948				
13949				
13950				
13951
13952				
13953				
13954				
13955				
13956				
13957				
13958				
13959				
13960				
13961				
13962
13963				
13964				
13965
13966				
13967
13968				
13969				
13970				
13971				
13972				
13973				
13974
13975				
13976				
13977
13978				
13979
13980				
13981
13982
13983				
13984				
13985				
13986				
13987
13988				
13989
13990				
13991				
13992				
13993
13994				
13995				
13996
13997
13998				
13999
14000				
14001				
14002
14003
14004				
14005				
14006				
14007				
14008			
14009				
14010				
14011				
14012
14013
14014				
14015
14016				
14017
14018
14019
14020
14021				
14022
14023
14024
14025			
14026						
14027					
14028					
14029
14030						
14031					
14032					
14033				
14034				
14035				
14036				
14037				
14038				
14039				
14040
14041				
14042
14043
14044				
14045
14046				
14047				<div class="element  slider-element clickable "  data-sheet='item-104215' data-id='item-104215'>
14048					
14049
14050
14051
14052
14053
14054					
14055					<div class="bild">
14056					
14057
14058						
14059
14060						
14061
14062
14063							
14064							   	
14065									
14066								
14067							
14068
14069							
14070
14071							<div class="meta-teaser-images" >
14072	
14073	
14074
14075	
14076
14077		
14078		
14079
14080		
14081
14082		
14083
14084		
14085
14086		
14087
14088		
14089		
14090
14091		
14092
14093		
14094		
14095		
14096		
14097		
14098	
14099		
14100		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1515777/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515777/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1515777/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515777/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1515777/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Winter©Wurzelrudi46" /></picture>
14101	
14102	
14103	
14104	</div>
14105
14106							
14107
14108						
14109						
14110						
14111
14112						
14113
14114						
14115
14116						
14117
14118
14119					
14120					</div>
14121					
14122				
14123					
14124
14125
14126
14127
14128
14129					
14130
14131					<div class="metateaser-content">
14132
14133						<div class="metateaser-content-text">
14134							
14135							
14136								
14137								
14138								
14139
14140								<div class="teaser-subheadline">Für Tagesgäste</div>
14141							
14142
14143							
14144							
14145
14146							
14147
14148							
14149							
14150
14151							
14152							
14153							
14154							
14155							
14156							
14157							
14158
14159							<div class="default_font teaser-name clamp clamp2" >Tagesticket / 8 Stunden</div>
14160
14161
14162							
14163
14164
14165							
14166
14167							
14168							
14169							
14170
14171							
14172							
14173							
14174							
14175							
14176							<div class="teaser-intro clamp clamp3">Genieße deinen Wintertag mit Fahrspaß pur.</div>
14177							
14178							
14179							
14180						</div>
14181
14182						
14183
14184						
14185
14186						
14187						
14188						
14189						
14190						
14191						
14192						
14193						
14194							<div class="price">
14195								
14196								<div class="price-amount">ab 24,00&nbsp;&euro;</div>
14197							</div>
14198						
14199						
14200						
14201
14202							
14203							
14204							<div class="metateaser-buttons button_count1">
14205								
14206									<div class="metateaser-button default" >Details</div>
14207								
14208								
14209							</div>
14210						
14211						
14212						
14213
14214						
14215						
14216
14217					</div>
14218					
14219
14220					
14221
14222				</div>
14223			
14224				
14225
14226				
14227
14228				
14229				
14230				
14231				
14232				
14233				
14234				
14235				
14236				
14237				
14238				
14239			
14240				
14241				
14242				
14243
14244				
14245				
14246				
14247				
14248				
14249				
14250				
14251				
14252				
14253				
14254
14255				
14256				
14257
14258				
14259
14260				
14261				
14262				
14263				
14264				
14265				
14266
14267				
14268				
14269
14270				
14271
14272				
14273
14274
14275				
14276				
14277				
14278				
14279
14280				
14281
14282				
14283				
14284				
14285
14286				
14287				
14288
14289
14290				
14291
14292				
14293				
14294
14295
14296				
14297				
14298				
14299				
14300			
14301				
14302				
14303				
14304
14305
14306				
14307
14308				
14309
14310
14311
14312
14313				
14314
14315
14316
14317			
14318						
14319					
14320					
14321
14322						
14323					
14324					
14325				
14326				
14327				
14328				
14329				
14330				
14331				
14332
14333				
14334
14335
14336				
14337
14338				
14339				<div class="element  slider-element clickable "  data-sheet='item-104097' data-id='item-104097'>
14340					
14341
14342
14343
14344
14345
14346					
14347					<div class="bild">
14348					
14349
14350						
14351
14352						
14353
14354
14355							
14356							   	
14357									
14358								
14359							
14360
14361							
14362
14363							<div class="meta-teaser-images" >
14364	
14365	
14366
14367	
14368
14369		
14370		
14371
14372		
14373
14374		
14375
14376		
14377
14378		
14379
14380		
14381		
14382
14383		
14384
14385		
14386		
14387		
14388		
14389		
14390	
14391		
14392		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1604230/wunderschoene-aussicht-von-skiliftfahrt-winter-600.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1604230/wunderschoene-aussicht-von-skiliftfahrt-winter-400.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1604230/wunderschoene-aussicht-von-skiliftfahrt-winter-600.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1604230/wunderschoene-aussicht-von-skiliftfahrt-winter-400.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1604230/wunderschoene-aussicht-von-skiliftfahrt-winter-400.jpg?r=1" width="400" height="300" loading='lazy' alt="Die Szene zeigt den Sessellift am Adlerfelsen mit Blick auf eine verschneite Landschaft und die Stadt Eibenstock unter klarem Himmel." /></picture>
14393	
14394	
14395	
14396	</div>
14397
14398							
14399
14400						
14401						
14402						
14403
14404						
14405
14406						
14407
14408						
14409
14410
14411					
14412					</div>
14413					
14414				
14415					
14416
14417
14418
14419
14420
14421					
14422
14423					<div class="metateaser-content">
14424
14425						<div class="metateaser-content-text">
14426							
14427							
14428								
14429								
14430								
14431
14432								<div class="teaser-subheadline">Für Individualisten</div>
14433							
14434
14435							
14436							
14437
14438							
14439
14440							
14441							
14442
14443							
14444							
14445							
14446							
14447							
14448							
14449							
14450
14451							<div class="default_font teaser-name clamp clamp2" >Mehrtageskarte</div>
14452
14453
14454							
14455
14456
14457							
14458
14459							
14460							
14461							
14462
14463							
14464							
14465							
14466							
14467							
14468							<div class="teaser-intro clamp clamp3">Finde deinen eigenen Rhythmus im Kurzurlaub.</div>
14469							
14470							
14471							
14472						</div>
14473
14474						
14475
14476						
14477
14478						
14479						
14480						
14481						
14482						
14483						
14484						
14485						
14486							<div class="price">
14487								
14488								<div class="price-amount">ab 45,00&nbsp;&euro;</div>
14489							</div>
14490						
14491						
14492						
14493
14494							
14495							
14496							<div class="metateaser-buttons button_count1">
14497								
14498									<div class="metateaser-button default" >Details</div>
14499								
14500								
14501							</div>
14502						
14503						
14504						
14505
14506						
14507						
14508
14509					</div>
14510					
14511
14512					
14513
14514				</div>
14515			
14516				
14517
14518				
14519
14520				
14521				
14522				
14523				
14524				
14525				
14526				
14527				
14528				
14529
14530			
14531
14532		</div>
14533
14534		
14535
14536		<div class="slider-arrows">
14537			<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
14538			<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
14539		</div>
14540		
14541	</div>
14542
14543	<div style="display: none;"></div>
14544
14545
14546	
14547
14548</div>
14549
14550
14551
14552
14553					
14554
14555
14556
14557<script>
14558	"use strict";
14559		
14560	TraminoReady(function() {
14561
14562		if ( typeof window.sliderArrowVisible == "function" ) {
14563			window.sliderArrowVisible();
14564		}
14565
14566	});
14567</script>
14567
14568
14569
14570
14571
14572
14573
14574
14575
14576
14577
14578
14579
14580
14581
14582
14583
14584
14585
14586
14587<!-- /MetaTeaser -->
14588
14589
14590
14591
14592
14593
14594
14595			</div>
14596
14597			
14598
14599			
14600
14601
14602		</div>
14603
14604	
14605	</div><!-- wrap_inner end -->
14606	</div>
14607	</div>
14608	
14609
14610	
14611	
14612	<style>
14613		
14614		
14615		
14616	</style>
14617
14618
14619<div id="quickpreview" class="T0000" data-gs-id="">
14620	<div class="outer">
14621		<div class="quickpreview_inner"></div>
14622	</div>
14623</div>
14624<div id="quickpreview_background"></div>
14625
14626
14627<script type="text/javascript">
14628
14629	
14630
14631	window.checkArrows = function() {
14632
14633		// console.log("checkArrows");
14634
14635		const sliderContainers = document.querySelectorAll(".slider-outer");
14636
14637		sliderContainers.forEach((container) => {
14638			const slider = container.querySelector(".slider-elements");
14639			const arrowLeft = container.querySelector(".arrow-left");
14640			const arrowRight = container.querySelector(".arrow-right");
14641			const slides = slider.querySelectorAll(".slider-element");
14642
14643			if ( slides[0] === undefined ) {
14644				return;
14645			}
14646
14647			if ( arrowLeft === null  ) { return; }
14648			if ( arrowRight === null  ) { return; }
14649
14650			const firstSlide = slides[0];
14651			const lastSlide = slides[slides.length - 1];
14652			const slideWidth = slides[0].offsetWidth + 10; // Slide-Breite inklusive Margin
14653
14654			const observerOptions = { root: slider, threshold: 1.0 };
14655
14656			// Observer für das erste Slide
14657			const firstSlideObserver = new IntersectionObserver((entries) => {
14658				entries.forEach((entry) => {
14659					if (entry.isIntersecting) {
14660						arrowLeft.classList.add("hide"); // Versteckt die linke Pfeil-Schaltfläche
14661					} else {
14662						arrowLeft.classList.remove("hide"); // Zeigt die linke Pfeil-Schaltfläche wieder an
14663					}
14664				});
14665			}, observerOptions);
14666
14667			// Observer für das letzte Slide
14668			const lastSlideObserver = new IntersectionObserver((entries) => {
14669				entries.forEach((entry) => {
14670					if (entry.isIntersecting) {
14671						arrowRight.classList.add("hide"); // Versteckt die rechte Pfeil-Schaltfläche
14672					} else {
14673						arrowRight.classList.remove("hide"); // Zeigt die rechte Pfeil-Schaltfläche wieder an
14674					}
14675				});
14676			}, observerOptions);
14677
14678			// Startet das Beobachten der ersten und letzten Slide-Elemente
14679			firstSlideObserver.observe(firstSlide);
14680			lastSlideObserver.observe(lastSlide);
14681
14682			// Entferne vorhandene Eventlistener, falls vorhanden
14683		    if (arrowLeft.handleLeftClick) {
14684		      arrowLeft.removeEventListener("click", arrowLeft.handleLeftClick);
14685		    }
14686		    if (arrowRight.handleRightClick) {
14687		      arrowRight.removeEventListener("click", arrowRight.handleRightClick);
14688		    }
14689
14690		    // Definiere und füge neue Eventlistener hinzu
14691		    arrowLeft.handleLeftClick = function() {
14692		      slider.scrollBy({ left: -slideWidth, behavior: "smooth" });
14693		    };
14694		    arrowRight.handleRightClick = function() {
14695		      slider.scrollBy({ left: slideWidth, behavior: "smooth" });
14696		    };
14697
14698		    arrowLeft.addEventListener("click", arrowLeft.handleLeftClick);
14699		    arrowRight.addEventListener("click", arrowRight.handleRightClick);
14700		});
14701	}
14702
14703	checkArrows();
14704
14705</script>
14705
14706					
14707				</section>
14708			
14709				<section class="TraminoVorlage T5561  with_meta_teaser TraminoVorlage_13" id="TraminoAnhang598235"  style=" margin-bottom: 0vw !important; "   >
14710					<div class="grid-stack-item" data-gs-id="598235">
14711	<div class="wrap_wrapper grid-stack-item-content ">
14712	<div class="wrap_inner">
14713	
14714		
14715		
14716		
14717		
14718
14719		
14720		
14721		
14722		<div class="maxwidth">
14723			
14724
14725			
14726			
14727			
14728			
14729
14730			
14731			
14732			<div class="wrap_head ">
14733
14734				
14735					
14736					
14737					
14738					
14739
14740					
14741						
14742						
14743						
14744					
14745
14746					
14747
14748					<div class="wrap_headline specialfont fontsize_medium color" style="color:#2d296f">
14749						>> Vielfahrer &amp; Familienpakete</div>
14750					
14751					
14752					
14753
14754										
14755						
14756						
14757					
14758
14759					
14760
14761
14762				
14763				
14764				
14765
14766
14767			</div>
14768			
14769			<div class="meta-wrap-content">
14770				
14771
14772
14773
14774
14775
14776
14777
14778
14779	
14780	
14781	
14782		
14783				
14784	
14785
14786	
14787
14788	
14789
14790	
14791	
14792	
14793	
14794	
14795	
14796	
14797	
14798	
14799	
14800
14801	
14802	
14803		
14804			
14805		
14806			
14807	
14808
14809
14810
14811	
14812	
14813	
14814	
14815	
14816	
14817	
14818
14819
14820
14821	
14822	
14823	
14824		
14825				
14826	
14827
14828	
14829
14830	
14831
14832	
14833	
14834	
14835	
14836	
14837	
14838	
14839	
14840	
14841	
14842
14843	
14844	
14845		
14846			
14847		
14848			
14849	
14850
14851
14852
14853	
14854	
14855	
14856	
14857	
14858	
14859	
14860
14861
14862	
14863	
14864<!-- MetaDetail -->
14865
14866
14867	<!-- MetaDetail: load_css only -->
14868
14869
14870
14871
14872
14873
14874
14875
14876
14877
14878
14879
14880
14881
14882
14883
14884
14885
14886
14887
14888
14889
14890
14891
14892
14893
14894
14895
14896
14897
14898
14899
14900
14901
14902
14903
14904
14905
14906
14907
14908
14909
14910
14911
14912
14913
14914
14915
14916
14917
14918
14919
14920
14921
14922
14923
14924
14925
14926
14927
14928
14929
14930
14931
14932
14933
14934
14935
14936
14937
14938
14939
14940
14941	
14942	
14943	
14944
14945	<style>
14946		
14947		.T5277 .elements_598235 .element {
14948			background-color: #ffffff;
14949		}
14950
14951		.T5277 .meta-teaser-pulldown-content { 
14952			background-color: #ffffff;
14953		}
14954
14955		.T5277.layout_inside .elements_598235 .metateaser-content .teaser-name {
14956			background-color: #ffffff !important;
14957			padding: 0.4rem 0.9rem;
14958			display: inline-block;
14959			margin: 0;
14960		}
14961		.T5277.layout_inside .elements_598235 .metateaser-content .teaser-status_info  {
14962			background-color: #ffffff !important;
14963			padding: 0.4rem 0.9rem;
14964			display: inline-block;
14965			margin: 0;
14966		}
14967
14968
14969		.T5277 .elements_598235 .element.color-highlight { background-color: var(--color-secondary); }
14970		.T5277.layout_inside .elements_598235 .element.color-highlight .metateaser-content .teaser-name {
14971			background-color: var(--color-secondary) !important;
14972		}
14973		
14974
14975		
14976		.T5277 .elements_598235 .element .bild {
14977			background-color: #ffffff;
14978		}
14979
14980		.T5277 .elements_598235 .element.color-highlight .bild {
14981			background-color: var(--color-secondary);
14982		}
14983		
14984
14985		
14986		.T5277 .elements_598235 .metateaser-content .teaser-name { 
14987			color: #2d296f;
14988		}
14989		
14990		
14991		.T5277 .elements_598235 {
14992			--bgcolor-button: #2d296f;
14993		}
14994		
14995
14996		
14997
14998		.T5424 .T5277 .elements_598235 .metateaser-content .teaser-name { 
14999			max-width: 80%;
15000			hyphens: auto;
15001			/* Infosystem Name ragt sonst in Status rein */
15002		}
15003
15004		.T5277 .elements_598235 .metateaser-content .teaser-intro {
15005			color: #56ade2;
15006		}
15007
15008		.T5277 .elements_598235 .metateaser-content .teaser-subheadline {
15009			color: #56ade2;
15010		}
15011		.T5277 .elements_598235 .metateaser-content .text_teaser {
15012			color: #56ade2;
15013		}
15014	
15015	</style>
15016
15017
15018
15019
15020
15021
15022
15023
15024
15025<div class="T5277 display_mobile_slider display_tablet_slider display_desktop_grid cols_mobile_1 cols_tablet_1 cols_desktop_4 layout_below layout_tablet_below layout_mobile_below ratio_landscape slider_slice_2 bg_color bg_color_image meta-teaser-up-right-icon meta-teaser-radius-10">
15026
15027
15028
15029
15030
15031
15032
15033	<div class="teaser_head noselect">
15034		<div class="filter_count"><span>2</span> von 2</div>
15035		<div class="filter_selected"></div>
15036		<div class="paginator_pages" role="navigation" aria-label="Pagination"></div>
15037	</div>
15038
15039	<div class="outer slider-outer">
15040		
15041		
15042			
15043		<div class="elements elements_598235
15044                
15045                 slider-elements"
15046                    >
15047
15048                
15049
15050			
15051			
15052			
15053
15054			
15055						
15056			
15057				
15058				
15059			
15060				
15061				
15062				
15063
15064				
15065				
15066				
15067				
15068				
15069				
15070				
15071				
15072				
15073				
15074
15075				
15076				
15077
15078				
15079
15080				
15081				
15082				
15083				
15084				
15085				
15086
15087				
15088				
15089
15090				
15091
15092				
15093
15094
15095				
15096				
15097				
15098				
15099
15100				
15101
15102				
15103				
15104				
15105
15106				
15107				
15108
15109
15110				
15111
15112				
15113				
15114
15115
15116				
15117				
15118				
15119				
15120			
15121				
15122				
15123				
15124
15125
15126				
15127
15128				
15129
15130
15131
15132
15133				
15134
15135
15136
15137			
15138						
15139					
15140					
15141
15142						
15143					
15144					
15145				
15146				
15147				
15148				
15149				
15150				
15151				
15152
15153				
15154
15155
15156				
15157
15158				
15159				<div class="element  slider-element clickable "  data-sheet='item-104096' data-id='item-104096'>
15160					
15161
15162
15163
15164
15165
15166					
15167					<div class="bild">
15168					
15169
15170						
15171
15172						
15173
15174
15175							
15176							   	
15177									
15178								
15179							
15180
15181							
15182
15183							<div class="meta-teaser-images" >
15184	
15185	
15186
15187	
15188
15189		
15190		
15191
15192		
15193
15194		
15195
15196		
15197
15198		
15199
15200		
15201		
15202
15203		
15204
15205		
15206		
15207		
15208		
15209		
15210	
15211		
15212		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1604292/zwei-kinder-skigebiet-mit-snowboard-ski-600x450.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1604292/zwei-kinder-skigebiet-mit-snowboard-ski-400x300.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1604292/zwei-kinder-skigebiet-mit-snowboard-ski-600x450.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1604292/zwei-kinder-skigebiet-mit-snowboard-ski-400x300.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1604292/zwei-kinder-skigebiet-mit-snowboard-ski-400x300.jpg?r=1" width="400" height="300" loading='lazy' alt="Zwei Kinder sitzen im Skilift mit Snowboard und Skiern. Beide zeigen begeistert ihren Daumen nach oben." /></picture>
15213	
15214	
15215	
15216	</div>
15217
15218							
15219
15220						
15221						
15222						
15223
15224						
15225
15226						
15227
15228						
15229
15230
15231					
15232					</div>
15233					
15234				
15235					
15236
15237
15238
15239
15240
15241					
15242
15243					<div class="metateaser-content">
15244
15245						<div class="metateaser-content-text">
15246							
15247							
15248								
15249								
15250								
15251
15252								<div class="teaser-subheadline">Für Sparfüchse</div>
15253							
15254
15255							
15256							
15257
15258							
15259
15260							
15261							
15262
15263							
15264							
15265							
15266							
15267							
15268							
15269							
15270
15271							<div class="default_font teaser-name clamp clamp2" >Familien Skipass</div>
15272
15273
15274							
15275
15276
15277							
15278
15279							
15280							
15281							
15282
15283							
15284							
15285							
15286							
15287							
15288							<div class="teaser-intro clamp clamp3">Nutze unsere Pakete für kleine &amp; große Familien.</div>
15289							
15290							
15291							
15292						</div>
15293
15294						
15295
15296						
15297
15298						
15299						
15300						
15301						
15302						
15303						
15304						
15305						
15306							<div class="price">
15307								<div class="price-info">4 Stunden 2+1</div>
15308								<div class="price-amount">ab 54,00&nbsp;&euro;</div>
15309							</div>
15310						
15311						
15312						
15313
15314							
15315							
15316							<div class="metateaser-buttons button_count1">
15317								
15318									<div class="metateaser-button default" >Details</div>
15319								
15320								
15321							</div>
15322						
15323						
15324						
15325
15326						
15327						
15328
15329					</div>
15330					
15331
15332					
15333
15334				</div>
15335			
15336				
15337
15338				
15339
15340				
15341				
15342				
15343				
15344				
15345				
15346				
15347				
15348				
15349				
15350				
15351			
15352				
15353				
15354				
15355
15356				
15357				
15358				
15359				
15360				
15361				
15362				
15363				
15364				
15365				
15366
15367				
15368				
15369
15370				
15371
15372				
15373				
15374				
15375				
15376				
15377				
15378
15379				
15380				
15381
15382				
15383
15384				
15385
15386
15387				
15388				
15389				
15390				
15391
15392				
15393
15394				
15395				
15396				
15397
15398				
15399				
15400
15401
15402				
15403
15404				
15405				
15406
15407
15408				
15409				
15410				
15411				
15412			
15413				
15414				
15415				
15416
15417
15418				
15419
15420				
15421
15422
15423
15424
15425				
15426
15427
15428
15429			
15430						
15431					
15432					
15433
15434						
15435					
15436					
15437				
15438				
15439				
15440				
15441				
15442				
15443				
15444
15445				
15446
15447
15448				
15449
15450				
15451				<div class="element  slider-element clickable "  data-sheet='item-104099' data-id='item-104099'>
15452					
15453
15454
15455
15456
15457
15458					
15459					<div class="bild">
15460					
15461
15462						
15463
15464						
15465
15466
15467							
15468							   	
15469									
15470								
15471							
15472
15473							
15474
15475							<div class="meta-teaser-images" >
15476	
15477	
15478
15479	
15480
15481		
15482		
15483
15484		
15485
15486		
15487
15488		
15489
15490		
15491
15492		
15493		
15494
15495		
15496
15497		
15498		
15499		
15500		
15501		
15502	
15503		
15504		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1515763/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515763/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1515763/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515763/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1515763/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Winter©Wurzelrudi14 (1)" /></picture>
15505	
15506	
15507	
15508	</div>
15509
15510							
15511
15512						
15513						
15514						
15515
15516						
15517
15518						
15519
15520						
15521
15522
15523					
15524					</div>
15525					
15526				
15527					
15528
15529
15530
15531
15532
15533					
15534
15535					<div class="metateaser-content">
15536
15537						<div class="metateaser-content-text">
15538							
15539							
15540								
15541								
15542								
15543
15544								<div class="teaser-subheadline">
15544Pistenspaß für Stammgäste</div>
15545							
15546
15547							
15548							
15549
15550							
15551
15552							
15553							
15554
15555							
15556							
15557							
15558							
15559							
15560							
15561							
15562
15563							<div class="default_font teaser-name clamp clamp2" >Flexibel für Vielfahrer</div>
15564
15565
15566							
15567
15568
15569							
15570
15571							
15572							
15573							
15574
15575							
15576							
15577							
15578							
15579							
15580							<div class="teaser-intro clamp clamp3">Teile dir deine Zeit selbst ein (15 oder 30 Stunden).</div>
15581							
15582							
15583							
15584						</div>
15585
15586						
15587
15588						
15589
15590						
15591						
15592						
15593						
15594						
15595						
15596						
15597						
15598							<div class="price">
15599								
15600								<div class="price-amount">ab 78,00&nbsp;&euro;</div>
15601							</div>
15602						
15603						
15604						
15605
15606							
15607							
15608							<div class="metateaser-buttons button_count1">
15609								
15610									<div class="metateaser-button default" >Details</div>
15611								
15612								
15613							</div>
15614						
15615						
15616						
15617
15618						
15619						
15620
15621					</div>
15622					
15623
15624					
15625
15626				</div>
15627			
15628				
15629
15630				
15631
15632				
15633				
15634				
15635				
15636				
15637				
15638				
15639				
15640				
15641
15642			
15643
15644		</div>
15645
15646		
15647
15648		<div class="slider-arrows">
15649			<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
15650			<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
15651		</div>
15652		
15653	</div>
15654
15655	<div style="display: none;"></div>
15656
15657
15658	
15659
15660</div>
15661
15662
15663
15664
15665					
15666
15667
15668
15669<script>
15670	"use strict";
15671		
15672	TraminoReady(function() {
15673
15674		if ( typeof window.sliderArrowVisible == "function" ) {
15675			window.sliderArrowVisible();
15676		}
15677
15678	});
15679</script>
15679
15680
15681
15682
15683
15684
15685
15686
15687
15688
15689
15690
15691
15692
15693
15694
15695
15696
15697
15698
15699<!-- /MetaTeaser -->
15700
15701
15702
15703
15704
15705
15706
15707			</div>
15708
15709			
15710
15711			
15712
15713
15714		</div>
15715
15716	
15717	</div><!-- wrap_inner end -->
15718	</div>
15719	</div>
15720	
15721
15722	
15723	
15724	<style>
15725		
15726		
15727		
15728	</style>
15729
15730
15731<div id="quickpreview" class="T0000" data-gs-id="">
15732	<div class="outer">
15733		<div class="quickpreview_inner"></div>
15734	</div>
15735</div>
15736<div id="quickpreview_background"></div>
15737
15738
15739<script type="text/javascript">
15740
15741	
15742
15743	window.checkArrows = function() {
15744
15745		// console.log("checkArrows");
15746
15747		const sliderContainers = document.querySelectorAll(".slider-outer");
15748
15749		sliderContainers.forEach((container) => {
15750			const slider = container.querySelector(".slider-elements");
15751			const arrowLeft = container.querySelector(".arrow-left");
15752			const arrowRight = container.querySelector(".arrow-right");
15753			const slides = slider.querySelectorAll(".slider-element");
15754
15755			if ( slides[0] === undefined ) {
15756				return;
15757			}
15758
15759			if ( arrowLeft === null  ) { return; }
15760			if ( arrowRight === null  ) { return; }
15761
15762			const firstSlide = slides[0];
15763			const lastSlide = slides[slides.length - 1];
15764			const slideWidth = slides[0].offsetWidth + 10; // Slide-Breite inklusive Margin
15765
15766			const observerOptions = { root: slider, threshold: 1.0 };
15767
15768			// Observer für das erste Slide
15769			const firstSlideObserver = new IntersectionObserver((entries) => {
15770				entries.forEach((entry) => {
15771					if (entry.isIntersecting) {
15772						arrowLeft.classList.add("hide"); // Versteckt die linke Pfeil-Schaltfläche
15773					} else {
15774						arrowLeft.classList.remove("hide"); // Zeigt die linke Pfeil-Schaltfläche wieder an
15775					}
15776				});
15777			}, observerOptions);
15778
15779			// Observer für das letzte Slide
15780			const lastSlideObserver = new IntersectionObserver((entries) => {
15781				entries.forEach((entry) => {
15782					if (entry.isIntersecting) {
15783						arrowRight.classList.add("hide"); // Versteckt die rechte Pfeil-Schaltfläche
15784					} else {
15785						arrowRight.classList.remove("hide"); // Zeigt die rechte Pfeil-Schaltfläche wieder an
15786					}
15787				});
15788			}, observerOptions);
15789
15790			// Startet das Beobachten der ersten und letzten Slide-Elemente
15791			firstSlideObserver.observe(firstSlide);
15792			lastSlideObserver.observe(lastSlide);
15793
15794			// Entferne vorhandene Eventlistener, falls vorhanden
15795		    if (arrowLeft.handleLeftClick) {
15796		      arrowLeft.removeEventListener("click", arrowLeft.handleLeftClick);
15797		    }
15798		    if (arrowRight.handleRightClick) {
15799		      arrowRight.removeEventListener("click", arrowRight.handleRightClick);
15800		    }
15801
15802		    // Definiere und füge neue Eventlistener hinzu
15803		    arrowLeft.handleLeftClick = function() {
15804		      slider.scrollBy({ left: -slideWidth, behavior: "smooth" });
15805		    };
15806		    arrowRight.handleRightClick = function() {
15807		      slider.scrollBy({ left: slideWidth, behavior: "smooth" });
15808		    };
15809
15810		    arrowLeft.addEventListener("click", arrowLeft.handleLeftClick);
15811		    arrowRight.addEventListener("click", arrowRight.handleRightClick);
15812		});
15813	}
15814
15815	checkArrows();
15816
15817</script>
15817
15818					
15819				</section>
15820			
15821				<section class="TraminoVorlage T5561  with_meta_teaser TraminoVorlage_14" id="TraminoAnhang598236"  style=" margin-bottom: 0vw !important; "   >
15822					<div class="grid-stack-item" data-gs-id="598236">
15823	<div class="wrap_wrapper grid-stack-item-content ">
15824	<div class="wrap_inner">
15825	
15826		
15827		
15828		
15829		
15830
15831		
15832		
15833		
15834		<div class="maxwidth">
15835			
15836
15837			
15838			
15839			
15840			
15841
15842			
15843			
15844			<div class="wrap_head ">
15845
15846				
15847					
15848					
15849					
15850					
15851
15852					
15853						
15854						
15855						
15856					
15857
15858					
15859
15860					<div class="wrap_headline specialfont fontsize_medium color" style="color:#2d296f">
15861						>> Rodel &amp; Kinderland</div>
15862					
15863					
15864					
15865
15866										
15867						
15868						
15869					
15870
15871					
15872
15873
15874				
15875				
15876				
15877
15878
15879			</div>
15880			
15881			<div class="meta-wrap-content">
15882				
15883
15884
15885
15886
15887
15888
15889
15890
15891	
15892	
15893	
15894		
15895				
15896	
15897
15898	
15899
15900	
15901
15902	
15903	
15904	
15905	
15906	
15907	
15908	
15909	
15910	
15911	
15912
15913	
15914	
15915		
15916			
15917		
15918			
15919	
15920
15921
15922
15923	
15924	
15925	
15926	
15927	
15928	
15929	
15930
15931
15932
15933	
15934	
15935	
15936		
15937				
15938	
15939
15940	
15941
15942	
15943
15944	
15945	
15946	
15947	
15948	
15949	
15950	
15951	
15952	
15953	
15954
15955	
15956	
15957		
15958			
15959		
15960			
15961	
15962
15963
15964
15965	
15966	
15967	
15968	
15969	
15970	
15971	
15972
15973
15974	
15975	
15976<!-- MetaDetail -->
15977
15978
15979	<!-- MetaDetail: load_css only -->
15980
15981
15982
15983
15984
15985
15986
15987
15988
15989
15990
15991
15992
15993
15994
15995
15996
15997
15998
15999
16000
16001
16002
16003
16004
16005
16006
16007
16008
16009
16010
16011
16012
16013
16014
16015
16016
16017
16018
16019
16020
16021
16022
16023
16024
16025
16026
16027
16028
16029
16030
16031
16032
16033
16034
16035
16036
16037
16038
16039
16040
16041
16042
16043
16044
16045
16046
16047
16048
16049
16050
16051
16052
16053	
16054	
16055	
16056
16057	<style>
16058		
16059		.T5277 .elements_598236 .element {
16060			background-color: #ffffff;
16061		}
16062
16063		.T5277 .meta-teaser-pulldown-content { 
16064			background-color: #ffffff;
16065		}
16066
16067		.T5277.layout_inside .elements_598236 .metateaser-content .teaser-name {
16068			background-color: #ffffff !important;
16069			padding: 0.4rem 0.9rem;
16070			display: inline-block;
16071			margin: 0;
16072		}
16073		.T5277.layout_inside .elements_598236 .metateaser-content .teaser-status_info  {
16074			background-color: #ffffff !important;
16075			padding: 0.4rem 0.9rem;
16076			display: inline-block;
16077			margin: 0;
16078		}
16079
16080
16081		.T5277 .elements_598236 .element.color-highlight { background-color: var(--color-secondary); }
16082		.T5277.layout_inside .elements_598236 .element.color-highlight .metateaser-content .teaser-name {
16083			background-color: var(--color-secondary) !important;
16084		}
16085		
16086
16087		
16088		.T5277 .elements_598236 .element .bild {
16089			background-color: #ffffff;
16090		}
16091
16092		.T5277 .elements_598236 .element.color-highlight .bild {
16093			background-color: var(--color-secondary);
16094		}
16095		
16096
16097		
16098		.T5277 .elements_598236 .metateaser-content .teaser-name { 
16099			color: #2d296f;
16100		}
16101		
16102		
16103		.T5277 .elements_598236 {
16104			--bgcolor-button: #2d296f;
16105		}
16106		
16107
16108		
16109
16110		.T5424 .T5277 .elements_598236 .metateaser-content .teaser-name { 
16111			max-width: 80%;
16112			hyphens: auto;
16113			/* Infosystem Name ragt sonst in Status rein */
16114		}
16115
16116		.T5277 .elements_598236 .metateaser-content .teaser-intro {
16117			color: #56ade2;
16118		}
16119
16120		.T5277 .elements_598236 .metateaser-content .teaser-subheadline {
16121			color: #56ade2;
16122		}
16123		.T5277 .elements_598236 .metateaser-content .text_teaser {
16124			color: #56ade2;
16125		}
16126	
16127	</style>
16128
16129
16130
16131
16132
16133
16134
16135
16136
16137<div class="T5277 display_mobile_slider display_tablet_slider display_desktop_grid cols_mobile_1 cols_tablet_1 cols_desktop_4 layout_below layout_tablet_below layout_mobile_below ratio_landscape slider_slice_2 bg_color bg_color_image meta-teaser-up-right-icon meta-teaser-radius-10">
16138
16139
16140
16141
16142
16143
16144
16145	<div class="teaser_head noselect">
16146		<div class="filter_count"><span>2</span> von 2</div>
16147		<div class="filter_selected"></div>
16148		<div class="paginator_pages" role="navigation" aria-label="Pagination"></div>
16149	</div>
16150
16151	<div class="outer slider-outer">
16152		
16153		
16154			
16155		<div class="elements elements_598236
16156                
16157                 slider-elements"
16158                    >
16159
16160                
16161
16162			
16163			
16164			
16165
16166			
16167						
16168			
16169				
16170				
16171			
16172				
16173				
16174				
16175
16176				
16177				
16178				
16179				
16180				
16181				
16182				
16183				
16184				
16185				
16186
16187				
16188				
16189
16190				
16191
16192				
16193				
16194				
16195				
16196				
16197				
16198
16199				
16200				
16201
16202				
16203
16204				
16205
16206
16207				
16208				
16209				
16210				
16211
16212				
16213
16214				
16215				
16216				
16217
16218				
16219				
16220
16221
16222				
16223
16224				
16225				
16226
16227
16228				
16229				
16230				
16231				
16232			
16233				
16234				
16235				
16236
16237
16238				
16239
16240				
16241
16242
16243
16244
16245				
16246
16247
16248
16249			
16250						
16251					
16252					
16253
16254						
16255					
16256					
16257				
16258				
16259				
16260				
16261				
16262				
16263				
16264
16265				
16266
16267
16268				
16269
16270				
16271				<div class="element  slider-element clickable "  data-sheet='item-104264' data-id='item-104264'>
16272					
16273
16274
16275
16276
16277
16278					
16279					<div class="bild">
16280					
16281
16282						
16283
16284						
16285
16286
16287							
16288							   	
16289									
16290								
16291							
16292
16293							
16294
16295							<div class="meta-teaser-images" >
16296	
16297	
16298
16299	
16300
16301		
16302		
16303
16304		
16305
16306		
16307
16308		
16309
16310		
16311
16312		
16313		
16314
16315		
16316
16317		
16318		
16319		
16320		
16321		
16322	
16323		
16324		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1605259/600x450.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605259/400x300.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1605259/600x450.png 1x" type="image/png" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605259/400x300.png 1x" type="image/png" ><img src="https://storage.tramino.net/wurzelrudi/1605259/400x300.png" width="400" height="300" loading='lazy' alt="Wurzelrudi Winter Bob" /></picture>
16325	
16326	
16327	
16328	</div>
16329
16330							
16331
16332						
16333						
16334						
16335
16336						
16337
16338						
16339
16340						
16341
16342
16343					
16344					</div>
16345					
16346				
16347					
16348
16349
16350
16351
16352
16353					
16354
16355					<div class="metateaser-content">
16356
16357						<div class="metateaser-content-text">
16358							
16359							
16360								
16361								
16362								
16363
16364								<div class="teaser-subheadline">Für den Adrenalinkick</div>
16365							
16366
16367							
16368							
16369
16370							
16371
16372							
16373							
16374
16375							
16376							
16377							
16378							
16379							
16380							
16381							
16382
16383							<div class="default_font teaser-name clamp clamp2" >Allwetterbobbahn Winter</div>
16384
16385
16386							
16387
16388
16389							
16390
16391							
16392							
16393							
16394
16395							
16396							
16397							
16398							
16399							
16400							<div class="teaser-intro clamp clamp3">Mach deinen Skitag auf der Bobbahn perfekt.</div>
16401							
16402							
16403							
16404						</div>
16405
16406						
16407
16408						
16409
16410						
16411						
16412						
16413						
16414						
16415						
16416						
16417						
16418							<div class="price">
16419								
16420								<div class="price-amount">ab 3,60&nbsp;&euro;</div>
16421							</div>
16422						
16423						
16424						
16425
16426							
16427							
16428							<div class="metateaser-buttons button_count1">
16429								
16430									<div class="metateaser-button default" >Details</div>
16431								
16432								
16433							</div>
16434						
16435						
16436						
16437
16438						
16439						
16440
16441					</div>
16442					
16443
16444					
16445
16446				</div>
16447			
16448				
16449
16450				
16451
16452				
16453				
16454				
16455				
16456				
16457				
16458				
16459				
16460				
16461				
16462				
16463			
16464				
16465				
16466				
16467
16468				
16469				
16470				
16471				
16472				
16473				
16474				
16475				
16476				
16477				
16478
16479				
16480				
16481
16482				
16483
16484				
16485				
16486				
16487				
16488				
16489				
16490
16491				
16492				
16493
16494				
16495
16496				
16497
16498
16499				
16500				
16501				
16502				
16503
16504				
16505
16506				
16507				
16508				
16509
16510				
16511				
16512
16513
16514				
16515
16516				
16517				
16518
16519
16520				
16521				
16522				
16523				
16524			
16525				
16526				
16527				
16528
16529
16530				
16531
16532				
16533
16534
16535
16536
16537				
16538
16539
16540
16541			
16542						
16543					
16544					
16545
16546						
16547					
16548					
16549				
16550				
16551				
16552				
16553				
16554				
16555				
16556
16557				
16558
16559
16560				
16561
16562				
16563				<div class="element  slider-element clickable "  data-sheet='item-104220' data-id='item-104220'>
16564					
16565
16566
16567
16568
16569
16570					
16571					<div class="bild">
16572					
16573
16574						
16575
16576						
16577
16578
16579							
16580							   	
16581									
16582								
16583							
16584
16585							
16586
16587							<div class="meta-teaser-images" >
16588	
16589	
16590
16591	
16592
16593		
16594		
16595
16596		
16597
16598		
16599
16600		
16601
16602		
16603
16604		
16605		
16606
16607		
16608
16609		
16610		
16611		
16612		
16613		
16614	
16615		
16616		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1528860/600x450.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1528860/400x300.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1528860/600x450.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1528860/400x300.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1528860/400x300.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi-zipfel" /></picture>
16617	
16618	
16619	
16620	</div>
16621
16622							
16623
16624						
16625						
16626						
16627
16628						
16629
16630						
16631
16632						
16633
16634
16635					
16636					</div>
16637					
16638				
16639					
16640
16641
16642
16643
16644
16645					
16646
16647					<div class="metateaser-content">
16648
16649						<div class="metateaser-content-text">
16650							
16651							
16652								
16653								
16654								
16655
16656								<div class="teaser-subheadline">Für Einsteiger &amp; Rodelfans</div>
16657							
16658
16659							
16660							
16661
16662							
16663
16664							
16665							
16666
16667							
16668							
16669							
16670							
16671							
16672							
16673							
16674
16675							<div class="default_font teaser-name clamp clamp2" >Zauberteppich</div>
16676
16677
16678							
16679
16680
16681							
16682
16683							
16684							
16685							
16686
16687							
16688							
16689							
16690							
16691							
16692							<div class="teaser-intro clamp clamp3">Entdecke unseren Schneepark für Groß und Klein.</div>
16693							
16694							
16695							
16696						</div>
16697
16698						
16699
16700						
16701
16702						
16703						
16704						
16705						
16706						
16707						
16708						
16709						
16710							<div class="price">
16711								
16712								<div class="price-amount">ab 5,00&nbsp;&euro;</div>
16713							</div>
16714						
16715						
16716						
16717
16718							
16719							
16720							<div class="metateaser-buttons button_count1">
16721								
16722									<div class="metateaser-button default" >Details</div>
16723								
16724								
16725							</div>
16726						
16727						
16728						
16729
16730						
16731						
16732
16733					</div>
16734					
16735
16736					
16737
16738				</div>
16739			
16740				
16741
16742				
16743
16744				
16745				
16746				
16747				
16748				
16749				
16750				
16751				
16752				
16753
16754			
16755
16756		</div>
16757
16758		
16759
16760		<div class="slider-arrows">
16761			<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
16762			<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
16763		</div>
16764		
16765	</div>
16766
16767	<div style="display: none;"></div>
16768
16769
16770	
16771
16772</div>
16773
16774
16775
16776
16777					
16778
16779
16780
16781<script>
16782	"use strict";
16783		
16784	TraminoReady(function() {
16785
16786		if ( typeof window.sliderArrowVisible == "function" ) {
16787			window.sliderArrowVisible();
16788		}
16789
16790	});
16791</script>
16791
16792
16793
16794
16795
16796
16797
16798
16799
16800
16801
16802
16803
16804
16805
16806
16807
16808
16809
16810
16811<!-- /MetaTeaser -->
16812
16813
16814
16815
16816
16817
16818
16819			</div>
16820
16821			
16822
16823			
16824
16825
16826		</div>
16827
16828	
16829	</div><!-- wrap_inner end -->
16830	</div>
16831	</div>
16832	
16833
16834	
16835	
16836	<style>
16837		
16838		
16839		
16840	</style>
16841
16842
16843<div id="quickpreview" class="T0000" data-gs-id="">
16844	<div class="outer">
16845		<div class="quickpreview_inner"></div>
16846	</div>
16847</div>
16848<div id="quickpreview_background"></div>
16849
16850
16851<script type="text/javascript">
16852
16853	
16854
16855	window.checkArrows = function() {
16856
16857		// console.log("checkArrows");
16858
16859		const sliderContainers = document.querySelectorAll(".slider-outer");
16860
16861		sliderContainers.forEach((container) => {
16862			const slider = container.querySelector(".slider-elements");
16863			const arrowLeft = container.querySelector(".arrow-left");
16864			const arrowRight = container.querySelector(".arrow-right");
16865			const slides = slider.querySelectorAll(".slider-element");
16866
16867			if ( slides[0] === undefined ) {
16868				return;
16869			}
16870
16871			if ( arrowLeft === null  ) { return; }
16872			if ( arrowRight === null  ) { return; }
16873
16874			const firstSlide = slides[0];
16875			const lastSlide = slides[slides.length - 1];
16876			const slideWidth = slides[0].offsetWidth + 10; // Slide-Breite inklusive Margin
16877
16878			const observerOptions = { root: slider, threshold: 1.0 };
16879
16880			// Observer für das erste Slide
16881			const firstSlideObserver = new IntersectionObserver((entries) => {
16882				entries.forEach((entry) => {
16883					if (entry.isIntersecting) {
16884						arrowLeft.classList.add("hide"); // Versteckt die linke Pfeil-Schaltfläche
16885					} else {
16886						arrowLeft.classList.remove("hide"); // Zeigt die linke Pfeil-Schaltfläche wieder an
16887					}
16888				});
16889			}, observerOptions);
16890
16891			// Observer für das letzte Slide
16892			const lastSlideObserver = new IntersectionObserver((entries) => {
16893				entries.forEach((entry) => {
16894					if (entry.isIntersecting) {
16895						arrowRight.classList.add("hide"); // Versteckt die rechte Pfeil-Schaltfläche
16896					} else {
16897						arrowRight.classList.remove("hide"); // Zeigt die rechte Pfeil-Schaltfläche wieder an
16898					}
16899				});
16900			}, observerOptions);
16901
16902			// Startet das Beobachten der ersten und letzten Slide-Elemente
16903			firstSlideObserver.observe(firstSlide);
16904			lastSlideObserver.observe(lastSlide);
16905
16906			// Entferne vorhandene Eventlistener, falls vorhanden
16907		    if (arrowLeft.handleLeftClick) {
16908		      arrowLeft.removeEventListener("click", arrowLeft.handleLeftClick);
16909		    }
16910		    if (arrowRight.handleRightClick) {
16911		      arrowRight.removeEventListener("click", arrowRight.handleRightClick);
16912		    }
16913
16914		    // Definiere und füge neue Eventlistener hinzu
16915		    arrowLeft.handleLeftClick = function() {
16916		      slider.scrollBy({ left: -slideWidth, behavior: "smooth" });
16917		    };
16918		    arrowRight.handleRightClick = function() {
16919		      slider.scrollBy({ left: slideWidth, behavior: "smooth" });
16920		    };
16921
16922		    arrowLeft.addEventListener("click", arrowLeft.handleLeftClick);
16923		    arrowRight.addEventListener("click", arrowRight.handleRightClick);
16924		});
16925	}
16926
16927	checkArrows();
16928
16929</script>
16929
16930					
16931				</section>
16932			
16933				<section class="TraminoVorlage T4532 S7251 S9303 TraminoVorlage_15" id="TraminoAnhang562078"   >
16934					<div class="maxwidth">
16935	<div class="box wrapper background   "><div class="leftside"><h2 class="mainheadline color specialfont fontsize_xsmall ">
16936						Fragen &amp; Antworten
16937					</h2><div class="fontsize_large leftside_info">
16938						<p>Gern beantworten wir Dir hier alle Fragen rund um den Ticketkauf bei Wurzelrudi in Eibenstock.</p><p>Du kannst Deine Tickets bequem <strong>online buchen</strong> und so wertvolle <strong>Wartezeit sparen</strong>.</p><p>Natürlich erhältst Du alle Tickets auch ganz klassisch an den Kassen vor Ort.</p><p>In den Wintermonaten steht Dir zusätzlich unser <strong>Ticketautomat</strong> an der Talstation zur Verfügung.<br />    </p>
16939					</div><div style="margin: 1em auto;"><div class="Bild File "><img src="https://storage.tramino.net/wurzelrudi/1668014/charkter1.svg?r=1" alt="Charkter1"  title="Charkter1" width="150"   loading="lazy"  /></div></div>
16940			</div>
16941		
16942		
16943		<div class="rightside ">
16944			<div class="bullets"><details  class="bullet first ">
16945					
16946					<summary class="top">
16947						<h3 class="name fontsize_large bold color">
16948							
16949							Ab wie vielen Personen gelten Gruppenpreise?
16950						</h3>
16951
16952						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
16953						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
16954						</svg></div></summary>
16955					
16956
16957					<div class="fontsize_medium hiddencontent"><div class="intro">
16958								Ab 15 Personen seid ihr offiziell eine Gruppe und profitiert von vergünstigten Konditionen. Die Essenangebote beziehen sich auf reine Kindergruppen.
16959							</div><span class="text">
16960																
16961							</span></div>		
16962				</details><details  class="bullet  second">
16963					
16964					<summary class="top">
16965						<h3 class="name fontsize_large bold color">
16966							
16967							Für was sind Wurzeltaler gültig?
16968						</h3>
16969
16970						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
16971						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
16972						</svg></div></summary>
16973					
16974
16975					<div class="fontsize_medium hiddencontent"><div class="intro">
16976								Wurzeltaler sind die Hauswährung in Wurzelrudis Erlebniswelt und an unseren Attraktionen gültig.
16977							</div><span class="text">
16978								<p>Du magst es flexibel und willst sparen? Dann buche Wurzeltaler. Diese Währung gilt an allen unseren Attraktionen. Auf eine Guthabenkarte wird dein Wunschbetrag aufgebucht. Vor Ort an den Drehkreuzen wird jeweils die nötige Anzahl an Wurzeltalern abgebucht, bis die Karte schließlich leer ist.<br />
16979Bleiben am Ende weniger als 5 Taler übrig, erstatten wir diese. Das Guthaben ist 2 Jahre gültig. Wurzeltaler gibt es für Kinder und Erwachsene immer auf getrennten Karten. Denn die Taler für Kinder sind günstiger. <br />
16980Bezahlen kannst du mit Wurzeltalern nur unsere Attraktionen wie Rodelbahn, Sessellift, Seedorf &amp; Co. <br />
16981Essen und Trinken sind in Euro zu bezahlen.</p>								
16982							</span></div>		
16983				</details><details  class="bullet  ">
16984					
16985					<summary class="top">
16986						<h3 class="name fontsize_large bold color">
16987							
16988							Gibt es Alters- oder Größenbeschränkungen?
16989						</h3>
16990
16991						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
16992						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
16993						</svg></div></summary>
16994					
16995
16996					<div class="fontsize_medium hiddencontent"><div class="intro">
16997								Ja, je nach Attraktion:
16998							</div><span class="text">
16999								<p>Bobbahn: ab 3 Jahren mit einem mindestens 12 Jahre alten Mitfahrer und allein ab 8 Jahren<br />
17000Freche Flitzer allein: ab 10 Jahren &amp; mind. 1,40 m Körpergröße<br />
17001Sesselbahn allein: ab 125 cm</p>								
17002							</span></div>		
17003				</details>
17003<details  class="bullet  ">
17004					
17005					<summary class="top">
17006						<h3 class="name fontsize_large bold color">
17007							
17008							Gibt es bei Wurzelrudi auch Gutscheine?
17009						</h3>
17010
17011						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17012						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17013						</svg></div></summary>
17014					
17015
17016					<div class="fontsize_medium hiddencontent"><div class="intro">
17017								Verschenke Erlebnisse – unsere Gutscheine gelten zu jeder Jahreszeit.
17018							</div><span class="text">
17019								<p>Mehr Wurzelrudi gibt es auch zum Verschenken: Unsere Gutscheine können bequem online gebucht werden und sind auch an der Tageskasse erhältlich. Ob für Skischule, Sommer-Erlebnistag oder Skipass – einlösen können die Beschenkten das Guthaben für alles und zu jeder Jahreszeit. Gültig sind die Gutscheine drei Jahre.</p>								
17020							</span></div>		
17021				</details><details  class="bullet  ">
17022					
17023					<summary class="top">
17024						<h3 class="name fontsize_large bold color">
17025							
17026							Kann ich direkt Wurzeltaler verschenken?
17027						</h3>
17028
17029						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17030						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17031						</svg></div></summary>
17032					
17033
17034					<div class="fontsize_medium hiddencontent"><div class="intro">
17035								Nein – und das ist auch gut so.
17036							</div><span class="text">
17037								<p>Du kaufst immer einen Wertgutschein und der wird vor Ort in Wurzeltaler getauscht<br />
17038So bleibt alles flexibel – für jede Familie, jedes Alter und jede Laune.</p>								
17039							</span></div>		
17040				</details><details  class="bullet  ">
17041					
17042					<summary class="top">
17043						<h3 class="name fontsize_large bold color">
17044							
17045							Kann ich meine Karten online buchen?
17046						</h3>
17047
17048						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17049						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17050						</svg></div></summary>
17051					
17052
17053					<div class="fontsize_medium hiddencontent"><div class="intro">
17054								Ob Sommer oder Winter: Unsere Tickets gibt es auch online.
17055							</div><span class="text">
17056								<p>Per QR-Code direkt nach der Ankunft ins Vergnügen starten: In unserem Onlineshop kannst du deine Tickets schon von zuhause aus buchen und vor Ort dann direkt an die Attraktionen durchmarschieren. Das gilt sowohl im Sommer als auch im Winter. Unsere Skipässe – der Pfand beträgt 2 Euro – können je nach Bedarf die ganze Saison lang neu aufgeladen werden.<br />
17057Hinweis: Gib bei der Auswahl im Onlineshop das gewünschte Start- beziehungsweise Nutzungsdatum korrekt ein. Bei Nachfragen hilft unser Personal vor Ort gern weiter.</p>								
17058							</span></div>		
17059				</details><details  class="bullet  ">
17060					
17061					<summary class="top">
17062						<h3 class="name fontsize_large bold color">
17063							
17064							Kann ich mit meinem Schlitten in der Skiarena rodeln?
17065						</h3>
17066
17067						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17068						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17069						</svg></div></summary>
17070					
17071
17072					<div class="fontsize_medium hiddencontent"><div class="intro">
17073								Rodelspaß pur bietet unser Schneepark – samt bequeme Auffahrt per Zauberteppich.
17074							</div><span class="text">
17075								<p>Auch Rodelfans schieben in der Skiarena Eibenstock keine Langeweile. Genügend Schneedecke vorausgesetzt, steht auch ihnen das Kinderland mit Zauberteppich am Fuße des Haupthangs zur Verfügung. So kommt bergan keiner aus der Puste. Tickets für die Nutzung des Zauberteppichs gibt es an der Liftkasse.<br />
17076Keinen eigenen Schlitten dabei? Zipfelbobs und Schlitten können direkt vor Ort ausgeliehen werden.</p>								
17077							</span></div>		
17078				</details>
17078<details  class="bullet  ">
17079					
17080					<summary class="top">
17081						<h3 class="name fontsize_large bold color">
17082							
17083							Muss ich mein Online-Ticket ausdrucken? Kann in die PDF mit dem QR-Code gleich nutzen?
17084						</h3>
17085
17086						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17087						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17088						</svg></div></summary>
17089					
17090
17091					<div class="fontsize_medium hiddencontent"><div class="intro">
17092								Nein, ein Ausdruck ist nicht notwendig. Nach der Buchung erhältst du dein Online-Ticket als PDF. Du kannst es ausdrucken oder direkt auf deinem Smartphone vorzeigen.
17093							</div><span class="text">
17094								<p>Nach erfolgreicher Buchung bekommst du dein Online-Ticket als PDF-Datei. Auf dem Ticket befindet sich ein QR-Code, mit dem du die Drehkreuze der gebuchten Erlebnisse direkt nutzen kannst.</p>
17095
17096<p>Du hast dabei zwei Möglichkeiten: Drucke das PDF zu Hause aus und halte den QR-Code am Drehkreuz vor den Scanner. Oder öffne das Ticket einfach auf deinem Smartphone. Auch der QR-Code auf dem Handydisplay kann direkt am Drehkreuz gescannt werden.</p>
17097
17098<p>Achte bitte darauf, dass der QR-Code gut sichtbar ist und die Bildschirmhelligkeit ausreichend hoch eingestellt wurde. So geht es ohne Umweg direkt hinein ins Erlebnis.</p>								
17099							</span></div>		
17100				</details><details  class="bullet  ">
17101					
17102					<summary class="top">
17103						<h3 class="name fontsize_large bold color">
17104							
17105							Müssen wir Eintritt zahlen?
17106						</h3>
17107
17108						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17109						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17110						</svg></div></summary>
17111					
17112
17113					<div class="fontsize_medium hiddencontent"><div class="intro">
17114								Nein – die Anlage ist frei zugänglich. Die einzelnen Attraktionen kosten extra und funktionieren mit Drehkreuzen über Tickets oder Wurzeltaler. Es gibt viele kostenfreie Erlebnisse wie Haustierzoo, Burgspielplatz, Piratenschiff, See &amp; Himmelsschaukel!
17115							</div><span class="text">
17116																
17117							</span></div>		
17118				</details><details  class="bullet  ">
17119					
17120					<summary class="top">
17121						<h3 class="name fontsize_large bold color">
17122							
17123							Müssen wir unser Familientreffen anmelden?
17124						</h3>
17125
17126						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17127						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17128						</svg></div></summary>
17129					
17130
17131					<div class="fontsize_medium hiddencontent"><div class="intro">
17132								Bei kleinen Gruppen: einfach kommen. Bei größeren Runden (ab ca. 20 Personen): besser vorher anmelden – dann läuft alles entspannter.
17133							</div><span class="text">
17134																
17135							</span></div>		
17136				</details><details  class="bullet  ">
17137					
17138					<summary class="top">
17139						<h3 class="name fontsize_large bold color">
17140							
17141							Was ist der Vorteil von Paketen?
17142						</h3>
17143
17144						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17145						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17146						</svg></div></summary>
17147					
17148
17149					<div class="fontsize_medium hiddencontent"><div class="intro">
17150								Du weißt genau, was du willst? Buche genau das!
17151							</div><span class="text">
17152								<p>Wir bieten drei Pakete an, die verschiedene Bedürfnisse abdecken und im Vergleich zur Einzelbuchung eine Ersparnis enthalten.<br />
17153Basic deckt den Besuch im Tal mit Bobbahn, Irrgarten, Reifenrutsche und einer Verweildauer von etwa einer Stunde ab. Du kannst natürlich auch länger bleiben.<br />
17154Mehr Zeit musst du für Basic+ einplanen. Denn hier ist auch die Fahrt mit dem Sessellift auf den Berg und die Rückfahrt mit den Frechen Flitzern drin.<br />
17155Einmal durch das gesamte Gelände führt dich schließlich das Premium-Paket – den hier kommt auch noch der Eintritt ins Seedorf dazu.</p>								
17156							</span></div>		
17157				</details>
17157<details  class="bullet  ">
17158					
17159					<summary class="top">
17160						<h3 class="name fontsize_large bold color">
17161							
17162							Was verschenke ich mit einem Gutschein bei Wurzelrudi genau?
17163						</h3>
17164
17165						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17166						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17167						</svg></div></summary>
17168					
17169
17170					<div class="fontsize_medium hiddencontent"><div class="intro">
17171								Ganz einfach: einen Wertgutschein in beliebiger Höhe.
17172							</div><span class="text">
17173								<p>Der Beschenkte entscheidet später selbst, wofür er ihn nutzt – ganz entspannt vor Ort. Er hat dafür 3 Jahre Zeit.</p>								
17174							</span></div>		
17175				</details><details  class="bullet  ">
17176					
17177					<summary class="top">
17178						<h3 class="name fontsize_large bold color">
17179							
17180							Welche Pakete gibt es bei Wurzelrudi?
17181						</h3>
17182
17183						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17184						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17185						</svg></div></summary>
17186					
17187
17188					<div class="fontsize_medium hiddencontent"><div class="intro">
17189								Du weißt genau, was du willst? Buche genau das!
17190							</div><span class="text">
17191								<p>Wir bieten drei Pakete an, die verschiedene Bedürfnisse abdecken und im Vergleich zur Einzelbuchung eine Ersparnis enthalten.<br />
17192Basic deckt den Besuch im Tal mit Bobbahn, Irrgarten, Reifenrutsche und einer Verweildauer von etwa einer Stunde ab. Du kannst natürlich auch länger bleiben.<br />
17193Mehr Zeit musst du für Basic+ einplanen. Denn hier ist auch die Fahrt mit dem Sessellift auf den Berg und die Rückfahrt mit den Frechen Flitzern drin.<br />
17194Einmal durch das gesamte Gelände führt dich schließlich das Premium-Paket – den hier kommt auch noch der Eintritt ins Seedorf dazu.</p>
17195
17196<p>Preisschritte:<br />
17197Basic 	11,50 Euro/9,50 Euro (Erwachsener/Kind)<br />
17198Basic+ 	21,00 Euro/17,50 Euro<br />
17199Premium	27,00 Euro/22,50 Euro</p>
17200
17201<p>Du weißt genau, was du willst? Buche genau das!</p>								
17202							</span></div>		
17203				</details><details  class="bullet  ">
17204					
17205					<summary class="top">
17206						<h3 class="name fontsize_large bold color">
17207							
17208							Wer erhält Vergünstigungen?
17209						</h3>
17210
17211						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17212						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17213						</svg></div></summary>
17214					
17215
17216					<div class="fontsize_medium hiddencontent"><div class="intro">
17217								Wie unterscheiden Kinder und Erwachsene. Begleitpersonen haben freien Zutritt.
17218							</div><span class="text">
17219								<p>Kinder zahlen bei Wurzelrudi generell weniger als Erwachsene. Das gilt für Einzelticket, Pakete und Wurzeltaler gleichermaßen. Personen mit Einschränkungen zahlen den vollen Preis, die notwendige Begleitperson erhält freien Zutritt.</p>								
17220							</span></div>		
17221				</details><details  class="bullet  ">
17222					
17223					<summary class="top">
17224						<h3 class="name fontsize_large bold color">
17225							
17226							Wie bekomme ich meinen Gutschein?
17227						</h3>
17228
17229						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17230						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17231						</svg></div></summary>
17232					
17233
17234					<div class="fontsize_medium hiddencontent"><div class="intro">
17235								Online oder vor Ort
17236							</div><span class="text">
17237								<p>Wie du es lieber hast! Buche den Gutschein in beliebiger Höhe einfach online auf unserer Website, drucke dein Wunschmotiv aus und hab damit auch kurzfristig das perfekte Geschenk in der Hand! Oder komm an unsere Kassen! Auch hier helfen wir gern weiter.</p>								
17238							</span></div>		
17239				</details>
17239<details  class="bullet  ">
17240					
17241					<summary class="top">
17242						<h3 class="name fontsize_large bold color">
17243							
17244							Wie buche ich einen Ausflug mit meiner Gruppe?
17245						</h3>
17246
17247						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17248						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17249						</svg></div></summary>
17250					
17251
17252					<div class="fontsize_medium hiddencontent"><div class="intro">
17253								Lies dir ganz entspannt unsere Gruppenangebote auf der Website durch.
17254							</div><span class="text">
17255								<p>Schickt uns eure Anfrage per Mail an [email protected] oder nutzt unser Buchungsformular. Gebt einfach Termin, Uhrzeit und Gruppengröße an – wir kümmern uns um den Rest.</p>								
17256							</span></div>		
17257				</details><details  class="bullet  ">
17258					
17259					<summary class="top">
17260						<h3 class="name fontsize_large bold color">
17261							
17262							Wie ist die Piste in der Skiarena beschaffen?
17263						</h3>
17264
17265						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17266						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17267						</svg></div></summary>
17268					
17269
17270					<div class="fontsize_medium hiddencontent"><div class="intro">
17271								Wer familienfreundlich sucht, wird bei uns fündig.
17272							</div><span class="text">
17273								<p>Die 650 Meter lange Abfahrt ist extrabreit und damit besonders familienfreundlich. In Wurzelrudis Schneepark, dem Skischulgelände, ist das Gefälle flacher – perfekt zum Üben und für Einsteiger. Jeden Tag wird die Schneedecke mit schwerem Gerät frisch präpariert.</p>								
17274							</span></div>		
17275				</details><details  class="bullet  ">
17276					
17277					<summary class="top">
17278						<h3 class="name fontsize_large bold color">
17279							
17280							Wo bekomme ich Wurzeltaler?
17281						</h3>
17282
17283						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17284						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17285						</svg></div></summary>
17286					
17287
17288					<div class="fontsize_medium hiddencontent"><div class="intro">
17289								Wurzeltaler sind die Hauswährung in Wurzelrudis Erlebniswelt. Erhältlich sind sie vor Ort an unseren Kassen im Tal.
17290							</div><span class="text">
17291								<p>Du magst es flexibel und willst sparen? Dann buche Wurzeltaler. Sie sind an der Bobbahnkasse und in der Talstation erhältlich. Auf dem Berg gibt es keine Möglichkeit der Nachbuchung.<br />
17292Diese Währung gilt an allen unseren Attraktionen. Auf eine Guthabenkarte wird dein Wunschbetrag aufgebucht. Vor Ort an den Drehkreuzen wird jeweils die nötige Anzahl an Wurzeltalern abgebucht, bis die Karte schließlich leer ist.<br />
17293Bleiben am Ende weniger als 5 Taler übrig, erstatten wir diese. Das Guthaben ist 2 Jahre gültig. Wurzeltaler gibt es für Kinder und Erwachsene immer auf getrennten Karten. Denn die Taler für Kinder sind günstiger. <br />
17294Bezahlen kannst du mit Wurzeltalern nur unsere Attraktionen wie Rodelbahn, Sessellift, Seedorf &amp; Co. <br />
17295Essen und Trinken sind in Euro zu bezahlen.</p>								
17296							</span></div>		
17297				</details><details  class="bullet  ">
17298					
17299					<summary class="top">
17300						<h3 class="name fontsize_large bold color">
17301							
17302							Wo kann man mit EC-Karte bzw. bargeldlos bezahlen?
17303						</h3>
17304
17305						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17306						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17307						</svg></div></summary>
17308					
17309
17310					<div class="fontsize_medium hiddencontent"><div class="intro">
17311								In Wurzelrudis Erlebniswelt kannst Du überall mit Karte bezahlen. Einzige Ausnahme ist der Murmelverleih auf dem Berg!
17312							</div><span class="text">
17313								<p>Bitte beachten, dass das Pfand hier bar hinterlegt werden muss und auch zusätzliche Tickets hier zwar erworben werden können, aber bar bezahlt werden müssen.</p>								
17314							</span></div>		
17315				</details>
17315<details  class="bullet  ">
17316					
17317					<summary class="top">
17318						<h3 class="name fontsize_large bold color">
17319							
17320							Wo und wie finde ich heraus, wieviele Wurzeltaler ich noch habe?
17321						</h3>
17322
17323						<div class="plus"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 50 50">
17324						<path d="M 4.84375 12.90625 L 2.75 15 L 25 37.25 L 47.25 15 L 45.15625 12.90625 L 25 33.0625 Z"></path>
17325						</svg></div></summary>
17326					
17327
17328					<div class="fontsize_medium hiddencontent"><div class="intro">
17329								Bei jedem Durchgang durch das Drehkreuz siehst du dein aktuell verbleibendes Guthaben an Wurzeltaler. Gern lesen wir dein Wurzeltaler Ticket an den Kassen im Tal aus.
17330							</div><span class="text">
17331								<p>Wurzeltaler haben im allgemeine in Gültigtkeit von 2 Jahren.</p>								
17332							</span></div>		
17333				</details></div></div>
17334		<div class="clear"></div>
17335	</div>
17336</div>
17337					
17338				</section>
17339			
17340				<section class="TraminoVorlage T4681 S7520 TraminoVorlage_16" id="TraminoAnhang598238"   >
17341					<div class="partline maxwidth">
17342	
17343	
17344	
17345	
17346	
17347	
17348	
17349	
17350		
17351		<div class="bordertext specialfont fontsize_small bordercolor">
17352			
17353				<span class="color">DAS KÖNNTE DICH AUCH INTERESSIEREN</span>
17354			
17355		</div>
17356	
17357</div>
17358
17359
17360	<style>
17361	#TraminoAnhang598238.T4681 {
17362		--color: #2c296f;
17363	}
17364	</style>
17365					
17366				</section>
17367			
17368				<section class="TraminoVorlage T5698 TraminoVorlage_17" id="TraminoAnhang598239"   >
17369					<div class="grid-stack-item" data-gs-id="598239">
17370	<div class="wrap_wrapper grid-stack-item-content ">
17371	<div class="wrap_inner">
17372	
17373		
17374		
17375		
17376		
17377
17378		
17379		
17380		
17381		<div class="maxwidth">
17382			
17383			<div class="meta-wrap-content">
17384				
17385
17386	<!-- MetaDetail -->
17387
17388
17389	<!-- MetaDetail: load_css only -->
17390
17391
17392
17393
17394
17395
17396
17397
17398
17399
17400
17401
17402
17403
17404
17405
17406
17407
17408
17409
17410
17411
17412
17413
17414
17415
17416
17417
17418
17419
17420
17421
17422
17423
17424
17425
17426
17427
17428
17429
17430
17431
17432
17433
17434
17435
17436
17437
17438
17439
17440
17441
17442
17443
17444
17445
17446
17447
17448
17449
17450
17451
17452
17453
17454
17455
17456
17457
17458
17459
17460
17461
17462
17463
17464
17465
17466
17467
17468
17469
17470<div class="T5277 display_mobile_grid display_tablet_grid display_desktop_grid cols_mobile_1 cols_tablet_1 cols_desktop_3 layout_below layout_tablet_below layout_mobile_below ratio_landscape slider_slice_1 meta-teaser-up-right-icon meta-teaser-headline-inside meta-teaser-hover-bright meta-teaser-image-radius-light">
17471
17472
17473
17474
17475
17476
17477
17478	<div class="teaser_head noselect">
17479		<div class="filter_count"><span>9</span> von 9</div>
17480		<div class="filter_selected"></div>
17481		<div class="paginator_pages" role="navigation" aria-label="Pagination"></div>
17482	</div>
17483
17484	<div class="outer ">
17485		
17486		
17487			
17488		<div class="elements elements_598239
17489                
17490                "
17491                    >
17492
17493                
17494
17495			
17496			
17497			
17498
17499			
17500						
17501			
17502				
17503				
17504			
17505				
17506				
17507				
17508
17509				
17510				
17511				
17512				
17513				
17514				
17515				
17516				
17517				
17518				
17519
17520				
17521				
17522
17523				
17524
17525				
17526				
17527				
17528				
17529				
17530				
17531
17532				
17533				
17534
17535				
17536
17537				
17538
17539
17540				
17541				
17542				
17543				
17544
17545				
17546
17547				
17548				
17549				
17550
17551				
17552				
17553
17554
17555				
17556
17557				
17558				
17559
17560
17561				
17562				
17563				
17564				
17565			
17566				
17567				
17568				
17569
17570
17571				
17572
17573				
17574
17575
17576
17577
17578				
17579
17580
17581
17582			
17583						
17584					
17585					
17586
17587						
17588					
17589					
17590				
17591				
17592				
17593				
17594				
17595				
17596				
17597
17598				
17599
17600
17601				
17602
17603				
17604				<a class="element  clickable "  href='/planen/webcam-wetter/'>
17605					
17606
17607
17608
17609
17610
17611					
17612					<div class="bild">
17613					
17614
17615						
17616
17617						
17618
17619
17620							
17621							   	
17622									
17623								
17624							
17625
17626							
17627
17628							<div class="meta-teaser-images" >
17629	
17630	
17631
17632	
17633
17634		
17635		
17636
17637		
17638
17639		
17640
17641		
17642
17643		
17644
17645		
17646		
17647
17648		
17649
17650		
17651		
17652		
17653		
17654		
17655	
17656		
17657		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1513170/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1513170/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1513170/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1513170/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1513170/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Eibenstock von oben" /></picture>
17658	
17659	
17660	
17661	</div>
17662
17663							
17664
17665						
17666						
17667						
17668
17669						
17670
17671						
17672
17673						
17674
17675
17676					
17677					</div>
17678					
17679				
17680					
17681
17682
17683
17684
17685
17686					
17687
17688					<div class="metateaser-content">
17689
17690						<div class="metateaser-content-text">
17691							
17692							
17693
17694							
17695							
17696
17697							
17698
17699							
17700							
17701
17702							
17703							
17704							
17705							
17706							
17707							
17708							
17709
17710							<div class="default_font teaser-name clamp clamp2" >Webcam &amp; Wetter </div>
17711
17712
17713							
17714
17715
17716							
17717
17718							
17719							
17720							
17721
17722							
17723							
17724							
17725						</div>
17726
17727						
17728
17729						
17730
17731						
17732						
17733						
17734						
17735						
17736						
17737						
17738						
17739						
17740						
17741						
17742						
17743
17744						
17745						
17746
17747					</div>
17748					
17749
17750					
17751
17752				</a>
17753			
17754				
17755
17756				
17757
17758				
17759				
17760				
17761				
17762				
17763				
17764				
17765				
17766				
17767				
17768				
17769			
17770				
17771				
17772				
17773
17774				
17775				
17776				
17777				
17778				
17779				
17780				
17781				
17782				
17783				
17784
17785				
17786				
17787
17788				
17789
17790				
17791				
17792				
17793				
17794				
17795				
17796
17797				
17798				
17799
17800				
17801
17802				
17803
17804
17805				
17806				
17807				
17808				
17809
17810				
17811
17812				
17813				
17814				
17815
17816				
17817				
17818
17819
17820				
17821
17822				
17823				
17824
17825
17826				
17827				
17828				
17829				
17830			
17831				
17832				
17833				
17834
17835
17836				
17837
17838				
17839
17840
17841
17842
17843				
17844
17845
17846
17847			
17848						
17849					
17850					
17851
17852						
17853					
17854					
17855				
17856				
17857				
17858				
17859				
17860				
17861				
17862
17863				
17864
17865
17866				
17867
17868				
17869				<a class="element  clickable "  href='/planen/oeffnungszeiten/'>
17870					
17871
17872
17873
17874
17875
17876					
17877					<div class="bild">
17878					
17879
17880						
17881
17882						
17883
17884
17885							
17886							   	
17887									
17888								
17889							
17890
17891							
17892
17893							<div class="meta-teaser-images" >
17894	
17895	
17896
17897	
17898
17899		
17900		
17901
17902		
17903
17904		
17905
17906		
17907
17908		
17909
17910		
17911		
17912
17913		
17914
17915		
17916		
17917		
17918		
17919		
17920	
17921		
17922		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1663145/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1663145/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1663145/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1663145/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1663145/400.jpg" width="400" height="300" loading='lazy' alt="Wandern (3)" /></picture>
17923	
17924	
17925	
17926	</div>
17927
17928							
17929
17930						
17931						
17932						
17933
17934						
17935
17936						
17937
17938						
17939
17940
17941					
17942					</div>
17943					
17944				
17945					
17946
17947
17948
17949
17950
17951					
17952
17953					<div class="metateaser-content">
17954
17955						<div class="metateaser-content-text">
17956							
17957							
17958
17959							
17960							
17961
17962							
17963
17964							
17965							
17966
17967							
17968							
17969							
17970							
17971							
17972							
17973							
17974
17975							<div class="default_font teaser-name clamp clamp2" >Öffnungszeit &amp; Preis</div>
17976
17977
17978							
17979
17980
17981							
17982
17983							
17984							
17985							
17986
17987							
17988							
17989							
17990						</div>
17991
17992						
17993
17994						
17995
17996						
17997						
17998						
17999						
18000						
18001						
18002						
18003						
18004						
18005						
18006						
18007						
18008
18009						
18010						
18011
18012					</div>
18013					
18014
18015					
18016
18017				</a>
18018			
18019				
18020
18021				
18022
18023				
18024				
18025				
18026				
18027				
18028				
18029				
18030				
18031				
18032				
18033				
18034			
18035				
18036				
18037				
18038
18039				
18040				
18041				
18042				
18043				
18044				
18045				
18046				
18047				
18048				
18049
18050				
18051				
18052
18053				
18054
18055				
18056				
18057				
18058				
18059				
18060				
18061
18062				
18063				
18064
18065				
18066
18067				
18068
18069
18070				
18071				
18072				
18073				
18074
18075				
18076
18077				
18078				
18079				
18080
18081				
18082				
18083
18084
18085				
18086
18087				
18088				
18089
18090
18091				
18092				
18093				
18094				
18095			
18096				
18097				
18098				
18099
18100
18101				
18102
18103				
18104
18105
18106
18107
18108				
18109
18110
18111
18112			
18113						
18114					
18115					
18116
18117						
18118					
18119					
18120				
18121				
18122				
18123				
18124				
18125				
18126				
18127
18128				
18129
18130
18131				
18132
18133				
18134				<a class="element  clickable "  href='/planen/orientierungsplan/'>
18135					
18136
18137
18138
18139
18140
18141					
18142					<div class="bild">
18143					
18144
18145						
18146
18147						
18148
18149
18150							
18151							   	
18152									
18153								
18154							
18155
18156							
18157
18158							<div class="meta-teaser-images" >
18159	
18160	
18161
18162	
18163
18164		
18165		
18166
18167		
18168
18169		
18170
18171		
18172
18173		
18174
18175		
18176		
18177
18178		
18179
18180		
18181		
18182		
18183		
18184		
18185	
18186		
18187		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1689088/600x450.webp?r=3 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1689088/400x300.webp?r=3 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1689088/600x450.jpg?r=3 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1689088/400x300.jpg?r=3 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1689088/400x300.jpg?r=3" width="400" height="300" loading='lazy' alt="Sommer Plan" /></picture>
18188	
18189	
18190	
18191	</div>
18192
18193							
18194
18195						
18196						
18197						
18198
18199						
18200
18201						
18202
18203						
18204
18205
18206					
18207					</div>
18208					
18209				
18210					
18211
18212
18213
18214
18215
18216					
18217
18218					<div class="metateaser-content">
18219
18220						<div class="metateaser-content-text">
18221							
18222							
18223
18224							
18225							
18226
18227							
18228
18229							
18230							
18231
18232							
18233							
18234							
18235							
18236							
18237							
18238							
18239
18240							<div class="default_font teaser-name clamp clamp2" >Geländeplan</div>
18241
18242
18243							
18244
18245
18246							
18247
18248							
18249							
18250							
18251
18252							
18253							
18254							
18255						</div>
18256
18257						
18258
18259						
18260
18261						
18262						
18263						
18264						
18265						
18266						
18267						
18268						
18269						
18270						
18271						
18272						
18273
18274						
18275						
18276
18277					</div>
18278					
18279
18280					
18281
18282				</a>
18283			
18284				
18285
18286				
18287
18288				
18289				
18290				
18291				
18292				
18293				
18294				
18295				
18296				
18297				
18298				
18299			
18300				
18301				
18302				
18303
18304				
18305				
18306				
18307				
18308				
18309				
18310				
18311				
18312				
18313				
18314
18315				
18316				
18317
18318				
18319
18320				
18321				
18322				
18323				
18324				
18325				
18326
18327				
18328				
18329
18330				
18331
18332				
18333
18334
18335				
18336				
18337				
18338				
18339
18340				
18341
18342				
18343				
18344				
18345
18346				
18347				
18348
18349
18350				
18351
18352				
18353				
18354
18355
18356				
18357				
18358				
18359				
18360			
18361				
18362				
18363				
18364
18365
18366				
18367
18368				
18369
18370
18371
18372
18373				
18374
18375
18376
18377			
18378						
18379					
18380					
18381
18382						
18383					
18384					
18385				
18386				
18387				
18388				
18389				
18390				
18391				
18392
18393				
18394
18395
18396				
18397
18398				
18399				<a class="element  clickable "  href='/planen/tickets/'>
18400					
18401
18402
18403
18404
18405
18406					
18407					<div class="bild">
18408					
18409
18410						
18411
18412						
18413
18414
18415							
18416							   	
18417									
18418								
18419							
18420
18421							
18422
18423							<div class="meta-teaser-images" >
18424	
18425	
18426
18427	
18428
18429		
18430		
18431
18432		
18433
18434		
18435
18436		
18437
18438		
18439
18440		
18441		
18442
18443		
18444
18445		
18446		
18447		
18448		
18449		
18450	
18451		
18452		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1530151/600x450.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1530151/400x300.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1530151/600x450.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1530151/400x300.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1530151/400x300.jpg" width="400" height="300" loading='lazy' alt="53-6Q8A1580" /></picture>
18453	
18454	
18455	
18456	</div>
18457
18458							
18459
18460						
18461						
18462						
18463
18464						
18465
18466						
18467
18468						
18469
18470
18471					
18472					</div>
18473					
18474				
18475					
18476
18477
18478
18479
18480
18481					
18482
18483					<div class="metateaser-content">
18484
18485						<div class="metateaser-content-text">
18486							
18487							
18488
18489							
18490							
18491
18492							
18493
18494							
18495							
18496
18497							
18498							
18499							
18500							
18501							
18502							
18503							
18504
18505							<div class="default_font teaser-name clamp clamp2" >Ticketshop</div>
18506
18507
18508							
18509
18510
18511							
18512
18513							
18514							
18515							
18516
18517							
18518							
18519							
18520						</div>
18521
18522						
18523
18524						
18525
18526						
18527						
18528						
18529						
18530						
18531						
18532						
18533						
18534						
18535						
18536						
18537						
18538
18539						
18540						
18541
18542					</div>
18543					
18544
18545					
18546
18547				</a>
18548			
18549				
18550
18551				
18552
18553				
18554				
18555				
18556				
18557				
18558				
18559				
18560				
18561				
18562				
18563				
18564			
18565				
18566				
18567				
18568
18569				
18570				
18571				
18572				
18573				
18574				
18575				
18576				
18577				
18578				
18579
18580				
18581				
18582
18583				
18584
18585				
18586				
18587				
18588				
18589				
18590				
18591
18592				
18593				
18594
18595				
18596
18597				
18598
18599
18600				
18601				
18602				
18603				
18604
18605				
18606
18607				
18608				
18609				
18610
18611				
18612				
18613
18614
18615				
18616
18617				
18618				
18619
18620
18621				
18622				
18623				
18624				
18625			
18626				
18627				
18628				
18629
18630
18631				
18632
18633				
18634
18635
18636
18637
18638				
18639
18640
18641
18642			
18643						
18644					
18645					
18646
18647						
18648					
18649					
18650				
18651				
18652				
18653				
18654				
18655				
18656				
18657
18658				
18659
18660
18661				
18662
18663				
18664				<a class="element  clickable "  href='/planen/anfahrt/'>
18665					
18666
18667
18668
18669
18670
18671					
18672					<div class="bild">
18673					
18674
18675						
18676
18677						
18678
18679
18680							
18681							   	
18682									
18683								
18684							
18685
18686							
18687
18688							<div class="meta-teaser-images" >
18689	
18690	
18691
18692	
18693
18694		
18695		
18696
18697		
18698
18699		
18700
18701		
18702
18703		
18704
18705		
18706		
18707
18708		
18709
18710		
18711		
18712		
18713		
18714		
18715	
18716		
18717		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1513605/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1513605/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1513605/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1513605/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1513605/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Sommer 35" /></picture>
18718	
18719	
18720	
18721	</div>
18722
18723							
18724
18725						
18726						
18727						
18728
18729						
18730
18731						
18732
18733						
18734
18735
18736					
18737					</div>
18738					
18739				
18740					
18741
18742
18743
18744
18745
18746					
18747
18748					<div class="metateaser-content">
18749
18750						<div class="metateaser-content-text">
18751							
18752							
18753
18754							
18755							
18756
18757							
18758
18759							
18760							
18761
18762							
18763							
18764							
18765							
18766							
18767							
18768							
18769
18770							<div class="default_font teaser-name clamp clamp2" >Anfahrt</div>
18771
18772
18773							
18774
18775
18776							
18777
18778							
18779							
18780							
18781
18782							
18783							
18784							
18785						</div>
18786
18787						
18788
18789						
18790
18791						
18792						
18793						
18794						
18795						
18796						
18797						
18798						
18799						
18800						
18801						
18802						
18803
18804						
18805						
18806
18807					</div>
18808					
18809
18810					
18811
18812				</a>
18813			
18814				
18815
18816				
18817
18818				
18819				
18820				
18821				
18822				
18823				
18824				
18825				
18826				
18827				
18828				
18829			
18830				
18831				
18832				
18833
18834				
18835				
18836				
18837				
18838				
18839				
18840				
18841				
18842				
18843				
18844
18845				
18846				
18847
18848				
18849
18850				
18851				
18852				
18853				
18854				
18855				
18856
18857				
18858				
18859
18860				
18861
18862				
18863
18864
18865				
18866				
18867				
18868				
18869
18870				
18871
18872				
18873				
18874				
18875
18876				
18877				
18878
18879
18880				
18881
18882				
18883				
18884
18885
18886				
18887				
18888				
18889				
18890			
18891				
18892				
18893				
18894
18895
18896				
18897
18898				
18899
18900
18901
18902
18903				
18904
18905
18906
18907			
18908						
18909					
18910					
18911
18912						
18913					
18914					
18915				
18916				
18917				
18918				
18919				
18920				
18921				
18922
18923				
18924
18925
18926				
18927
18928				
18929				<a class="element  clickable "  href='/planen/gutscheine/'>
18930					
18931
18932
18933
18934
18935
18936					
18937					<div class="bild">
18938					
18939
18940						
18941
18942						
18943
18944
18945							
18946							   	
18947									
18948								
18949							
18950
18951							
18952
18953							<div class="meta-teaser-images" >
18954	
18955	
18956
18957	
18958
18959		
18960		
18961
18962		
18963
18964		
18965
18966		
18967
18968		
18969
18970		
18971		
18972
18973		
18974
18975		
18976		
18977		
18978		
18979		
18980	
18981		
18982		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-600x450.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-400x300.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-600x450.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-400x300.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-400x300.jpg?r=1" width="400" height="300" loading='lazy' alt="Eine Familie genießt einen sonnigen Tag auf einem Spielplatz und spielt zusammen. Der Kinderspaß steht im Mittelpunkt." /></picture>
18983	
18984	
18985	
18986	</div>
18987
18988							
18989
18990						
18991						
18992						
18993
18994						
18995
18996						
18997
18998						
18999
19000
19001					
19002					</div>
19003					
19004				
19005					
19006
19007
19008
19009
19010
19011					
19012
19013					<div class="metateaser-content">
19014
19015						<div class="metateaser-content-text">
19016							
19017							
19018
19019							
19020							
19021
19022							
19023
19024							
19025							
19026
19027							
19028							
19029							
19030							
19031							
19032							
19033							
19034
19035							<div class="default_font teaser-name clamp clamp2" >Gutschein</div>
19036
19037
19038							
19039
19040
19041							
19042
19043							
19044							
19045							
19046
19047							
19048							
19049							
19050						</div>
19051
19052						
19053
19054						
19055
19056						
19057						
19058						
19059						
19060						
19061						
19062						
19063						
19064						
19065						
19066						
19067						
19068
19069						
19070						
19071
19072					</div>
19073					
19074
19075					
19076
19077				</a>
19078			
19079				
19080
19081				
19082
19083				
19084				
19085				
19086				
19087				
19088				
19089				
19090				
19091				
19092				
19093				
19094			
19095				
19096				
19097				
19098
19099				
19100				
19101				
19102				
19103				
19104				
19105				
19106				
19107				
19108				
19109
19110				
19111				
19112
19113				
19114
19115				
19116				
19117				
19118				
19119				
19120				
19121
19122				
19123				
19124
19125				
19126
19127				
19128
19129
19130				
19131				
19132				
19133				
19134
19135				
19136
19137				
19138				
19139				
19140
19141				
19142				
19143
19144
19145				
19146
19147				
19148				
19149
19150
19151				
19152				
19153				
19154				
19155			
19156				
19157				
19158				
19159
19160
19161				
19162
19163				
19164
19165
19166
19167
19168				
19169
19170
19171
19172			
19173						
19174					
19175					
19176
19177						
19178					
19179					
19180				
19181				
19182				
19183				
19184				
19185				
19186				
19187
19188				
19189
19190
19191				
19192
19193				
19194				<a class="element  clickable "  href='/planen/downloads/'>
19195					
19196
19197
19198
19199
19200
19201					
19202					<div class="bild">
19203					
19204
19205						
19206
19207						
19208
19209
19210							
19211							   	
19212									
19213								
19214							
19215
19216							
19217
19218							<div class="meta-teaser-images" >
19219	
19220	
19221
19222	
19223
19224		
19225		
19226
19227		
19228
19229		
19230
19231		
19232
19233		
19234
19235		
19236		
19237
19238		
19239
19240		
19241		
19242		
19243		
19244		
19245	
19246		
19247		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1515535/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515535/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1515535/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1515535/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1515535/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Adleralm" /></picture>
19248	
19249	
19250	
19251	</div>
19252
19253							
19254
19255						
19256						
19257						
19258
19259						
19260
19261						
19262
19263						
19264
19265
19266					
19267					</div>
19268					
19269				
19270					
19271
19272
19273
19274
19275
19276					
19277
19278					<div class="metateaser-content">
19279
19280						<div class="metateaser-content-text">
19281							
19282							
19283
19284							
19285							
19286
19287							
19288
19289							
19290							
19291
19292							
19293							
19294							
19295							
19296							
19297							
19298							
19299
19300							<div class="default_font teaser-name clamp clamp2" >Download</div>
19301
19302
19303							
19304
19305
19306							
19307
19308							
19309							
19310							
19311
19312							
19313							
19314							
19315						</div>
19316
19317						
19318
19319						
19320
19321						
19322						
19323						
19324						
19325						
19326						
19327						
19328						
19329						
19330						
19331						
19332						
19333
19334						
19335						
19336
19337					</div>
19338					
19339
19340					
19341
19342				</a>
19343			
19344				
19345
19346				
19347
19348				
19349				
19350				
19351				
19352				
19353				
19354				
19355				
19356				
19357				
19358				
19359			
19360				
19361				
19362				
19363
19364				
19365				
19366				
19367				
19368				
19369				
19370				
19371				
19372				
19373				
19374
19375				
19376				
19377
19378				
19379
19380				
19381				
19382				
19383				
19384				
19385				
19386
19387				
19388				
19389
19390				
19391
19392				
19393
19394
19395				
19396				
19397				
19398				
19399
19400				
19401
19402				
19403				
19404				
19405
19406				
19407				
19408
19409
19410				
19411
19412				
19413				
19414
19415
19416				
19417				
19418				
19419				
19420			
19421				
19422				
19423				
19424
19425
19426				
19427
19428				
19429
19430
19431
19432
19433				
19434
19435
19436
19437			
19438						
19439					
19440					
19441
19442						
19443					
19444					
19445				
19446				
19447				
19448				
19449				
19450				
19451				
19452
19453				
19454
19455
19456				
19457
19458				
19459				<a class="element  clickable "  href='/planen/karte/'>
19460					
19461
19462
19463
19464
19465
19466					
19467					<div class="bild">
19468					
19469
19470						
19471
19472						
19473
19474
19475							
19476							   	
19477									
19478								
19479							
19480
19481							
19482
19483							<div class="meta-teaser-images" >
19484	
19485	
19486
19487	
19488
19489		
19490		
19491
19492		
19493
19494		
19495
19496		
19497
19498		
19499
19500		
19501		
19502
19503		
19504
19505		
19506		
19507		
19508		
19509		
19510	
19511		
19512		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1514819/600.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514819/400.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1514819/600.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1514819/400.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1514819/400.jpg" width="400" height="300" loading='lazy' alt="Wurzelrudi Schatzsuche 1" /></picture>
19513	
19514	
19515	
19516	</div>
19517
19518							
19519
19520						
19521						
19522						
19523
19524						
19525
19526						
19527
19528						
19529
19530
19531					
19532					</div>
19533					
19534				
19535					
19536
19537
19538
19539
19540
19541					
19542
19543					<div class="metateaser-content">
19544
19545						<div class="metateaser-content-text">
19546							
19547							
19548
19549							
19550							
19551
19552							
19553
19554							
19555							
19556
19557							
19558							
19559							
19560							
19561							
19562							
19563							
19564
19565							<div class="default_font teaser-name clamp clamp2" >RegioGuide</div>
19566
19567
19568							
19569
19570
19571							
19572
19573							
19574							
19575							
19576
19577							
19578							
19579							
19580						</div>
19581
19582						
19583
19584						
19585
19586						
19587						
19588						
19589						
19590						
19591						
19592						
19593						
19594						
19595						
19596						
19597						
19598
19599						
19600						
19601
19602					</div>
19603					
19604
19605					
19606
19607				</a>
19608			
19609				
19610
19611				
19612
19613				
19614				
19615				
19616				
19617				
19618				
19619				
19620				
19621				
19622				
19623				
19624			
19625				
19626				
19627				
19628
19629				
19630				
19631				
19632				
19633				
19634				
19635				
19636				
19637				
19638				
19639
19640				
19641				
19642
19643				
19644
19645				
19646				
19647				
19648				
19649				
19650				
19651
19652				
19653				
19654
19655				
19656
19657				
19658
19659
19660				
19661				
19662				
19663				
19664
19665				
19666
19667				
19668				
19669				
19670
19671				
19672				
19673
19674
19675				
19676
19677				
19678				
19679
19680
19681				
19682				
19683				
19684				
19685			
19686				
19687				
19688				
19689
19690
19691				
19692
19693				
19694
19695
19696
19697
19698				
19699
19700
19701
19702			
19703						
19704					
19705					
19706
19707						
19708					
19709					
19710				
19711				
19712				
19713				
19714				
19715				
19716				
19717
19718				
19719
19720
19721				
19722
19723				
19724				<a class="element  clickable "  href='/planen/newsletter/'>
19725					
19726
19727
19728
19729
19730
19731					
19732					<div class="bild">
19733					
19734
19735						
19736
19737						
19738
19739
19740							
19741							   	
19742									
19743								
19744							
19745
19746							
19747
19748							<div class="meta-teaser-images" >
19749	
19750	
19751
19752	
19753
19754		
19755		
19756
19757		
19758
19759		
19760
19761		
19762
19763		
19764
19765		
19766		
19767
19768		
19769
19770		
19771		
19772		
19773		
19774		
19775	
19776		
19777		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-600x450.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-400x300.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-600x450.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-400x300.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-400x300.jpg?r=1" width="400" height="300" loading='lazy' alt="Eine Familie posiert fröhlich vor einem großen Bilderrahmen in der Natur. Es ist ein schöner Sonnentag bei Wurzelrudi im Sommer." /></picture>
19778	
19779	
19780	
19781	</div>
19782
19783							
19784
19785						
19786						
19787						
19788
19789						
19790
19791						
19792
19793						
19794
19795
19796					
19797					</div>
19798					
19799				
19800					
19801
19802
19803
19804
19805
19806					
19807
19808					<div class="metateaser-content">
19809
19810						<div class="metateaser-content-text">
19811							
19812							
19813
19814							
19815							
19816
19817							
19818
19819							
19820							
19821
19822							
19823							
19824							
19825							
19826							
19827							
19828							
19829
19830							<div class="default_font teaser-name clamp clamp2" >Newsletter</div>
19831
19832
19833							
19834
19835
19836							
19837
19838							
19839							
19840							
19841
19842							
19843							
19844							
19845						</div>
19846
19847						
19848
19849						
19850
19851						
19852						
19853						
19854						
19855						
19856						
19857						
19858						
19859						
19860						
19861						
19862						
19863
19864						
19865						
19866
19867					</div>
19868					
19869
19870					
19871
19872				</a>
19873			
19874				
19875
19876				
19877
19878				
19879				
19880				
19881				
19882				
19883				
19884				
19885				
19886				
19887
19888			
19889
19890		</div>
19891
19892		
19893
19894		
19895		
19896	</div>
19897
19898	<div style="display: none;">
19899						<div id="">
19900							<!-- MetaDetail -->
19901
19902
19903
19904
19905
19906
19907
19908
19909
19910
19911
19912
19913	
19914	
19915	
19916
19917
19918
19919
19920
19921
19922
19923
19924
19925
19926
19927
19928
19929
19930
19931
19932
19933
19934	
19935		
19936	
19937	
19938
19939
19940
19941
19942
19943
19944
19945 
19946
19947
19948
19949
19950
19951<div class="MetaDetail"
19952
19953	>
19954	
19955
19956	
19957	
19958	
19959	
19960	
19961
19962
19963	
19964
19965
19966
19967
19968
19969
19970	
19971
19972	
19973
19974		
19975			
19976			
19977			
19978			
19979
19980			
19981				
19982				
19983				
19984				
19985			
19986			
19987			
19988			
19989			
19990			
19991
19992			
19993			
19994				
19995
19996				
19997					
19998				
19999			
20000
20001			
20002
20003
20004			
20005			<div class="sheet-bilder slider-outer " data-count="1">
20006				
20007				<div class="slider-wrapper slider-elements">
20008					
20009
20010						
20011						
20012
20013						
20014							<div class="sheet-bild b1513170 slider-element ">
20015								
20016								
20017
20018
20019								<figure>
20020		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1513170/800x480.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1513170/800x480.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1513170/800x480.jpg" width="800" height="480" loading='lazy' alt="Wurzelrudi Eibenstock von oben" /></picture>
20021	<footer><small>&copy;&nbsp;Wurzelrudi</small></footer></figure>
20022								
20023								
20024							</div>
20025
20026						
20027					
20028						
20029					
20030					
20031				</div>
20032
20033				
20034					<div class="slider-arrows">
20035						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
20036						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
20037					</div>
20038				
20039
20040				
20041				
20042				
20043
20044
20045				
20046				
20047				
20048
20049				
20050
20051				
20052
20053				
20054
20055
20056				
20057
20058
20059				
20060
20061				
20062								
20063
20064			</div>
20065			
20066
20067		
20068		
20069
20070
20071
20072
20073
20074
20075
20076
20077	
20078
20079
20080		<div class="content">
20081
20082			
20083
20084			
20085			
20086
20087
20088			<div class="name">Webcam &amp; Wetter </div>
20089			
20090
20091
20092			
20093
20094
20095
20096
20097
20098			
20099
20100			
20101			
20102
20103			
20104
20105			
20106
20107
20108			
20109			
20110			
20111
20112				
20113			
20114
20115
20116
20117
20118
20119			
20120
20121				
20122			
20123
20124
20125			
20126			
20127			
20128
20129			
20130			
20131			
20132				
20133				
20134				
20135				
20136			
20137			
20138
20139			
20140
20141
20142
20143			
20144
20145
20146			
20147
20148			
20149			
20150				
20151			
20152			
20153			
20154
20155			
20156			
20157
20158			
20159			
20160
20161				
20162			
20163
20164			
20165			
20166			
20167			
20168			
20169			
20170			
20171
20172			
20173
20174			
20175
20176			
20177
20178			
20179			
20180			
20181			
20182
20183			
20184			
20185
20186			
20187
20188			
20189
20190			
20191
20192			
20193			
20194
20195			
20196			
20197
20198			
20199			
20200
20201			
20202
20203
20204
20205
20206			
20207
20208
20209				
20210
20211				
20212
20213				
20214				
20215
20216
20217				
20218
20219
20220					
20221				
20222				
20223
20224
20225
20226				
20227				
20228				
20229				
20230				
20231				
20232				
20233
20234
20235
20236
20237
20238
20239
20240				
20241				
20242				
20243
20244				
20245
20246				
20247		
20248				
20249				
20250
20251				
20252
20253				
20254
20255				
20256				
20257				
20258
20259
20260		
20261
20262
20263				
20264
20265
20266
20267
20268
20269
20270				
20271
20272			
20273
20274				
20275
20276
20277				
20278				
20279				
20280				
20281			
20282				
20283				
20284				
20285				
20286					
20286<script>
20287
20288window.gmaps_init = false;
20289
20290var initMap = function(map) {
20291
20292	let $geodata_map = $(map);
20293	let geodata = $geodata_map.data('geodata');
20294
20295	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
20296	const safeFloat = (v, fb = 0) => {
20297		const n = parseFloat(v);
20298		return Number.isFinite(n) ? n : fb;
20299	};
20300	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
20301	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
20302	var center_lat = safeFloat(centerLatRaw, 0);
20303	var center_lng = safeFloat(centerLngRaw, 0);
20304
20305	//  Calculate Zoom Level
20306	var zoom = 8;
20307	if ( geodata.zoom > 0 ) {
20308		zoom = geodata.zoom;
20309	}
20310
20311	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
20312
20313	let MAP_BOUNDS = undefined;
20314	if ( geodata.bounds !== undefined ) {
20315		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
20316		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
20317		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
20318		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
20319		if ([east, north, south, west].every(Number.isFinite)) {
20320			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
20321		} else {
20322			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
20323		}
20324	}
20325
20326	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
20327		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
20328		zoom = zoom - 2;
20329	}
20330
20331	if ( zoom == "-Infinity" ) {
20332		if ( geodata.zoom > 0 ) {
20333			zoom = geodata.zoom;
20334		} else {
20335			zoom = 8;
20336		}
20337	}
20338
20339	// console.log("MAP_BOUNDS",MAP_BOUNDS);
20340
20341	
20342	
20343    var map = new google.maps.Map($geodata_map[0], {
20344		center: { lat: center_lat, lng: center_lng },
20345		disableDefaultUI: true,
20346		zoomControl: true,
20347		zoom: zoom,
20348		clickableIcons: false,	
20349		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
20350	});
20351	
20352
20353	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
20354
20355		var infowindow = new google.maps.InfoWindow();
20356		var marker, i;
20357
20358		var icon_obj;
20359		if ( $geodata_map.data('icon') ) {	
20360			icon_obj = {
20361				url: $geodata_map.data('icon'),
20362				size: new google.maps.Size(40, 40),
20363				scaledSize: new google.maps.Size(40, 40),
20364			};
20365		}
20366
20367		// Sanitize locations (avoid NaN -> pan/setCenter errors)
20368		const validLocations = [];
20369		for (let j = 0; j < geodata.locations.length; j++) {
20370			const lat = parseFloat(geodata.locations[j][1]);
20371			const lng = parseFloat(geodata.locations[j][2]);
20372			if (Number.isFinite(lat) && Number.isFinite(lng)) {
20373				validLocations.push([
20374					geodata.locations[j][0],
20375					lat,
20376					lng,
20377					geodata.locations[j][3],
20378					geodata.locations[j][4]
20379				]);
20380			} else {
20381				console.warn('Skipping invalid location', geodata.locations[j]);
20382			}
20383		}
20384
20385		for (i = 0; i < validLocations.length; i++) { 
20386
20387			marker = new google.maps.Marker({
20388				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
20389				icon: icon_obj, 
20390				scale: 0.5,
20391				map: map
20392			});
20393
20394			google.maps.event.addListener(marker, 'click', (function(marker, i) {
20395				return function() {
20396					if ( validLocations[i][0] ) {
20397						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
20398						if ( validLocations[i][3] ) {
20399							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
20400						} 
20401						$content += '</div>';
20402						
20403						infowindow.setContent($content);
20404						infowindow.open(map, marker);
20405					}
20406				}
20407			})(marker, i));
20408		}
20409
20410	}
20411
20412	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
20413
20414		// Need floats + filter invalid points
20415		const validPath = [];
20416		for (var i = 0; i < geodata.path.length; i++) {
20417			const lat = parseFloat(geodata.path[i]['lat']);
20418			const lng = parseFloat(geodata.path[i]['lng']);
20419			if (Number.isFinite(lat) && Number.isFinite(lng)) {
20420				validPath.push({ lat, lng });
20421			} else {
20422				console.warn('Skipping invalid path point', geodata.path[i]);
20423			}
20424		}
20425
20426		var path = new google.maps.Polyline({
20427			path: validPath,
20428			geodesic: true,
20429			strokeColor: '#FF0000',
20430			strokeOpacity: 1.0,
20431			strokeWeight: 3
20432		});
20433
20434		path.setMap(map);
20435
20436	}
20437
20438
20439	var userLat = parseFloat($geodata_map.data('userlat'));
20440	var userLng = parseFloat($geodata_map.data('userlng'));
20441
20442	if ( userLat > 0 && userLng > 0 ) {
20443
20444		var icon = {
20445			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
20446			fillColor: '#1181FA',
20447			fillOpacity: 1,
20448			strokeColor: '#ffffff',
20449   			strokeWeight: 4,
20450			anchor: new google.maps.Point(0,0),
20451			scale: 2
20452		}
20453
20454		var userlocation = new google.maps.Marker( { 
20455			position: { lat: userLat, lng: userLng }, 
20456			map: map,
20457			icon: icon
20458		});
20459	}
20460
20461	$geodata_map.addClass("init");
20462
20463}
20464
20465$('body').on('click', '.geodata-map:not(.init)', function() {
20466
20467	var divmap = this;
20468
20469	if ( gmaps_init === false ) {
20470		$(divmap).html($(divmap).data("loadinginfo"));
20471
20472		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
20473			.done(function( script, textStatus ) {
20474				console.log( textStatus );
20475				window.gmaps_init = true;
20476				setTimeout(function(){ initMap(divmap) },1000);
20477			})
20478			.fail(function( jqxhr, settings, exception ) {
20479				console.log( jqxhr, settings, exception  );
20480			});
20481		
20482	} else {
20483		initMap(divmap);
20484	}
20485
20486});
20487
20488
20489
20490	
20491
20492</script>
20492
20493
20494<style>
20495    .T5304.grid-stack-item-content {
20496        background: #fff !important;
20497    }
20498
20499    .geodata-map {
20500        margin: 1rem 0;
20501        aspect-ratio: 16/11;
20502        width:  100%;
20503    }
20504
20505    .geodata-map:not(.init) {
20506        display: flex;
20507        justify-content: center;
20508        align-items: center;
20509        background-color: #ddd;
20510        border-radius: 0.7rem;
20511        color:  #333;
20512    }
20513</style>
20514					
20515					
20516					
20517					
20518				
20519
20520
20521
20522			
20523
20524
20525
20526
20527
20528
20529
20530
20531
20532
20533
20534
20535
20536
20537			
20538			
20539			
20540			
20541			
20542			
20543			
20544
20545			
20546			
20547			
20548
20549			
20550			
20551
20552			
20553
20554			
20555
20556
20557			
20558
20559			
20560
20561			
20562
20563			
20564
20565
20566
20567
20568
20569
20570
20571			
20572
20573
20574			
20575
20576			
20577
20578		</div>
20579
20580		
20581
20582	
20583
20584	
20585
20586	
20587	
20588	
20589
20590</div>
20591
20592
20593
20594
20595
20596
20597
20598
20599
20600
20601
20602
20603
20604	
20605
20606	
20606<script>
20607	"use strict";
20608		
20609	TraminoReady(function() {
20610		$('body').on('click', '.sheet-bild.iframe', function(event) {
20611			event.preventDefault();
20612			
20613			$(this).find("picture").addClass('hidden');
20614			$(this).find("i").addClass('hidden');
20615			const $iframe = $(this).find("iframe");
20616			$iframe.attr("src",$iframe.data('src')).removeClass('hidden');
20617
20618		});
20619
20620
20621		if ( typeof checkArrows == "function" ) {
20622			checkArrows({all: true});
20623		}
20624
20625		if ( typeof window.sliderArrowVisible == "function" ) {
20626
20627			$('body').on('mouseenter', '.slider-outer:not(.wrap):not(.show_arrows)', function(event) {
20628
20629				window.sliderArrowVisible();
20630			});
20631		}
20632	
20633	});
20634		
20635		
20636	</script>
20636
20637
20638
20639
20640
20641
20642
20643
20644
20645<!-- /MetaDetail -->
20646						</div>
20647					
20648						<div id="">
20649							<!-- MetaDetail -->
20650
20651
20652
20653
20654
20655
20656
20657
20658
20659
20660
20661
20662	
20663	
20664	
20665
20666
20667
20668
20669
20670
20671
20672
20673
20674
20675
20676
20677
20678
20679
20680
20681
20682
20683	
20684		
20685	
20686	
20687
20688
20689
20690
20691
20692
20693
20694 
20695
20696
20697
20698
20699
20700<div class="MetaDetail"
20701
20702	>
20703	
20704
20705	
20706	
20707	
20708	
20709	
20710
20711
20712	
20713
20714
20715
20716
20717
20718
20719	
20720
20721	
20722
20723		
20724			
20725			
20726			
20727			
20728
20729			
20730				
20731				
20732				
20733				
20734			
20735			
20736			
20737			
20738			
20739			
20740
20741			
20742			
20743				
20744
20745				
20746					
20747				
20748			
20749
20750			
20751
20752
20753			
20754			<div class="sheet-bilder slider-outer " data-count="1">
20755				
20756				<div class="slider-wrapper slider-elements">
20757					
20758
20759						
20760						
20761
20762						
20763							<div class="sheet-bild b1663145 slider-element ">
20764								
20765								
20766
20767
20768								<figure>
20769		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1663145/800x480.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1663145/800x480.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1663145/800x480.jpg" width="800" height="480" loading='lazy' alt="Wandern (3)" /></picture>
20770	<footer><small>&copy;&nbsp;Wurzelrudi</small></footer></figure>
20771								
20772								
20773							</div>
20774
20775						
20776					
20777						
20778					
20779					
20780				</div>
20781
20782				
20783					<div class="slider-arrows">
20784						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
20785						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
20786					</div>
20787				
20788
20789				
20790				
20791				
20792
20793
20794				
20795				
20796				
20797
20798				
20799
20800				
20801
20802				
20803
20804
20805				
20806
20807
20808				
20809
20810				
20811								
20812
20813			</div>
20814			
20815
20816		
20817		
20818
20819
20820
20821
20822
20823
20824
20825
20826	
20827
20828
20829		<div class="content">
20830
20831			
20832
20833			
20834			
20835
20836
20837			<div class="name">Öffnungszeit &amp; Preis</div>
20838			
20839
20840
20841			
20842
20843
20844
20845
20846
20847			
20848
20849			
20850			
20851
20852			
20853
20854			
20855
20856
20857			
20858			
20859			
20860
20861				
20862			
20863
20864
20865
20866
20867
20868			
20869
20870				
20871			
20872
20873
20874			
20875			
20876			
20877
20878			
20879			
20880			
20881				
20882				
20883				
20884				
20885			
20886			
20887
20888			
20889
20890
20891
20892			
20893
20894
20895			
20896
20897			
20898			
20899				
20900			
20901			
20902			
20903
20904			
20905			
20906
20907			
20908			
20909
20910				
20911			
20912
20913			
20914			
20915			
20916			
20917			
20918			
20919			
20920
20921			
20922
20923			
20924
20925			
20926
20927			
20928			
20929			
20930			
20931
20932			
20933			
20934
20935			
20936
20937			
20938
20939			
20940
20941			
20942			
20943
20944			
20945			
20946
20947			
20948			
20949
20950			
20951
20952
20953
20954
20955			
20956
20957
20958				
20959
20960				
20961
20962				
20963				
20964
20965
20966				
20967
20968
20969					
20970				
20971				
20972
20973
20974
20975				
20976				
20977				
20978				
20979				
20980				
20981				
20982
20983
20984
20985
20986
20987
20988
20989				
20990				
20991				
20992
20993				
20994
20995				
20996		
20997				
20998				
20999
21000				
21001
21002				
21003
21004				
21005				
21006				
21007
21008
21009		
21010
21011
21012				
21013
21014
21015
21016
21017
21018
21019				
21020
21021			
21022
21023				
21024
21025
21026				
21027				
21028				
21029				
21030			
21031				
21032				
21033				
21034				
21035					
21035<script>
21036
21037window.gmaps_init = false;
21038
21039var initMap = function(map) {
21040
21041	let $geodata_map = $(map);
21042	let geodata = $geodata_map.data('geodata');
21043
21044	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
21045	const safeFloat = (v, fb = 0) => {
21046		const n = parseFloat(v);
21047		return Number.isFinite(n) ? n : fb;
21048	};
21049	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
21050	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
21051	var center_lat = safeFloat(centerLatRaw, 0);
21052	var center_lng = safeFloat(centerLngRaw, 0);
21053
21054	//  Calculate Zoom Level
21055	var zoom = 8;
21056	if ( geodata.zoom > 0 ) {
21057		zoom = geodata.zoom;
21058	}
21059
21060	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
21061
21062	let MAP_BOUNDS = undefined;
21063	if ( geodata.bounds !== undefined ) {
21064		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
21065		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
21066		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
21067		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
21068		if ([east, north, south, west].every(Number.isFinite)) {
21069			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
21070		} else {
21071			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
21072		}
21073	}
21074
21075	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
21076		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
21077		zoom = zoom - 2;
21078	}
21079
21080	if ( zoom == "-Infinity" ) {
21081		if ( geodata.zoom > 0 ) {
21082			zoom = geodata.zoom;
21083		} else {
21084			zoom = 8;
21085		}
21086	}
21087
21088	// console.log("MAP_BOUNDS",MAP_BOUNDS);
21089
21090	
21091	
21092    var map = new google.maps.Map($geodata_map[0], {
21093		center: { lat: center_lat, lng: center_lng },
21094		disableDefaultUI: true,
21095		zoomControl: true,
21096		zoom: zoom,
21097		clickableIcons: false,	
21098		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
21099	});
21100	
21101
21102	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
21103
21104		var infowindow = new google.maps.InfoWindow();
21105		var marker, i;
21106
21107		var icon_obj;
21108		if ( $geodata_map.data('icon') ) {	
21109			icon_obj = {
21110				url: $geodata_map.data('icon'),
21111				size: new google.maps.Size(40, 40),
21112				scaledSize: new google.maps.Size(40, 40),
21113			};
21114		}
21115
21116		// Sanitize locations (avoid NaN -> pan/setCenter errors)
21117		const validLocations = [];
21118		for (let j = 0; j < geodata.locations.length; j++) {
21119			const lat = parseFloat(geodata.locations[j][1]);
21120			const lng = parseFloat(geodata.locations[j][2]);
21121			if (Number.isFinite(lat) && Number.isFinite(lng)) {
21122				validLocations.push([
21123					geodata.locations[j][0],
21124					lat,
21125					lng,
21126					geodata.locations[j][3],
21127					geodata.locations[j][4]
21128				]);
21129			} else {
21130				console.warn('Skipping invalid location', geodata.locations[j]);
21131			}
21132		}
21133
21134		for (i = 0; i < validLocations.length; i++) { 
21135
21136			marker = new google.maps.Marker({
21137				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
21138				icon: icon_obj, 
21139				scale: 0.5,
21140				map: map
21141			});
21142
21143			google.maps.event.addListener(marker, 'click', (function(marker, i) {
21144				return function() {
21145					if ( validLocations[i][0] ) {
21146						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
21147						if ( validLocations[i][3] ) {
21148							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
21149						} 
21150						$content += '</div>';
21151						
21152						infowindow.setContent($content);
21153						infowindow.open(map, marker);
21154					}
21155				}
21156			})(marker, i));
21157		}
21158
21159	}
21160
21161	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
21162
21163		// Need floats + filter invalid points
21164		const validPath = [];
21165		for (var i = 0; i < geodata.path.length; i++) {
21166			const lat = parseFloat(geodata.path[i]['lat']);
21167			const lng = parseFloat(geodata.path[i]['lng']);
21168			if (Number.isFinite(lat) && Number.isFinite(lng)) {
21169				validPath.push({ lat, lng });
21170			} else {
21171				console.warn('Skipping invalid path point', geodata.path[i]);
21172			}
21173		}
21174
21175		var path = new google.maps.Polyline({
21176			path: validPath,
21177			geodesic: true,
21178			strokeColor: '#FF0000',
21179			strokeOpacity: 1.0,
21180			strokeWeight: 3
21181		});
21182
21183		path.setMap(map);
21184
21185	}
21186
21187
21188	var userLat = parseFloat($geodata_map.data('userlat'));
21189	var userLng = parseFloat($geodata_map.data('userlng'));
21190
21191	if ( userLat > 0 && userLng > 0 ) {
21192
21193		var icon = {
21194			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
21195			fillColor: '#1181FA',
21196			fillOpacity: 1,
21197			strokeColor: '#ffffff',
21198   			strokeWeight: 4,
21199			anchor: new google.maps.Point(0,0),
21200			scale: 2
21201		}
21202
21203		var userlocation = new google.maps.Marker( { 
21204			position: { lat: userLat, lng: userLng }, 
21205			map: map,
21206			icon: icon
21207		});
21208	}
21209
21210	$geodata_map.addClass("init");
21211
21212}
21213
21214$('body').on('click', '.geodata-map:not(.init)', function() {
21215
21216	var divmap = this;
21217
21218	if ( gmaps_init === false ) {
21219		$(divmap).html($(divmap).data("loadinginfo"));
21220
21221		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
21222			.done(function( script, textStatus ) {
21223				console.log( textStatus );
21224				window.gmaps_init = true;
21225				setTimeout(function(){ initMap(divmap) },1000);
21226			})
21227			.fail(function( jqxhr, settings, exception ) {
21228				console.log( jqxhr, settings, exception  );
21229			});
21230		
21231	} else {
21232		initMap(divmap);
21233	}
21234
21235});
21236
21237
21238
21239	
21240
21241</script>
21241
21242
21243<style>
21244    .T5304.grid-stack-item-content {
21245        background: #fff !important;
21246    }
21247
21248    .geodata-map {
21249        margin: 1rem 0;
21250        aspect-ratio: 16/11;
21251        width:  100%;
21252    }
21253
21254    .geodata-map:not(.init) {
21255        display: flex;
21256        justify-content: center;
21257        align-items: center;
21258        background-color: #ddd;
21259        border-radius: 0.7rem;
21260        color:  #333;
21261    }
21262</style>
21263					
21264					
21265					
21266					
21267				
21268
21269
21270
21271			
21272
21273
21274
21275
21276
21277
21278
21279
21280
21281
21282
21283
21284
21285
21286			
21287			
21288			
21289			
21290			
21291			
21292			
21293
21294			
21295			
21296			
21297
21298			
21299			
21300
21301			
21302
21303			
21304
21305
21306			
21307
21308			
21309
21310			
21311
21312			
21313
21314
21315
21316
21317
21318
21319
21320			
21321
21322
21323			
21324
21325			
21326
21327		</div>
21328
21329		
21330
21331	
21332
21333	
21334
21335	
21336	
21337	
21338
21339</div>
21340
21341
21342
21343
21344
21345
21346
21347
21348
21349
21350
21351
21352
21353
21354
21355
21356
21357
21358<!-- /MetaDetail -->
21359						</div>
21360					
21361						<div id="">
21362							<!-- MetaDetail -->
21363
21364
21365
21366
21367
21368
21369
21370
21371
21372
21373
21374
21375	
21376	
21377	
21378
21379
21380
21381
21382
21383
21384
21385
21386
21387
21388
21389
21390
21391
21392
21393
21394
21395
21396	
21397		
21398	
21399	
21400
21401
21402
21403
21404
21405
21406
21407 
21408
21409
21410
21411
21412
21413<div class="MetaDetail"
21414
21415	>
21416	
21417
21418	
21419	
21420	
21421	
21422	
21423
21424
21425	
21426
21427
21428
21429
21430
21431
21432	
21433
21434	
21435
21436		
21437			
21438			
21439			
21440			
21441
21442			
21443				
21444				
21445				
21446				
21447			
21448			
21449			
21450			
21451			
21452			
21453
21454			
21455			
21456				
21457
21458				
21459					
21460				
21461			
21462
21463			
21464
21465
21466			
21467			<div class="sheet-bilder slider-outer " data-count="1">
21468				
21469				<div class="slider-wrapper slider-elements">
21470					
21471
21472						
21473						
21474
21475						
21476							<div class="sheet-bild b1689088 slider-element ">
21477								
21478								
21479
21480
21481								<figure>
21482		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1689088/800x480.webp?r=3 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1689088/800x480.jpg?r=3 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1689088/800x480.jpg?r=3" width="800" height="480" loading='lazy' alt="Sommer Plan" /></picture>
21483	</figure>
21484								
21485								
21486							</div>
21487
21488						
21489					
21490						
21491					
21492					
21493				</div>
21494
21495				
21496					<div class="slider-arrows">
21497						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
21498						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
21499					</div>
21500				
21501
21502				
21503				
21504				
21505
21506
21507				
21508				
21509				
21510
21511				
21512
21513				
21514
21515				
21516
21517
21518				
21519
21520
21521				
21522
21523				
21524								
21525
21526			</div>
21527			
21528
21529		
21530		
21531
21532
21533
21534
21535
21536
21537
21538
21539	
21540
21541
21542		<div class="content">
21543
21544			
21545
21546			
21547			
21548
21549
21550			<div class="name">Geländeplan</div>
21551			
21552
21553
21554			
21555
21556
21557
21558
21559
21560			
21561
21562			
21563			
21564
21565			
21566
21567			
21568
21569
21570			
21571			
21572			
21573
21574				
21575			
21576
21577
21578
21579
21580
21581			
21582
21583				
21584			
21585
21586
21587			
21588			
21589			
21590
21591			
21592			
21593			
21594				
21595				
21596				
21597				
21598			
21599			
21600
21601			
21602
21603
21604
21605			
21606
21607
21608			
21609
21610			
21611			
21612				
21613			
21614			
21615			
21616
21617			
21618			
21619
21620			
21621			
21622
21623				
21624			
21625
21626			
21627			
21628			
21629			
21630			
21631			
21632			
21633
21634			
21635
21636			
21637
21638			
21639
21640			
21641			
21642			
21643			
21644
21645			
21646			
21647
21648			
21649
21650			
21651
21652			
21653
21654			
21655			
21656
21657			
21658			
21659
21660			
21661			
21662
21663			
21664
21665
21666
21667
21668			
21669
21670
21671				
21672
21673				
21674
21675				
21676				
21677
21678
21679				
21680
21681
21682					
21683				
21684				
21685
21686
21687
21688				
21689				
21690				
21691				
21692				
21693				
21694				
21695
21696
21697
21698
21699
21700
21701
21702				
21703				
21704				
21705
21706				
21707
21708				
21709		
21710				
21711				
21712
21713				
21714
21715				
21716
21717				
21718				
21719				
21720
21721
21722		
21723
21724
21725				
21726
21727
21728
21729
21730
21731
21732				
21733
21734			
21735
21736				
21737
21738
21739				
21740				
21741				
21742				
21743			
21744				
21745				
21746				
21747				
21748					
21748<script>
21749
21750window.gmaps_init = false;
21751
21752var initMap = function(map) {
21753
21754	let $geodata_map = $(map);
21755	let geodata = $geodata_map.data('geodata');
21756
21757	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
21758	const safeFloat = (v, fb = 0) => {
21759		const n = parseFloat(v);
21760		return Number.isFinite(n) ? n : fb;
21761	};
21762	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
21763	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
21764	var center_lat = safeFloat(centerLatRaw, 0);
21765	var center_lng = safeFloat(centerLngRaw, 0);
21766
21767	//  Calculate Zoom Level
21768	var zoom = 8;
21769	if ( geodata.zoom > 0 ) {
21770		zoom = geodata.zoom;
21771	}
21772
21773	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
21774
21775	let MAP_BOUNDS = undefined;
21776	if ( geodata.bounds !== undefined ) {
21777		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
21778		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
21779		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
21780		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
21781		if ([east, north, south, west].every(Number.isFinite)) {
21782			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
21783		} else {
21784			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
21785		}
21786	}
21787
21788	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
21789		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
21790		zoom = zoom - 2;
21791	}
21792
21793	if ( zoom == "-Infinity" ) {
21794		if ( geodata.zoom > 0 ) {
21795			zoom = geodata.zoom;
21796		} else {
21797			zoom = 8;
21798		}
21799	}
21800
21801	// console.log("MAP_BOUNDS",MAP_BOUNDS);
21802
21803	
21804	
21805    var map = new google.maps.Map($geodata_map[0], {
21806		center: { lat: center_lat, lng: center_lng },
21807		disableDefaultUI: true,
21808		zoomControl: true,
21809		zoom: zoom,
21810		clickableIcons: false,	
21811		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
21812	});
21813	
21814
21815	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
21816
21817		var infowindow = new google.maps.InfoWindow();
21818		var marker, i;
21819
21820		var icon_obj;
21821		if ( $geodata_map.data('icon') ) {	
21822			icon_obj = {
21823				url: $geodata_map.data('icon'),
21824				size: new google.maps.Size(40, 40),
21825				scaledSize: new google.maps.Size(40, 40),
21826			};
21827		}
21828
21829		// Sanitize locations (avoid NaN -> pan/setCenter errors)
21830		const validLocations = [];
21831		for (let j = 0; j < geodata.locations.length; j++) {
21832			const lat = parseFloat(geodata.locations[j][1]);
21833			const lng = parseFloat(geodata.locations[j][2]);
21834			if (Number.isFinite(lat) && Number.isFinite(lng)) {
21835				validLocations.push([
21836					geodata.locations[j][0],
21837					lat,
21838					lng,
21839					geodata.locations[j][3],
21840					geodata.locations[j][4]
21841				]);
21842			} else {
21843				console.warn('Skipping invalid location', geodata.locations[j]);
21844			}
21845		}
21846
21847		for (i = 0; i < validLocations.length; i++) { 
21848
21849			marker = new google.maps.Marker({
21850				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
21851				icon: icon_obj, 
21852				scale: 0.5,
21853				map: map
21854			});
21855
21856			google.maps.event.addListener(marker, 'click', (function(marker, i) {
21857				return function() {
21858					if ( validLocations[i][0] ) {
21859						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
21860						if ( validLocations[i][3] ) {
21861							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
21862						} 
21863						$content += '</div>';
21864						
21865						infowindow.setContent($content);
21866						infowindow.open(map, marker);
21867					}
21868				}
21869			})(marker, i));
21870		}
21871
21872	}
21873
21874	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
21875
21876		// Need floats + filter invalid points
21877		const validPath = [];
21878		for (var i = 0; i < geodata.path.length; i++) {
21879			const lat = parseFloat(geodata.path[i]['lat']);
21880			const lng = parseFloat(geodata.path[i]['lng']);
21881			if (Number.isFinite(lat) && Number.isFinite(lng)) {
21882				validPath.push({ lat, lng });
21883			} else {
21884				console.warn('Skipping invalid path point', geodata.path[i]);
21885			}
21886		}
21887
21888		var path = new google.maps.Polyline({
21889			path: validPath,
21890			geodesic: true,
21891			strokeColor: '#FF0000',
21892			strokeOpacity: 1.0,
21893			strokeWeight: 3
21894		});
21895
21896		path.setMap(map);
21897
21898	}
21899
21900
21901	var userLat = parseFloat($geodata_map.data('userlat'));
21902	var userLng = parseFloat($geodata_map.data('userlng'));
21903
21904	if ( userLat > 0 && userLng > 0 ) {
21905
21906		var icon = {
21907			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
21908			fillColor: '#1181FA',
21909			fillOpacity: 1,
21910			strokeColor: '#ffffff',
21911   			strokeWeight: 4,
21912			anchor: new google.maps.Point(0,0),
21913			scale: 2
21914		}
21915
21916		var userlocation = new google.maps.Marker( { 
21917			position: { lat: userLat, lng: userLng }, 
21918			map: map,
21919			icon: icon
21920		});
21921	}
21922
21923	$geodata_map.addClass("init");
21924
21925}
21926
21927$('body').on('click', '.geodata-map:not(.init)', function() {
21928
21929	var divmap = this;
21930
21931	if ( gmaps_init === false ) {
21932		$(divmap).html($(divmap).data("loadinginfo"));
21933
21934		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
21935			.done(function( script, textStatus ) {
21936				console.log( textStatus );
21937				window.gmaps_init = true;
21938				setTimeout(function(){ initMap(divmap) },1000);
21939			})
21940			.fail(function( jqxhr, settings, exception ) {
21941				console.log( jqxhr, settings, exception  );
21942			});
21943		
21944	} else {
21945		initMap(divmap);
21946	}
21947
21948});
21949
21950
21951
21952	
21953
21954</script>
21954
21955
21956<style>
21957    .T5304.grid-stack-item-content {
21958        background: #fff !important;
21959    }
21960
21961    .geodata-map {
21962        margin: 1rem 0;
21963        aspect-ratio: 16/11;
21964        width:  100%;
21965    }
21966
21967    .geodata-map:not(.init) {
21968        display: flex;
21969        justify-content: center;
21970        align-items: center;
21971        background-color: #ddd;
21972        border-radius: 0.7rem;
21973        color:  #333;
21974    }
21975</style>
21976					
21977					
21978					
21979					
21980				
21981
21982
21983
21984			
21985
21986
21987
21988
21989
21990
21991
21992
21993
21994
21995
21996
21997
21998
21999			
22000			
22001			
22002			
22003			
22004			
22005			
22006
22007			
22008			
22009			
22010
22011			
22012			
22013
22014			
22015
22016			
22017
22018
22019			
22020
22021			
22022
22023			
22024
22025			
22026
22027
22028
22029
22030
22031
22032
22033			
22034
22035
22036			
22037
22038			
22039
22040		</div>
22041
22042		
22043
22044	
22045
22046	
22047
22048	
22049	
22050	
22051
22052</div>
22053
22054
22055
22056
22057
22058
22059
22060
22061
22062
22063
22064
22065
22066
22067
22068
22069
22070
22071<!-- /MetaDetail -->
22072						</div>
22073					
22074						<div id="">
22075							<!-- MetaDetail -->
22076
22077
22078
22079
22080
22081
22082
22083
22084
22085
22086
22087
22088	
22089	
22090	
22091
22092
22093
22094
22095
22096
22097
22098
22099
22100
22101
22102
22103
22104
22105
22106
22107
22108
22109	
22110		
22111	
22112	
22113
22114
22115
22116
22117
22118
22119
22120 
22121
22122
22123
22124
22125
22126<div class="MetaDetail"
22127
22128	>
22129	
22130
22131	
22132	
22133	
22134	
22135	
22136
22137
22138	
22139
22140
22141
22142
22143
22144
22145	
22146
22147	
22148
22149		
22150			
22151			
22152			
22153			
22154
22155			
22156				
22157				
22158				
22159				
22160			
22161			
22162			
22163			
22164			
22165			
22166
22167			
22168			
22169				
22170
22171				
22172					
22173				
22174			
22175
22176			
22177
22178
22179			
22180			<div class="sheet-bilder slider-outer " data-count="1">
22181				
22182				<div class="slider-wrapper slider-elements">
22183					
22184
22185						
22186						
22187
22188						
22189							<div class="sheet-bild b1530151 slider-element ">
22190								
22191								
22192
22193
22194								<figure>
22195		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1530151/800x480.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1530151/800x480.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1530151/800x480.jpg" width="800" height="480" loading='lazy' alt="53-6Q8A1580" /></picture>
22196	</figure>
22197								
22198								
22199							</div>
22200
22201						
22202					
22203						
22204					
22205					
22206				</div>
22207
22208				
22209					<div class="slider-arrows">
22210						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
22211						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
22212					</div>
22213				
22214
22215				
22216				
22217				
22218
22219
22220				
22221				
22222				
22223
22224				
22225
22226				
22227
22228				
22229
22230
22231				
22232
22233
22234				
22235
22236				
22237								
22238
22239			</div>
22240			
22241
22242		
22243		
22244
22245
22246
22247
22248
22249
22250
22251
22252	
22253
22254
22255		<div class="content">
22256
22257			
22258
22259			
22260			
22261
22262
22263			<div class="name">Ticketshop</div>
22264			
22265
22266
22267			
22268
22269
22270
22271
22272
22273			
22274
22275			
22276			
22277
22278			
22279
22280			
22281
22282
22283			
22284			
22285			
22286
22287				
22288			
22289
22290
22291
22292
22293
22294			
22295
22296				
22297			
22298
22299
22300			
22301			
22302			
22303
22304			
22305			
22306			
22307				
22308				
22309				
22310				
22311			
22312			
22313
22314			
22315
22316
22317
22318			
22319
22320
22321			
22322
22323			
22324			
22325				
22326			
22327			
22328			
22329
22330			
22331			
22332
22333			
22334			
22335
22336				
22337			
22338
22339			
22340			
22341			
22342			
22343			
22344			
22345			
22346
22347			
22348
22349			
22350
22351			
22352
22353			
22354			
22355			
22356			
22357
22358			
22359			
22360
22361			
22362
22363			
22364
22365			
22366
22367			
22368			
22369
22370			
22371			
22372
22373			
22374			
22375
22376			
22377
22378
22379
22380
22381			
22382
22383
22384				
22385
22386				
22387
22388				
22389				
22390
22391
22392				
22393
22394
22395					
22396				
22397				
22398
22399
22400
22401				
22402				
22403				
22404				
22405				
22406				
22407				
22408
22409
22410
22411
22412
22413
22414
22415				
22416				
22417				
22418
22419				
22420
22421				
22422		
22423				
22424				
22425
22426				
22427
22428				
22429
22430				
22431				
22432				
22433
22434
22435		
22436
22437
22438				
22439
22440
22441
22442
22443
22444
22445				
22446
22447			
22448
22449				
22450
22451
22452				
22453				
22454				
22455				
22456			
22457				
22458				
22459				
22460				
22461					
22461<script>
22462
22463window.gmaps_init = false;
22464
22465var initMap = function(map) {
22466
22467	let $geodata_map = $(map);
22468	let geodata = $geodata_map.data('geodata');
22469
22470	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
22471	const safeFloat = (v, fb = 0) => {
22472		const n = parseFloat(v);
22473		return Number.isFinite(n) ? n : fb;
22474	};
22475	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
22476	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
22477	var center_lat = safeFloat(centerLatRaw, 0);
22478	var center_lng = safeFloat(centerLngRaw, 0);
22479
22480	//  Calculate Zoom Level
22481	var zoom = 8;
22482	if ( geodata.zoom > 0 ) {
22483		zoom = geodata.zoom;
22484	}
22485
22486	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
22487
22488	let MAP_BOUNDS = undefined;
22489	if ( geodata.bounds !== undefined ) {
22490		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
22491		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
22492		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
22493		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
22494		if ([east, north, south, west].every(Number.isFinite)) {
22495			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
22496		} else {
22497			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
22498		}
22499	}
22500
22501	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
22502		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
22503		zoom = zoom - 2;
22504	}
22505
22506	if ( zoom == "-Infinity" ) {
22507		if ( geodata.zoom > 0 ) {
22508			zoom = geodata.zoom;
22509		} else {
22510			zoom = 8;
22511		}
22512	}
22513
22514	// console.log("MAP_BOUNDS",MAP_BOUNDS);
22515
22516	
22517	
22518    var map = new google.maps.Map($geodata_map[0], {
22519		center: { lat: center_lat, lng: center_lng },
22520		disableDefaultUI: true,
22521		zoomControl: true,
22522		zoom: zoom,
22523		clickableIcons: false,	
22524		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
22525	});
22526	
22527
22528	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
22529
22530		var infowindow = new google.maps.InfoWindow();
22531		var marker, i;
22532
22533		var icon_obj;
22534		if ( $geodata_map.data('icon') ) {	
22535			icon_obj = {
22536				url: $geodata_map.data('icon'),
22537				size: new google.maps.Size(40, 40),
22538				scaledSize: new google.maps.Size(40, 40),
22539			};
22540		}
22541
22542		// Sanitize locations (avoid NaN -> pan/setCenter errors)
22543		const validLocations = [];
22544		for (let j = 0; j < geodata.locations.length; j++) {
22545			const lat = parseFloat(geodata.locations[j][1]);
22546			const lng = parseFloat(geodata.locations[j][2]);
22547			if (Number.isFinite(lat) && Number.isFinite(lng)) {
22548				validLocations.push([
22549					geodata.locations[j][0],
22550					lat,
22551					lng,
22552					geodata.locations[j][3],
22553					geodata.locations[j][4]
22554				]);
22555			} else {
22556				console.warn('Skipping invalid location', geodata.locations[j]);
22557			}
22558		}
22559
22560		for (i = 0; i < validLocations.length; i++) { 
22561
22562			marker = new google.maps.Marker({
22563				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
22564				icon: icon_obj, 
22565				scale: 0.5,
22566				map: map
22567			});
22568
22569			google.maps.event.addListener(marker, 'click', (function(marker, i) {
22570				return function() {
22571					if ( validLocations[i][0] ) {
22572						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
22573						if ( validLocations[i][3] ) {
22574							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
22575						} 
22576						$content += '</div>';
22577						
22578						infowindow.setContent($content);
22579						infowindow.open(map, marker);
22580					}
22581				}
22582			})(marker, i));
22583		}
22584
22585	}
22586
22587	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
22588
22589		// Need floats + filter invalid points
22590		const validPath = [];
22591		for (var i = 0; i < geodata.path.length; i++) {
22592			const lat = parseFloat(geodata.path[i]['lat']);
22593			const lng = parseFloat(geodata.path[i]['lng']);
22594			if (Number.isFinite(lat) && Number.isFinite(lng)) {
22595				validPath.push({ lat, lng });
22596			} else {
22597				console.warn('Skipping invalid path point', geodata.path[i]);
22598			}
22599		}
22600
22601		var path = new google.maps.Polyline({
22602			path: validPath,
22603			geodesic: true,
22604			strokeColor: '#FF0000',
22605			strokeOpacity: 1.0,
22606			strokeWeight: 3
22607		});
22608
22609		path.setMap(map);
22610
22611	}
22612
22613
22614	var userLat = parseFloat($geodata_map.data('userlat'));
22615	var userLng = parseFloat($geodata_map.data('userlng'));
22616
22617	if ( userLat > 0 && userLng > 0 ) {
22618
22619		var icon = {
22620			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
22621			fillColor: '#1181FA',
22622			fillOpacity: 1,
22623			strokeColor: '#ffffff',
22624   			strokeWeight: 4,
22625			anchor: new google.maps.Point(0,0),
22626			scale: 2
22627		}
22628
22629		var userlocation = new google.maps.Marker( { 
22630			position: { lat: userLat, lng: userLng }, 
22631			map: map,
22632			icon: icon
22633		});
22634	}
22635
22636	$geodata_map.addClass("init");
22637
22638}
22639
22640$('body').on('click', '.geodata-map:not(.init)', function() {
22641
22642	var divmap = this;
22643
22644	if ( gmaps_init === false ) {
22645		$(divmap).html($(divmap).data("loadinginfo"));
22646
22647		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
22648			.done(function( script, textStatus ) {
22649				console.log( textStatus );
22650				window.gmaps_init = true;
22651				setTimeout(function(){ initMap(divmap) },1000);
22652			})
22653			.fail(function( jqxhr, settings, exception ) {
22654				console.log( jqxhr, settings, exception  );
22655			});
22656		
22657	} else {
22658		initMap(divmap);
22659	}
22660
22661});
22662
22663
22664
22665	
22666
22667</script>
22667
22668
22669<style>
22670    .T5304.grid-stack-item-content {
22671        background: #fff !important;
22672    }
22673
22674    .geodata-map {
22675        margin: 1rem 0;
22676        aspect-ratio: 16/11;
22677        width:  100%;
22678    }
22679
22680    .geodata-map:not(.init) {
22681        display: flex;
22682        justify-content: center;
22683        align-items: center;
22684        background-color: #ddd;
22685        border-radius: 0.7rem;
22686        color:  #333;
22687    }
22688</style>
22689					
22690					
22691					
22692					
22693				
22694
22695
22696
22697			
22698
22699
22700
22701
22702
22703
22704
22705
22706
22707
22708
22709
22710
22711
22712			
22713			
22714			
22715			
22716			
22717			
22718			
22719
22720			
22721			
22722			
22723
22724			
22725			
22726
22727			
22728
22729			
22730
22731
22732			
22733
22734			
22735
22736			
22737
22738			
22739
22740
22741
22742
22743
22744
22745
22746			
22747
22748
22749			
22750
22751			
22752
22753		</div>
22754
22755		
22756
22757	
22758
22759	
22760
22761	
22762	
22763	
22764
22765</div>
22766
22767
22768
22769
22770
22771
22772
22773
22774
22775
22776
22777
22778
22779
22780
22781
22782
22783
22784<!-- /MetaDetail -->
22785						</div>
22786					
22787						<div id="">
22788							<!-- MetaDetail -->
22789
22790
22791
22792
22793
22794
22795
22796
22797
22798
22799
22800
22801	
22802	
22803	
22804
22805
22806
22807
22808
22809
22810
22811
22812
22813
22814
22815
22816
22817
22818
22819
22820
22821
22822	
22823		
22824	
22825	
22826
22827
22828
22829
22830
22831
22832
22833 
22834
22835
22836
22837
22838
22839<div class="MetaDetail"
22840
22841	>
22842	
22843
22844	
22845	
22846	
22847	
22848	
22849
22850
22851	
22852
22853
22854
22855
22856
22857
22858	
22859
22860	
22861
22862		
22863			
22864			
22865			
22866			
22867
22868			
22869				
22870				
22871				
22872				
22873			
22874			
22875			
22876			
22877			
22878			
22879
22880			
22881			
22882				
22883
22884				
22885					
22886				
22887			
22888
22889			
22890
22891
22892			
22893			<div class="sheet-bilder slider-outer " data-count="1">
22894				
22895				<div class="slider-wrapper slider-elements">
22896					
22897
22898						
22899						
22900
22901						
22902							<div class="sheet-bild b1513605 slider-element ">
22903								
22904								
22905
22906
22907								<figure>
22908		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1513605/800x480.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1513605/800x480.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1513605/800x480.jpg" width="800" height="480" loading='lazy' alt="Wurzelrudi Sommer 35" /></picture>
22909	</figure>
22910								
22911								
22912							</div>
22913
22914						
22915					
22916						
22917					
22918					
22919				</div>
22920
22921				
22922					<div class="slider-arrows">
22923						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
22924						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
22925					</div>
22926				
22927
22928				
22929				
22930				
22931
22932
22933				
22934				
22935				
22936
22937				
22938
22939				
22940
22941				
22942
22943
22944				
22945
22946
22947				
22948
22949				
22950								
22951
22952			</div>
22953			
22954
22955		
22956		
22957
22958
22959
22960
22961
22962
22963
22964
22965	
22966
22967
22968		<div class="content">
22969
22970			
22971
22972			
22973			
22974
22975
22976			<div class="name">Anfahrt</div>
22977			
22978
22979
22980			
22981
22982
22983
22984
22985
22986			
22987
22988			
22989			
22990
22991			
22992
22993			
22994
22995
22996			
22997			
22998			
22999
23000				
23001			
23002
23003
23004
23005
23006
23007			
23008
23009				
23010			
23011
23012
23013			
23014			
23015			
23016
23017			
23018			
23019			
23020				
23021				
23022				
23023				
23024			
23025			
23026
23027			
23028
23029
23030
23031			
23032
23033
23034			
23035
23036			
23037			
23038				
23039			
23040			
23041			
23042
23043			
23044			
23045
23046			
23047			
23048
23049				
23050			
23051
23052			
23053			
23054			
23055			
23056			
23057			
23058			
23059
23060			
23061
23062			
23063
23064			
23065
23066			
23067			
23068			
23069			
23070
23071			
23072			
23073
23074			
23075
23076			
23077
23078			
23079
23080			
23081			
23082
23083			
23084			
23085
23086			
23087			
23088
23089			
23090
23091
23092
23093
23094			
23095
23096
23097				
23098
23099				
23100
23101				
23102				
23103
23104
23105				
23106
23107
23108					
23109				
23110				
23111
23112
23113
23114				
23115				
23116				
23117				
23118				
23119				
23120				
23121
23122
23123
23124
23125
23126
23127
23128				
23129				
23130				
23131
23132				
23133
23134				
23135		
23136				
23137				
23138
23139				
23140
23141				
23142
23143				
23144				
23145				
23146
23147
23148		
23149
23150
23151				
23152
23153
23154
23155
23156
23157
23158				
23159
23160			
23161
23162				
23163
23164
23165				
23166				
23167				
23168				
23169			
23170				
23171				
23172				
23173				
23174					
23174<script>
23175
23176window.gmaps_init = false;
23177
23178var initMap = function(map) {
23179
23180	let $geodata_map = $(map);
23181	let geodata = $geodata_map.data('geodata');
23182
23183	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
23184	const safeFloat = (v, fb = 0) => {
23185		const n = parseFloat(v);
23186		return Number.isFinite(n) ? n : fb;
23187	};
23188	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
23189	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
23190	var center_lat = safeFloat(centerLatRaw, 0);
23191	var center_lng = safeFloat(centerLngRaw, 0);
23192
23193	//  Calculate Zoom Level
23194	var zoom = 8;
23195	if ( geodata.zoom > 0 ) {
23196		zoom = geodata.zoom;
23197	}
23198
23199	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
23200
23201	let MAP_BOUNDS = undefined;
23202	if ( geodata.bounds !== undefined ) {
23203		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
23204		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
23205		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
23206		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
23207		if ([east, north, south, west].every(Number.isFinite)) {
23208			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
23209		} else {
23210			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
23211		}
23212	}
23213
23214	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
23215		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
23216		zoom = zoom - 2;
23217	}
23218
23219	if ( zoom == "-Infinity" ) {
23220		if ( geodata.zoom > 0 ) {
23221			zoom = geodata.zoom;
23222		} else {
23223			zoom = 8;
23224		}
23225	}
23226
23227	// console.log("MAP_BOUNDS",MAP_BOUNDS);
23228
23229	
23230	
23231    var map = new google.maps.Map($geodata_map[0], {
23232		center: { lat: center_lat, lng: center_lng },
23233		disableDefaultUI: true,
23234		zoomControl: true,
23235		zoom: zoom,
23236		clickableIcons: false,	
23237		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
23238	});
23239	
23240
23241	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
23242
23243		var infowindow = new google.maps.InfoWindow();
23244		var marker, i;
23245
23246		var icon_obj;
23247		if ( $geodata_map.data('icon') ) {	
23248			icon_obj = {
23249				url: $geodata_map.data('icon'),
23250				size: new google.maps.Size(40, 40),
23251				scaledSize: new google.maps.Size(40, 40),
23252			};
23253		}
23254
23255		// Sanitize locations (avoid NaN -> pan/setCenter errors)
23256		const validLocations = [];
23257		for (let j = 0; j < geodata.locations.length; j++) {
23258			const lat = parseFloat(geodata.locations[j][1]);
23259			const lng = parseFloat(geodata.locations[j][2]);
23260			if (Number.isFinite(lat) && Number.isFinite(lng)) {
23261				validLocations.push([
23262					geodata.locations[j][0],
23263					lat,
23264					lng,
23265					geodata.locations[j][3],
23266					geodata.locations[j][4]
23267				]);
23268			} else {
23269				console.warn('Skipping invalid location', geodata.locations[j]);
23270			}
23271		}
23272
23273		for (i = 0; i < validLocations.length; i++) { 
23274
23275			marker = new google.maps.Marker({
23276				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
23277				icon: icon_obj, 
23278				scale: 0.5,
23279				map: map
23280			});
23281
23282			google.maps.event.addListener(marker, 'click', (function(marker, i) {
23283				return function() {
23284					if ( validLocations[i][0] ) {
23285						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
23286						if ( validLocations[i][3] ) {
23287							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
23288						} 
23289						$content += '</div>';
23290						
23291						infowindow.setContent($content);
23292						infowindow.open(map, marker);
23293					}
23294				}
23295			})(marker, i));
23296		}
23297
23298	}
23299
23300	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
23301
23302		// Need floats + filter invalid points
23303		const validPath = [];
23304		for (var i = 0; i < geodata.path.length; i++) {
23305			const lat = parseFloat(geodata.path[i]['lat']);
23306			const lng = parseFloat(geodata.path[i]['lng']);
23307			if (Number.isFinite(lat) && Number.isFinite(lng)) {
23308				validPath.push({ lat, lng });
23309			} else {
23310				console.warn('Skipping invalid path point', geodata.path[i]);
23311			}
23312		}
23313
23314		var path = new google.maps.Polyline({
23315			path: validPath,
23316			geodesic: true,
23317			strokeColor: '#FF0000',
23318			strokeOpacity: 1.0,
23319			strokeWeight: 3
23320		});
23321
23322		path.setMap(map);
23323
23324	}
23325
23326
23327	var userLat = parseFloat($geodata_map.data('userlat'));
23328	var userLng = parseFloat($geodata_map.data('userlng'));
23329
23330	if ( userLat > 0 && userLng > 0 ) {
23331
23332		var icon = {
23333			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
23334			fillColor: '#1181FA',
23335			fillOpacity: 1,
23336			strokeColor: '#ffffff',
23337   			strokeWeight: 4,
23338			anchor: new google.maps.Point(0,0),
23339			scale: 2
23340		}
23341
23342		var userlocation = new google.maps.Marker( { 
23343			position: { lat: userLat, lng: userLng }, 
23344			map: map,
23345			icon: icon
23346		});
23347	}
23348
23349	$geodata_map.addClass("init");
23350
23351}
23352
23353$('body').on('click', '.geodata-map:not(.init)', function() {
23354
23355	var divmap = this;
23356
23357	if ( gmaps_init === false ) {
23358		$(divmap).html($(divmap).data("loadinginfo"));
23359
23360		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
23361			.done(function( script, textStatus ) {
23362				console.log( textStatus );
23363				window.gmaps_init = true;
23364				setTimeout(function(){ initMap(divmap) },1000);
23365			})
23366			.fail(function( jqxhr, settings, exception ) {
23367				console.log( jqxhr, settings, exception  );
23368			});
23369		
23370	} else {
23371		initMap(divmap);
23372	}
23373
23374});
23375
23376
23377
23378	
23379
23380</script>
23380
23381
23382<style>
23383    .T5304.grid-stack-item-content {
23384        background: #fff !important;
23385    }
23386
23387    .geodata-map {
23388        margin: 1rem 0;
23389        aspect-ratio: 16/11;
23390        width:  100%;
23391    }
23392
23393    .geodata-map:not(.init) {
23394        display: flex;
23395        justify-content: center;
23396        align-items: center;
23397        background-color: #ddd;
23398        border-radius: 0.7rem;
23399        color:  #333;
23400    }
23401</style>
23402					
23403					
23404					
23405					
23406				
23407
23408
23409
23410			
23411
23412
23413
23414
23415
23416
23417
23418
23419
23420
23421
23422
23423
23424
23425			
23426			
23427			
23428			
23429			
23430			
23431			
23432
23433			
23434			
23435			
23436
23437			
23438			
23439
23440			
23441
23442			
23443
23444
23445			
23446
23447			
23448
23449			
23450
23451			
23452
23453
23454
23455
23456
23457
23458
23459			
23460
23461
23462			
23463
23464			
23465
23466		</div>
23467
23468		
23469
23470	
23471
23472	
23473
23474	
23475	
23476	
23477
23478</div>
23479
23480
23481
23482
23483
23484
23485
23486
23487
23488
23489
23490
23491
23492
23493
23494
23495
23496
23497<!-- /MetaDetail -->
23498						</div>
23499					
23500						<div id="">
23501							<!-- MetaDetail -->
23502
23503
23504
23505
23506
23507
23508
23509
23510
23511
23512
23513
23514	
23515	
23516	
23517
23518
23519
23520
23521
23522
23523
23524
23525
23526
23527
23528
23529
23530
23531
23532
23533
23534
23535	
23536		
23537	
23538	
23539
23540
23541
23542
23543
23544
23545
23546 
23547
23548
23549
23550
23551
23552<div class="MetaDetail"
23553
23554	>
23555	
23556
23557	
23558	
23559	
23560	
23561	
23562
23563
23564	
23565
23566
23567
23568
23569
23570
23571	
23572
23573	
23574
23575		
23576			
23577			
23578			
23579			
23580
23581			
23582				
23583				
23584				
23585				
23586			
23587			
23588			
23589			
23590			
23591			
23592
23593			
23594			
23595				
23596
23597				
23598					
23599				
23600			
23601
23602			
23603
23604
23605			
23606			<div class="sheet-bilder slider-outer " data-count="1">
23607				
23608				<div class="slider-wrapper slider-elements">
23609					
23610
23611						
23612						
23613
23614						
23615							<div class="sheet-bild b1605542 slider-element ">
23616								
23617								
23618
23619
23620								<figure>
23621		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-800x480.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-800x480.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1605542/freude-beim-spielen-dem-spielplatz-800x480.jpg?r=1" width="800" height="480" loading='lazy' alt="Eine Familie genießt einen sonnigen Tag auf einem Spielplatz und spielt zusammen. Der Kinderspaß steht im Mittelpunkt." /></picture>
23622	<footer><small>&copy;&nbsp;TMGS - Thomas Schlorke / Thomas Schlorke</small></footer></figure>
23623								
23624								
23625							</div>
23626
23627						
23628					
23629						
23630					
23631					
23632				</div>
23633
23634				
23635					<div class="slider-arrows">
23636						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
23637						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
23638					</div>
23639				
23640
23641				
23642				
23643				
23644
23645
23646				
23647				
23648				
23649
23650				
23651
23652				
23653
23654				
23655
23656
23657				
23658
23659
23660				
23661
23662				
23663								
23664
23665			</div>
23666			
23667
23668		
23669		
23670
23671
23672
23673
23674
23675
23676
23677
23678	
23679
23680
23681		<div class="content">
23682
23683			
23684
23685			
23686			
23687
23688
23689			<div class="name">Gutschein</div>
23690			
23691
23692
23693			
23694
23695
23696
23697
23698
23699			
23700
23701			
23702			
23703
23704			
23705
23706			
23707
23708
23709			
23710			
23711			
23712
23713				
23714			
23715
23716
23717
23718
23719
23720			
23721
23722				
23723			
23724
23725
23726			
23727			
23728			
23729
23730			
23731			
23732			
23733				
23734				
23735				
23736				
23737			
23738			
23739
23740			
23741
23742
23743
23744			
23745
23746
23747			
23748
23749			
23750			
23751				
23752			
23753			
23754			
23755
23756			
23757			
23758
23759			
23760			
23761
23762				
23763			
23764
23765			
23766			
23767			
23768			
23769			
23770			
23771			
23772
23773			
23774
23775			
23776
23777			
23778
23779			
23780			
23781			
23782			
23783
23784			
23785			
23786
23787			
23788
23789			
23790
23791			
23792
23793			
23794			
23795
23796			
23797			
23798
23799			
23800			
23801
23802			
23803
23804
23805
23806
23807			
23808
23809
23810				
23811
23812				
23813
23814				
23815				
23816
23817
23818				
23819
23820
23821					
23822				
23823				
23824
23825
23826
23827				
23828				
23829				
23830				
23831				
23832				
23833				
23834
23835
23836
23837
23838
23839
23840
23841				
23842				
23843				
23844
23845				
23846
23847				
23848		
23849				
23850				
23851
23852				
23853
23854				
23855
23856				
23857				
23858				
23859
23860
23861		
23862
23863
23864				
23865
23866
23867
23868
23869
23870
23871				
23872
23873			
23874
23875				
23876
23877
23878				
23879				
23880				
23881				
23882			
23883				
23884				
23885				
23886				
23887					
23887<script>
23888
23889window.gmaps_init = false;
23890
23891var initMap = function(map) {
23892
23893	let $geodata_map = $(map);
23894	let geodata = $geodata_map.data('geodata');
23895
23896	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
23897	const safeFloat = (v, fb = 0) => {
23898		const n = parseFloat(v);
23899		return Number.isFinite(n) ? n : fb;
23900	};
23901	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
23902	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
23903	var center_lat = safeFloat(centerLatRaw, 0);
23904	var center_lng = safeFloat(centerLngRaw, 0);
23905
23906	//  Calculate Zoom Level
23907	var zoom = 8;
23908	if ( geodata.zoom > 0 ) {
23909		zoom = geodata.zoom;
23910	}
23911
23912	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
23913
23914	let MAP_BOUNDS = undefined;
23915	if ( geodata.bounds !== undefined ) {
23916		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
23917		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
23918		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
23919		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
23920		if ([east, north, south, west].every(Number.isFinite)) {
23921			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
23922		} else {
23923			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
23924		}
23925	}
23926
23927	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
23928		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
23929		zoom = zoom - 2;
23930	}
23931
23932	if ( zoom == "-Infinity" ) {
23933		if ( geodata.zoom > 0 ) {
23934			zoom = geodata.zoom;
23935		} else {
23936			zoom = 8;
23937		}
23938	}
23939
23940	// console.log("MAP_BOUNDS",MAP_BOUNDS);
23941
23942	
23943	
23944    var map = new google.maps.Map($geodata_map[0], {
23945		center: { lat: center_lat, lng: center_lng },
23946		disableDefaultUI: true,
23947		zoomControl: true,
23948		zoom: zoom,
23949		clickableIcons: false,	
23950		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
23951	});
23952	
23953
23954	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
23955
23956		var infowindow = new google.maps.InfoWindow();
23957		var marker, i;
23958
23959		var icon_obj;
23960		if ( $geodata_map.data('icon') ) {	
23961			icon_obj = {
23962				url: $geodata_map.data('icon'),
23963				size: new google.maps.Size(40, 40),
23964				scaledSize: new google.maps.Size(40, 40),
23965			};
23966		}
23967
23968		// Sanitize locations (avoid NaN -> pan/setCenter errors)
23969		const validLocations = [];
23970		for (let j = 0; j < geodata.locations.length; j++) {
23971			const lat = parseFloat(geodata.locations[j][1]);
23972			const lng = parseFloat(geodata.locations[j][2]);
23973			if (Number.isFinite(lat) && Number.isFinite(lng)) {
23974				validLocations.push([
23975					geodata.locations[j][0],
23976					lat,
23977					lng,
23978					geodata.locations[j][3],
23979					geodata.locations[j][4]
23980				]);
23981			} else {
23982				console.warn('Skipping invalid location', geodata.locations[j]);
23983			}
23984		}
23985
23986		for (i = 0; i < validLocations.length; i++) { 
23987
23988			marker = new google.maps.Marker({
23989				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
23990				icon: icon_obj, 
23991				scale: 0.5,
23992				map: map
23993			});
23994
23995			google.maps.event.addListener(marker, 'click', (function(marker, i) {
23996				return function() {
23997					if ( validLocations[i][0] ) {
23998						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
23999						if ( validLocations[i][3] ) {
24000							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
24001						} 
24002						$content += '</div>';
24003						
24004						infowindow.setContent($content);
24005						infowindow.open(map, marker);
24006					}
24007				}
24008			})(marker, i));
24009		}
24010
24011	}
24012
24013	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
24014
24015		// Need floats + filter invalid points
24016		const validPath = [];
24017		for (var i = 0; i < geodata.path.length; i++) {
24018			const lat = parseFloat(geodata.path[i]['lat']);
24019			const lng = parseFloat(geodata.path[i]['lng']);
24020			if (Number.isFinite(lat) && Number.isFinite(lng)) {
24021				validPath.push({ lat, lng });
24022			} else {
24023				console.warn('Skipping invalid path point', geodata.path[i]);
24024			}
24025		}
24026
24027		var path = new google.maps.Polyline({
24028			path: validPath,
24029			geodesic: true,
24030			strokeColor: '#FF0000',
24031			strokeOpacity: 1.0,
24032			strokeWeight: 3
24033		});
24034
24035		path.setMap(map);
24036
24037	}
24038
24039
24040	var userLat = parseFloat($geodata_map.data('userlat'));
24041	var userLng = parseFloat($geodata_map.data('userlng'));
24042
24043	if ( userLat > 0 && userLng > 0 ) {
24044
24045		var icon = {
24046			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
24047			fillColor: '#1181FA',
24048			fillOpacity: 1,
24049			strokeColor: '#ffffff',
24050   			strokeWeight: 4,
24051			anchor: new google.maps.Point(0,0),
24052			scale: 2
24053		}
24054
24055		var userlocation = new google.maps.Marker( { 
24056			position: { lat: userLat, lng: userLng }, 
24057			map: map,
24058			icon: icon
24059		});
24060	}
24061
24062	$geodata_map.addClass("init");
24063
24064}
24065
24066$('body').on('click', '.geodata-map:not(.init)', function() {
24067
24068	var divmap = this;
24069
24070	if ( gmaps_init === false ) {
24071		$(divmap).html($(divmap).data("loadinginfo"));
24072
24073		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
24074			.done(function( script, textStatus ) {
24075				console.log( textStatus );
24076				window.gmaps_init = true;
24077				setTimeout(function(){ initMap(divmap) },1000);
24078			})
24079			.fail(function( jqxhr, settings, exception ) {
24080				console.log( jqxhr, settings, exception  );
24081			});
24082		
24083	} else {
24084		initMap(divmap);
24085	}
24086
24087});
24088
24089
24090
24091	
24092
24093</script>
24093
24094
24095<style>
24096    .T5304.grid-stack-item-content {
24097        background: #fff !important;
24098    }
24099
24100    .geodata-map {
24101        margin: 1rem 0;
24102        aspect-ratio: 16/11;
24103        width:  100%;
24104    }
24105
24106    .geodata-map:not(.init) {
24107        display: flex;
24108        justify-content: center;
24109        align-items: center;
24110        background-color: #ddd;
24111        border-radius: 0.7rem;
24112        color:  #333;
24113    }
24114</style>
24115					
24116					
24117					
24118					
24119				
24120
24121
24122
24123			
24124
24125
24126
24127
24128
24129
24130
24131
24132
24133
24134
24135
24136
24137
24138			
24139			
24140			
24141			
24142			
24143			
24144			
24145
24146			
24147			
24148			
24149
24150			
24151			
24152
24153			
24154
24155			
24156
24157
24158			
24159
24160			
24161
24162			
24163
24164			
24165
24166
24167
24168
24169
24170
24171
24172			
24173
24174
24175			
24176
24177			
24178
24179		</div>
24180
24181		
24182
24183	
24184
24185	
24186
24187	
24188	
24189	
24190
24191</div>
24192
24193
24194
24195
24196
24197
24198
24199
24200
24201
24202
24203
24204
24205
24206
24207
24208
24209
24210<!-- /MetaDetail -->
24211						</div>
24212					
24213						<div id="">
24214							<!-- MetaDetail -->
24215
24216
24217
24218
24219
24220
24221
24222
24223
24224
24225
24226
24227	
24228	
24229	
24230
24231
24232
24233
24234
24235
24236
24237
24238
24239
24240
24241
24242
24243
24244
24245
24246
24247
24248	
24249		
24250	
24251	
24252
24253
24254
24255
24256
24257
24258
24259 
24260
24261
24262
24263
24264
24265<div class="MetaDetail"
24266
24267	>
24268	
24269
24270	
24271	
24272	
24273	
24274	
24275
24276
24277	
24278
24279
24280
24281
24282
24283
24284	
24285
24286	
24287
24288		
24289			
24290			
24291			
24292			
24293
24294			
24295				
24296				
24297				
24298				
24299			
24300			
24301			
24302			
24303			
24304			
24305
24306			
24307			
24308				
24309
24310				
24311					
24312				
24313			
24314
24315			
24316
24317
24318			
24319			<div class="sheet-bilder slider-outer " data-count="1">
24320				
24321				<div class="slider-wrapper slider-elements">
24322					
24323
24324						
24325						
24326
24327						
24328							<div class="sheet-bild b1515535 slider-element ">
24329								
24330								
24331
24332
24333								<figure>
24334		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1515535/800x480.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1515535/800x480.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1515535/800x480.jpg" width="800" height="480" loading='lazy' alt="Wurzelrudi Adleralm" /></picture>
24335	<footer><small>&copy;&nbsp;Wurzelrudi</small></footer></figure>
24336								
24337								
24338							</div>
24339
24340						
24341					
24342						
24343					
24344					
24345				</div>
24346
24347				
24348					<div class="slider-arrows">
24349						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
24350						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
24351					</div>
24352				
24353
24354				
24355				
24356				
24357
24358
24359				
24360				
24361				
24362
24363				
24364
24365				
24366
24367				
24368
24369
24370				
24371
24372
24373				
24374
24375				
24376								
24377
24378			</div>
24379			
24380
24381		
24382		
24383
24384
24385
24386
24387
24388
24389
24390
24391	
24392
24393
24394		<div class="content">
24395
24396			
24397
24398			
24399			
24400
24401
24402			<div class="name">Download</div>
24403			
24404
24405
24406			
24407
24408
24409
24410
24411
24412			
24413
24414			
24415			
24416
24417			
24418
24419			
24420
24421
24422			
24423			
24424			
24425
24426				
24427			
24428
24429
24430
24431
24432
24433			
24434
24435				
24436			
24437
24438
24439			
24440			
24441			
24442
24443			
24444			
24445			
24446				
24447				
24448				
24449				
24450			
24451			
24452
24453			
24454
24455
24456
24457			
24458
24459
24460			
24461
24462			
24463			
24464				
24465			
24466			
24467			
24468
24469			
24470			
24471
24472			
24473			
24474
24475				
24476			
24477
24478			
24479			
24480			
24481			
24482			
24483			
24484			
24485
24486			
24487
24488			
24489
24490			
24491
24492			
24493			
24494			
24495			
24496
24497			
24498			
24499
24500			
24501
24502			
24503
24504			
24505
24506			
24507			
24508
24509			
24510			
24511
24512			
24513			
24514
24515			
24516
24517
24518
24519
24520			
24521
24522
24523				
24524
24525				
24526
24527				
24528				
24529
24530
24531				
24532
24533
24534					
24535				
24536				
24537
24538
24539
24540				
24541				
24542				
24543				
24544				
24545				
24546				
24547
24548
24549
24550
24551
24552
24553
24554				
24555				
24556				
24557
24558				
24559
24560				
24561		
24562				
24563				
24564
24565				
24566
24567				
24568
24569				
24570				
24571				
24572
24573
24574		
24575
24576
24577				
24578
24579
24580
24581
24582
24583
24584				
24585
24586			
24587
24588				
24589
24590
24591				
24592				
24593				
24594				
24595			
24596				
24597				
24598				
24599				
24600					
24600<script>
24601
24602window.gmaps_init = false;
24603
24604var initMap = function(map) {
24605
24606	let $geodata_map = $(map);
24607	let geodata = $geodata_map.data('geodata');
24608
24609	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
24610	const safeFloat = (v, fb = 0) => {
24611		const n = parseFloat(v);
24612		return Number.isFinite(n) ? n : fb;
24613	};
24614	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
24615	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
24616	var center_lat = safeFloat(centerLatRaw, 0);
24617	var center_lng = safeFloat(centerLngRaw, 0);
24618
24619	//  Calculate Zoom Level
24620	var zoom = 8;
24621	if ( geodata.zoom > 0 ) {
24622		zoom = geodata.zoom;
24623	}
24624
24625	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
24626
24627	let MAP_BOUNDS = undefined;
24628	if ( geodata.bounds !== undefined ) {
24629		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
24630		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
24631		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
24632		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
24633		if ([east, north, south, west].every(Number.isFinite)) {
24634			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
24635		} else {
24636			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
24637		}
24638	}
24639
24640	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
24641		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
24642		zoom = zoom - 2;
24643	}
24644
24645	if ( zoom == "-Infinity" ) {
24646		if ( geodata.zoom > 0 ) {
24647			zoom = geodata.zoom;
24648		} else {
24649			zoom = 8;
24650		}
24651	}
24652
24653	// console.log("MAP_BOUNDS",MAP_BOUNDS);
24654
24655	
24656	
24657    var map = new google.maps.Map($geodata_map[0], {
24658		center: { lat: center_lat, lng: center_lng },
24659		disableDefaultUI: true,
24660		zoomControl: true,
24661		zoom: zoom,
24662		clickableIcons: false,	
24663		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
24664	});
24665	
24666
24667	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
24668
24669		var infowindow = new google.maps.InfoWindow();
24670		var marker, i;
24671
24672		var icon_obj;
24673		if ( $geodata_map.data('icon') ) {	
24674			icon_obj = {
24675				url: $geodata_map.data('icon'),
24676				size: new google.maps.Size(40, 40),
24677				scaledSize: new google.maps.Size(40, 40),
24678			};
24679		}
24680
24681		// Sanitize locations (avoid NaN -> pan/setCenter errors)
24682		const validLocations = [];
24683		for (let j = 0; j < geodata.locations.length; j++) {
24684			const lat = parseFloat(geodata.locations[j][1]);
24685			const lng = parseFloat(geodata.locations[j][2]);
24686			if (Number.isFinite(lat) && Number.isFinite(lng)) {
24687				validLocations.push([
24688					geodata.locations[j][0],
24689					lat,
24690					lng,
24691					geodata.locations[j][3],
24692					geodata.locations[j][4]
24693				]);
24694			} else {
24695				console.warn('Skipping invalid location', geodata.locations[j]);
24696			}
24697		}
24698
24699		for (i = 0; i < validLocations.length; i++) { 
24700
24701			marker = new google.maps.Marker({
24702				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
24703				icon: icon_obj, 
24704				scale: 0.5,
24705				map: map
24706			});
24707
24708			google.maps.event.addListener(marker, 'click', (function(marker, i) {
24709				return function() {
24710					if ( validLocations[i][0] ) {
24711						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
24712						if ( validLocations[i][3] ) {
24713							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
24714						} 
24715						$content += '</div>';
24716						
24717						infowindow.setContent($content);
24718						infowindow.open(map, marker);
24719					}
24720				}
24721			})(marker, i));
24722		}
24723
24724	}
24725
24726	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
24727
24728		// Need floats + filter invalid points
24729		const validPath = [];
24730		for (var i = 0; i < geodata.path.length; i++) {
24731			const lat = parseFloat(geodata.path[i]['lat']);
24732			const lng = parseFloat(geodata.path[i]['lng']);
24733			if (Number.isFinite(lat) && Number.isFinite(lng)) {
24734				validPath.push({ lat, lng });
24735			} else {
24736				console.warn('Skipping invalid path point', geodata.path[i]);
24737			}
24738		}
24739
24740		var path = new google.maps.Polyline({
24741			path: validPath,
24742			geodesic: true,
24743			strokeColor: '#FF0000',
24744			strokeOpacity: 1.0,
24745			strokeWeight: 3
24746		});
24747
24748		path.setMap(map);
24749
24750	}
24751
24752
24753	var userLat = parseFloat($geodata_map.data('userlat'));
24754	var userLng = parseFloat($geodata_map.data('userlng'));
24755
24756	if ( userLat > 0 && userLng > 0 ) {
24757
24758		var icon = {
24759			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
24760			fillColor: '#1181FA',
24761			fillOpacity: 1,
24762			strokeColor: '#ffffff',
24763   			strokeWeight: 4,
24764			anchor: new google.maps.Point(0,0),
24765			scale: 2
24766		}
24767
24768		var userlocation = new google.maps.Marker( { 
24769			position: { lat: userLat, lng: userLng }, 
24770			map: map,
24771			icon: icon
24772		});
24773	}
24774
24775	$geodata_map.addClass("init");
24776
24777}
24778
24779$('body').on('click', '.geodata-map:not(.init)', function() {
24780
24781	var divmap = this;
24782
24783	if ( gmaps_init === false ) {
24784		$(divmap).html($(divmap).data("loadinginfo"));
24785
24786		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
24787			.done(function( script, textStatus ) {
24788				console.log( textStatus );
24789				window.gmaps_init = true;
24790				setTimeout(function(){ initMap(divmap) },1000);
24791			})
24792			.fail(function( jqxhr, settings, exception ) {
24793				console.log( jqxhr, settings, exception  );
24794			});
24795		
24796	} else {
24797		initMap(divmap);
24798	}
24799
24800});
24801
24802
24803
24804	
24805
24806</script>
24806
24807
24808<style>
24809    .T5304.grid-stack-item-content {
24810        background: #fff !important;
24811    }
24812
24813    .geodata-map {
24814        margin: 1rem 0;
24815        aspect-ratio: 16/11;
24816        width:  100%;
24817    }
24818
24819    .geodata-map:not(.init) {
24820        display: flex;
24821        justify-content: center;
24822        align-items: center;
24823        background-color: #ddd;
24824        border-radius: 0.7rem;
24825        color:  #333;
24826    }
24827</style>
24828					
24829					
24830					
24831					
24832				
24833
24834
24835
24836			
24837
24838
24839
24840
24841
24842
24843
24844
24845
24846
24847
24848
24849
24850
24851			
24852			
24853			
24854			
24855			
24856			
24857			
24858
24859			
24860			
24861			
24862
24863			
24864			
24865
24866			
24867
24868			
24869
24870
24871			
24872
24873			
24874
24875			
24876
24877			
24878
24879
24880
24881
24882
24883
24884
24885			
24886
24887
24888			
24889
24890			
24891
24892		</div>
24893
24894		
24895
24896	
24897
24898	
24899
24900	
24901	
24902	
24903
24904</div>
24905
24906
24907
24908
24909
24910
24911
24912
24913
24914
24915
24916
24917
24918
24919
24920
24921
24922
24923<!-- /MetaDetail -->
24924						</div>
24925					
24926						<div id="">
24927							<!-- MetaDetail -->
24928
24929
24930
24931
24932
24933
24934
24935
24936
24937
24938
24939
24940	
24941	
24942	
24943
24944
24945
24946
24947
24948
24949
24950
24951
24952
24953
24954
24955
24956
24957
24958
24959
24960
24961	
24962		
24963	
24964	
24965
24966
24967
24968
24969
24970
24971
24972 
24973
24974
24975
24976
24977
24978<div class="MetaDetail"
24979
24980	>
24981	
24982
24983	
24984	
24985	
24986	
24987	
24988
24989
24990	
24991
24992
24993
24994
24995
24996
24997	
24998
24999	
25000
25001		
25002			
25003			
25004			
25005			
25006
25007			
25008				
25009				
25010				
25011				
25012			
25013			
25014			
25015			
25016			
25017			
25018
25019			
25020			
25021				
25022
25023				
25024					
25025				
25026			
25027
25028			
25029
25030
25031			
25032			<div class="sheet-bilder slider-outer " data-count="1">
25033				
25034				<div class="slider-wrapper slider-elements">
25035					
25036
25037						
25038						
25039
25040						
25041							<div class="sheet-bild b1514819 slider-element ">
25042								
25043								
25044
25045
25046								<figure>
25047		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1514819/800x480.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1514819/800x480.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1514819/800x480.jpg" width="800" height="480" loading='lazy' alt="Wurzelrudi Schatzsuche 1" /></picture>
25048	<footer><small>&copy;&nbsp;Wurzelrudi</small></footer></figure>
25049								
25050								
25051							</div>
25052
25053						
25054					
25055						
25056					
25057					
25058				</div>
25059
25060				
25061					<div class="slider-arrows">
25062						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
25063						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
25064					</div>
25065				
25066
25067				
25068				
25069				
25070
25071
25072				
25073				
25074				
25075
25076				
25077
25078				
25079
25080				
25081
25082
25083				
25084
25085
25086				
25087
25088				
25089								
25090
25091			</div>
25092			
25093
25094		
25095		
25096
25097
25098
25099
25100
25101
25102
25103
25104	
25105
25106
25107		<div class="content">
25108
25109			
25110
25111			
25112			
25113
25114
25115			<div class="name">RegioGuide</div>
25116			
25117
25118
25119			
25120
25121
25122
25123
25124
25125			
25126
25127			
25128			
25129
25130			
25131
25132			
25133
25134
25135			
25136			
25137			
25138
25139				
25140			
25141
25142
25143
25144
25145
25146			
25147
25148				
25149			
25150
25151
25152			
25153			
25154			
25155
25156			
25157			
25158			
25159				
25160				
25161				
25162				
25163			
25164			
25165
25166			
25167
25168
25169
25170			
25171
25172
25173			
25174
25175			
25176			
25177				
25178			
25179			
25180			
25181
25182			
25183			
25184
25185			
25186			
25187
25188				
25189			
25190
25191			
25192			
25193			
25194			
25195			
25196			
25197			
25198
25199			
25200
25201			
25202
25203			
25204
25205			
25206			
25207			
25208			
25209
25210			
25211			
25212
25213			
25214
25215			
25216
25217			
25218
25219			
25220			
25221
25222			
25223			
25224
25225			
25226			
25227
25228			
25229
25230
25231
25232
25233			
25234
25235
25236				
25237
25238				
25239
25240				
25241				
25242
25243
25244				
25245
25246
25247					
25248				
25249				
25250
25251
25252
25253				
25254				
25255				
25256				
25257				
25258				
25259				
25260
25261
25262
25263
25264
25265
25266
25267				
25268				
25269				
25270
25271				
25272
25273				
25274		
25275				
25276				
25277
25278				
25279
25280				
25281
25282				
25283				
25284				
25285
25286
25287		
25288
25289
25290				
25291
25292
25293
25294
25295
25296
25297				
25298
25299			
25300
25301				
25302
25303
25304				
25305				
25306				
25307				
25308			
25309				
25310				
25311				
25312				
25313					
25313<script>
25314
25315window.gmaps_init = false;
25316
25317var initMap = function(map) {
25318
25319	let $geodata_map = $(map);
25320	let geodata = $geodata_map.data('geodata');
25321
25322	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
25323	const safeFloat = (v, fb = 0) => {
25324		const n = parseFloat(v);
25325		return Number.isFinite(n) ? n : fb;
25326	};
25327	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
25328	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
25329	var center_lat = safeFloat(centerLatRaw, 0);
25330	var center_lng = safeFloat(centerLngRaw, 0);
25331
25332	//  Calculate Zoom Level
25333	var zoom = 8;
25334	if ( geodata.zoom > 0 ) {
25335		zoom = geodata.zoom;
25336	}
25337
25338	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
25339
25340	let MAP_BOUNDS = undefined;
25341	if ( geodata.bounds !== undefined ) {
25342		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
25343		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
25344		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
25345		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
25346		if ([east, north, south, west].every(Number.isFinite)) {
25347			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
25348		} else {
25349			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
25350		}
25351	}
25352
25353	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
25354		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
25355		zoom = zoom - 2;
25356	}
25357
25358	if ( zoom == "-Infinity" ) {
25359		if ( geodata.zoom > 0 ) {
25360			zoom = geodata.zoom;
25361		} else {
25362			zoom = 8;
25363		}
25364	}
25365
25366	// console.log("MAP_BOUNDS",MAP_BOUNDS);
25367
25368	
25369	
25370    var map = new google.maps.Map($geodata_map[0], {
25371		center: { lat: center_lat, lng: center_lng },
25372		disableDefaultUI: true,
25373		zoomControl: true,
25374		zoom: zoom,
25375		clickableIcons: false,	
25376		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
25377	});
25378	
25379
25380	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
25381
25382		var infowindow = new google.maps.InfoWindow();
25383		var marker, i;
25384
25385		var icon_obj;
25386		if ( $geodata_map.data('icon') ) {	
25387			icon_obj = {
25388				url: $geodata_map.data('icon'),
25389				size: new google.maps.Size(40, 40),
25390				scaledSize: new google.maps.Size(40, 40),
25391			};
25392		}
25393
25394		// Sanitize locations (avoid NaN -> pan/setCenter errors)
25395		const validLocations = [];
25396		for (let j = 0; j < geodata.locations.length; j++) {
25397			const lat = parseFloat(geodata.locations[j][1]);
25398			const lng = parseFloat(geodata.locations[j][2]);
25399			if (Number.isFinite(lat) && Number.isFinite(lng)) {
25400				validLocations.push([
25401					geodata.locations[j][0],
25402					lat,
25403					lng,
25404					geodata.locations[j][3],
25405					geodata.locations[j][4]
25406				]);
25407			} else {
25408				console.warn('Skipping invalid location', geodata.locations[j]);
25409			}
25410		}
25411
25412		for (i = 0; i < validLocations.length; i++) { 
25413
25414			marker = new google.maps.Marker({
25415				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
25416				icon: icon_obj, 
25417				scale: 0.5,
25418				map: map
25419			});
25420
25421			google.maps.event.addListener(marker, 'click', (function(marker, i) {
25422				return function() {
25423					if ( validLocations[i][0] ) {
25424						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
25425						if ( validLocations[i][3] ) {
25426							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
25427						} 
25428						$content += '</div>';
25429						
25430						infowindow.setContent($content);
25431						infowindow.open(map, marker);
25432					}
25433				}
25434			})(marker, i));
25435		}
25436
25437	}
25438
25439	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
25440
25441		// Need floats + filter invalid points
25442		const validPath = [];
25443		for (var i = 0; i < geodata.path.length; i++) {
25444			const lat = parseFloat(geodata.path[i]['lat']);
25445			const lng = parseFloat(geodata.path[i]['lng']);
25446			if (Number.isFinite(lat) && Number.isFinite(lng)) {
25447				validPath.push({ lat, lng });
25448			} else {
25449				console.warn('Skipping invalid path point', geodata.path[i]);
25450			}
25451		}
25452
25453		var path = new google.maps.Polyline({
25454			path: validPath,
25455			geodesic: true,
25456			strokeColor: '#FF0000',
25457			strokeOpacity: 1.0,
25458			strokeWeight: 3
25459		});
25460
25461		path.setMap(map);
25462
25463	}
25464
25465
25466	var userLat = parseFloat($geodata_map.data('userlat'));
25467	var userLng = parseFloat($geodata_map.data('userlng'));
25468
25469	if ( userLat > 0 && userLng > 0 ) {
25470
25471		var icon = {
25472			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
25473			fillColor: '#1181FA',
25474			fillOpacity: 1,
25475			strokeColor: '#ffffff',
25476   			strokeWeight: 4,
25477			anchor: new google.maps.Point(0,0),
25478			scale: 2
25479		}
25480
25481		var userlocation = new google.maps.Marker( { 
25482			position: { lat: userLat, lng: userLng }, 
25483			map: map,
25484			icon: icon
25485		});
25486	}
25487
25488	$geodata_map.addClass("init");
25489
25490}
25491
25492$('body').on('click', '.geodata-map:not(.init)', function() {
25493
25494	var divmap = this;
25495
25496	if ( gmaps_init === false ) {
25497		$(divmap).html($(divmap).data("loadinginfo"));
25498
25499		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
25500			.done(function( script, textStatus ) {
25501				console.log( textStatus );
25502				window.gmaps_init = true;
25503				setTimeout(function(){ initMap(divmap) },1000);
25504			})
25505			.fail(function( jqxhr, settings, exception ) {
25506				console.log( jqxhr, settings, exception  );
25507			});
25508		
25509	} else {
25510		initMap(divmap);
25511	}
25512
25513});
25514
25515
25516
25517	
25518
25519</script>
25519
25520
25521<style>
25522    .T5304.grid-stack-item-content {
25523        background: #fff !important;
25524    }
25525
25526    .geodata-map {
25527        margin: 1rem 0;
25528        aspect-ratio: 16/11;
25529        width:  100%;
25530    }
25531
25532    .geodata-map:not(.init) {
25533        display: flex;
25534        justify-content: center;
25535        align-items: center;
25536        background-color: #ddd;
25537        border-radius: 0.7rem;
25538        color:  #333;
25539    }
25540</style>
25541					
25542					
25543					
25544					
25545				
25546
25547
25548
25549			
25550
25551
25552
25553
25554
25555
25556
25557
25558
25559
25560
25561
25562
25563
25564			
25565			
25566			
25567			
25568			
25569			
25570			
25571
25572			
25573			
25574			
25575
25576			
25577			
25578
25579			
25580
25581			
25582
25583
25584			
25585
25586			
25587
25588			
25589
25590			
25591
25592
25593
25594
25595
25596
25597
25598			
25599
25600
25601			
25602
25603			
25604
25605		</div>
25606
25607		
25608
25609	
25610
25611	
25612
25613	
25614	
25615	
25616
25617</div>
25618
25619
25620
25621
25622
25623
25624
25625
25626
25627
25628
25629
25630
25631
25632
25633
25634
25635
25636<!-- /MetaDetail -->
25637						</div>
25638					
25639						<div id="">
25640							<!-- MetaDetail -->
25641
25642
25643
25644
25645
25646
25647
25648
25649
25650
25651
25652
25653	
25654	
25655	
25656
25657
25658
25659
25660
25661
25662
25663
25664
25665
25666
25667
25668
25669
25670
25671
25672
25673
25674	
25675		
25676	
25677	
25678
25679
25680
25681
25682
25683
25684
25685 
25686
25687
25688
25689
25690
25691<div class="MetaDetail"
25692
25693	>
25694	
25695
25696	
25697	
25698	
25699	
25700	
25701
25702
25703	
25704
25705
25706
25707
25708
25709
25710	
25711
25712	
25713
25714		
25715			
25716			
25717			
25718			
25719
25720			
25721				
25722				
25723				
25724				
25725			
25726			
25727			
25728			
25729			
25730			
25731
25732			
25733			
25734				
25735
25736				
25737					
25738				
25739			
25740
25741			
25742
25743
25744			
25745			<div class="sheet-bilder slider-outer " data-count="1">
25746				
25747				<div class="slider-wrapper slider-elements">
25748					
25749
25750						
25751						
25752
25753						
25754							<div class="sheet-bild b1611879 slider-element ">
25755								
25756								
25757
25758
25759								<figure>
25760		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-800x480.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-800x480.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-800x480.jpg?r=1" width="800" height="480" loading='lazy' alt="Eine Familie posiert fröhlich vor einem großen Bilderrahmen in der Natur. Es ist ein schöner Sonnentag bei Wurzelrudi im Sommer." /></picture>
25761	<footer><small>&copy;&nbsp;TMGS - Thomas Schlorke / Thomas Schlorke</small></footer></figure>
25762								
25763								
25764							</div>
25765
25766						
25767					
25768						
25769					
25770					
25771				</div>
25772
25773				
25774					<div class="slider-arrows">
25775						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
25776						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
25777					</div>
25778				
25779
25780				
25781				
25782				
25783
25784
25785				
25786				
25787				
25788
25789				
25790
25791				
25792
25793				
25794
25795
25796				
25797
25798
25799				
25800
25801				
25802								
25803
25804			</div>
25805			
25806
25807		
25808		
25809
25810
25811
25812
25813
25814
25815
25816
25817	
25818
25819
25820		<div class="content">
25821
25822			
25823
25824			
25825			
25826
25827
25828			<div class="name">Newsletter</div>
25829			
25830
25831
25832			
25833
25834
25835
25836
25837
25838			
25839
25840			
25841			
25842
25843			
25844
25845			
25846
25847
25848			
25849			
25850			
25851
25852				
25853			
25854
25855
25856
25857
25858
25859			
25860
25861				
25862			
25863
25864
25865			
25866			
25867			
25868
25869			
25870			
25871			
25872				
25873				
25874				
25875				
25876			
25877			
25878
25879			
25880
25881
25882
25883			
25884
25885
25886			
25887
25888			
25889			
25890				
25891			
25892			
25893			
25894
25895			
25896			
25897
25898			
25899			
25900
25901				
25902			
25903
25904			
25905			
25906			
25907			
25908			
25909			
25910			
25911
25912			
25913
25914			
25915
25916			
25917
25918			
25919			
25920			
25921			
25922
25923			
25924			
25925
25926			
25927
25928			
25929
25930			
25931
25932			
25933			
25934
25935			
25936			
25937
25938			
25939			
25940
25941			
25942
25943
25944
25945
25946			
25947
25948
25949				
25950
25951				
25952
25953				
25954				
25955
25956
25957				
25958
25959
25960					
25961				
25962				
25963
25964
25965
25966				
25967				
25968				
25969				
25970				
25971				
25972				
25973
25974
25975
25976
25977
25978
25979
25980				
25981				
25982				
25983
25984				
25985
25986				
25987		
25988				
25989				
25990
25991				
25992
25993				
25994
25995				
25996				
25997				
25998
25999
26000		
26001
26002
26003				
26004
26005
26006
26007
26008
26009
26010				
26011
26012			
26013
26014				
26015
26016
26017				
26018				
26019				
26020				
26021			
26022				
26023				
26024				
26025				
26026					
26026<script>
26027
26028window.gmaps_init = false;
26029
26030var initMap = function(map) {
26031
26032	let $geodata_map = $(map);
26033	let geodata = $geodata_map.data('geodata');
26034
26035	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
26036	const safeFloat = (v, fb = 0) => {
26037		const n = parseFloat(v);
26038		return Number.isFinite(n) ? n : fb;
26039	};
26040	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
26041	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
26042	var center_lat = safeFloat(centerLatRaw, 0);
26043	var center_lng = safeFloat(centerLngRaw, 0);
26044
26045	//  Calculate Zoom Level
26046	var zoom = 8;
26047	if ( geodata.zoom > 0 ) {
26048		zoom = geodata.zoom;
26049	}
26050
26051	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
26052
26053	let MAP_BOUNDS = undefined;
26054	if ( geodata.bounds !== undefined ) {
26055		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
26056		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
26057		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
26058		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
26059		if ([east, north, south, west].every(Number.isFinite)) {
26060			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
26061		} else {
26062			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
26063		}
26064	}
26065
26066	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
26067		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
26068		zoom = zoom - 2;
26069	}
26070
26071	if ( zoom == "-Infinity" ) {
26072		if ( geodata.zoom > 0 ) {
26073			zoom = geodata.zoom;
26074		} else {
26075			zoom = 8;
26076		}
26077	}
26078
26079	// console.log("MAP_BOUNDS",MAP_BOUNDS);
26080
26081	
26082	
26083    var map = new google.maps.Map($geodata_map[0], {
26084		center: { lat: center_lat, lng: center_lng },
26085		disableDefaultUI: true,
26086		zoomControl: true,
26087		zoom: zoom,
26088		clickableIcons: false,	
26089		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
26090	});
26091	
26092
26093	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
26094
26095		var infowindow = new google.maps.InfoWindow();
26096		var marker, i;
26097
26098		var icon_obj;
26099		if ( $geodata_map.data('icon') ) {	
26100			icon_obj = {
26101				url: $geodata_map.data('icon'),
26102				size: new google.maps.Size(40, 40),
26103				scaledSize: new google.maps.Size(40, 40),
26104			};
26105		}
26106
26107		// Sanitize locations (avoid NaN -> pan/setCenter errors)
26108		const validLocations = [];
26109		for (let j = 0; j < geodata.locations.length; j++) {
26110			const lat = parseFloat(geodata.locations[j][1]);
26111			const lng = parseFloat(geodata.locations[j][2]);
26112			if (Number.isFinite(lat) && Number.isFinite(lng)) {
26113				validLocations.push([
26114					geodata.locations[j][0],
26115					lat,
26116					lng,
26117					geodata.locations[j][3],
26118					geodata.locations[j][4]
26119				]);
26120			} else {
26121				console.warn('Skipping invalid location', geodata.locations[j]);
26122			}
26123		}
26124
26125		for (i = 0; i < validLocations.length; i++) { 
26126
26127			marker = new google.maps.Marker({
26128				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
26129				icon: icon_obj, 
26130				scale: 0.5,
26131				map: map
26132			});
26133
26134			google.maps.event.addListener(marker, 'click', (function(marker, i) {
26135				return function() {
26136					if ( validLocations[i][0] ) {
26137						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
26138						if ( validLocations[i][3] ) {
26139							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
26140						} 
26141						$content += '</div>';
26142						
26143						infowindow.setContent($content);
26144						infowindow.open(map, marker);
26145					}
26146				}
26147			})(marker, i));
26148		}
26149
26150	}
26151
26152	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
26153
26154		// Need floats + filter invalid points
26155		const validPath = [];
26156		for (var i = 0; i < geodata.path.length; i++) {
26157			const lat = parseFloat(geodata.path[i]['lat']);
26158			const lng = parseFloat(geodata.path[i]['lng']);
26159			if (Number.isFinite(lat) && Number.isFinite(lng)) {
26160				validPath.push({ lat, lng });
26161			} else {
26162				console.warn('Skipping invalid path point', geodata.path[i]);
26163			}
26164		}
26165
26166		var path = new google.maps.Polyline({
26167			path: validPath,
26168			geodesic: true,
26169			strokeColor: '#FF0000',
26170			strokeOpacity: 1.0,
26171			strokeWeight: 3
26172		});
26173
26174		path.setMap(map);
26175
26176	}
26177
26178
26179	var userLat = parseFloat($geodata_map.data('userlat'));
26180	var userLng = parseFloat($geodata_map.data('userlng'));
26181
26182	if ( userLat > 0 && userLng > 0 ) {
26183
26184		var icon = {
26185			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
26186			fillColor: '#1181FA',
26187			fillOpacity: 1,
26188			strokeColor: '#ffffff',
26189   			strokeWeight: 4,
26190			anchor: new google.maps.Point(0,0),
26191			scale: 2
26192		}
26193
26194		var userlocation = new google.maps.Marker( { 
26195			position: { lat: userLat, lng: userLng }, 
26196			map: map,
26197			icon: icon
26198		});
26199	}
26200
26201	$geodata_map.addClass("init");
26202
26203}
26204
26205$('body').on('click', '.geodata-map:not(.init)', function() {
26206
26207	var divmap = this;
26208
26209	if ( gmaps_init === false ) {
26210		$(divmap).html($(divmap).data("loadinginfo"));
26211
26212		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
26213			.done(function( script, textStatus ) {
26214				console.log( textStatus );
26215				window.gmaps_init = true;
26216				setTimeout(function(){ initMap(divmap) },1000);
26217			})
26218			.fail(function( jqxhr, settings, exception ) {
26219				console.log( jqxhr, settings, exception  );
26220			});
26221		
26222	} else {
26223		initMap(divmap);
26224	}
26225
26226});
26227
26228
26229
26230	
26231
26232</script>
26232
26233
26234<style>
26235    .T5304.grid-stack-item-content {
26236        background: #fff !important;
26237    }
26238
26239    .geodata-map {
26240        margin: 1rem 0;
26241        aspect-ratio: 16/11;
26242        width:  100%;
26243    }
26244
26245    .geodata-map:not(.init) {
26246        display: flex;
26247        justify-content: center;
26248        align-items: center;
26249        background-color: #ddd;
26250        border-radius: 0.7rem;
26251        color:  #333;
26252    }
26253</style>
26254					
26255					
26256					
26257					
26258				
26259
26260
26261
26262			
26263
26264
26265
26266
26267
26268
26269
26270
26271
26272
26273
26274
26275
26276
26277			
26278			
26279			
26280			
26281			
26282			
26283			
26284
26285			
26286			
26287			
26288
26289			
26290			
26291
26292			
26293
26294			
26295
26296
26297			
26298
26299			
26300
26301			
26302
26303			
26304
26305
26306
26307
26308
26309
26310
26311			
26312
26313
26314			
26315
26316			
26317
26318		</div>
26319
26320		
26321
26322	
26323
26324	
26325
26326	
26327	
26328	
26329
26330</div>
26331
26332
26333
26334
26335
26336
26337
26338
26339
26340
26341
26342
26343
26344
26345
26346
26347
26348
26349<!-- /MetaDetail -->
26350						</div>
26351					</div>
26352
26353
26354	
26355	<div style="display: none;">
26356	<!-- MetaDetail -->
26357
26358
26359
26360
26361
26362
26363
26364
26365
26366
26367
26368
26369	
26370	
26371	
26372
26373
26374
26375
26376
26377
26378
26379
26380
26381
26382
26383
26384
26385
26386
26387
26388
26389
26390	
26391		
26392	
26393	
26394
26395
26396
26397
26398
26399
26400
26401 
26402
26403
26404
26405
26406
26407<div class="MetaDetail hidden"
26408
26409	>
26410	
26411
26412	
26413	
26414	
26415	
26416	
26417
26418
26419	
26420
26421
26422
26423
26424
26425
26426	
26427
26428	
26429
26430		
26431			
26432			
26433			
26434			
26435
26436			
26437				
26438				
26439				
26440				
26441			
26442			
26443			
26444			
26445			
26446			
26447
26448			
26449			
26450				
26451
26452				
26453					
26454				
26455			
26456
26457			
26458
26459
26460			
26461			<div class="sheet-bilder slider-outer " data-count="1">
26462				
26463				<div class="slider-wrapper slider-elements">
26464					
26465
26466						
26467						
26468
26469						
26470							<div class="sheet-bild b1611879 slider-element ">
26471								
26472								
26473
26474
26475								<figure>
26476		<picture ><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-800x480.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-800x480.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/wurzelrudi/1611879/familienausflug-mit-spass-freien-800x480.jpg?r=1" width="800" height="480" loading='lazy' alt="Eine Familie posiert fröhlich vor einem großen Bilderrahmen in der Natur. Es ist ein schöner Sonnentag bei Wurzelrudi im Sommer." /></picture>
26477	<footer><small>&copy;&nbsp;TMGS - Thomas Schlorke / Thomas Schlorke</small></footer></figure>
26478								
26479								
26480							</div>
26481
26482						
26483					
26484						
26485					
26486					
26487				</div>
26488
26489				
26490					<div class="slider-arrows">
26491						<div class="arrow arrow-left"><i class="icon-arrow-left"></i></div>
26492						<div class="arrow arrow-right"><i class="icon-arrow-right"></i></div>
26493					</div>
26494				
26495
26496				
26497				
26498				
26499
26500
26501				
26502				
26503				
26504
26505				
26506
26507				
26508
26509				
26510
26511
26512				
26513
26514
26515				
26516
26517				
26518								
26519
26520			</div>
26521			
26522
26523		
26524		
26525
26526
26527
26528
26529
26530
26531
26532
26533	
26534
26535
26536		<div class="content">
26537
26538			
26539
26540			
26541			
26542
26543
26544			<div class="name">Newsletter</div>
26545			
26546
26547
26548			
26549
26550
26551
26552
26553
26554			
26555
26556			
26557			
26558
26559			
26560
26561			
26562
26563
26564			
26565			
26566			
26567
26568				
26569			
26570
26571
26572
26573
26574
26575			
26576
26577				
26578			
26579
26580
26581			
26582			
26583			
26584
26585			
26586			
26587			
26588				
26589				
26590				
26591				
26592			
26593			
26594
26595			
26596
26597
26598
26599			
26600
26601
26602			
26603
26604			
26605			
26606				
26607			
26608			
26609			
26610
26611			
26612			
26613
26614			
26615			
26616
26617				
26618			
26619
26620			
26621			
26622			
26623			
26624			
26625			
26626			
26627
26628			
26629
26630			
26631
26632			
26633
26634			
26635			
26636			
26637			
26638
26639			
26640			
26641
26642			
26643
26644			
26645
26646			
26647
26648			
26649			
26650
26651			
26652			
26653
26654			
26655			
26656
26657			
26658
26659
26660
26661
26662			
26663
26664
26665				
26666
26667				
26668
26669				
26670				
26671
26672
26673				
26674
26675
26676					
26677				
26678				
26679
26680
26681
26682				
26683				
26684				
26685				
26686				
26687				
26688				
26689
26690
26691
26692
26693
26694
26695
26696				
26697				
26698				
26699
26700				
26701
26702				
26703		
26704				
26705				
26706
26707				
26708
26709				
26710
26711				
26712				
26713				
26714
26715
26716		
26717
26718
26719				
26720
26721
26722
26723
26724
26725
26726				
26727
26728			
26729
26730				
26731
26732
26733				
26734				
26735				
26736				
26737			
26738				
26739				
26740				
26741				
26742					
26742<script>
26743
26744window.gmaps_init = false;
26745
26746var initMap = function(map) {
26747
26748	let $geodata_map = $(map);
26749	let geodata = $geodata_map.data('geodata');
26750
26751	// Safe center parsing (avoid NaN -> Google Maps setCenter error)
26752	const safeFloat = (v, fb = 0) => {
26753		const n = parseFloat(v);
26754		return Number.isFinite(n) ? n : fb;
26755	};
26756	const centerLatRaw = (geodata && geodata.center && geodata.center.lat != null) ? geodata.center.lat : geodata.userlat;
26757	const centerLngRaw = (geodata && geodata.center && geodata.center.lng != null) ? geodata.center.lng : geodata.userlng;
26758	var center_lat = safeFloat(centerLatRaw, 0);
26759	var center_lng = safeFloat(centerLngRaw, 0);
26760
26761	//  Calculate Zoom Level
26762	var zoom = 8;
26763	if ( geodata.zoom > 0 ) {
26764		zoom = geodata.zoom;
26765	}
26766
26767	if ( geodata.bounds == "" ) { geodata.bounds = undefined; }
26768
26769	let MAP_BOUNDS = undefined;
26770	if ( geodata.bounds !== undefined ) {
26771		const east  = safeFloat(geodata.bounds.no && geodata.bounds.no.lng, NaN);
26772		const north = safeFloat(geodata.bounds.no && geodata.bounds.no.lat, NaN);
26773		const south = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lat, NaN);
26774		const west  = safeFloat(geodata.bounds.sw && geodata.bounds.sw.lng, NaN);
26775		if ([east, north, south, west].every(Number.isFinite)) {
26776			MAP_BOUNDS = { east: east + 0.05, north: north + 0.05, south: south - 0.05, west: west - 0.05 };
26777		} else {
26778			console.warn("Invalid bounds, ignoring restriction", geodata.bounds);
26779		}
26780	}
26781
26782	if ( geodata.bounds !== undefined && MAP_BOUNDS === undefined ) {
26783		zoom = Math.round(Math.log(($(map).width() -100) * 360 / ( (safeFloat(geodata.bounds.no.lng, 0) - safeFloat(geodata.bounds.sw.lng, 0)) || 1) / $(map).width()) / Math.LN2);
26784		zoom = zoom - 2;
26785	}
26786
26787	if ( zoom == "-Infinity" ) {
26788		if ( geodata.zoom > 0 ) {
26789			zoom = geodata.zoom;
26790		} else {
26791			zoom = 8;
26792		}
26793	}
26794
26795	// console.log("MAP_BOUNDS",MAP_BOUNDS);
26796
26797	
26798	
26799    var map = new google.maps.Map($geodata_map[0], {
26800		center: { lat: center_lat, lng: center_lng },
26801		disableDefaultUI: true,
26802		zoomControl: true,
26803		zoom: zoom,
26804		clickableIcons: false,	
26805		...(MAP_BOUNDS ? { restriction: { latLngBounds: MAP_BOUNDS, strictBounds: false } } : {} )
26806	});
26807	
26808
26809	if ( geodata.filter == 1 && geodata.locations !== undefined ) {
26810
26811		var infowindow = new google.maps.InfoWindow();
26812		var marker, i;
26813
26814		var icon_obj;
26815		if ( $geodata_map.data('icon') ) {	
26816			icon_obj = {
26817				url: $geodata_map.data('icon'),
26818				size: new google.maps.Size(40, 40),
26819				scaledSize: new google.maps.Size(40, 40),
26820			};
26821		}
26822
26823		// Sanitize locations (avoid NaN -> pan/setCenter errors)
26824		const validLocations = [];
26825		for (let j = 0; j < geodata.locations.length; j++) {
26826			const lat = parseFloat(geodata.locations[j][1]);
26827			const lng = parseFloat(geodata.locations[j][2]);
26828			if (Number.isFinite(lat) && Number.isFinite(lng)) {
26829				validLocations.push([
26830					geodata.locations[j][0],
26831					lat,
26832					lng,
26833					geodata.locations[j][3],
26834					geodata.locations[j][4]
26835				]);
26836			} else {
26837				console.warn('Skipping invalid location', geodata.locations[j]);
26838			}
26839		}
26840
26841		for (i = 0; i < validLocations.length; i++) { 
26842
26843			marker = new google.maps.Marker({
26844				position: new google.maps.LatLng(validLocations[i][1], validLocations[i][2]),
26845				icon: icon_obj, 
26846				scale: 0.5,
26847				map: map
26848			});
26849
26850			google.maps.event.addListener(marker, 'click', (function(marker, i) {
26851				return function() {
26852					if ( validLocations[i][0] ) {
26853						var $content = '<div id="content" style="padding-right: 10px;"><h4>' + validLocations[i][0] + '</h4>';
26854						if ( validLocations[i][3] ) {
26855							$content += '<div style="padding-bottom: 15px;">' + validLocations[i][3] + '</div>';
26856						} 
26857						$content += '</div>';
26858						
26859						infowindow.setContent($content);
26860						infowindow.open(map, marker);
26861					}
26862				}
26863			})(marker, i));
26864		}
26865
26866	}
26867
26868	if ( geodata.ispath == 1 && geodata.path !== undefined ) {
26869
26870		// Need floats + filter invalid points
26871		const validPath = [];
26872		for (var i = 0; i < geodata.path.length; i++) {
26873			const lat = parseFloat(geodata.path[i]['lat']);
26874			const lng = parseFloat(geodata.path[i]['lng']);
26875			if (Number.isFinite(lat) && Number.isFinite(lng)) {
26876				validPath.push({ lat, lng });
26877			} else {
26878				console.warn('Skipping invalid path point', geodata.path[i]);
26879			}
26880		}
26881
26882		var path = new google.maps.Polyline({
26883			path: validPath,
26884			geodesic: true,
26885			strokeColor: '#FF0000',
26886			strokeOpacity: 1.0,
26887			strokeWeight: 3
26888		});
26889
26890		path.setMap(map);
26891
26892	}
26893
26894
26895	var userLat = parseFloat($geodata_map.data('userlat'));
26896	var userLng = parseFloat($geodata_map.data('userlng'));
26897
26898	if ( userLat > 0 && userLng > 0 ) {
26899
26900		var icon = {
26901			path: "M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0",
26902			fillColor: '#1181FA',
26903			fillOpacity: 1,
26904			strokeColor: '#ffffff',
26905   			strokeWeight: 4,
26906			anchor: new google.maps.Point(0,0),
26907			scale: 2
26908		}
26909
26910		var userlocation = new google.maps.Marker( { 
26911			position: { lat: userLat, lng: userLng }, 
26912			map: map,
26913			icon: icon
26914		});
26915	}
26916
26917	$geodata_map.addClass("init");
26918
26919}
26920
26921$('body').on('click', '.geodata-map:not(.init)', function() {
26922
26923	var divmap = this;
26924
26925	if ( gmaps_init === false ) {
26926		$(divmap).html($(divmap).data("loadinginfo"));
26927
26928		$.getScript( "https://maps.googleapis.com/maps/api/js?key=AIzaSyAwaY1WlujmfteuaOQMrJPElfkVIue7wr4&v=weekly" )
26929			.done(function( script, textStatus ) {
26930				console.log( textStatus );
26931				window.gmaps_init = true;
26932				setTimeout(function(){ initMap(divmap) },1000);
26933			})
26934			.fail(function( jqxhr, settings, exception ) {
26935				console.log( jqxhr, settings, exception  );
26936			});
26937		
26938	} else {
26939		initMap(divmap);
26940	}
26941
26942});
26943
26944
26945
26946	
26947
26948</script>
26948
26949
26950<style>
26951    .T5304.grid-stack-item-content {
26952        background: #fff !important;
26953    }
26954
26955    .geodata-map {
26956        margin: 1rem 0;
26957        aspect-ratio: 16/11;
26958        width:  100%;
26959    }
26960
26961    .geodata-map:not(.init) {
26962        display: flex;
26963        justify-content: center;
26964        align-items: center;
26965        background-color: #ddd;
26966        border-radius: 0.7rem;
26967        color:  #333;
26968    }
26969</style>
26970					
26971					
26972					
26973					
26974				
26975
26976
26977
26978			
26979
26980
26981
26982
26983
26984
26985
26986
26987
26988
26989
26990
26991
26992
26993			
26994			
26995			
26996			
26997			
26998			
26999			
27000
27001			
27002			
27003			
27004
27005			
27006			
27007
27008			
27009
27010			
27011
27012
27013			
27014
27015			
27016
27017			
27018
27019			
27020
27021
27022
27023
27024
27025
27026
27027			
27028
27029
27030			
27031
27032			
27033
27034		</div>
27035
27036		
27037
27038	
27039
27040	
27041
27042	
27043	
27044	
27045
27046</div>
27047
27048
27049
27050
27051
27052
27053
27054
27055
27056
27057
27058
27059
27060
27061
27062
27063
27064
27065<!-- /MetaDetail -->
27066	</div>
27067	
27068
27069</div>
27070
27071
27072
27073
27074					
27075
27076
27077
27078
27079
27080
27081
27082
27083
27084
27085
27086
27087
27088
27089
27090
27091
27092
27093
27094
27095
27096<!-- /MetaTeaser -->
27097
27098
27099			</div>
27100
27101			
27102
27103			
27104
27105
27106		</div>
27107
27108	
27109	</div><!-- wrap_inner end -->
27110	</div>
27111	</div>
27112	
27113
27114	
27115	
27116	<style>
27117		
27118		
27119		
27120	</style>
27121
27122
27123
27124
27125
27126
27127<style>
27128	.T5583 .T5277 .metateaser-content .name { font-size: 1.3em; /* headline im verhältnis grösser */ }
27129	.T5583 .T5277 .metateaser-content .intro { font-size: 1.1em; }
27130</style>
27131					
27132				</section>
27133			
27134				<section class="TraminoVorlage T5528 S9188 open size5 TraminoVorlage_18" id="TraminoAnhang554935"   >
27135					<div class="quickselect">
27136
27137	
27138
27139	
27140
27141	
27142	<a href="/sommer/" class="quickselect-item"
27143		>
27144	
27145		<div class="quickselect-icon"><img src="https://storage.tramino.net/wurzelrudi/1689104/sommerb.svg" alt="SommerB"  title="SommerB"    loading="lazy"  /></div>
27146		<div class="quickselect-label">Sommer</div>
27147	</a>
27148	
27149
27150	
27151	<a href="/ski-arena/" class="quickselect-item"
27152		>
27153	
27154		<div class="quickselect-icon"><img src="https://storage.tramino.net/wurzelrudi/1689115/winterb.svg" alt="WinterB"  title="WinterB"    loading="lazy"  /></div>
27155		<div class="quickselect-label">Winter</div>
27156	</a>
27157	
27158
27159	
27160	<a href="/planen/orientierungsplan/" class="quickselect-item"
27161		>
27162	
27163		<div class="quickselect-icon"><img src="https://storage.tramino.net/wurzelrudi/1689099/karteiib.svg" alt="KarteIIB"  title="KarteIIB"    loading="lazy"  /></div>
27164		<div class="quickselect-label">Karte</div>
27165	</a>
27166	
27167
27168	
27169	<a href="/planen/webcam-wetter/" class="quickselect-item"
27170		>
27171	
27172		<div class="quickselect-icon"><img src="https://storage.tramino.net/wurzelrudi/1689090/webcamb.svg" alt="WebcamB"  title="WebcamB"    loading="lazy"  /></div>
27173		<div class="quickselect-label">Webcam</div>
27174	</a>
27175	
27176
27177	
27178	<a href="/planen/" class="quickselect-item"
27179		>
27180	
27181		<div class="quickselect-icon"><img src="https://storage.tramino.net/wurzelrudi/1689102/oeffnungb.svg" alt="ÖffnungB"  title="ÖffnungB"    loading="lazy"  /></div>
27182		<div class="quickselect-label">Infos</div>
27183	</a>
27184	
27185
27186	<div class="rarr"><i class="icon-arrow-right"></i></div>
27187</div>
27188					
27189				</section>
27190			
27191				<footer class="TraminoVorlage T2820  noanimation TraminoVorlage_19" id="TraminoAnhang555146"   >
27192					<div class="pattern1"></div>
27193
27194
27195
27196
27197
27198
27199
27200
27201
27202
27203
27204
27205
27206
27207
27208
27209
27210
27211
27212
27213
27214
27215
27216
27217<div class="fontsize_medium  barrierefreiheit background wrapper text-transform noprint">
27218	<div class="inner boxes maxwidth">
27219		
27220
27221		<section class="box box1">
27222
27223			<div class="inner text">
27224
27225				
27226					
27227					<h3 class="headline color fontsize_medium bold">KONTAKT</h3>
27228					<p>Lohgasse 1 (Navi),<br />
2722908309 Eibenstock<br />
27230Telefon: 037752 69492<br />
27231Fax: 037752 69340<br />
27232E-Mail: <a href="mailto:%69%6E%66%6F%40%77%75%72%7A%65%6C%72%75%64%69%2E%64%65">[email protected]</a></p>
27233				 
27234				
27235				
27236			</div>
27237		</section>
27238
27239
27240
27241
27242
27243
27244		
27245		<section class="box box2 ">
27246			
27247			<div class="inner text">
27248
27249				
27250
27251					<h3 class="headline color fontsize_medium bold">FAMILIENURLAUB EIBENSTOCK</h3>
27252
27253					
27254
27255
27256					
27257
27258						
27259						
27260
27261						
27262
27263						
27264						
27265
27266						
27267						
27268
27269						
27270						<div class="clear"></div>
27271					
27272					
27273					
27274					
27275					<p>Im Winter, im Sommer; mit Kind und Kegel; für Aktive und Genießer; für Skifahrer und Winterwanderer; für Naturfreunde und Entdecker:<br />Wurzelrudis Erlebniswelt ist der ideale Platz für Urlaub, Wochenende und Abenteuer im Erzgebirge!</p>
27276
27277
27278					
27279
27280				
27281
27282				
27283				
27284			</div>
27285			
27286		</section>
27287		
27288
27289
27290
27291
27292
27293			
27294		<section class="box box3 ">
27295			
27296			<div class="inner text">
27297
27298				<h3 class="headline color fontsize_medium bold">DOWNLOADS &amp; PROSPEKTE</h3>
27299				
27300				<div class="clear"></div>
27301				<p>» <a href="https://wurzelrudi.de/planen/newsletter/" target="_blank" title="Externer Link auf wurzelrudi.de/planen/newsletter/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Newsletter</span></a><br />» <a href="https://wurzelrudi.de/planen/downloads/" target="_blank" title="Externer Link auf wurzelrudi.de/planen/downloads/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Sommerflyer</span></a><br />» <a href="https://wurzelrudi.de/planen/downloads/" target="_blank" title="Externer Link auf wurzelrudi.de/planen/downloads/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Winterflyer</span></a><br />» <a href="https://wurzelrudi.de/gruppen-schulen/gruppenangebot/" target="_blank" title="Externer Link auf wurzelrudi.de/gruppen-schulen/gruppenangebot/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Gruppenangebote Sommer</span></a><br />» <a href="https://wurzelrudi.de/gruppen-schulen/gruppenangebot/" target="_blank" title="Externer Link auf wurzelrudi.de/gruppen-schulen/gruppenangebot/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Gruppenangebote Winter</span></a><br />» <a href="https://wurzelrudi.de/familienzeit/kindergeburtstage/" target="_blank" title="Externer Link auf wurzelrudi.de/familienzeit/kindergeburtstage/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Kindergeburtstag</span></a><br />» <a href="https://www.hostel-wurzelrudi.de/" target="_blank" title="Externer Link auf www.hostel-wurzelrudi.de/, Sie verlassen diesen Internetauftritt" class="externlink"><span>WurzelrudisHostel</span></a><br />» <a href="https://wurzelrudi.de/info/jobs-karriere/" target="_blank" title="Externer Link auf wurzelrudi.de/info/jobs-karriere/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Stellenangebote</span></a></p>
27302			</div>
27303			
27304		</section>
27305		
27306
27307
27308
27309
27310
27311
27312		
27313		<section class="box box4 ">
27314			
27315			<div class="inner text">
27316				
27317				
27318
27319				
27320				
27321				
27322					<h3 class="headline color fontsize_medium bold">ÖFFNUNGSZEITEN (Ostern - Mitte November)</h3>
27323					<div><p>Täglich 9:30 - 18:00 Uhr<br />
27324letzte Talfahrt<br />
27325Sesselbahn 17:15 Uhr<br />
27326(Bitte Fahrtage beachten!)</p></div>
27327				
27328				
27329				
27330
27331				
27332				<div class="social">
27333		
27334			
27335			<a href="https://www.facebook.com/Wurzelrudis.Erlebniswelt" title="Externer Link auf facebook.com, Sie verlassen diesen Internetauftritt" title="Externer Link, Sie verlassen diesen Internetauftritt" target="blank"><i class="icon-facebook"></i> Facebook</a>
27336		
27337		
27338			
27339			<a href="https://www.instagram.com/wurzelrudis_erlebniswelt/" title="Externer Link auf instagram.com, Sie verlassen diesen Internetauftritt" title="Externer Link, Sie verlassen diesen Internetauftritt" target="blank"><i class="icon-instagram"></i> Instagram</a>
27340		
27341		
27342		
27343		
27344		
27345		
27346		
27347		
27348		
27349		
27350		
27351			
27352			<a href="https://wurzelrudi.tramino.de/planen/webcam-wetter/" title="Externer Link auf wurzelrudi.tramino.de, Sie verlassen diesen Internetauftritt" target="blank"><i class="icon-webcam"></i>Webcam</a>
27353		
27354	</div>
27355				
27356				
27357			</div>
27358			
27359		</section>
27360		
27361
27362
27363	</div>
27364
27365	
27366	
27367	
27368
27369
27370
27371
27372
27373
27374
27375
27376	
27377	<div class="inner maxwidth copyright fontsize_small">
27378		<div class="links">
27379			<ul>
27380				
27381				
27382				
27383				<li>
27384					
27385						<a href="/impressum/">Impressum</a>
27386					
27387				</li>
27388
27389				
27390				
27391
27392				<li>
27393					
27394						<a href="/datenschutz/">Datenschutz</a>
27395					
27396				</li>
27397				
27398				
27399
27400				
27401
27402				
27403
27404				
27405				<li>
27406					
27407						<a href="/barrierefreiheit/">Barrierefreiheit</a>
27408					
27409				</li>
27410				
27411				
27412				
27413					<li class="widerruf">
27414						<a href="/widerruf/">Vertrag widerrufen</a>	
27415					</li>
27416				
27417				
27418				
27419				
27420
27421				<li><a href="#" data-openConsentSetttings="2">Cookie-Einstellungen</a></li>
27422				 
27423 				
27424
27425				
27426				
27427				
27428				
27429				<li>
27430					<a href="#" data-langswitch="TraminoLangSwitch" id="TraminoLangSwitchFooter" style="display: flex;">
27431						<i class="icon-globe"></i>
27432						<span>
27433						
27434						
27435
27436						Deutsch
27437							
27438						</span>
27439					</a>
27440				</li>
27441				
27442
27443			</ul>
27444		</div>
27445		
27446		<div id="langswitch" data-elementtrigger="TraminoLangSwitch"  data-traminolang="de" data-knownlang="de,en,cs,en,cs" >
27447	<div class="langswitch_inner">
27448		
27449		
27450			<div class="headline">Website</div>
27451			<ul>			
27452			
27453			
27454				
27455				
27456				
27457					
27458						
27459					
27460				
27461                
27462				
27463				<li data-lang="de" data-flag="de">
27464			<a href="/planen/tickets/">
27465				<div>Deutsch</div>
27466				
27467				<div class="name_en">(German)</div>
27468				
27469			</a>
27470		</li>
27471				
27472				
27473			
27474			
27475				
27476				
27477				
27478					
27479						
27480					
27481				
27482                
27483				
27484				<li data-lang="en" data-flag="en">
27485			<a href="/en/planen/tickets/">
27486				<div>English</div>
27487				
27488				<div class="name_en">(English)</div>
27489				
27490			</a>
27491		</li>
27492				
27493				
27494			
27495			
27496				
27497				
27498				
27499					
27500						
27501					
27502				
27503                
27504				
27505				<li data-lang="cs" data-flag="cs">
27506			<a href="/cs/planen/tickets/">
27507				<div>Čeština</div>
27508				
27509				<div class="name_en">(Czech)</div>
27510				
27511			</a>
27512		</li>
27513				
27514				
27515			
27516		</ul>
27517		
27518		
27519	</div>
27520
27521
27522</div>
27523
27524		
27525		
27526		<div class="tc ">
27527	
27528	Erstellt
27529	
27530	
27531	
27532	
27533	
27534	
27535	
27536	
27537	
27538	
27539	
27540		mit <a href="https://www.tramino.de" target="blank">Tramino</a>
27541	
27542</div>
27543		
27544		
27545		
27546		
27547	</div>
27548	
27549
27550
27551
27552	
27553		<div id="totop"><i class="color icon-arrow-up"></i></div>
27554	
27555
27556
27557
27558
27559</div>
27560
27561
27562
27563
27564
27565
27566
27567	<style>
27568		.T2820 .wrapper { 
27569			background: repeat-x url(https://storage.tramino.net/wurzelrudi/1536145/footer-hg-blau.png);
27570			background-color: var(--background_color);
27571			border: 0px;
27572		}
27573	</style>
27574
27575
27576
27577<style>
27578	.T2820 .pattern1 { background: repeat-x url(https://storage.tramino.net/wurzelrudi/1536137/footer-hg-oben-sommer-winter.png); height: 179px; }
27579</style>
27580
27581
27582
27583<style>
27584
27585.icon-whatsapp::before {
27586  color: unset;
27587}
27588
27589
27590
27591
27592
27593
27594
27595
27596footer#TraminoAnhang555146 {
27597		--footer_a_color: #ffffff;
27598	}
27599	footer#TraminoAnhang555146 .wrapper { color: #ffffff !important; }
27600	footer#TraminoAnhang555146 .wrapper :not(.widerruf) > a { 
27601		color: #ffffff !important;
27602	}
27603
27604
27605
27606
27607
27608</style>
27609
27610
27611
27612<script type="text/javascript">
27613"use strict";
27614
27615var isiPad = /iPad/i.test(navigator.userAgent) || /iPhone OS 3_1_2/i.test(navigator.userAgent) || /iPhone OS 3_2_2/i.test(navigator.userAgent) || /iPad|iPhone|iPod/i.test(navigator.userAgent) && !window.MSStream;
27616
27617TraminoReady(function() {
27618
27619	var stopclick = 0;
27620
27621	$('#totop').on('click', function(){
27622		
27623		if ( stopclick == 0 ) {
27624
27625			stopclick = 1;
27626			console.log(isiPad, navigator.userAgent);
27627			
27628			if ( isiPad ) {
27629 				$('#totop').fadeOut(20);
27630 				window.scrollTo(0,0);
27631				stopclick = 0;
27632			} else {
27633				$('html, body').animate({
27634					scrollTop: 0
27635				}, 800, function() {
27636					stopclick = 0;
27637				});
27638			}
27639
27640			
27641
27642
27643			
27644		}
27645	});
27646
27647	$(document).scroll(function(){
27648		var st = $(window).scrollTop();			
27649		if (st > 400 ) {
27650			$('#totop').fadeIn(300);
27651		} else {
27652			$('#totop').fadeOut(200);
27653		}
27654		
27655	});
27656});
27657
27658</script>
27658
27659					
27660				</footer>
27661			
27662		</div>
27663		
27664		
27665	
27666			</div>
27667		
27668
27669
27670
27671
27672	
27673		
27674		
27675	
27676
27677
27678
27679
27680
27681
27682
27683
27684
27685
27686
27687
27688
27689
27690
27691
27692
27693
27694
27695
27696
27697
27698
27699
27700	
27701
27702
27703
27704
27705
27706
27707
27708
27709
27710
27711
27712
27713
27714
27715<div id="sheet" class="T0000" data-gs-id="">
27716	<div class="sheet-spacer"></div>
27717	<div class="sheet-outer">
27718		<button class="sheet-close"><div>&times;</div></button>
27719		<div class="sheet-handle"></div>
27720		<div class="sheet-inner"></div>
27721	</div>
27722</div>
27723
27724
27725
27726<script>
27727
27728TraminoReady(function() {
27729
27730	let opening = false;
27731
27732	window.closeSheet = function() {
27733
27734		console.log("closeSheet");
27735
27736		if ( typeof window.parent.deactivateFeature == "function" && window.map_init === true  ) {
27737			window.parent.deactivateFeature();
27738		}
27739
27740		$("#sheet").removeClass('open');
27741		$("#sheet").removeClass('no-sheet-images');
27742
27743		if ( $("#meta-map").length > 0 ) {
27744			$("#meta-map").removeClass("background");
27745		}
27746
27747		// Nach CSS Animation den Inhalt leeren
27748		setTimeout(function(){
27749			$("#sheet .sheet-inner").html("");
27750			$("#sheet").removeClass('no_close_button');
27751			$("#sheet").removeClass('no_outside_click');
27752		},250);
27753
27754	}
27755
27756	window.openSheet = function(sheet_id, clicked_element=undefined,options={}) {
27757
27758		let $clicked_element = $(clicked_element);
27759
27760
27761		console.log("openSheet");
27762		opening = true;
27763
27764		$("#sheet").attr('data-gs-id', $clicked_element.parents('div[data-gs-id]').data('gs-id') || options.id );
27765		$("#sheet").attr('data-hidden-id', sheet_id );
27766		
27767		if ( options.no_close_button === true ) {
27768			$("#sheet").addClass('no_close_button');
27769		}
27770		if ( options.no_outside_click === true ) {
27771			$("#sheet").addClass('no_outside_click');
27772		}
27773
27774		
27775
27776		
27777
27778
27779		
27780		// experimental map activation
27781		if ( typeof window.parent.activateFeature == "function" && window.map_init === true ) {		
27782
27783	 		let activate_id = sheet_id;
27784			if ( $clicked_element.data("zoom_infosystem") ) {
27785	 			activate_id = $clicked_element.data("zoom_infosystem");
27786	 		}
27787	 		window.parent.activateFeature( activate_id, { dashboard: $('#subpage').data("dashboard") } );		
27788		}
27789		
27790		
27791		if ( $("#sheet").attr('class').match(/T\d+/) ) {
27792			$("#sheet").removeClass( $("#sheet").attr('class').match(/T\d+/)[0] );
27793		}
27794		
27795		if ( $clicked_element.closest(".grid-stack-item-content").length
27796			&& $clicked_element.closest(".grid-stack-item-content").attr('class').match(/T\d+/) ) {
27797			$("#sheet").addClass( $clicked_element.closest(".grid-stack-item-content").attr('class').match(/T\d+/)[0] );
27798		}
27799
27800		if ( $("#"+sheet_id).length > 0 ) {
27801			console.log("Open Sheet from DOM");
27802			$("#sheet .sheet-inner").html( $("#"+sheet_id).html() );	
27803			
27804		} else if ( sheet_id ) {
27805			
27806			let session = "";
27807			session = localStorage.getItem('app_session');
27808			
27809			
27810			
27811
27812
27813			$("#sheet .sheet-inner").html("");
27814
27815			var data = "id=" + sheet_id;
27816			data = data + "&session=" + session;
27817			data = data + "&reloadtarget=" + ( $clicked_element.data("reloadtarget") || "" );
27818			
27819
27820			if ( ( $clicked_element.data("sheet-options") && $clicked_element.data("sheet-options").match("full_height" ) ) 
27821		      || ( options.full_height ) ) {
27822				$("#sheet").addClass( "full_height" );
27823			} else {
27824				$("#sheet").removeClass( "full_height" );
27825			}
27826			
27827
27828			if ( $clicked_element.data("query-string") ) {
27829				data = data + "&" + $clicked_element.data("query-string");
27830			}
27831
27832			if ( $clicked_element.closest(".grid-stack-item").data("gs-id") ) {
27833				data = data + "&block=" + $clicked_element.closest(".grid-stack-item").data("gs-id");
27834			}
27835
27836			if ( $clicked_element.data("extradata") ) {
27837				data = data + "&extra=" + JSON.stringify($clicked_element.data("extradata"));
27838			}
27839
27840			// Zusätuzliche Parameter aus den Optionen
27841			if ( options.group ) {
27842				data = data + "&infosystem_group=" + options.group;
27843			}
27844
27845			if (window.history && window.history.pushState) {
27846				history.pushState({ page: sheet_id }, 'Test', '');
27847			}
27848
27849			let lang = "de";
27850			const doc_html = document.querySelector("html");
27851			if ( doc_html != undefined ) {
27852				
27853				const doc_html_lang = doc_html.getAttribute("lang");
27854				if ( doc_html_lang ) {
27855					lang = doc_html_lang;
27856				}
27857			}
27858			if ( lang != "de" ) {
27859				data = data + `&lang=${lang}`;
27860			}
27861
27862			// nachladen falls kein hidden
27863			$.ajax( "https://wurzelrudi.tramino.de/api/infosystem/detail/", {
27864				dataType: "json",
27865				contentType: "text/plain",
27866				data: data,
27867				
27868				success: function( response ) {
27869					if ( response.session !== undefined ) { 
27870						localStorage.setItem('app_session', response.session );
27871					}
27872					// console.log( "response.html",response.html );
27873
27874					// Check if loaded Content contains `sheet-bilder`
27875					if ( $(response.html).find(".sheet-bilder .sheet-bild img").length > 0  ) {
27876						$("#sheet").removeClass('no-sheet-images');
27877					} else {
27878						$("#sheet").addClass('no-sheet-images');
27879					}
27880					$("#sheet .sheet-inner").html( response.html );
27881					
27882					// Falls <!-- action_refresh_widget --> drin steht, widget im background updaten
27883					if ( response.html.indexOf("-- action_refresh_widget --") !== -1 ) {
27884						let block_id = $('#sheet').attr('data-gs-id');
27885						refreshWidget( block_id );
27886					}
27887					
27888					// Falls <!-- sheet_close --> drin steht, sheet close
27889					if ( response.html.indexOf("-- sheet_close --") !== -1 ) {
27890						$('#sheet').removeClass('open');
27891					}
27892
27893
27894				},	
27895				error: function(jqxhr, textStatus, errorThrown) {
27896					console.log( jqxhr, textStatus, errorThrown );
27897				}
27898			});
27899			
27900		}
27901	
27902	
27903	
27904		if ( $clicked_element.data("sheet-set") ) {
27905			setDashboard( $clicked_element );
27906		}
27907		
27908		$("#sheet").scrollTop(0);		
27909		$("#sheet").addClass('open');
27910
27911		
27912
27913
27914		if ( $("#sheet .sheet-inner").find('[data-qrcode]').length ) {
27915			if ( !$("#sheet .sheet-inner").find('[data-qrcode]').hasClass('generated') ) {
27916				$.getScript('https://storage.tramino.net/static/js/easy.qrcode.min.js', function(data, textStatus) {
27917
27918					
27919
27920					var options = {
27921						text: $('#sheet .qrcode').data('qrcode'),
27922						
27923						//correctLevel: "QRCode.CorrectLevel.H",
27924						width: 600,
27925						height: 600,
27926						
27927						
27928
27929						logoBackgroundColor: "#FFFFFF",
27930						
27931						
27932						colorDark: "#000000",
27933						
27934						
27935						logoWidth: 200,
27936						logoHeight: 150,
27937
27938						dotScale: 0.8,
27939						dotScaleTiming: 0.9,
27940						dotScaleA: 0.9,
27941						dotScaleAO: 0.9,
27942						dotScaleAI: 0.9,
27943					};
27944
27945
27946					// Create QRCode Object
27947					let qrcode = new QRCode(document.querySelector("#sheet .qrcode"), options);
27948				});
27949				$("#sheet .sheet-inner").find('[data-qrcode]').addClass('generated');
27950			}
27951		}
27952		
27953		setTimeout( function(){ opening = false; },250 );
27954
27955	}
27956
27957	document.addEventListener('click', function(event) {
27958
27959		if ( opening === true ) {
27960			return false;
27961		}
27962
27963		const sheet = document.querySelector('#sheet');
27964		
27965		if ( sheet === null ) {
27966			return false;
27967		}
27968
27969		if ( sheet.classList.contains("no_outside_click") ) {
27970			return false;
27971		}
27972
27973        if ( sheet.classList.contains("open") ) {
27974
27975			const sheetOuter = sheet.querySelector('.sheet-outer');
27976			const metaCart = document.querySelector('#meta-cart');
27977
27978			if ( metaCart !== null ) {
27979				if ( metaCart.classList.contains("open") ) {
27980					return;
27981				}
27982			}
27983
27984			// prevent phantom click triggered by TeaserChatrooms
27985			const sheetEl = event.target.closest("[data-sheet]");
27986			if ( sheetEl && sheetEl.dataset.sheet == sheet.dataset.hiddenId ) {
27987				return false;
27988			}
27989
27990	        if ( ! sheetOuter.contains(event.target) ) {    
27991				closeSheet();
27992	        }
27993        }
27994    });
27995
27996	$('body').on('click', '[data-sheet]', function(e) {
27997		if ( $(this).data("set") === undefined && $(this).data("send") === undefined  ) {
27998			e.stopImmediatePropagation();
27999		}
28000		openSheet($(this).data("sheet"), $(this));
28001		$('#meta-cart').removeClass("open");
28002		// Geodata Handling kommt aus Include 
28003	});
28004	
28005	$('body').on('click', '#sheet .sheet-close', function() {
28006		closeSheet();
28007	});
28008
28009	$('body').on('keydown', function(e) {
28010
28011		if ( ! $("#sheet").hasClass('open') ) {
28012			return;
28013		}
28014		if (e.key == "Escape") {
28015			closeSheet();
28016		};
28017	});
28018
28019
28020	
28021
28022});
28023
28024</script>
28024
28025
28026
28027<style>
28028
28029	:root { --nav-height: 4rem; }
28030	#subpage,#subpage2 { --nav-height: 4rem; --head-height: 2.5rem; --header-height-with-offset: calc( var(--head-height) + 0.5rem ) }
28031	
28032	:root { --nav-height: 0rem; }
28033	
28034	.T5634 { --nav-height: 0em; }
28035	
28036
28037	#sheet {
28038		display: block;
28039		position: fixed;
28040		z-index: 2000;
28041		left: 0;
28042		right: 0;
28043		top: 100vh;
28044		height: 98vh;
28045		height: calc( 100vh - var(--nav-height) - max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) * 0.5 );
28046		background-image: -webkit-gradient( linear, left top, left bottom, from(#0000), to(#000), color-stop(0,#0000), color-stop(.4,#0003) );
28047		overflow: hidden;
28048		overflow-y: scroll;
28049		overscroll-behavior: contain !important;
28050		padding-top: 25vh;
28051		transition: top 250ms ease-in-out;
28052		/*	pointer-events: none;*/
28053
28054		--content-padding: 1rem;
28055	}
28056
28057	#sheet.no_close_button {
28058		height: calc( 100vh );
28059		z-index: 1000000;
28060	}
28061
28062	@media screen and (max-width: 800px) {
28063
28064		#sheet.full_height { padding-top: 0vh; }
28065		#sheet.full_height .sheet-outer { border-radius: 0; }
28066	}
28067
28068	@media screen and (min-width: 800px) {
28069
28070		#sheet.full_height { padding-top: 13vh; height: 100%; }
28071	}
28072
28073
28074	body.C350 #sheet.full_height > .sheet-outer > .sheet-close { right: auto; left: 0rem; }
28075	body.C600 #sheet.full_height > .sheet-outer > .sheet-close { right: auto; left: 0rem; }
28076
28077
28078
28079	body.C420:not(.narrow) #sheet {
28080		z-index: 1000000;
28081		height: calc( 100vh );
28082	}
28083
28084	body.C250:not(.narrow) #sheet {
28085		z-index: 1000000;
28086		height: calc( 100vh );
28087	}
28088
28089	body.C350:not(.narrow) #sheet {
28090		z-index: 1000000;
28091		height: calc( 100vh );
28092	}
28093
28094	body.C600:not(.narrow) #sheet {
28095		z-index: 1000000;
28096		height: calc( 100vh );
28097	}
28098
28099
28100
28101
28102
28103
28104	
28105	.T5634 #sheet {
28106		z-index: 99999999;
28107	}
28108
28109	#quickpreview_background {
28110		display: none;
28111		position: fixed;
28112		z-index: 100000000;
28113		width: 100vw;
28114		left: 0;
28115		right: 0;
28116		top: 0;
28117		/*	height: calc( 100vh - var(--nav-height) - max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) * 0.5 );*/
28118		height: 100vh;
28119		background-color: rgba(0,0,0,0.8);
28120		/*	pointer-events: none;*/
28121	}
28122
28123	#quickpreview {
28124		display: none;
28125		position: fixed;
28126		z-index: 100000001;
28127		width: calc(100% - 2rem);
28128		left: 1rem;
28129		top: calc( 1rem  + env(safe-area-inset-top) );
28130		height: calc(90% - max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) - env(safe-area-inset-top));
28131		background-color: #FFF;
28132		border-radius: 1rem;
28133		overflow: hidden;
28134		overflow-y: scroll;
28135		overscroll-behavior: contain !important;
28136		/*	pointer-events: none;*/
28137	}
28138
28139	body.wide #quickpreview {
28140		left: 50%;
28141    	transform: translateX(-50%);
28142	}
28143	body.extrawide #quickpreview {
28144		left: 50%;
28145    	transform: translateX(-50%);
28146	}
28147
28148	#quickpreview .quickpreview_head {
28149		display: flex;
28150		padding: 0.4rem 1.2rem;
28151	}
28152
28153	#quickpreview .quickpreview_head .nav-button {
28154		border: 1px solid #333;
28155		color: #333;
28156		padding: 0.1rem 0.7rem;
28157		cursor: pointer;
28158		border-radius: 0.3rem;
28159		width: 1.8rem;
28160		margin-right: 0.3rem;
28161		display: flex;
28162		justify-content: center;
28163		align-items: center;
28164	}
28165
28166	#quickpreview .quickpreview_head .nav-button:hover {
28167		border: 1px solid #000;
28168		color: #000;
28169	}
28170
28171	#quickpreview .quickpreview_head .nav-button.disabled {
28172		border: 1px solid #DDD;
28173		color: #DDD;
28174		cursor: not-allowed;
28175	}
28176
28177	#quickpreview .quickpreview_head .nav-button.disabled:hover {
28178		border: 1px solid #DDD;
28179		color: #DDD;
28180	}
28181
28182	#quickpreview .quickpreview_head .nav-button.next { margin-right: 0; }
28183
28184	#quickpreview .quickpreview_head .nav-item.name {
28185		width: calc( 100% - ( 1.8rem * 3 ) - ( 0.3rem * 3 ) );
28186		margin-right: 0.3rem;
28187		display: flex;
28188		align-items: center;
28189	}
28190
28191
28192
28193
28194	#quickpreview_background.show, #quickpreview.show {
28195		display: block;
28196	}
28197
28198	#quickpreview .quickpreview-item { display: none; }
28199	#quickpreview .quickpreview-item.active { display: block; }
28200
28201	#quickpreview .quickpreview-item img { width: 100%; height: auto; }
28202	#quickpreview .quickpreview-item iframe { width: 100%; height: auto; aspect-ratio: 16/9; }
28203	#quickpreview .quickpreview-item video { width: 100%; height: auto; }
28204	#quickpreview .quickpreview-item audio { width: 100%; height: auto; }
28205
28206	#quickpreview .quickpreview-item .media { margin-bottom: 1rem; }
28207	#quickpreview .quickpreview-item .media .default_image { display: flex; justify-content: center; align-items: center; aspect-ratio: 16/9;background-color: #333; }
28208
28209	#quickpreview .quickpreview-item .indented { margin-left: 1rem; margin-right: 1rem; }
28210
28211	#quickpreview .quickpreview-item .quickpreview_content_name {
28212		font-weight: bold;
28213	}
28214	#quickpreview .quickpreview-item .quickpreview_content_info {
28215		font-weight: 0.9rem;
28216	}
28217
28218
28219	body.map-opened #sheet { padding-top: 0; margin-top: 40vh; }
28220	body.map-opened #sheet.scroll { margin-top: 0; padding-top: 40vh; }
28221
28222
28223	#sheet.progress .sheet-inner {
28224		filter: blur(10px);
28225		pointer-events: none; 
28226	}
28227
28228	#sheet.open { top: 0vh; }
28229
28230	#sheet .sheet-outer {
28231		position: relative;
28232		min-height: 101%; 
28233		box-shadow: 0px 0px 60px 20px #0009;
28234		overflow: hidden;
28235		border-radius: 2rem 2rem 0 0;
28236		background-color: #fff;	
28237		margin: 0;
28238		/*	pointer-events: auto; */
28239	}
28240
28241	#sheet .qrcode canvas {
28242		aspect-ratio: 1 / 1;
28243		width: 100%;
28244		height: auto;
28245	}
28246
28247	@media screen and (min-width: 1000px) {
28248			
28249		#sheet  {
28250			background-image: none;
28251			padding-top: 10vh;
28252		}
28253
28254		body.map-opened #sheet { padding-top: 25vh; margin-top: 0; }
28255
28256		#sheet .sheet-outer {
28257			margin: 0 auto;
28258			width: 100%;
28259			max-width: 850px;
28260			box-shadow: 0px 100px 250px 80px rgba(0,0,0,0.7);
28261		}
28262		
28263
28264		#sheet .button_wrapper  {
28265			display: none !important; /* reorder */
28266		}
28267
28268		#quickpreview_background {
28269			width: 30rem;
28270			height: calc( 100vh - var(--nav-height) - max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) * 0.5 );
28271		}
28272
28273		body.wide #quickpreview_background { width: 100%; }
28274		body.extrawide #quickpreview_background { width: 100%; }
28275
28276		#quickpreview {
28277			top: 1rem;
28278			width: 60vw;
28279		}
28280	}
28281
28282
28283	#sheet .sheet-handle {
28284		width: 4rem;
28285		position: absolute;
28286		top: 1rem;
28287		left: calc( 50% - 2rem );
28288		background-color: #3337;
28289		border-radius: 0.4rem;
28290		height: 0.4rem;
28291		margin: -0.3rem auto 0.5rem auto;
28292		display: none;
28293		z-index: 200;
28294	}
28295
28296	#sheet .sheet-handle.show { display: block; }
28297
28298	#sheet.no_close_button > .sheet-outer > .sheet-close { display: none; }
28299	#sheet > .sheet-outer > .sheet-close {
28300		border-width: 0;
28301		cursor: pointer;
28302		z-index: 1000;
28303		width: 4rem;
28304		height: 4rem;
28305		position: absolute;
28306		top: 0rem;
28307		right: 0rem;
28308		background-color: rgba(0,0,0,0.001);
28309	}
28310
28311	#sheet > .sheet-outer > .sheet-close > div {
28312		background: rgba(0,0,0,1);
28313		border-radius: 50%;
28314		width: 60%;
28315		aspect-ratio: 1/1;
28316		text-align: center;
28317		line-height: 1.3;
28318		font-weight: bold;
28319		color: #fff;
28320		font-size: 1.4rem;
28321		margin: 20%;
28322		display: flex;
28323		align-items: center;
28324		justify-content: center;
28325	}
28326
28327
28328
28329
28330	#sheet .sheet-bilder {
28331		/* background-color: #ddd; */
28332		aspect-ratio: 5/3;
28333		position: relative;
28334	}
28335
28336
28337
28338	.sheet-bild {
28339		position: relative;
28340	}
28341
28342	.sheet-bild figure { margin: 0px; }
28343	.sheet-bild figure footer { margin: 0 1em 0 1.5em; padding:.3em .5em; font-size: 0.7em; color: #666; background:#fff; opacity:.75; position:absolute; bottom:20px; }
28344
28345
28346	.sheet-bild .counter {
28347		position:  absolute;
28348		right: 1.5rem;
28349		bottom: 1rem;
28350		font-size: 0.9rem;
28351		color:  #FFF;
28352		background-color: rgba(0,0,0,0.75);
28353		padding:  0.3rem 0.5rem;
28354	}
28355
28356	#sheet .sheet-bild img {
28357		width: 100%; 
28358		height: auto;
28359		aspect-ratio: 5/3;
28360		object-fit:cover;
28361		-webkit-user-drag: none;
28362		user-drag: none;  
28363		-webkit-user-select: none;
28364		user-select: none;
28365	}
28366
28367	#sheet .content {
28368		padding: 1.2rem var(--content-padding) 5rem var(--content-padding);
28369	}
28370
28371	#sheet .button_wrapper  {
28372		display: flex;
28373		justify-content: flex-end;
28374		margin:  0 1rem 2rem 0;
28375	}
28376
28377	#sheet .overlay-button {
28378		border-radius: 5rem;
28379		padding: 0.6rem 2rem;
28380		text-decoration: none;
28381		background-color: #666;
28382		color: #fff;
28383	}
28384
28385</style>
28386<div id="meta-cart" data-client="61367">
28387		
28388	<div class="meta-cart-inner">
28389
28390	</div>
28391
28392</div>
28393
28394<style>
28395
28396#meta-cart {
28397	position: fixed;
28398	z-index: 999999;
28399}
28400
28401#meta-cart .meta-cart-icon {
28402	display: none;
28403	cursor: pointer;
28404	position: fixed;
28405	width: 3em;
28406	right: calc( env(safe-area-inset-left) + 2em );
28407	transition: left 150ms ease-in-out;	
28408	bottom: calc( max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) + 3.5em );
28409	border-radius: 4em;
28410	aspect-ratio: 1;
28411	background: #fff;
28412	color: #000;
28413	box-shadow: 0.1em 0.1em 1.0em #0006;
28414	align-items: center;
28415	justify-content: center;
28416	z-index: 3000;
28417	transition: transform .1s ease-in-out;
28418}
28419
28420.meta-app #meta-cart .meta-cart-icon {
28421	bottom: calc( max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) + 6.5em );
28422}
28423
28424@media all and ( min-width: 1000px ) {
28425	#meta-cart .meta-cart-icon {
28426		font-size: 1.4em;
28427		right: calc( env(safe-area-inset-left) + 2em );
28428		bottom: calc( max( env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) + 2em );
28429	}
28430}
28431
28432.Mandant_62122 #meta-cart .meta-cart-icon {  
28433	right: auto;
28434	left: calc( env(safe-area-inset-left) + 2.7em );  
28435	bottom: calc( max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) + 3em );
28436}
28437.Mandant_62122 #meta-cart.open .meta-cart-icon { left: -4em; }
28438
28439.Mandant_420 #meta-cart.open .meta-cart-icon { left: -4em; }
28440
28441
28442#meta-cart .meta-cart-icon:hover {
28443	transform: scale(1.1);
28444}
28445
28446#meta-cart .meta-cart-icon.error {
28447	border: 2px solid #f33;
28448}
28449
28450#meta-cart .meta-cart-icon.filled {
28451	display:flex;
28452}	
28453
28454#meta-cart.open .meta-cart-icon { right: -4em; }
28455
28456
28457#meta-cart .meta-cart-icon .icon-shoppingbag {
28458	font-size: 1.6em;
28459}
28460
28461#meta-cart .meta-cart-digit {
28462	font-family: Arial, sans-serif !important;
28463	position: absolute;
28464	right: -0.2em;
28465	top: -0.2em;
28466	width: 1.5em;
28467	height: 1.5em;
28468	font-size: 0.8em;
28469	line-height: 1.5em;
28470	text-align: center;
28471	border-radius: 1em;
28472	color: #fff;
28473	background: #f33;
28474}
28475
28476
28477#meta-cart .meta-cart-content {
28478	max-height: 90vh;
28479	overflow: hidden;
28480	overflow-y: scroll;
28481	position: fixed;
28482	bottom: -100%; left: 0em; right: 0em;
28483	transition: bottom 150ms ease-in-out, height 150ms ease-in-out; 
28484	background: #fff;
28485	box-shadow: 0.1em -1.9em 12em #000c;
28486	border-radius: 2em 2em 0 0 ;
28487	padding: 1em 1em calc( max(env(safe-area-inset-bottom, 0px), var(--android-safe-bottom, 0px)) + 5em ) 1em;
28488}
28489
28490#meta-cart.open .meta-cart-content { bottom: 0%; }
28491#meta-cart.progress .meta-cart-content { filter: blur(4px); pointer-events: none; }
28492
28493@media all and ( min-width: 1000px ) {
28494	#meta-cart .meta-cart-content {
28495		width: 35em;
28496		left: auto;
28497		right: -100%;
28498		max-height: 100vh;
28499		bottom: 0%;
28500		height: 100vh;
28501		border-radius: 0;
28502		transition: right 150ms ease-in-out, height 150ms ease-in-out; 
28503	}
28504
28505	.C420 #meta-cart { z-index: 1000001;  }
28506	#meta-cart.open .meta-cart-content { right: 0%; }
28507}
28508
28509
28510
28511#meta-cart.open .meta-cart-close {
28512	cursor: pointer;
28513	position: absolute; right: 1em; top: 1em; width: 2em; height: 2em;
28514	display:flex; align-items: center; justify-content: center;
28515	line-height: 1; background: #666; color: #fff; 
28516	border-radius: 1.5em;
28517	transition: transform .1s ease-in-out;
28518}
28519
28520#meta-cart.open .meta-cart-close:hover {
28521	transform: scale(1.1);
28522}
28523
28524
28525
28526#meta-cart .meta-cart-headline {
28527	font-size: 1.5em;
28528	font-weight: bold;
28529	margin: 0 0 0.8em 0;
28530	text-align: center;
28531}
28532
28533#meta-cart .meta-cart-subheadline {
28534	font-size: 1.2em;
28535	font-weight: bold;
28536	margin: 1em 0 0.3em 0;
28537}
28538
28539#meta-cart .meta-cart-empty {
28540	margin: 1em 0;
28541	border: 1px dashed #ccc;
28542	padding: 4em; text-align: center;
28543}
28544
28545#meta-cart .meta-cart-info {
28546	margin: 1.5em 0;
28547	font-size: 0.85em;
28548	color: #777;
28549	text-align: center;
28550}
28551
28552#meta-cart .meta-cart-info-content a {
28553	color: #777;
28554	white-space: nowrap;
28555}
28556
28557#meta-cart .meta-cart-info-content p {
28558	margin: 0 0 0.3em 0;
28559}
28560
28561#meta-cart .meta-cart-info-label {
28562	font-weight: bold;
28563	color: #333;
28564	font-size: 0.9em;
28565	margin: 0.3em 0;
28566}
28567
28568#meta-cart .meta-cart-info-items {
28569	display: flex;
28570	justify-content: center;
28571	align-content: center;
28572	gap: 1em;
28573	margin: 1em 0 0 0;
28574}
28575
28576#meta-cart .meta-cart-info-item {
28577	display: flex;
28578	flex: 1;
28579	max-width: 6em;
28580	border-radius: 0.5em;
28581	text-align: center;
28582	font-size: 0.8em;
28583	border: 1px solid #e4e4e4;
28584	overflow: hidden;
28585	aspect-ratio: 1.6;
28586}
28587
28588#meta-cart .meta-cart-info-item img {
28589	filter: grayscale(1);
28590	display: block;
28591	width: 100%;
28592	height: auto;
28593}
28594
28595
28596
28597
28598
28599
28600
28601
28602
28603
28604
28605
28606#meta-cart .meta-cart-items { margin-bottom: 1em; border-bottom: 1px solid #ddd; }
28607
28608
28609#meta-cart .meta-cart-part { display: flex; justify-content: space-between; padding: 0.5em 0 0.2em 0; align-items: self-end; }
28610#meta-cart .meta-cart-part-headline { font-size: 0.8em; font-weight: bold; }
28611#meta-cart .meta-cart-part-partner { font-size: 0.7em; color: #777;}
28612
28613
28614#meta-cart .meta-cart-item { display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding: 0.5em 0; }
28615
28616#meta-cart .meta-cart-item-image { flex: 2; margin-right: 0.7em; }
28617#meta-cart .meta-cart-item-image img { display: block; width: 100% !important; height: auto !important; border-radius: 50%; overflow: hidden;}
28618
28619#meta-cart .meta-cart-item-text { flex: 9;  margin-right: 0.5em; margin-top: 0.2em;   }
28620#meta-cart .meta-cart-item-name { font-size: 1em; line-height: 1.2; color: #000; margin-bottom: 0.1em;  }
28621
28622#meta-cart .meta-cart-item-line {
28623	text-overflow: clip;
28624	hyphenate-character: "";
28625	word-break: break-all;
28626	word-wrap: break-word;
28627	overflow-wrap: break-word;
28628	-webkit-hyphens: auto;
28629	-moz-hyphens: auto;
28630	hyphens: auto;
28631	display: -webkit-box;
28632	line-clamp: 1;
28633	-webkit-line-clamp: 1;
28634	-webkit-box-orient: vertical;
28635	overflow: hidden;
28636}
28637
28638#meta-cart .meta-cart-item-line tt { font-size: 1.4em; font-family: monospace !important; letter-spacing: 0.02em; }
28639
28640#meta-cart .meta-cart-item-info { font-size: 0.85em; line-height: 1.15; color: #666;  }
28641
28642#meta-cart .meta-cart-item-price { flex: 3; line-height: 1.15;  margin-top: 0.2em;  text-align: right; }
28643#meta-cart .meta-cart-item-price del { color: #F33; }
28644#meta-cart .meta-cart-item-zzgl { font-size: 0.8em; color: #777; line-height: 1.15; margin-top: 0.2em;  text-align: right; }
28645
28646#meta-cart .meta-cart-item-delete { flex: 1; cursor: pointer; background: #aaa; color: #fff; margin-left: 0.5em;  
28647	display:flex; align-items: center; justify-content: center; border-radius: 0.5em; }
28648#meta-cart .meta-cart-item-delete:hover { background: #999;  }
28649
28650#meta-cart .meta-cart-item-sum { text-align: right; border-top: 1px solid #ddd; padding-top: 0.2em; margin-bottom: 1em; }
28651#meta-cart .meta-cart-item-sum span { padding-left: 1em; border-top: 2px solid #333; font-weight: bold; }
28652
28653
28654
28655
28656.meta-cart-errors { margin: 1em 0; }
28657.meta-cart-error {
28658	margin-bottom: 0.1em;
28659	font-size: 0.85em;
28660	line-height: 1.2;
28661	color: #933;
28662	display: flex;
28663	align-items: flex-start;
28664	gap: 1.1em;
28665	margin-bottom: 1em;
28666}
28667.meta-cart-error:before {
28668	flex: 1;
28669	content: "\26A0";
28670	color: #A33;
28671	font-size: 1.1em;
28672	line-height: 1;
28673	max-width: 1em;
28674}
28675
28676
28677
28678
28679
28680
28681
28682#meta-cart .meta-cart-terms {
28683	border-radius: 0.5em;
28684	padding: 0.3em 1em 1em 1em;
28685	border: 1px solid #ddd;
28686	margin: 0.5em 0 1.5em 0;
28687	font-size: 0.85em;
28688	line-height: 1.2;
28689	color: #777;
28690}
28691
28692#meta-cart .meta-cart-terms h4  { margin: 0.5em 0 0.5em 0; }
28693
28694
28695
28696#meta-cart .meta-cart-paymodes {
28697	display: flex;
28698	justify-content: center;
28699	align-content: center;
28700	gap: 0.5em;
28701	flex-wrap: wrap;
28702	margin: 2em 0;
28703}
28704
28705#meta-cart .meta-cart-paymode {
28706	display: flex;
28707	min-width: 5em;
28708	max-width: 8em;
28709	border: 1px solid #ccc;
28710	border-radius: 0.5em;
28711	overflow: hidden;
28712	text-align: center;
28713	font-size: 0.8em;
28714	cursor: pointer;
28715	transition: transform .1s ease-in-out;
28716	flex: 1;
28717}
28718
28719#meta-cart .meta-cart-paymode.disabled {
28720	opacity: 0.35;
28721	filter: grayscale(1);
28722	cursor: auto;
28723}
28724
28725#meta-cart .meta-cart-paymode:not(.disabled):hover {
28726	border: 1px solid #666;
28727	transform: scale(1.03);
28728}
28729
28730#meta-cart .meta-cart-paymode img {
28731	display: block;
28732	width: 100%;
28733	height: auto;
28734}
28735
28736
28737
28738</style>
28739
28740
28741
28742<script>
28743
28744TraminoReady(function() {
28745
28746	loadCart();
28747
28748	$('#meta-cart').on('click', '.meta-cart-icon', function() { $('#meta-cart').addClass("open"); loadCart("","0"); } );
28749	$('#meta-cart').on('click', '.meta-cart-close', function(e) {
28750		e.stopImmediatePropagation();
28751		$('#meta-cart').removeClass("open");
28752	});
28753
28754	$('#meta-cart').on('click', '.meta-cart-button-close', function(e) {
28755		e.stopImmediatePropagation();
28756		e.preventDefault(); $('#meta-cart').removeClass("open");  
28757	});
28758
28759	$('#meta-cart').on( "click", "div.meta-cart-paymode[data-value]", function(e) {
28760		e.preventDefault();
28761		$("#meta-cart input[name=paymode]").val( $(this).data('value') );
28762		loadCart( "", "2" );
28763	});
28764
28765	$('#meta-cart').on( "click", "a.meta-cart-paymode", function(e) {
28766		console.log("a.meta-cart-paymode");
28767		
28768		if ( ! window.navigator.userAgent.match(/(android:application|ios:application)/) && $(this).hasClass("js_openframe") ) {
28769			e.preventDefault();
28770			console.log("openpaymentwindow");
28771			let url = $(this).attr("href");
28772			url += `&origin=${window.location}`;
28773			const paymentWindow = window.open(url, "_blank");
28774		}
28775
28776		loadCart( "", "3" );
28777	});
28778
28779	window.addEventListener("message", (event) => {
28780
28781		if ( event.origin !== "https://www.wurzelrudi.de" ) return;
28782
28783		if (event.data?.type === "SWITCH_PAYMENT_PROVIDER") {
28784			loadCart( "", "2" );
28785		}
28786
28787	});
28788
28789	$('#meta-cart').on( "click", ".meta-cart-submit", function(e) {
28790		e.preventDefault( "", "" );
28791		let do_jump = false;
28792		if ( $('#meta-cart').data("client") == 105 || $('#meta-cart').data("client") == 106 ) {
28793			do_jump = true;
28794		}
28795
28796		if ( $(this).hasClass("meta-cart-item-delete") ) {
28797			do_jump = false;
28798		}
28799
28800		if ( do_jump ) {
28801			window.location.href = window.location.origin + '/booking/?step=3';
28802		} else {
28803			loadCart( $(this).val() || $(this).data('value') || "", $(this).data('step') || "" );
28804		}
28805	});
28806
28807
28808});
28809
28810function isLocalStorageAvailable(){
28811	var test = 'test';
28812	try {
28813		localStorage.setItem(test, test);
28814		localStorage.removeItem(test);
28815		return true;
28816	} catch(e) {
28817		return false;
28818	}
28819}
28820
28821
28822async function loadCart( action, step ) {
28823
28824	console.log("--- loadCart", step)
28825
28826	let $cart = $('#meta-cart');
28827	$cart.addClass('progress');
28828
28829	if ( step != "" ) {
28830		$(".meta-cart-content input[name=step]").val( step );
28831	}
28832
28833	let session = $("body").data("session");
28834	if ( session == "" && isLocalStorageAvailable() ) {
28835		if ( localStorage.getItem("app_session") ) {
28836			session = localStorage.getItem("app_session");
28837		}
28838	}
28839
28840	let data = $(".meta-cart-form").serialize() + "&target=cart";
28841	if ( action ) data = data + "&action=" + action;
28842	if ( step && ! $(".meta-cart-form").length ) data = data + "&step=" + step;
28843	if ( session ) data = data + "&appsession=" + session;
28844	if ( localStorage.getItem("app_session") != null ) data = data + "&session=" + localStorage.getItem("app_session");
28845
28846	try {
28847		const response = await fetch( "https://wurzelrudi.tramino.de/api/dashboard/save/", {
28848			method: "POST",
28849			cache: "force-cache",
28850			headers: {
28851				"Content-Type": "application/javascript"
28852			},
28853			body: data
28854		});
28855
28856		if ( !response.ok ) {
28857			throw new Error( response.statusText || "Cart konnte nicht geladen werden" );
28858		}
28859
28860		const result = await response.json();
28861
28862		$cart.find(".meta-cart-inner").replaceWith( result.content );
28863		$cart.removeClass('progress');
28864
28865		return result;
28866
28867	} catch ( error ) {
28868		$cart.removeClass('progress');
28869		$cart.addClass('error');
28870		throw error;
28871	}
28872}
28873
28874</script>
28874
28875
28876
28877
28878
28879
28880
28881
28882	<div id="chat" data-lang="de" >
28883	
28884	<div class="chat-button">
28885		<div class="chat-icon">
28886			
28887			
28888
28889			
28890			
28891				<img src="https://storage.tramino.net/wurzelrudi/1546009/favicon-wurzelrudi.png" alt="Favicon-wurzelrudi"  title="Favicon-wurzelrudi"    loading="lazy"  />
28892			
28893		</div>
28894		
28895		<div class="chat-cta">Chat</div>
28896	</div>
28897	
28898	<div class="chat-popup">
28899		<div class="chat-close" aria-label="Chat schließen">&times;</div>
28900		<div class="chat-messages-outer">
28901			<div class="chat-messages">
28902			</div>
28903			
28904		</div>
28905		<div class="chat-input">
28906			<textarea aria-label="Eingabefeld Chat" placeholder="Stelle irgendeine Frage"></textarea>
28907			<div class="send_button" aria-label="Nachricht senden"><svg height="30" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><path d="m5 3a1 1 0 0 0 -1 1 1 1 0 0 0 .0371094.2675781 1 1 0 0 0 .0019531.0058594l.9609375 6.7265625-3 2 21 2-21 2 3 2-.9609375 6.728516a1 1 0 0 0 -.0390625.271484 1 1 0 0 0 1 1 1 1 0 0 0 .3867188-.080078l.0019531.001953.0429687-.021484.0214844-.009766a1 1 0 0 0 .0175781-.009766l21.9199219-10.958984.001953-.003906a1 1 0 0 0 .607422-.917969 1 1 0 0 0 -.609375-.919922 1 1 0 0 0 0-.001953h-.001953l-21.9101564-10.9550781a1 1 0 0 0 -.0898437-.0449219 1 1 0 0 0 -.3886719-.078125z"/></svg></div>
28908		</div>
28909	</div>
28910
28911</div>
28912
28913
28914<link rel="stylesheet" href="https://use.typekit.net/nuj1xhg.css">
28915
28916<style>
28917
28918	html {
28919		font-family: "acumin-pro", sans-serif !important;
28920		font-weight: 400;
28921		font-style: normal;
28922	}
28923
28924	html body .specialfont {
28925		font-size: 2.3em !important;
28926		font-family: "marvin", sans-serif !important;
28927		font-weight: 700;
28928		font-style: normal;
28929	}
28930
28931	html .T4120 .headline.specialfont {
28932		font-size: 5em !important;
28933		font-family: "marvin", sans-serif !important;
28934		font-weight: 400;
28935		font-style: normal;
28936	}
28937	
28938	
28939	@media (max-width: 768px) {
28940	
28941		html body .specialfont {
28942			font-size: 1.5em !important;
28943		}
28944	
28945		html .T4120 .headline.specialfont {
28946			font-size: 3em !important;
28947		}
28948	}
28949	
28950</style><div class="TraminoConsent overlay" data-page="151651" data-checksum="9789a1193c164c21b4b0dadc12b07d5a_v1" data-domain="wurzelrudi.de">
28951
28952
28953	
28954	<div class="background"></div>
28955	
28956	<div class="inner">
28957		<form action="#" class="">
28958
28959			<div class="screen first show">
28960				<div class="top">
28961					<div class="headline specialfont">Wir verwenden Cookies und andere Technologien.</div>
28962					<div class="info">
28963						Wir und unsere Partner verwenden Cookies und vergleichbare Technologien, um unsere Webseite optimal zu gestalten und fortlaufend zu verbessern. Dabei können personenbezogene Daten wie Browserinformationen erfasst und analysiert werden. Durch Klicken auf &#8222;Alle akzeptieren&#8220; stimmen Sie der Verwendung zu. Durch Klicken auf &#8222;Einstellungen&#8220; können Sie eine individuelle Auswahl treffen und erteilte Einwilligungen für die Zukunft widerrufen. Weitere Informationen erhalten Sie in unserer Datenschutzerklärung.
28964					</div>
28965				</div>
28966				<div class="bottom">
28967					<button type="submit" name="action" class="bgcolor" value="acceptConsentAll">Alle akzeptieren</button>
28968					<button type="submit" name="action" class="bgcolor" value="acceptConsent">Nur notwendige akzeptieren</button>
28969				</div>
28970				<div class="foot">
28971
28972					<span class="settings">Einstellungen</span>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="/datenschutz/">Datenschutzerklärung</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="/impressum/">Impressum</a>
28973					
28974				</div>
28975			</div>
28976			<div class="screen settings ">
28977				
28978				<span class="back"><i class="icon-arrow-left"></i>zurück</span>
28979				
28980				
28981					<div class="headline specialfont fontsize_large">Cookie- und Datenschutzeinstellungen</div>
28982				
28983				<div class="checkboxen">
28984					<div class="item">
28985						<label class="container">
28986							<span>Notwendig</span>
28987							<input type="checkbox" name="consent" value="essenziell" checked disabled>
28988							<span class="checkmark"></span>
28989						</label>
28990						<div class="info">
28991							Cookies die für den Betrieb der Webseite unbedingt notwendig sind. <a href="#" class="more color">weitere Details</a>
28992						</div>
28993						<div class="moreinfos">
28994							
28995							
28996							<div class="item">
28997
28998		
28999		<div class="head">Google Analytics</div>
29000		
29001
29002		<div class="table">
29003			
29004			<div class="row">
29005				<b>Verwendungszweck:</b> Cookies von Google für die Generierung statischer Daten zur Analyse des Website-Verhaltens. Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutz
29005niveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.<br/><br />
29006		<b>Anbieter:</b> Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland<br /><br />
29007		<b>Verwendete Technologien:</b> Cookies.<br/><br />
29008		<b>verwendete Cookies:</b>, <em>gat</em><strong>, <em>gid, _ga, _gat</em></strong>, _gid<br /><br />
29009		<b>verwendete Cookies:</b><br />
29010		<ul class="cookies">
29011			<li><b>_ga</b>: Speicherung der Sitzung eines Nutzers.</li>
29012			<li><b>_gid</b>: Speicherung der Sitzung eines Nutzers innerhalb eines Tages.</li>
29013			<li><b>_gat</b>: Speicherung der Performance-Daten der Sitzung eines Nutzers.</li>
29014		</ul>
29015		<b>Speicherdauer:</b> Die Cookies werden bis zu 730 Tage gespeichert.<br /><br />
29016		<b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br />
29017		<b>Datenschutzhinweise:</b> <a href="https://policies.google.com/privacy?fg=1" target="_blank" title="Externer Link auf policies.google.com/privacy?fg=1, Sie verlassen diesen Internetauftritt" class="externlink"><span>https://policies.google.com/privacy?fg=1</span></a>
29018			</div>
29019			
29020			
29021		</div>
29022	</div>
29023	
29024	
29025	
29026	<div class="item">
29027
29028		
29029		<div class="head">Website</div>
29030		
29031
29032		<div class="table">
29033			
29034			<div class="row">
29035				<b>Verwendungszweck:</b> Unbedingt erforderliche Cookies gewährleisten Funktionen, ohne die Sie unsere Webseite nicht wie vorgesehen nutzen können.<br/><br />
29036	<b>Anbieter:</b> Diese Cookies werden von Wurzelrudi auf Basis des eingestezten Redaktionssystems Tramino angeboten.<br/><br />
29037	<b>verwendete Cookies:</b><br />
29038	<ul class="cookies">
29039		<li><b>TraminoCartSession</b>:Speicherung des Warenkorbs und der Gefällt-mir Angaben auf dieser Website.</li>
29040		<li><b>TraminoSession</b>: Speicherung der Sitzung eines Besuchers.</li>
29041		<li><b>Consent</b>: Speicherung Ihrer Entscheidung hinsichtlich der Verwendung der Cookies.</li>
29042	</ul>
29043	<b>Speicherdauer:</b> Die Cookies werden bis zu 1 Jahr gespeichert.<br/><br />
29044	<b>Rechtsgrundlage:</b> Berechtigtes Interesse (kein Opt-Out möglich) (DSGVO 6.1.f)<br/>
29045			</div>
29046			
29047			
29048		</div>
29049	</div>
29050						</div>
29051					</div>
29052					
29053					
29054					
29055
29056					
29057					
29058
29059					
29060
29061					
29062					
29063
29064
29065
29066					
29067					<div class="item">
29068						<label class="container">
29069							<span>Marketing/Statistik</span>
29070							<input type="checkbox" name="consent" value="marketing">
29071							<span class="checkmark"></span>
29072						</label>
29073						<div class="info">
29074							Cookies die wir benötigen um den Aufenthalt auf unserer Seite noch besser zugestalten. <a href="#" class="more color">weitere Details</a>
29075						</div>
29076						<div class="moreinfos">
29077							<div class="item">
29078
29079		
29080		<div class="head">Externer Videodienst YouTube</div>
29081		
29082
29083		<div class="table">
29084			
29085			<div class="row">
29086				<b>Verwendungszweck:</b> Cookies die benötigt werden um YouTube Videos auf der Webseite zu integrieren und vom Benutzer abgespielt werden können. Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.<br /><br />
29087		<b>Anbieter:</b> Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland<br /><br />
29088		<b>verwendete Cookies:</b><br />
29089		<ul class="cookies">
29090			<li><b>VISITOR_INFO1_LIVE</b>: Speicherung der Performance-Parameter eines Nutzers.</li>
29091			<li><b>YSC</b>: Speicherung der Sitzung eines Nutzers für die Videointeraktion.</li>
29092			<li><b>PREF</b>: Speicherung der Nutzereinstellungen.</li>
29093			<li><b>IDE</b>: Speicherung für Werbung und Messung von Anzeigen.</li>
29094			<li><b>CONSENT</b>: Speicherung der Cookie-Einwilligung.</li>
29095		</ul>
29096		<b>Speicherdauer:</b> Die Cookies werden bis zu 179 Tage gespeichert.<br /><br />
29097		<b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br />
29098		<b>Datenschutzerklärung:</b> <a href="https://policies.google.com/privacy?hl=de&amp;gl=de" target="_blank" title="Externer Link auf policies.google.com/privacy?hl=de&amp;gl=de, Sie verlassen diesen Internetauftritt" class="externlink"><span>https://policies.google.com/privacy?hl=de&amp;gl=de</span></a>
29099			</div>
29100			
29101			
29102		</div>
29103	</div>
29104	
29105	
29106	
29107	<div class="item">
29108
29109		
29110		<div class="head">Externer Videodienst Vimeo</div>
29111		
29112
29113		<div class="table">
29114			
29115			<div class="row">
29116				<b>Verwendungszweck:</b> Cookies die benötigt werden um Vimeo Videos auf der Webseite zu integrieren und vom Benutzer abgespielt werden können. Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutz
29116niveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.<br /><br />
29117		<b>Anbieter:</b> Vimeo.com, Inc., 330 West 34th Street, 5th Floor, New York 10001, USA<br /><br />
29118		<b>verwendete Cookies:</b><br />
29119		<ul class="cookies">
29120			<li><b>vuid</b>: Speicherung der Sitzung eines Nutzers.</li>
29121			<li><b>player</b>: Speicherung der Nutzereinstellungen am Player.</li>
29122			<li><b>_abexps</b>: Speicherung von Informatioenbei A/B-Tests zur Optimierung des Players.</li>
29123			<li><b>continous_play_v3</b>: Speicherung von Player-Einstellungen.</li>
29124		</ul>
29125		<b>Speicherdauer:</b> Die Cookies werden bis zu 1 Jahr gespeichert.<br /><br />
29126		<b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br />
29127		<b>Datenschutzerklärung:</b> <a href="https://vimeo.com/privacy" target="_blank" title="Externer Link auf vimeo.com/privacy, Sie verlassen diesen Internetauftritt" class="externlink"><span>https://vimeo.com/privacy</span></a>
29128			</div>
29129			
29130			
29131		</div>
29132	</div>
29133						</div>
29134					</div>
29135				</div>
29136				
29137				<div class="bottom">
29138					<button type="submit" name="action" class="bgcolor" value="acceptConsentAll">Alle akzeptieren</button>
29139					<button type="submit" name="action" class="bgcolor" value="acceptConsent">Einstellungen speichern</button>
29140				</div>
29141				<div class="foot">
29142					<a href="/datenschutz/">Datenschutzerklärung</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="/impressum/">Impressum</a>
29143				</div>
29144			</div>
29145		</form>
29146	</div>
29147</div>
29148
29149
29150
29151
29152
29153
29154
29155
29156
29157<style>
29158.disable-scroll { overflow: hidden !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed !important; left: 0; right: 0; }
29159
29160
29161.TraminoConsent {
29162	font-size: 14px;
29163}
29164
29165.TraminoConsent.overlay { display: none; }
29166
29167.TraminoConsent.show {
29168	display: flex;
29169	justify-content: center;
29170	align-items: center;
29171	opacity: 1;
29172    z-index: 1000;
29173}
29174
29175.TraminoConsent.hide { display: none; !important; }
29176
29177.TraminoConsent.overlay .background {
29178	position: fixed;
29179	top: 0;
29180	left: 0;
29181	right: 0;
29182	bottom: 0;
29183	z-index: 10002;
29184	background-color: rgba(0,0,0,0.3);
29185	
29186}
29187
29188.TraminoConsent.overlay .inner {
29189	width: auto;
29190	max-height: 90%;
29191	overflow-y: scroll;
29192	position: fixed;
29193	bottom: 2em;
29194	left: 1em;
29195	right: 1em;
29196
29197	z-index: 10003;
29198	background-color: #FFF;
29199	padding: 1.2em 1em;
29200	box-shadow: 0 0 10px rgba(0,0,0,.4);
29201	border-radius: 5px;
29202}
29203
29204.Mandant_800 .TraminoConsent.overlay .inner { z-index: 10000003; }
29205.Mandant_800 .TraminoConsent.overlay .background { z-index: 10000002; }
29206
29207
29208.TraminoConsent.include .inner { width: 100%; }
29209
29210.TraminoConsent .screen { display: none; }
29211.TraminoConsent .screen.show { display: block; }
29212
29213/* Einstellung wenn auf der Seite die Einstellungen geöffnet werden */
29214.TraminoConsent.settingonly .back { display: none; }
29215.TraminoConsent.settingonly .inner .bottom button { background-color: #257832; color: #FFF !important; }
29216.TraminoConsent.settingonly .inner .bottom button:hover { background-color: #35a847; }
29217.TraminoConsent.settingonly .inner .bottom button[value=acceptConsentAll] { display: none; }
29218
29219.TraminoConsent .headline { font-size: 1.65em; color: #333 !important; margin-bottom: 0.3em; }
29220
29221.TraminoConsent .info { color: #333 !important; line-height: 1.4; }
29222body .TraminoConsent .info * { color: #333; }
29223body .TraminoConsent .info a { color: #333 !important; }
29224
29225.TraminoConsent .inner .checkboxen .item {
29226	margin: 20px 0 20px 0;
29227}
29228
29229.TraminoConsent .inner .checkboxen .moreinfos {
29230	margin: 10px 0;
29231	display: none;
29232}
29233.TraminoConsent .inner .checkboxen .moreinfos.show {
29234	display: block;
29235}
29236
29237.TraminoConsent .inner .checkboxen .moreinfos .head { font-size: 1.3em; margin-bottom: 5px; }
29238
29239.TraminoConsent .inner .checkboxen .moreinfos .table { width: 100%; }
29240.TraminoConsent .inner .checkboxen .moreinfos .table .row p { margin: 0 0 1em 0; }
29241
29242.TraminoConsent .table  { color: #333; line-height: 1.4; }
29243.TraminoConsent .table  a { color: #333; }
29244
29245.TraminoConsent .row ul.cookies { margin: 0; padding:10px 0; font-size: 0.85em; }
29246.TraminoConsent .row ul.cookies li { margin: 0 0 2px; list-style: none; background:#fff; color:#333;padding:5px 10px; }
29247
29248
29249/* Buttons */
29250
29251.TraminoConsent .inner .bottom {
29252	margin: 1.5em 0 0 0;
29253	display: flex;
29254	justify-content: flex-end;
29255	flex-direction: column;
29256}
29257
29258.TraminoConsent .inner .bottom button {
29259	display: flex;
29260	align-items: center;
29261	justify-content: center;
29262	border-width: 0;
29263	font-size: 1em;
29264	width: 100%;
29265	padding: 1rem 0;
29266	border-radius: 3px;
29267	margin-bottom: 10px;
29268	cursor: pointer;
29269	order: 2;
29270}
29271
29272.TraminoConsent .inner .bottom button i {
29273	font-size: 1.5em;
29274	margin-right: 10px;
29275}
29276
29277.TraminoConsent .inner .bottom button:last-child { margin-bottom: 0; }
29278
29279/* Hover Buttons */
29280.TraminoConsent .inner .bottom button:hover { 
29281		filter: brightness(1.4);
29282}
29283
29284
29285
29286.TraminoConsent .inner .foot {  margin-top: 1em; padding-top: 0.6em; border-top: 1px solid #DDD; text-align: right; font-size: 0.85em; cursor: pointer; }
29287.TraminoConsent .inner .foot a, .TraminoConsent .inner .foot span { color: #000; text-decoration: none; }
29288.TraminoConsent .inner .foot a:hover, .TraminoConsent .inner .foot span:hover { text-decoration: underline; }
29289
29290.TraminoConsent .inner .foot .debug {
29291	font-size: 1.1rem;
29292	color: #333;
29293	margin-top: 0.2rem;
29294}
29295
29296/* Checkbox */
29297.container {
29298  display: block;
29299  position: relative;
29300  padding-left: 35px;
29301  margin-bottom: 12px;
29302  cursor: pointer;
29303  font-size: 22px;
29304  -webkit-user-select: none;
29305  -moz-user-select: none;
29306  -ms-user-select: none;
29307  user-select: none;
29308}
29309
29310.container span { color: #333 !important; }
29311
29312/* Hide the browser's default checkbox */
29313.container input {
29314  position: absolute;
29315  opacity: 0;
29316  cursor: pointer;
29317  height: 0;
29318  width: 0;
29319}
29320
29321/* Create a custom checkbox */
29322.TraminoConsent .checkmark {
29323  position: absolute;
29324  top: 0;
29325  left: 0;
29326  height: 25px;
29327  width: 25px;
29328  background-color: #FFF;
29329  border: 2px solid  #b52121;
29330  border-radius: 2px
29331}
29332
29333/* On mouse-over, add a grey background color */
29334.TraminoConsent .container:hover input ~ .checkmark {
29335  background-color: #fff;
29336  border-color: #257832;
29337}
29338
29339/* When the checkbox is checked, add a blue background */
29340.TraminoConsent .container input:checked ~ .checkmark {
29341  background-color: #257832;
29342  border-color: #257832;
29343}
29344
29345
29346.TraminoConsent .container input:disabled ~ .checkmark {
29347  background-color: #ddd;
29348  border-color: #ddd;
29349}
29350
29351/* Create the checkmark/indicator (hidden when not checked) */
29352.TraminoConsent .checkmark:after {
29353  content: "";
29354  position: absolute;
29355  display: none;
29356}
29357
29358/* Show the checkmark when checked */
29359.TraminoConsent .container input:checked ~ .checkmark:after {
29360  display: block;
29361}
29362
29363/* Style the checkmark/indicator */
29364.TraminoConsent .container .checkmark:after {
29365  left: 8px;
29366  top: 4px;
29367  width: 4px;
29368  height: 8px;
29369  border: solid white;
29370  border-width: 0 3px 3px 0;
29371  -webkit-transform: rotate(45deg);
29372  -ms-transform: rotate(45deg);
29373  transform: rotate(45deg);
29374} 
29375
29376@media (min-width: 567px) {
29377	.TraminoConsent { font-size: 16px; }
29378	.TraminoConsent.overlay .inner {
29379		width: 80%;
29380		max-width: none;
29381		top: 50%;
29382		bottom: auto;
29383		left: 50%;
29384		right: auto;
29385		transform: translate(-50%, -50%);
29386		padding: 1.2em 1.5em;
29387	}
29388	.TraminoConsent .headline { font-size: 1.9em; margin-bottom: 0.5em; }
29389
29390	.TraminoConsent .inner .checkboxen > .item { margin-right: 0.8em; }
29391	.TraminoConsent .inner .checkboxen > .item:last-child { margin-right: 0; }
29392
29393	.TraminoConsent .inner .moreinfos .item {
29394		border-top: 2px solid #ddd;
29395		padding: 10px;
29396		background: #eee;
29397	}
29398	
29399	.TraminoConsent .inner .bottom {
29400		flex-direction: row;
29401	}
29402
29403	.TraminoConsent .inner .bottom button{ width: auto !important; margin-bottom: 0; padding-left: 3rem; padding-right: 3rem;}
29404	.TraminoConsent .inner .bottom button[value=acceptConsent] { order: 1;}
29405	.TraminoConsent .inner .bottom button[value=acceptConsentAll] { order: 2; margin-left: 0.8em;  }
29406}
29407
29408@media (min-width: 768px) {
29409
29410	.TraminoConsent.overlay .inner {
29411		width: 70%;
29412		padding: 1.2em 2em;
29413	}
29414
29415
29416
29417}
29418
29419@media (min-width: 1024px) {
29420	.TraminoConsent.overlay .inner {
29421		width: 60%;
29422		max-width: 800px;
29423	}
29424}
29425
29426@media (min-width: 1280px) {
29427
29428}
29429
29430
29431</style>
29432
29433<script>
29434"use strict";
29435	
29436
29437	var last_scroll_pos = null;
29438
29439	function inIframe () {
29440		try {
29441			return window.self !== window.top;
29442		} catch (e) {
29443			return true;
29444		}
29445	}
29446
29447	let sendConsent = false;
29448	let sendConsentLock = false;
29449	let stop_flag = false;
29450
29451
29452
29453	let consentHide = function( consent ) {
29454		consent.classList.remove(".show");
29455		consent.classList.add(".hide");
29456
29457	}
29458
29459	let consent = document.querySelector('.TraminoConsent');
29460	let body = document.querySelector('body');
29461
29462
29463	if ( ! navigator.cookieEnabled ) {
29464		consentHide( consent );
29465		stop_flag = true; 
29466	}
29467
29468	// Hide Consent in iframe &amp; safari
29469	if ( inIframe() && navigator.userAgent.match("Safari") ) {
29470		consentHide( consent );
29471		stop_flag = true;
29472	}
29473
29474	// Hide Consent in iframe & App Webview
29475	if ( inIframe() && navigator.userAgent.match("iPhone") && navigator.userAgent.match("AppleWebKit") && navigator.userAgent.match("Mobile/") ) {
29476		consentHide( consent );
29477		stop_flag = true;
29478	}
29479
29480	// Hide Consent in Lighthousetest
29481	if ( navigator.userAgent.match("Chrome-Lighthouse") ) {
29482		consentHide( consent );
29483		stop_flag = true;
29484	}
29485
29486	// Hide Consent in Sitesucker
29487	if ( navigator.userAgent.match("SiteSucker") ) {
29488		consentHide( consent );
29489		stop_flag = true;
29490	}
29491
29492
29493	if ( consent.querySelector('.debug') !== null ) {
29494		consent.querySelector('.debug').innerHTML = navigator.userAgent;
29495
29496	}
29497
29498
29499	var cookies_temp = document.cookie.split(";")
29500	var cookies = {};
29501	for (var i = 0; i < cookies_temp.length; i++) {
29502		var temp = cookies_temp[i].split("=");
29503		if ( temp[0] !== undefined && temp[1] !== undefined ) 
29504		cookies[temp[0].trim()] = temp[1].trim();
29505
29506	}
29507
29508	
29509  function setGoogleConsent(consent) {
29510    const consentMode = {
29511      'functionality_storage': consent.necessary ? 'granted' : 'denied',
29512      'security_storage': consent.necessary ? 'granted' : 'denied',
29513      'ad_storage': consent.marketing ? 'granted' : 'denied',
29514      'ad_user_data': consent.marketing ? 'granted' : 'denied',
29515      'ad_personalization': consent.marketing ? 'granted' : 'denied',
29516      'analytics_storage': consent.analytics ? 'granted' : 'denied',
29517      'personalization_storage': consent.preferences ? 'granted' : 'denied',
29518    };
29519    gtag('consent', 'update', consentMode);  
29520    // localStorage.setItem('consentMode', JSON.stringify(consentMode));
29521  }
29522  
29523
29524
29525	let consentPing = function(s) {
29526
29527		var xhttp = new XMLHttpRequest();
29528		xhttp.onreadystatechange = function() {
29529			if (this.readyState == 4 && this.status == 200) {
29530				console.log("success: consent ping");
29531			} else if ( this.readyState == 4 && this.status == 500 ) {
29532				console.log("error: consent ping");
29533			}
29534		};
29535
29536		let url = "/api/consent/ping/";
29537		url += "?p=" + consent.dataset.page;
29538		url += "&s=" + s;
29539
29540		xhttp.open("GET", url, true);
29541		xhttp.send();
29542
29543	}
29544
29545	let sendPing = function() {
29546		if ( sendConsent === true ) {
29547			return;
29548		}
29549
29550		if ( sendConsentLock === true ) {
29551			return;
29552		}
29553
29554		sendConsentLock = true;
29555
29556
29557		consentPing("1");
29558
29559	}
29560
29561
29562
29563	var showConsentBanner = function() {
29564		last_scroll_pos = window.scrollY;
29565		body.classList.add('disable-scroll');
29566		consent.classList.add('show');
29567
29568		// Tracking Initalisieren
29569		addEventListener("mousemove", (event) => { sendPing() });
29570		addEventListener("touchstart", (event) => { sendPing() });
29571
29572	}
29573
29574	var closeConsentBanner = function() {
29575		
29576		body.classList.remove('disable-scroll');
29577		consent.classList.remove('show');
29578
29579		if ( last_scroll_pos !== null ) {
29580			
29581			window.scroll({
29582				top: last_scroll_pos,
29583				left: 0,
29584				behavior: 'smooth'
29585			});
29586
29587			last_scroll_pos = null;
29588			
29589		}
29590
29591	}
29592
29593	var checkCheckbox = function() {
29594
29595		if ( document.cookie.match("Consent="+ consent.dataset.checksum)  ) {
29596			consent.querySelector('.checkboxen input[value=marketing]').checked = true;
29597		}
29598
29599	}
29600
29601	// window.tcookies = cookies;
29602
29603	//  Consent banner anzeigen
29604	if ( consent.classList.contains('overlay') ) {
29605
29606		var needaction = true;
29607		
29608		if ( cookies.Consent == 0 ) {
29609			needaction = false;
29610		}
29611
29612		if ( cookies.Consent == consent.dataset.checksum && consent.dataset.checksum !== undefined ) {
29613			needaction = false;
29614		}
29615
29616		if ( cookies.Consent != undefined && cookies.Consent != 0 && cookies.Consent == consent.dataset.checksum  ) {
29617			needaction = false;
29618		}
29619
29620
29621		if ( needaction && stop_flag === false ) {
29622			
29623			window.addEventListener("load", function(){
29624				setTimeout(showConsentBanner,750);
29625			});
29626		}
29627
29628	}
29629
29630	if ( consent.classList.contains('include') ) {
29631		checkCheckbox();
29632	}
29633
29634	var showScreen = function(type) {
29635		
29636		if ( type === undefined )
29637			return;
29638
29639		let allScreens = consent.querySelectorAll('.screen');
29640		for (var i = 0; i < allScreens.length; i++) {
29641			allScreens[i].classList.remove('show');
29642		}
29643		
29644		consent.querySelector('.screen.' + type).classList.add('show');
29645
29646	}
29647
29648
29649	consent.querySelector('.screen.first .settings').addEventListener('click', function(event) {
29650		event.preventDefault();
29651		showScreen("settings");
29652	});
29653
29654	if ( consent.querySelector('.screen.settings .back') != null ){
29655		consent.querySelector('.screen.settings .back').addEventListener('click',function(event) {
29656			event.preventDefault();
29657			showScreen("first");
29658		});
29659	}
29660
29661	let allmorebuttons = consent.querySelectorAll('.screen.settings .more');
29662	for (var i = 0; i < allmorebuttons.length; i++) {
29663		
29664		allmorebuttons[i].addEventListener('click', function(event) {
29665			event.preventDefault();
29666			let item = this.closest('.item');
29667			item.querySelector('.moreinfos').classList.toggle('show');
29668		});
29669
29670	}
29671
29672
29673
29674	let allSetting1Buttons = document.querySelectorAll('[data-openConsentSetttings="1"]');
29675	for (var i = 0; i < allSetting1Buttons.length; i++) {
29676		allSetting1Buttons[i].addEventListener('click', function(event) {
29677			event.preventDefault();
29678
29679			showConsentBanner();
29680
29681		});
29682	}
29683	let allSetting2Buttons = document.querySelectorAll('[data-openConsentSetttings="2"]');
29684	for (var i = 0; i < allSetting2Buttons.length; i++) {
29685		allSetting2Buttons[i].addEventListener('click', function(event) {
29686			event.preventDefault();
29687
29688			showConsentBanner();
29689
29690			showScreen("settings");
29691			checkCheckbox();
29692			consent.classList.add('settingonly');
29693		
29694		});
29695	}
29696
29697	let allacceptButtons = consent.querySelectorAll('button[value="acceptConsent"]');
29698	for (var i = 0; i < allacceptButtons.length; i++) {
29699
29700		allacceptButtons[i].addEventListener('click', function(event) {
29701			event.preventDefault();
29702
29703			if ( consent.querySelector('.checkboxen input[value=marketing]').checked ) {
29704				
29705				consentPing("3");
29706				window.dataLayer = window.dataLayer || []
29707				
29708				setGoogleConsent({
29709					necessary: true,
29710					analytics: true,
29711					preferences: true,
29712					marketing: true
29713				});
29714				
29715				dataLayer.push({
29716					'event': 'TraminoConsentUpdate',
29717					'value': '3'
29718				});
29719				window.releaseConsentBuffer();
29720				window.releaseInlineBlocks();
29721				localStorage.setItem("consentPermission","true");
29722				window.setConsentCookie( consent.dataset.checksum )
29723			} else {
29724				consentPing("2");
29725				localStorage.setItem("consentPermission","false");
29726				
29727				setGoogleConsent({
29728					necessary: false,
29729					analytics: false,
29730					preferences: false,
29731					marketing: false
29732				});
29733				
29734				window.setConsentCookie( 0 )		
29735			}
29736
29737			closeConsentBanner();
29738
29739			console.log("TraminoConsent",localStorage.getItem("consentPermission"));
29740			
29741		});
29742	}
29743
29744	let allacceptAllButtons = consent.querySelectorAll('button[value="acceptConsentAll"]');
29745	for (var i = 0; i < allacceptAllButtons.length; i++) {
29746		allacceptAllButtons[i].addEventListener('click', function(event) {
29747			event.preventDefault();
29748
29749			consentPing("3");
29750			
29751			setGoogleConsent({
29752				necessary: true,
29753				analytics: true,
29754				preferences: true,
29755				marketing: true
29756			});
29757			
29758			
29759			window.dataLayer = window.dataLayer || []
29760			dataLayer.push({
29761				 'event': 'TraminoConsentUpdate',
29762				 'value': '3'
29763			});
29764			window.releaseConsentBuffer();
29765			window.releaseInlineBlocks();
29766
29767			localStorage.setItem("consentPermission","true");
29768			window.setConsentCookie( consent.dataset.checksum )
29769			closeConsentBanner();
29770			
29771		});
29772	}
29773
29774
29775
29776</script>
29776
29777
29778</div>
29779
29780
29781		
29781<script>if ( typeof window.checkReleaseConsent == "function" ) { window.checkReleaseConsent(); }</script>
29781
29782	
29783
29784<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"url":"https://www.wurzelrudi.de","@type":"WebSite","name":"Wurzelrudi","inLanguage":"de-DE","description":""},{"url":"https://www.wurzelrudi.de/planen/tickets/","@type":"WebPage","name":"Tickets online kaufen | Wurzelrudis Erlebniswelt Eibenstock","about":{"url":"https://www.wurzelrudi.de","@type":"Organization","name":"Wurzelrudi"},"description":"Tickets f\u00fcr Wurzelrudis Erlebniswelt und SkiArena Eibenstock online buchen: Sommer- und Wintertickets, Wurzeltaler, Pakete und Gutscheine."},{"mainEntity":[{"@type":"Question","name":"Ab wie vielen Personen gelten Gruppenpreise?","acceptedAnswer":{"@type":"Answer","text":""}},{"@type":"Question","name":"F\u00fcr was sind Wurzeltaler g\u00fcltig?","acceptedAnswer":{"@type":"Answer","text":"Du magst es flexibel und willst sparen? Dann buche Wurzeltaler. Diese W\u00e4hrung gilt an allen unseren Attraktionen. Auf eine Guthabenkarte wird dein Wunschbetrag aufgebucht. Vor Ort an den Drehkreuzen wird jeweils die n\u00f6tige Anzahl an Wurzeltalern abgebucht, bis die Karte schlie\u00dflich leer ist.\r\nBleiben am Ende weniger als 5 Taler \u00fcbrig, erstatten wir diese. Das Guthaben ist 2 Jahre g\u00fcltig. Wurzeltaler gibt es f\u00fcr Kinder und Erwachsene immer auf getrennten Karten. Denn die Taler f\u00fcr Kinder sind g\u00fcnstiger. \r\nBezahlen kannst du mit Wurzeltalern nur unsere Attraktionen wie Rodelbahn, Sessellift, Seedorf & Co. \r\nEssen und Trinken sind in Euro zu bezahlen."}},{"name":"Gibt es Alters- oder Gr\u00f6\u00dfenbeschr\u00e4nkungen?","@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Bobbahn: ab 3 Jahren mit einem mindestens 12 Jahre alten Mitfahrer und allein ab 8 Jahren\r\nFreche Flitzer allein: ab 10 Jahren & mind. 1,40 m K\u00f6rpergr\u00f6\u00dfe\r\nSesselbahn allein: ab 125 cm"}},{"acceptedAnswer":{"@type":"Answer","text":"Mehr Wurzelrudi gibt es auch zum Verschenken: Unsere Gutscheine k\u00f6nnen bequem online gebucht werden und sind auch an der Tageskasse erh\u00e4ltlich. Ob f\u00fcr Skischule, Sommer-Erlebnistag oder Skipass \u2013 einl\u00f6sen k\u00f6nnen die Beschenkten das Guthaben f\u00fcr alles und zu jeder Jahreszeit. G\u00fcltig sind die Gutscheine drei Jahre."},"@type":"Question","name":"Gibt es bei Wurzelrudi auch Gutscheine?"},{"@type":"Question","name":"Kann ich direkt Wurzeltaler verschenken?","acceptedA
29784nswer":{"text":"Du kaufst immer einen Wertgutschein und der wird vor Ort in Wurzeltaler getauscht\r\nSo bleibt alles flexibel \u2013 f\u00fcr jede Familie, jedes Alter und jede Laune.","@type":"Answer"}},{"acceptedAnswer":{"text":"Per QR-Code direkt nach der Ankunft ins Vergn\u00fcgen starten: In unserem Onlineshop kannst du deine Tickets schon von zuhause aus buchen und vor Ort dann direkt an die Attraktionen durchmarschieren. Das gilt sowohl im Sommer als auch im Winter. Unsere Skip\u00e4sse \u2013 der Pfand betr\u00e4gt 2 Euro \u2013 k\u00f6nnen je nach Bedarf die ganze Saison lang neu aufgeladen werden.\r\nHinweis: Gib bei der Auswahl im Onlineshop das gew\u00fcnschte Start- beziehungsweise Nutzungsdatum korrekt ein. Bei Nachfragen hilft unser Personal vor Ort gern weiter.","@type":"Answer"},"@type":"Question","name":"Kann ich meine Karten online buchen?"},{"acceptedAnswer":{"@type":"Answer","text":"Auch Rodelfans schieben in der Skiarena Eibenstock keine Langeweile. Gen\u00fcgend Schneedecke vorausgesetzt, steht auch ihnen das Kinderland mit Zauberteppich am Fu\u00dfe des Haupthangs zur Verf\u00fcgung. So kommt bergan keiner aus der Puste. Tickets f\u00fcr die Nutzung des Zauberteppichs gibt es an der Liftkasse.\r\nKeinen eigenen Schlitten dabei? Zipfelbobs und Schlitten k\u00f6nnen direkt vor Ort ausgeliehen werden."},"name":"Kann ich mit meinem Schlitten in der Skiarena rodeln?","@type":"Question"},{"acceptedAnswer":{"text":"Nach erfolgreicher Buchung bekommst du dein Online-Ticket als PDF-Datei. Auf dem Ticket befindet sich ein QR-Code, mit dem du die Drehkreuze der gebuchten Erlebnisse direkt nutzen kannst.\r\n\r\nDu hast dabei zwei M\u00f6glichkeiten: Drucke das PDF zu Hause aus und halte den QR-Code am Drehkreuz vor den Scanner. Oder \u00f6ffne das Ticket einfach auf deinem Smartphone. Auch der QR-Code auf dem Handydisplay kann direkt am Drehkreuz gescannt werden.\r\n\r\nAchte bitte darauf, dass der QR-Code gut sichtbar ist und die Bildschirmhelligkeit ausreichend hoch eingestellt wurde. So geht es ohne Umweg direkt hinein ins Erlebnis.","@type":"Answer"},"@type":"Question","name":"Muss ich mein Online-Ticket ausdrucken? Kann in die PDF mit dem QR-Code gleich nutzen?"},{"acceptedAnswer":{"text":"","@type":"Answer"},"@type":"Question","name":"M\u00fcssen wir Eintritt zahlen?"},{"@type":"Question","name":"M\u00fcssen wir unser Familientreffen anmelden?","acceptedA
29784nswer":{"@type":"Answer","text":""}},{"acceptedAnswer":{"text":"Wir bieten drei Pakete an, die verschiedene Bed\u00fcrfnisse abdecken und im Vergleich zur Einzelbuchung eine Ersparnis enthalten.\r\nBasic deckt den Besuch im Tal mit Bobbahn, Irrgarten, Reifenrutsche und einer Verweildauer von etwa einer Stunde ab. Du kannst nat\u00fcrlich auch l\u00e4nger bleiben.\r\nMehr Zeit musst du f\u00fcr Basic+ einplanen. Denn hier ist auch die Fahrt mit dem Sessellift auf den Berg und die R\u00fcckfahrt mit den Frechen Flitzern drin.\r\nEinmal durch das gesamte Gel\u00e4nde f\u00fchrt dich schlie\u00dflich das Premium-Paket \u2013 den hier kommt auch noch der Eintritt ins Seedorf dazu.","@type":"Answer"},"@type":"Question","name":"Was ist der Vorteil von Paketen?"},{"name":"Was verschenke ich mit einem Gutschein bei Wurzelrudi genau?","@type":"Question","acceptedAnswer":{"text":"Der Beschenkte entscheidet sp\u00e4ter selbst, wof\u00fcr er ihn nutzt \u2013 ganz entspannt vor Ort. Er hat daf\u00fcr 3 Jahre Zeit.","@type":"Answer"}},{"name":"Welche Pakete gibt es bei Wurzelrudi?","@type":"Question","acceptedAnswer":{"text":"Wir bieten drei Pakete an, die verschiedene Bed\u00fcrfnisse abdecken und im Vergleich zur Einzelbuchung eine Ersparnis enthalten.\r\nBasic deckt den Besuch im Tal mit Bobbahn, Irrgarten, Reifenrutsche und einer Verweildauer von etwa einer Stunde ab. Du kannst nat\u00fcrlich auch l\u00e4nger bleiben.\r\nMehr Zeit musst du f\u00fcr Basic+ einplanen. Denn hier ist auch die Fahrt mit dem Sessellift auf den Berg und die R\u00fcckfahrt mit den Frechen Flitzern drin.\r\nEinmal durch das gesamte Gel\u00e4nde f\u00fchrt dich schlie\u00dflich das Premium-Paket \u2013 den hier kommt auch noch der Eintritt ins Seedorf dazu.\r\n\r\nPreisschritte:\r\nBasic \t11,50 Euro/9,50 Euro (Erwachsener/Kind)\r\nBasic+ \t21,00 Euro/17,50 Euro\r\nPremium\t27,00 Euro/22,50 Euro\r\n\r\nDu wei\u00dft genau, was du willst? Buche genau das!","@type":"Answer"}},{"acceptedAnswer":{"@type":"Answer","text":"Kinder zahlen bei Wurzelrudi generell weniger als Erwachsene. Das gilt f\u00fcr Einzelticket, Pakete und Wurzeltaler gleicherma\u00dfen. Personen mit Einschr\u00e4nkungen zahlen den vollen Preis, die notwendige Begleitperson erh\u00e4lt freien Zutritt."},"name":"Wer erh\u00e4lt Verg\u00fcnstigungen?","@type":"Question"},{"name":"Wie bekomme ich meinen Gutschein?","@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Wie du es lieber hast! Buche den Gutschein in beliebiger H\u00f6he einfach online auf unserer Website, drucke dein Wunschmotiv aus und hab damit auch kurzfristig das perfekte Geschenk in der Hand! Oder komm an unsere Kassen! Auch hier helfen wir gern weiter."}},{"@type":"Question","name":"Wie buche ich einen Ausflug mit meiner Gruppe?","acceptedA
29784nswer":{"text":"Schickt uns eure Anfrage per Mail an [email protected] oder nutzt unser Buchungsformular. Gebt einfach Termin, Uhrzeit und Gruppengr\u00f6\u00dfe an \u2013 wir k\u00fcmmern uns um den Rest.","@type":"Answer"}},{"@type":"Question","name":"Wie ist die Piste in der Skiarena beschaffen?","acceptedAnswer":{"text":"Die 650 Meter lange Abfahrt ist extrabreit und damit besonders familienfreundlich. In Wurzelrudis Schneepark, dem Skischulgel\u00e4nde, ist das Gef\u00e4lle flacher \u2013 perfekt zum \u00dcben und f\u00fcr Einsteiger. Jeden Tag wird die Schneedecke mit schwerem Ger\u00e4t frisch pr\u00e4pariert.","@type":"Answer"}},{"@type":"Question","name":"Wo bekomme ich Wurzeltaler?","acceptedAnswer":{"text":"Du magst es flexibel und willst sparen? Dann buche Wurzeltaler. Sie sind an der Bobbahnkasse und in der Talstation erh\u00e4ltlich. Auf dem Berg gibt es keine M\u00f6glichkeit der Nachbuchung.\r\nDiese W\u00e4hrung gilt an allen unseren Attraktionen. Auf eine Guthabenkarte wird dein Wunschbetrag aufgebucht. Vor Ort an den Drehkreuzen wird jeweils die n\u00f6tige Anzahl an Wurzeltalern abgebucht, bis die Karte schlie\u00dflich leer ist.\r\nBleiben am Ende weniger als 5 Taler \u00fcbrig, erstatten wir diese. Das Guthaben ist 2 Jahre g\u00fcltig. Wurzeltaler gibt es f\u00fcr Kinder und Erwachsene immer auf getrennten Karten. Denn die Taler f\u00fcr Kinder sind g\u00fcnstiger. \r\nBezahlen kannst du mit Wurzeltalern nur unsere Attraktionen wie Rodelbahn, Sessellift, Seedorf & Co. \r\nEssen und Trinken sind in Euro zu bezahlen.","@type":"Answer"}},{"acceptedAnswer":{"text":"Bitte beachten, dass das Pfand hier bar hinterlegt werden muss und auch zus\u00e4tzliche Tickets hier zwar erworben werden k\u00f6nnen, aber bar bezahlt werden m\u00fcssen.","@type":"Answer"},"name":"Wo kann man mit EC-Karte bzw. bargeldlos bezahlen?","@type":"Question"},{"acceptedAnswer":{"@type":"Answer","text":"Wurzeltaler haben im allgemeine in G\u00fcltigtkeit von 2 Jahren."},"name":"Wo und wie finde ich heraus, wieviele Wurzeltaler ich noch habe?","@type":"Question"}],"@type":"FAQPage"},{"email":"[email protected]","@type":"LocalBusiness","url":"https://www.wurzelrudi.de","sameAs":["https://www.facebook.com/Wurzelrudis.Erlebniswelt","https://x.com/Wurzelrudis","https://www.instagram.com/wurzelrudis_erlebniswelt/"],"name":"Wurzelrudi","telephone":"+49 37752 694 92","geo":{"latitude":50.490119934082,"longitude":12.5970544815063,"@type":"GeoCoordinates"},"address":{"addressLocality":"Eibenstock","addressCountry":"DE","streetAddress":"Bergstra\u00dfe 7","@type":"PostalAddress","postalCode":"08309"}},{"@type":"BreadcrumbList","itemListElement":[{"position":1,"@type":"ListItem","item":{"image":"https://storage.tramino.net/wurzelrudi/1545865/ausblick.jpg","name":"Wurzelrudis Erlebniswelt","@id":"https://www.wurzelrudi.de/"}},{"item":{"name":"Besuch planen","@id":"https://www.wurzelrudi.de/planen/"},"@type":"ListItem","position":2},{"position":3,"@type":"ListItem","item":{"image":"https://storage.tramino.net/wurzelrudi/1530151/1200.jpg","name":"Ticketshop","@id":"https://www.wurzelrudi.de/planen/tickets/"}}]}]}</script>
29784
29785</body>
29786</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.