PageSourceSearch

https://www.wiesengrund.com/blog/

html wiesengrund.com collected 2026-10-04 20:24:16 UTC 131,651 bytes, 4,347 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"  class=" c120831">
3<head>
4	<title>Der Wiesengrund-Blog</title>
5	
6	<meta name="description" content="Neuigkeiten aus und um das Hotel Wiesengrund in Bad Hindelang.">
7	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
8	<meta name="robots" content="index, follow">
9	<meta name="tramino-cache" content="04.10.2026 17:10:33">
10	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
11	<link rel="canonical" href="https://www.wiesengrund.com/blog/">
12	<link rel="icon" type="image/png" sizes="16x16" href="https://storage.tramino.net/hotel-wiesengrund/1345702/16.jpg?r=1">
13	<link rel="icon" type="image/png" sizes="32x32" href="https://storage.tramino.net/hotel-wiesengrund/1345702/32.jpg?r=1">
14	<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://storage.tramino.net/hotel-wiesengrund/1345702/180.jpg?r=1">
15	<link rel="manifest" href="/manifest.json">
16	<meta name="msapplication-TileColor" content="#ffffff">
17	<meta name="theme-color" content="#ffffff">
18
19	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2800_2256.css?r=47" type="text/css" media="all"  >
20	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/824_3.css?r=47" type="text/css" media="all"  >
21	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/3645_545.css?r=47" type="text/css" media="all"  >
22	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2674_191.css?r=47" type="text/css" media="all"  >
23	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2695_22.css?r=47" type="text/css" media="all"  >
24	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2838_61.css?r=47" type="text/css" media="all"  >
25	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/4014_30.css?r=47" type="text/css" media="all"  >
26	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/4113_45.css?r=47" type="text/css" media="all"  >
27	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2912_105.css?r=47" type="text/css" media="all"  >
28	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2902_191.css?r=47" type="text/css" media="all"  >
29	<link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2820_349.css?r=47" type="text/css" media="all"  >
30	<link rel="stylesheet" href="/tramino/css/form.css?r=47" type="text/css" media="all"  >
31
32		<!-- Init Consent -->
33		
33<script>
34		localStorage.setItem("consentPermission","false");
35		window.ConsentChecksum = "de0551e3406a874d63c516b3efd28ad3_v1";
36		window.consentCodeBuffer = window.consentCodeBuffer || [];
37
38		window.setConsentCookie = function( cvalue ) {
39			const d = new Date();
40			const cname = "Consent";
41			const exdays = 365;
42
43			d.setTime(d.getTime() + (exdays*24*60*60*1000));
44			let expires = "expires="+ d.toUTCString();
45			document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
46		}
47
48		window.getConsentCookie = function( ) {
49			let cname = "Consent";
50			let name = cname + "=";
51			let decodedCookie = decodeURIComponent(document.cookie);
52			let ca = decodedCookie.split(';');
53
54			for(let i = 0; i <ca.length; i++) {
55				let c = ca[i];
56				while (c.charAt(0) == ' ') {
57					c = c.substring(1);
58				}
59				if (c.indexOf(name) == 0) {
60					return c.substring(name.length, c.length);
61				}
62			}
63			return "";
64		}
65
66		window.deleteConsentCookie = function( ) {
67			let cname = "Consent";
68			document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
69		}
70
71		window.releaseConsentBuffer = function() {			
72
73			let buffer = window.consentCodeBuffer;
74			const tempContainer = document.createElement('div');
75
76			window.onerror = function (error, url, line, column, stack) {
77
78				let fetch_url = "/api/codes/error/?" + new URLSearchParams({
79					error_message: error,
80					error_url: url,
81				}).toString()
82
83				fetch(fetch_url).then(function(response) {
84				
85				}).catch(function(err) {
86
87				});
88	        };
89
90			for (var i = 0; i < buffer.length; i++) {
91				let code_element = buffer[i];
92
93				if ( code_element.released === true ) {
94					console.log("[releaseConsentBuffer] skip double execution");
95					continue;
96				}
97
98				if ( code_element.type == "javascript" ) {
99	
100					(function() {
101						code_element.callback.call();
102						//eval(code_element.callback);
103					})();
104
105				} else if ( code_element.type == "src" ) {
106					var s = document.createElement('script');
107					s.type = 'text/javascript';
108					s.async = true;
109					s.src = code_element.src;
110					document.body.appendChild(s);
111				}
112				else if ( typeof code_element.content == "string" ) {
113					
114					if ( code_element.content !== undefined  ) {
115						code_element.content = code_element.content.replace(/script_blocker/g, 'script');
116						tempContainer.innerHTML += code_element.content;
117					}
118					
119				}
120
121				code_element.released = true;
122			}
123
124			let code_items = tempContainer.children;	
125			
126
127			for (let child of Array.from(code_items) ) {
128			
129				let error;
130								
131				if ( child.tagName === 'SCRIPT' ) {
132					
133					const newScript = document.createElement('script');
134					if ( child.src ) {
135						// Externe Skripte
136						if (child.type) {
137							newScript.type = child.type; // Type übernehmen
138						}
139						newScript.async = true; // Standardmäßig async laden
140						newScript.src = child.src;
141					} else {
142						// Inline-Skripte
143						try {
144							newScript.textContent = child.textContent;
145						} catch ( err ) {
146		                	// console.log( "Code Error", err )
147		                }
148					}
149					document.body.appendChild(newScript);
150				} else {
151					document.body.appendChild(child);
152				}
153                
154
155               
156            
157			}
158
159			window.onerror = null;
160
161		}
162		window.runInlineScriptsConsent = function(container, html) {
163			const tpl = document.createElement('template');
164			tpl.innerHTML = html;
165
166			const scripts = tpl.content.querySelectorAll('script_blocker');
167
168			container.innerHTML = '';
169			container.appendChild(tpl.content);
170
171			scripts.forEach(oldScript => {
172				const s = document.createElement('script');
173
174				// Attribute kopieren (src, async, type, etc.)
175				for (const { name, value } of Array.from(oldScript.attributes)) {
176				s.setAttribute(name, value);
177				}
178
179				// Inline-Code kopieren
180				if (!oldScript.src) {
181				s.textContent = oldScript.textContent;
182				}
183
184				oldScript.replaceWith(s);
185			});
186		}
187		window.releaseInlineBlocks = function() {
188
189			if ( typeof window.runInlineScriptsConsent === "function" ) {
190				
191				const inlineblocks = document.querySelectorAll(".T330");
192
193				inlineblocks.forEach(block => {
194					const wrapper = block.querySelector(".placeholder");
195					if ( wrapper !== null ) {
196						if ( wrapper.dataset.script ) {
197							window.runInlineScriptsConsent(wrapper, wrapper.dataset.script);
198						}
199					}
200					
201				});
202
203
204			}
205
206		}
207		window.checkConsent = function() {
208
209			let consent_html = document.querySelector(".TraminoConsent");
210
211			if ( window.ConsentChecksum ) {
212				if ( window.getConsentCookie() == window.ConsentChecksum ) {
213						return true
214					}
215			}
216
217			if ( consent_html !== null ) {
218				if ( consent_html.dataset.checksum ) {
219					if ( window.getConsentCookie() == consent_html.dataset.checksum ) {
220						return true
221					}
222				}
223			}
224
225			return false;
226
227		}
228
229
230		window.checkReleaseConsent = function() {
231
232			if ( window.checkConsent() ) {
233				window.releaseConsentBuffer();
234				localStorage.setItem("consentPermission","true");
235				console.log("[checkReleaseConsent] granted - codes released");
236			} else {
237				localStorage.setItem("consentPermission","false");
238				console.log("[checkReleaseConsent] not granted");
239			}
240		
241		}
242
243		</script>
243
244		
245	
246	
246<script>var Tramino = {"page":120831,"destination":8579,"lang":"de","base":"","request_id":"86b16885569af8901de44d1cc1d96443","client":3295};</script>
246
247	
247<script>(function(){var q=[];window.TraminoReady=function(f){return f?q.push(f):q}})()</script>
247
248	
248<script  src="https://storage.tramino.net/static/root/js/jquery.min.js?r=47"  ></script>
248
249	
249<script  src="https://storage.tramino.net/static/root/js/jquery-ui.min.js?r=47"  ></script>
249
250	
250<script  src="/tramino/js/imagescroll.js?r=47"  ></script>
250
251	
251<script  src="https://storage.tramino.net/static/collectible-prod/collectible.min.js?r=47"  ></script>
251
252	
252<script  src="https://tramino.s3.amazonaws.com/tramino/js/fancybox2/jquery.fancybox.pack.js?test&r=47"  ></script>
252
253	
253<script  src="https://storage.tramino.net/static/reserva-prod/reserva.min.js?build=&r=47"  ></script>
253
254
255	
255<script src="/tramino/js/require.min.js" data-main="/tramino/js/requirejs-main.js" async defer></script>
vendor: 1 bytes, line 255
255
256<script>
257	window.loadJS = function(u, cb) {
258        window._loadedScripts = window._loadedScripts || new Set();
259
260        if (window._loadedScripts.has(u)) {
261            if (typeof cb === "function") {
262                cb();
263            }
264            return;
265        }
266
267        var r = document.getElementsByTagName("script")[0],
268            s = document.createElement("script");
269        s.src = u;
270
271        // Callback erst ausführen, wenn das Script geladen wurde
272        s.onload = function() {
273            console.log("loadJS - script loaded");
274            window._loadedScripts.add(u);
275            if (typeof cb === "function") {
276                cb();
277            }
278        };
279
280        // Optional: Fehlerbehandlung
281        s.onerror = function() {
282            console.error("Fehler beim Laden des Skripts: " + u);
283        };
284
285        r.parentNode.insertBefore(s, r);
286    };
287	
288	window.loadCSS = function(u) {
289	    window._loadedCSS = window._loadedCSS || new Set();
290
291	    if (window._loadedCSS.has(u)) {
292	        return;
293	    }
294
295	    var r = document.getElementsByTagName("link")[0],
296	        l = document.createElement("link");
297	    l.href = u;
298	    l.rel = "stylesheet";
299	    l.type = "text/css";
300	    l.media = "all";
301
302	    r.parentNode.insertBefore(l, r);
303	    window._loadedCSS.add(u);
304	}
305</script>
305
306
307<style type="text/css">
308/* TraminiWarenkorb */
309#header-cart {
310	position: absolute;
311	right: 0px;
312	top: 22px;
313}
314
315#cart-sum {
316	color: #000;
317	/*font-size: 19px;*/
318	line-height: 23px;
319	/*line-height: 28px;*/
320	
321	/*padding-left: 40px;*/
322
323	height: 28px;
324	cursor: pointer;
325	background-size: 17px auto;
326	background-position: top 2px left 0;
327	padding-left: 25px;
328}
329
330.free_link #cart-sum { padding-left: 10px; }
331
332#cart-sum i { margin: 0 5px 0 0; font-size: 21px; }
333
334#cart-sum .counter { 
335	display: block;
336	position: absolute;
337	top: 15px;
338	right: 2px;
339	background-color: #fff;
340	color: #000;
341	font-size: 10px;
342	font-weight: bold;
343	padding: 1px 4px;
344	border-radius: 3px;
345	line-height: 1;
346}
347
348#cart-text {
349	color: #000;
350	display: none;
351}
352
353#cart-content {
354	box-sizing: content-box;
355	z-index: 10000;
356	position: absolute;
357	top: 55px;
358	right: 0px;
359	width: 450px;
360	background-color: #FFFFFF;
361	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
362	-webkit-transition: max-height,padding 250ms;
363	-moz-transition: max-height,padding 250ms;
364	transition: max-height,padding 250ms;
365	max-height: 0;
366	overflow:hidden;
367}
368
369#cart-content.open { 
370	max-height: 500px;
371	padding: 20px; 
372	-webkit-transition: max-height,padding 500ms;
373	-moz-transition: max-height,padding 500ms;
374	transition: max-height,padding 500ms;
375}
376
377#cart-content .close {
378	position: absolute;
379	top: 10px;
380	right: 10px;
381	cursor: pointer;
382	font-size: 22px;
383	line-height: 22px;
384	background-color: #000; 
385	color: #fff;
386	text-align: center;
387	-webkit-border-radius: 50%;
388	-moz-border-radius: 50%;
389	border-radius: 50%;
390	width: 22px;
391	height: 22px;
392}
393
394#cart-button-next { float: right; }
395
396.cart-list {
397	overflow-y: scroll;
398	width: 450px;
399	max-height: 400px;
400	overflow-x: hidden;
401	margin-bottom: 1em;
402}
403.cart-list .notification {
404	padding: 20px 30px;
405	text-align: center;
406	border: 1px dashed rgba(0,0,0,0.1);
407	font-size: 28px;
408	line-height: 1.2;
409	font-style: italic;
410	color: #888;
411	margin: 0 0 20px 0;
412}
413
414.cart-items h3 { display: none; }
415.cart-item { position: relative; overflow: hidden;	margin: 0px 0px 10px 0px;	padding: 10px 0px 0px 0px;	border-top: 1px solid rgba(0,0,0,0.1); }
416.cart-item .image { float: left; width: 20%; height: 60px; }
417.cart-item .image img { width: 100%; height: auto; }
418.cart-item .info { float: left; width: 50%; padding-left: 15px; font-size: 13px; font-size: 15px; }
419.cart-item .info h5 { color: #666666; font-size: 12px; font-weight: normal; margin: 0px 0px 2px 0px; }
420.cart-item .info h4 { color: #000; font-size: 16px; font-weight: normal; margin: 2px 0px 1px 0px; }
421.cart-item .info .details { color: #666666; font-size: 12px; line-height: 1.1;  }
422.cart-item .info .period { color: #666666; font-size: 12px; line-height: 1.1;  }
423.cart-item .info .facts { color: #666666; font-size: 12px; line-height: 1.1;  }
424.cart-item .info .inkl { color: #666666; font-size: 12px; line-height: 1.1; }
425.cart-item .info .expires { color: #262; }
426.cart-item .info .expires.expired { color: #966; }
427
428.cart-item .price { float: left; width: 30%; font-size: 12px; line-height: 1.2; color: #666666; text-align: right; }
429.cart-item .price .amount {
430	font-size: 20px;
431	line-height: 1.2;
432	font-weight: bold;
433	color: #BD2631;
434}
435
436
437.cart-item .items-remove2 { cursor: pointer; }
438.cart-item .items-remove2:hover { text-decoration: underline; }
439
440#cart-items-container { margin: 20px 0 0 0; }
441
442
443@media all and (min-width: 1024px) and (max-width: 1279px) {
444	#header-cart { top: 19px; }
445}
446
447@media all and (min-width: 768px) and (max-width:1023px) {
448	#header-cart { top: 16px; right: 60px; }
449
450	#cart-sum {
451		background-size: 18px auto;
452		background-position: 0px 3px;
453		padding-left: 30px;
454	}
455}
456
457@media all and (min-width: 568px) and (max-width: 767px) {
458	#header-cart { top: 14px; right: 60px; }
459
460
461	#cart-sum {
462		background-size: 18px auto;
463		background-position: 0px 3px;
464		padding-left: 30px;
465	}
466}
467
468@media all and (max-width: 567px) {
469	#header-cart { top: 15px; right: 60px; }
470
471	#cart-items-container { margin: 25px 0 0 0 !important; }
472
473	#cart-sum {
474		background-size: 18px auto;
475		background-position: 0px 3px;
476		padding-left: 30px;
477	}
478
479	#cart-content {
480		background-color: #eee;
481		box-sizing: border-box;
482		position: relative;
483		width: 100%;
484		top: auto;
485		left: auto;
486		right: auto;
487		box-sizing: border-box;
488		box-shadow: none;
489		padding: 0px 15px 0px 15px;
490		margin: 0px -15px 0px -15px;
491		width: calc(100% + 30px); 
492		box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
493	}
494
495	#cart-content.open {
496		padding: 0px 10px 20px 15px;
497		margin: 0px -15px 0px -15px;
498		width: calc(100% + 30px); 
499		position: relative;
500	}
501
502	#cart-content .close { 
503	    position: absolute;
504	    top: 4px;
505	    right: 4px;
506	    font-size: 15px;
507	    width: 18px;
508	    height: 18px;
509		line-height: 17px;
510	}
511
512
513	#cart-content .cart-items h5 { display: none; }
514	#cart-content .cart-item .image { display: none; }
515	#cart-content .cart-item .info { width: 70%; padding-left: 0px; }
516	#cart-content .cart-item .image { display: none; }
517	#cart-content .cart-item .price .amount { font-size: 16px; margin: 5px 0px; }
518
519	.cart-list  { width: 100%; }
520	.cart-list .notification { padding: 0px; font-size: 18px; margin: 0 0 15px 0; }
521}
522
523
524</style>
525
526
527<script type="text/javascript">
528"use strict";
529TraminoReady(function() {
530	
531
532	if ( typeof window.TraminoCollectible !== "undefined" ) {
533
534		$("body").on("click",".items-remove2", function(e){
535			
536			const $item = $(this).parents(".cart-item")
537
538			const item_id = $item.data("item_id");
539			const item_name = $item.data("item_name");
540			const item_price = parseFloat($item.data("item_price"));
541			const item_amount = parseInt($item.data("item_amount"));
542
543			window.dataLayer = window.dataLayer || [];
544			window.dataLayer.push({
545				event: "remove_from_cart",
546				ecommerce: {
547					currency: "EUR",
548					value: item_price * item_amount,
549					items: [{
550						item_id: item_id,
551						item_name: item_name,
552						price: item_price,
553						quantity: item_amount
554					}]
555				}
556			});
557			
558			TraminoWarenkorb.view.handleRemove(e)
559
560
561		});
562
563		window.TraminoWarenkorb = new TraminoCollectible({
564			namespace: "cart",
565			api: "/api/cart/",
566			template_id: 'cart-items-template',
567			render_to: 'cart-items-container',
568			perPage: 99,
569		});
570		window.TraminoWarenkorb.init();
571		
572		
573		var startTime = +(new Date);
574		TraminoWarenkorb.on('change:items', function(e) {
575
576			var items = TraminoWarenkorb.getItems();
577			var text = "";
578
579			if ( items.length > 0 ) {
580				text = Translator.currency( TraminoWarenkorb.get('sum'), "EUR");
581			} else {
582				text = __("cart");
583			}
584
585			
586
587			$('#cart-text').text(text);
588			
589				$('#cart-sum .inner').text( Translator.currency( TraminoWarenkorb.get('sum'), "EUR") );
590			
591			if ( items.length > 0 && +(new Date) > (startTime + 1000) ) {
592				$("#cart-content").addClass('open');
593			}
594
595			
596
597		});
598
599
600		
601
602	}
603
604	$("#cart-sum").on("click", function (e) {
605		if ( ! $("#cart-content").hasClass("open") ) {
606			let current_items = TraminoWarenkorb.getItems()
607			let current_value = 0;
608
609			const items = new Array();
610
611			current_items.forEach( item => {
612
613				items.push({
614			      item_id: item.item,
615			      item_name: item.item_name,
616			      price: parseFloat(item.preis_einheit),
617			      quantity: parseInt(item.anzahl)
618			    })
619
620				current_value = item.SUMME_preis_gesamt
621
622			});
623			
624			window.dataLayer = window.dataLayer || [];
625			window.dataLayer.push({
626				event: "view_cart",
627				ecommerce: {
628					currency: "EUR",
629					value: current_value,
630					items: items
631				}
632			});
633		}
634		$("#cart-content").toggleClass('open');
635	});
636
637	$("#cart-content .close").on("click", function (e) {
638		$("#cart-content").removeClass('open');
639	});
640	
641	if ( $(".cart-item .expires").size ) {
642		setInterval(function(){  
643			$(".cart-item .expires").each(function(){
644				var d = new Date( $(this).data("expires") * 1000 ) - Date.now();
645				if ( d > 0 ) {			
646					let minuten = "0" + Math.floor( d / 1000 / 60);
647					let sekunden = "0"  + Math.floor( ( d - minuten * 60 * 1000 ) / 1000 );
648					$(this).html( "Reserviert für " + minuten.substr(-2) + ":" + sekunden.substr(-2) );
649				} else {
650					$(this).html( "Reservierung abgelaufen" );
651					$(this).addClass( "expired" );
652				}
653			});
654		}, 1000);
655	}
656	
657
658
659
660
661	
662});
663
664</script>
664
665
666
667
668<script type="text/html" id="cart-items-template">
669		
670		<div class="cart-list">
671		<% if ( itemsCount ) { %>
672			<% _.each(items, function(item) { %>
673
674				<div class="cart-item" data-item_id="<%= item.item %>" data-item_name="<%= item.item_name %>" data-item_price="<%= item.preis_gesamt %>" data-item_amount="<%= item.anzahl %>">
675					<div class="image">
676						<% if ( item.image ) { %><img src="//tramino.s3.amazonaws.com<%= item.image %>" width="100" height="60"/><% } %>
677					</div>
678					<div class="info">
679						<% if ( item.item_client != Tramino.client ) { %><h5><%= item.item_client_name %></h5><% } %>
680						<h4><%= item.item_name %>
681							<% if ( item.class_name && item.class_name != "Standard" ) { %> / <%= item.class_name %><% } %>
682							<% if ( item.subclass_name ) { %> / <%= item.subclass_name %><% } %>
683						</h4>
684						
685						<% if ( item.belegung_zeitraum ) { %>
686							<div class="period"><%= item.belegung_zeitraum  %></div>
687						<% } else if ( item.von ) { %>
688							<% if ( item.von == item.bis || item.bis == "" ) { %>
689								<div class="period"><%= moment( item.von, "YYYY-MM-DD").format("L") %></div>
690							<% } else { %>
691								<div class="period"><%= moment( item.von, "YYYY-MM-DD").format("L") %> - <%= moment( item.bis, "YYYY-MM-DD").format("L") %></div>
692							<% } %>
693						<% }%>
694						<% if ( item.facts ) { %><span class="facts"><%= item.facts %></span><% } %>
695						<% if ( item.inclusive ) { %> <span class="inkl">inkl. <%= item.inclusive %></span><% } %>
696						<% if ( item.expires ) { %> <div class="expires" data-expires="<%= item.expires %>">Reserviert</div><% } %>
697						
698					</div>
699					<div class="price">
700						<div data-id="<%= item.id %>" class="items-remove2">Entfernen</div>
701						<div class="amount"><%= Translator.currency(  item.preis_gesamt, "EUR" ) %></div>
702						<% if ( item.rabatt_name ) { %><div class="discount"><%= item.rabatt_name %></div><% } %>
703						<% if ( item.zzgl ) { %><div class="exkl">zzgl. <%= item.zzgl %></div><% } %>
704					</div>
705					<div class="clear"></div>
706				</div>
707		
708			<% }); %>
709		<% } else { %>
710			<div class="notification"><%= __('cart_empty') %></div>
711		<% } %>
712		</div>
713		
714</script>
714
715
716
717
718
719
720
721
722<style type="text/css">
723	:root {
724		--bg-color:  #fff ;
725		--button-color:  #acb79c ;
726		--icon-color:  #6c714d ;
727		--font-color:  #000 ;
728	}
729</style>
730
731
732
733
734<script type="text/javascript">
735"use strict";
736
737TraminoReady(function() {
738
739
740	$('.T3645').on('click', 'a.icon', function(event) {
741
742		event.preventDefault();
743		var $icon = $(this);
744		var width = $(window).width();
745
746		// Icons Menü wird abgestellt, um die Linkes Menü und rechtes einheitlich zu halten
747		// mit Peter für Alpe Dornach relaunch besprochen am 28.3.
748		if ( $icon.hasClass('extra_menu') && width > 568 && 0 ) {
749			$icon.find('.inner i').toggleClass('icon-bed');
750			$icon.find('.inner i').toggleClass('icon-arrow-down');
751			$('.T3645 .header .inner .wrapper .submenu').toggleClass('hidden');
752		} else {
753			$('.T3645 .slidecolumn-right .box .moreinfos').removeClass('hidden'); 
754			if ( $icon.attr('href') == "#" ) {
755				$('body').addClass('overflow-hidden');
756				$('.T3645 .header').addClass('open-' + $icon.data('openside') );
757				$icon.addClass('hidden');
758			} else {
759				document.location.href = $icon.attr('href');
760			}
761		}
762
763	});
764
765	$('.T3645 .slidecolumn').on('click', '.close', function(event) {
766		event.preventDefault();
767		var $slidecolumn = $(this).parents('.slidecolumn');
768		var side = $slidecolumn.data('side');
769		$('body').removeClass('overflow-hidden');
770		$('.T3645 .header').removeClass('open-' + side );
771
772		$('.T3645 .header a.icon[data-openside=' + side + ']').removeClass('hidden');
773
774	});
775
776	$('nav > .ul > ul > li > a').on('click', function(event) {
777		var $a_element = $(this);
778		var $parent_li = $a_element.parents('li');
779		if ( $parent_li.hasClass('nav_aktiv') || $parent_li.find('.ul').length == 0 ) {
780
781		} else {
782			event.preventDefault();
783			$('nav > .ul > ul > li').removeClass('nav_aktiv');
784			$parent_li.addClass('nav_aktiv');
785		}
786	});
787
788	
789
790		var smallheader = false;
791
792		$(window).on('scroll', function() {
793
794			var position = $(window).scrollTop();
795
796			if ( position > 200 && !smallheader ) {
797				
798				$('.header').addClass('smallheader');
799				$('.T3645 .header .inner .wrapper .submenu').addClass('hidden');
800				$('.icon.ibe .inner i').toggleClass('icon-bed');
801				$('.icon.ibe .inner i').toggleClass('icon-arrow-down');
802				smallheader = true;
803
804			} else if ( position <= 150 && smallheader ) { // Position darf nicht auch 200 sein da smallheader scroll höhe beeinflusst => Toggled dann zwischen groß und klein
805				
806				$('.header').removeClass('smallheader');
807				smallheader = false;
808			}
809
810
811		});
812	
813
814	
815
816	
817
818		if ( typeof ReservaApp === "undefined" ) {
819			if ( window.console && console.log ) console.log("ReservaApp nicht gefunden, breche hier ab");
820			return;
821		}
822
823		/* Spezial-Konfiguration, da wir die reservaApp auf jeder Seite nutzen */
824		window.reservaApp = new ReservaApp({
825			config: {
826				"PeopleStructure.ShowRoomTypes": false,
827				"DateTime.ShortTextPeriod": true,
828				"PeopleStructure.ShowMultiRooms": false,
829				"Engine.CategorySearch": true,
830			},
831			form: $('#menu_search'),
832			
833		});
834
835		reservaApp.formModel.bindToForm(reservaApp.get("form"));
836
837		
838
839		reservaApp.initializeDatepicker({
840			'form': $('#menu_search'),
841			'datepicker_display': $('#menu_datepicker_display'),
842			'datepicker_container': $('#menu_datepicker'),
843			'datepicker_tooltip': $('#menu_datepicker_tooltip'),
844			'defaultdays': 7,
845			'numberOfMonths': 1
846		});
847		reservaApp.initializePeopleSelect({
848			'form': $('#menu_search'),
849			'people_display': $('#menu_people_display'),
850			'people_container': $('#menu_people_container'),
851		});
852
853		reservaApp.on('DatePicker.dateSelected', function() {
854			reservaApp.hideDatepicker();
855			$('#menu_datepicker_display').removeClass('on');
856			reservaApp.updateDatePickerDisplay();
857		});
858
859	
860
861
862
863});
864
865</script>
865
866
867
868
869
870<script type="text/javascript">
871	
872	$(document).ready(function(){
873		calculateReadingTime();
874	});
875	
876	function calculateReadingTime() {
877		
878		var words = 0;
879		
880		// Für alle p und h2 Elemente die Wörter Zählen
881		$('#TraminoInhalt p, #TraminoInhalt h2').each(function(){
882			words += $(this).html().split(" ").length;
883		});
884		
885		// Anzahl der Wörter durch die Wörter pro Minute (230 wpm)
886		var min = parseInt((words / 230) + 1);
887		
888		/* 1 Minute? Brauchen wir nicht anzeigen... */
889		if ( min === 1 ) {
890			$('.readtime').hide();
891			return;
892		}
893		
894		$('.readtime .min').html(min);
895		
896		// Beschriftung Einzahl/Mehrzahl
897		if ( min < 2 ) {
898			$('.readtime .einheit').html("Minute");
899		} else {
900			$('.readtime .einheit').html("Minuten");
901		}
902		
903		
904	}
905	
906</script>
906
907
908
909
910<style type="text/css">
911/* Formular */
912.T2912 * { box-sizing: content-box; }
913
914.T2912 h3 {
915	margin: 0px 0px 20px 0px !important;
916}
917
918.T2912 .allerrors { margin: 0 0 10px 0; }
919.T2912 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }
920
921
922:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets { margin-bottom: .5rem; }
923
924:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets > .mandatory { display: flex; justify-content: flex-end; }
925:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
926	display: flex;
927	flex-wrap: wrap;
928}
929
930:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
931	width:  100%;
932}
933
934
935:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups :is(.break,.clear) {
936	width: 100%;
937}
938
939:is(#TraminoForm.newcss,.TraminoForm.newcss) .element {
940	margin: 0 0 1.3rem 0;
941}
942
943:is(#TraminoForm.newcss,.TraminoForm.newcss) .label .help {
944	font-size: 0.9rem;
945  	margin-bottom: 0.7rem;
946}
947
948:is(#TraminoForm.newcss,.TraminoForm.newcss) .element.cond_hide {
949	display: none;
950}
951:is(#TraminoForm.newcss,.TraminoForm.newcss) .element .label h4 {
952	margin: 0 0 0.3rem 0;
953	font-weight: bold;
954}
955
956:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer {
957	margin:  0 0 0.5rem 0;
958}
959
960:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer .form_buttons {
961	display: flex;
962	justify-content:  flex-end;
963}
964
965:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="date"]) {
966	width: 100% !important;
967	box-sizing: border-box;
968	font-size: 1rem;
969	border: 1px solid #cacaca;
970	background-color: #fff;
971	padding: .5rem;
972}
973
974:is(#TraminoForm.newcss,.TraminoForm.newcss) .element select { width: 100%; height: 2.4375rem; }
975:is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
976
977
978:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="date"]):focus, :is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea:focus {
979	outline: 0;
980	border: 1px solid #000;
981	box-shadow: 0 0 5px #cacaca;
982}
983
984:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile {
985	display: flex;
986	justify-content: space-between;
987	margin-bottom: 0.55rem;
988}
989
990:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
991
992:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
993:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld .Label { 
994	font-size: 0.8rem;
995	margin-left: 0.2rem;
996	margin-top: 0.1rem;
997	color: var(--label_color);
998}
999
1000
1001:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
1002:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_nachname { width: 55%; }
1003
1004:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
1005:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
1006
1007:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_abteilung .adresse_firma { width: 100% !important; }
1008
1009
1010:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_strasse { width: 80%; }
1011:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
1012
1013:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_plz { width: 20%; }
1014:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
1015:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
1016
1017:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
1018
1019
1020:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_telefon { width: 33%; }
1021:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
1022:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
1023
1024:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
1025:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
1026
1027:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax.no_mobil .adresse_telefon { width: 100% !important; }
1028
1029:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.telonly .adresse_telefon { width: 100%; }
1030
1031:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_email { width: 100%; }
1032:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_land { width: 100%; }
1033
1034
1035/* Test mit Grid die Radiofelder schöner darzustellen */
1036:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element {
1037	display: flex;
1038	/*display: grid; 
1039	gap: 0 0.5rem; 
1040	grid-template-areas: 
1041	"checkbox headline ."
1042	"checkbox info ."
1043	". . ."; */
1044	flex-wrap: wrap;
1045	margin-bottom:  1rem;
1046	width:  auto !important;
1047}
1048:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element input { grid-area: checkbox; display: flex; align-self: flex-start; }
1049:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element span { grid-area: headline; }
1050:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element .info { grid-area: info; font-size: 0.8rem;display: block;width:100% }
1051
1052
1053:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }
1054:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum { display: flex; flex-wrap: wrap; margin-bottom: 0.3rem; margin-right: 0.3rem; align-items: center; }
1055:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum .Widget { width: 100px; }
1056:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum label {  display: inline-block;  width: 80px;}
1057
1058
1059@media (min-width: 768px) {
1060	:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
1061		justify-content: space-between;
1062	}
1063
1064	:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups:has(:only-child) {
1065		justify-content: center;
1066	}
1067
1068	:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
1069		width:  48%;
1070		padding: 0 2% 1% 0;
1071	}
1072
1073	:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups:has(:only-child) .group {
1074		width: 80%;
1075	}
1076
1077	:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group + :is(#TraminoForm.newcss,.TraminoForm.newcss) .groups > div.clear {
1078		width:  100%;
1079	}
1080}
1081
1082
1083.TraminoForm.newcss .Widgets { margin-bottom: .5rem; }
1084
1085.TraminoForm.newcss .Widgets > .mandatory { display: flex; justify-content: flex-end; }
1086.TraminoForm.newcss .groups {
1087	display: flex;
1088	flex-wrap: wrap;
1089}
1090
1091.TraminoForm.newcss .groups .group {
1092	width:  100%;
1093}
1094
1095
1096.TraminoForm.newcss .groups :is(.break,.clear) {
1097	width: 100%;
1098}
1099
1100.TraminoForm.newcss .element {
1101	margin: 0 0 1.3rem 0;
1102}
1103.TraminoForm.newcss .element.cond_hide {
1104	display: none;
1105}
1106.TraminoForm.newcss .element .label h4 {
1107	margin: 0 0 0.3rem 0;
1108}
1109
1110.TraminoForm.newcss .footer {
1111	margin:  0 0 0.5rem 0;
1112}
1113
1114.TraminoForm.newcss .footer .form_buttons {
1115	display: flex;
1116	justify-content:  flex-end;
1117}
1118
1119.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="date"]) {
1120	width: 100% !important;
1121	box-sizing: border-box;
1122	font-size: 1rem;
1123	border: 1px solid #cacaca;
1124	background-color: #fff;
1125	padding: .5rem;
1126}
1127
1128.TraminoForm.newcss .element select { width: 100%; }
1129.TraminoForm.newcss .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
1130
1131
1132.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="date"]):focus, .TraminoForm.newcss .element textarea:focus {
1133	outline: 0;
1134	border: 1px solid #000;
1135	box-shadow: 0 0 5px #cacaca;
1136}
1137
1138.TraminoForm.newcss .AdresseWidget .Zeile {
1139	display: flex;
1140	justify-content: space-between;
1141	margin-bottom: 0.2rem;
1142}
1143
1144.TraminoForm.newcss .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
1145
1146.TraminoForm.newcss .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
1147.TraminoForm.newcss .AdresseWidget .Zeile .Feld .Label { font-size: 0.85rem; }
1148
1149.TraminoForm.newcss .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
1150.TraminoForm.newcss .AdresseWidget .adresse_nachname { width: 55%; }
1151
1152.TraminoForm.newcss .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
1153.TraminoForm.newcss .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
1154
1155.TraminoForm.newcss .AdresseWidget .adresse_strasse { width: 80%; }
1156.TraminoForm.newcss .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
1157
1158.TraminoForm.newcss .AdresseWidget .adresse_plz { width: 20%; }
1159.TraminoForm.newcss .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
1160.TraminoForm.newcss .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
1161
1162.TraminoForm.newcss .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
1163
1164
1165.TraminoForm.newcss .AdresseWidget .adresse_telefon { width: 33%; }
1166.TraminoForm.newcss .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
1167.TraminoForm.newcss .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
1168
1169.TraminoForm.newcss .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
1170.TraminoForm.newcss .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
1171
1172.TraminoForm.newcss .AdresseWidget.telonly .adresse_telefon { width: 100%; }
1173
1174.TraminoForm.newcss .AdresseWidget .adresse_email { width: 100%; }
1175.TraminoForm.newcss .AdresseWidget .adresse_land { width: 100%; }
1176
1177
1178.TraminoForm.newcss .SchulnotenWidget .break { display: none; width: 0px; }
1179.TraminoForm.newcss .SchulnotenWidget .Bewertung { display: flex; }
1180.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz { margin-top: 1rem; }
1181.TraminoForm.newcss .SchulnotenWidget .Bewertung { margin-bottom: 0.1rem; }
1182
1183.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz .Name { font-weight: bold; hyphens: auto; }
1184
1185.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten { display: flex; margin-right: 1rem; }
1186.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { display: block;
1186 width: 20px; text-align: center; }
1187
1188
1189.Widget.StaticStarsWidget {
1190	height:16px;
1191	width:80px;
1192	background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -32px;
1193}
1194
1195.Widget.StaticStarsWidget .StativStarsAktiv{
1196	height:16px;
1197	background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -48px;
1198}
1199
1200.Widget.StaticStarsWidgetSmall {
1201	height:10px;
1202	width:50px;
1203	background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -10px;
1204	padding:0px !important;
1205	margin:0px !important;
1206}
1207
1208.Widget.StaticStarsWidgetSmall .StativStarsAktiv{
1209	height:10px;
1210	background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -20px;
1211}
1212
1213.TraminoPaginator {
1214	margin: 0px;
1215	line-height: 1.6em;
1216}
1217
1218
1219.TraminoPaginator span.anzahl {
1220	padding-right: 30px;
1221	font-size: 11px;
1222}
1223
1224.TraminoPaginator span a {
1225	padding: 2px 5px 2px 5px !important;
1226	text-decoration: none;
1227	border: 0px !important;
1228	color: #666;
1229}
1230
1231.TraminoPaginator span.button a {
1232	display:inline-block;
1233	font-size:13px;
1234	background-color: #ccc;
1235	padding: 2px 10px 2px 10px !important;
1236	margin-right:4px;
1237}
1238
1239.TraminoPaginator span.button.active a {
1240	background-color: #333;
1241	color:#fff;
1242
1243}
1244
1245.TraminoPaginator span a:hover {
1246	background-color: #000 !important;
1247	color: #fff !important;
1248}
1249
1250.TraminoPaginator span.aktiv a {
1251	font-size: 1.4em;
1252	font-weight: bold;
1253	color: #000;
1254}
1255
1256#lightroom .TraminoPaginator {
1257	color: #666;
1258}
1259
1260#lightroom .TraminoPaginator span a {
1261	color: #666;
1262}
1263
1264#lightroom .TraminoPaginator span.aktiv a {
1265	color: #fff;
1266}
1267
1268#lightroom .TraminoPaginator span a:hover {
1269	background-color: #fff !important;
1270	color: #000 !important;
1271}
1272
1273.TraminoForm.newcss .formtype_Divider .divider { font-weight: bold;font-size: 1.3rem; }
1274
1275@media (max-width: 567px) {
1276	.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { width: 15px; }
1277	.TraminoForm.newcss .SchulnotenWidget .Bewertung { border-top: 1px solid #CCC; padding-top: 0.5rem; margin-top: 0.5rem; }
1278}
1279
1280
1281
1282
1283
1284@media (min-width: 768px) {
1285	.TraminoForm.newcss .groups {
1286		justify-content: space-between;
1287	}
1288	.TraminoForm.newcss .groups .group {
1289		width:  48%;
1290		padding: 0 2% 1% 0;
1291	}
1292
1293	.TraminoForm.newcss .groups .group + .TraminoForm.newcss .groups > div.clear {
1294		width:  100%;
1295	}
1296}
1297
1298/* Responsive */
1299
1300@media all and (min-width: 768px) and (max-width:1023px) {
1301	.T2912 .TraminoForm .group {
1302		width: 45%;
1303	}
1304}
1305
1306@media all and (min-width: 568px) and (max-width: 767px) {
1307	.T2912 .TraminoForm .group {
1308		float: none;
1309		padding: 0px;
1310	}
1311}
1312
1313@media all and (max-width: 567px) {
1314	.T2912 .TraminoForm .group {
1315		float: none;
1316		padding: 0px;
1317		width: 100% !important;
1318	}
1319
1320	
1321}
1322
1323/* Optisch aufgewertet */
1324
1325.S6491 .TraminoForm {
1326	max-width: 700px;
1327	margin: 0px auto;
1328}
1329
1330.S6491 .TraminoForm .Widget {
1331	font-size: 15px;
1332}
1333
1334.S6491 .TraminoForm .group {
1335	width: 100% !important;
1336}
1337
1338.S6491 .TraminoForm .element  {
1339
1340	margin-top: 1rem !important;
1341	padding-bottom: 1rem !important;
1342	border-bottom: 1px solid #ddd;
1343}
1344
1345
1346.S6491 .TraminoForm .label h4 {
1347	margin-bottom: 0.3rem;
1348	font-size: 1.1rem;
1349}
1350
1351.S6491 .TraminoForm .label .help {
1352	color: #777;
1353}
1354
1355.S6491 .TraminoForm .input {
1356	margin-top: 0.9rem;
1357}
1358
1359.S6491 .TraminoForm .AdresseWidget .input { margin-top: 0; }
1360
1361.S6491 .TraminoForm .button {
1362    font-size: 1.15rem !important;
1363	padding: 0.56em 1.8em;
1364}
1365
1366
1367/* Voll abgerundete Buttons */
1368
1369.T2912.S9297 .button {
1370	border-radius: 1.3rem;
1371}
1372
1373/* Hintergrund leicht abgerudnet */
1374
1375.T2912.S9298 .inner {
1376	border-radius: 3rem;
1377}
1378
1379@media (max-width: 567px) {
1380    .S6491 .TraminoForm .button {
1381        font-size: 1rem !important;
1382        padding: 0.56em 1.8em;
1383    }
1384}
1385
1386
1387</style>
1388
1389		
1389<script type="text/javascript">
1390			TraminoReady(function() {
1391
1392				function rescaleCaptcha(){
1393
1394					var width = $('.g-recaptcha').parent().width();
1395
1396					var scale;
1397					if ( width < 302 ) {
1398						scale = width / 302;
1399					} else {
1400						scale = 1.0; 
1401					}
1402
1403					$('.g-recaptcha').css('transform', 'scale(' + scale + ')');
1404					$('.g-recaptcha').css('-webkit-transform', 'scale(' + scale + ')');
1405					$('.g-recaptcha').css('transform-origin', '0 0');
1406					$('.g-recaptcha').css('-webkit-transform-origin', '0 0');
1407				}
1408
1409				rescaleCaptcha();
1410				$( window ).resize(function() { rescaleCaptcha(); });
1411
1412
1413				
1414
1415				/* Styling für TraminoHomepage */
1416				$('.T2912 .form_buttons input[type="submit"]').addClass('button bgcolor');
1417
1418			});
1419	
1420		</script>
1420
1421	<style>
1422	
1423	:root {
1424		--label_color: #333333;
1425	}
1426
1427	#TraminoAnhang557200.T2912 .inner {
1428		background-color: #ebebeb;
1429		padding: 0.5rem 1rem !important;
1430		
1431	}
1432
1433	
1434
1435	
1436
1437</style>
1438<style type="text/css">
1439/* TraminoFooter */
1440
1441.T2820 {
1442	--footer-gap: 1.5rem;
1443	margin-bottom: 0px !important;
1444}
1445
1446
1447footer .wrapper {
1448	padding-top: 10px;
1449	background-position: top;
1450	z-index: 5;	
1451}
1452
1453footer:not(.S9072) .wrapper { margin: 0; }
1454
1455footer .wrapper .boxes {
1456	display: flex;
1457	flex-wrap: wrap;
1458	gap: var(--footer-gap);
1459	margin-bottom: var(--footer-gap);
1460}
1461
1462
1463footer .box {
1464	position: relative;
1465	width: 100%;
1466}
1467
1468footer .box.empty { padding-bottom: 0;  }
1469
1470
1471
1472footer .box > .inner {
1473	margin: 1.5rem 0 0 0;
1474}
1475
1476footer .footer_img {
1477	float: left;
1478	margin: 0px 5px 8px 0px;
1479}
1480
1481footer .box > .inner .headline {
1482	text-transform: uppercase;
1483	margin-top: 0px;
1484	margin-bottom: 7px !important;
1485}
1486
1487footer .box > .inner h4 {
1488	margin-top: 10px;
1489	margin-bottom: 5px !important;
1490}
1491
1492footer .box > .inner p {
1493	margin-bottom: 0.4em;
1494}
1495
1496footer .box > .inner ul {
1497	padding-left: 25px;
1498}
1499
1500footer .box > .inner ul.list {
1501	padding: 0;
1502	margin: 0.5em 0 0 0;
1503	list-style-type: none;
1504}
1505
1506footer .box > .inner ul.list li {
1507	padding: 0;
1508	margin: 0 0 0.2em 0;
1509}
1510
1511footer .box > .inner ul.list li a {
1512	display: flex;
1513	text-decoration: none;
1514}
1515footer .box > .inner ul.list li a .icon {
1516	width: 1.3em;
1517	height: auto;
1518	margin-right: 0.6rem;
1519}
1520
1521footer .box > .inner ul.list li a .icon img {
1522	width: 100%;
1523	height: auto;
1524}
1525
1526
1527/* Adresse */
1528
1529.Mandant_800 footer .adresse .firma { font-weight: bold; }
1530
1531
1532/* Öffnungszeiten */
1533.T2820 .oeffnungszeiten { font-size: 0.9rem; }
1534.T2820 .oeffnungszeiten .tage { width: 34%; margin-right: 1%; flex-grow: 0; flex-shrink: 0; font-weight: bold;  }
1535.T2820 .oeffnungszeiten .tag { 
1536	display: flex; 
1537	flex-wrap:wrap; 
1538	border-bottom: 1px solid var(--footer_border_color,rgba(0,0,0,0.05));
1539	padding-bottom: 0.2rem; 
1540	margin-bottom: 0.2rem; 
1541}
1542.T2820 .oeffnungszeiten .tag:last-child { border-width: 0; padding-bottom: 0; margin-bottom: 0; }
1543.T2820 .oeffnungszeiten .rightside { width: 65%; hyphens: auto; }
1544.T2820 .oeffnungszeiten .rightside .nachmittag { display: block; }
1545
1546footer .staticmap {
1547	display: inline-block;
1548	background-color: #fff;
1549	border: 1px solid rgba(0,0,0,0.1);
1550	padding: 4px;	
1551}
1552
1553footer .staticmap img {
1554	width: 100%;
1555	height: auto;
1556}
1557
1558#totop {
1559	position: fixed;
1560	bottom: 50px;
1561	right: 50px;
1562	width: 65px;
1563	height: 65px;
1564	z-index: 2001;
1565	display: none;
1566	cursor: pointer;
1567	background-color: #FFF;
1568	background-color: rgba(255,255,255,0.5);
1569}
1570
1571/* AWS */
1572.Mandant_420 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
1573.Mandant_53187 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
1574.Mandant_42884 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
1575.Mandant_61884 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
1576.Mandant_55265 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); }
1577
1578
1579#totop i {
1580	position: absolute;
1581	top: 50%;
1582	left: 50%;
1583	-ms-transform: translate(-50%, -50%);
1584	    transform: translate(-50%, -50%);
1585	font-size: 50px;
1586}
1587
1588footer .box .social {
1589	display: flex;
1590	flex-direction: column;
1591	margin-top: 1rem;
1592}
1593
1594footer .box .social a {
1595	display: flex;
1596	font-size:  1.15rem;
1597	text-decoration: none;
1598	align-items:  center;
1599	margin-bottom: 0.2rem;
1600}
1601
1602footer .box .social a i {
1603	margin-right: 0.5rem;
1604	font-size:  1.3em;
1605}
1606
1607
1608/* Fix Mittelberg */
1609
1610.Mandant_800 footer {
1611	padding: 0 1em;
1612	margin: 0 auto !important;
1613	max-width: 1800px;
1614}
1615
1616
1617
1618.Mandant_800 footer :is(.copyright,.boxes,.badges) {
1619	width: auto;
1620	padding: 0;
1621	margin-left: 0.5rem;
1622	margin-right: 0.5rem;
1623}
1624
1625
1626.Mandant_800 .T2820.S9073 .wrapper {
1627	border-radius: 1em 1em 0 0; /* sollte einstellbar sein irgendwie */
1628}
1629
1630@media (min-width: 420px) {
1631	footer .box {
1632		width: auto;
1633		width: calc( 50% - var(--footer-gap) );
1634	}
1635}
1636@media (min-width: 567px) {
1637
1638}
1639
1640@media (min-width: 768px) {
1641
1642	footer .box {
1643		width: calc( 25% - var(--footer-gap) );
1644	}
1645
1646	.Mandant_800 footer {
1647		padding: 0 2em;
1648	}
1649
1650	.Mandant_800 footer :is(.copyright,.boxes,.badges) {
1651		width: auto;
1652		padding: 0 2em;
1653	}
1654}
1655
1656@media (min-width: 1024px) {
1657
1658}
1659
1660@media (min-width: 1280px) {
1661
1662}
1663
1664
1665/* -- Copyright -- */
1666
1667footer .badges { text-align: right; }
1668footer .badges.align-left { text-align: left; }
1669footer .badges.align-center { text-align: center; }
1670
1671footer .badges a {
1672	display: inline-block;
1673	text-decoration: none;
1674	margin: 0px 0px 15px 15px;
1675}
1676
1677footer .badges a img { width: auto; height: 70px; }
1678
1679footer .copyright {
1680	display: flex;
1681	flex-wrap:  wrap;
1682	justify-content:  space-between;
1683	padding-bottom: 15px !important;
1684	align-items: baseline;
1685	
1686}
1687
1688
1689footer .copyright .tc { opacity: 0.4; }
1690
1691footer .copyright a { text-decoration: none; color: inherit;  }
1692footer .copyright .social a {  margin: 0px 15px 15px 0px; display: flex; align-items: center; }
1693footer .copyright i { font-size: 20px; line-height: 16px;  padding-right: 5px;}
1694
1695footer .copyright ul {
1696	margin: 0;
1697	padding: 0;
1698	list-style-type: none;
1699	display: flex;
1700	flex-wrap: wrap;
1701	align-items: center;
1702	gap: 15px;
1703}
1704
1705footer .copyright ul li a { opacity: 0.6; }
1706footer .copyright ul li.widerruf a{
1707	background-color: var(--signal_color,#333);
1708	color: var(--signal_color_negativ,#FFF);
1709    padding: 0.1rem 0.5rem;
1710    border-radius: 0.4rem;
1711	display: inline-block;
1712	opacity: 1;
1713}
1714
1715footer .copyright .social {
1716	float: none;
1717	display: flex;
1718	justify-content: center;
1719	align-items: center;
1720	flex-wrap: wrap;
1721	margin: 0 10px 0 0;
1722}
1723
1724@media (max-width: 567px) {
1725	footer .copyright .social {
1726		order: 1;
1727		width:  100%;
1728		flex-grow: 0;
1729		flex-shrink: 0;
1730	}
1731	footer .copyright .links { order: 2; }
1732	footer .copyright .tc { order: 3; }
1733}
1734
1735
1736/* -- Weisser Hintergrund -- [disabled] */
1737
1738#body .T2820.S5702 .wrapper { background-color: #fff; }
1739
1740
1741
1742/* -- Hintergrund Hintergrund 5% Schwarz (1) [disabled]  -- */
1743
1744#body .T2820.S5703 .wrapper { background-color: rgba(0,0,0,0.05); }
1745
1746
1747
1748/* -- Hintergrund Dunkler Hintergrund (6) [disabled]  -- */
1749
1750.S7756 .background {
1751	color: #fff !important;
1752}
1753
1754
1755
1756
1757/* -- Hintergrund Grauer Hintergrund [disabled] -- */
1758
1759footer.S8854, footer .S8854 {
1760    background: #555;	
1761}
1762
1763footer.S8854 section.box.box4, footer .S8854 section.box.box4 {
1764    width: 100%;
1765}
1766
1767footer.S8854 section.box.box4 .inner.clearfix.text, footer .S8854 section.box.box4 .inner.clearfix.text {
1768	margin-right: 0;
1769}
1770
1771@supports (container-type: inline-size) {
1772	footer .search_wrapper {
1773		container-type: inline-size;
1774		container-name: footer_search;
1775		width: 100%;
1776	}
1777
1778	footer .search {
1779		display: flex;
1780	}
1781	footer .search input[type=text] {
1782		flex-grow: 1;
1783		flex-shrink: 1;
1784	}
1785
1786
1787	@container footer_search (max-width: 279px) {
1788		footer .search {
1789			flex-wrap: wrap;
1790			flex-direction: column;
1791		}
1792		footer .search input[type=text] {
1793			min-height: 2rem;
1794			width: 100%;
1795			margin-bottom: 0.5em;
1796		}
1797		footer .search button {
1798			width: 100%;
1799		}
1800	}
1801}
1802
1803@supports not (container-type: inline-size) {
1804	footer .search {
1805		display: flex;
1806	}
1807	footer .search input[type=text] {
1808		flex-grow: 1;
1809		flex-shrink: 1;
1810		width: 124px;
1811	}
1812
1813	
1814	@media (min-width: 768px) and (max-width: 1023px)  {
1815
1816		footer .search {
1817			flex-direction: column;
1818		}
1819		footer .search input[type=text] {
1820			width: 100%;
1821		}
1822		footer .search button {
1823			width: 100%;
1824		}
1825	}
1826	
1827
1828	
1829}
1830
1831
1832/* -- Responsive  -- */
1833
1834
1835@media all and (min-width: 768px) and (max-width:1023px) {
1836
1837	.T2820 .oeffnungszeiten .tag { margin-bottom: 5px; }
1838	.T2820 .oeffnungszeiten .tage { width: 100%; }
1839	.T2820 .oeffnungszeiten .rightside { float: left; width: 100%; }
1840	.T2820 .oeffnungszeiten .rightside .nachmittag { display: block; }
1841
1842	#totop {
1843		bottom: 45px;
1844		right: 45px;
1845		width: 60px;
1846		height: 60px;
1847	}
1848
1849	#totop i {
1850		font-size: 45px;
1851	}
1852
1853}
1854
1855@media all and (min-width: 568px) and (max-width: 767px) {
1856
1857	.T2820 .oeffnungszeiten .tag { margin-bottom: 5px; }
1858	.T2820 .oeffnungszeiten .tage { width: 100%; font-weight: bold; }
1859	.T2820 .oeffnungszeiten .rightside { float: left; width: 100%; }
1860	.T2820 .oeffnungszeiten .rightside .nachmittag { display: block; }
1861
1862	#totop {
1863		bottom: 40px;
1864		right: 40px;
1865		width: 50px;
1866		height: 50px;
1867	}
1868
1869	#totop i {
1870		font-size: 40px;
1871	}
1872
1873	
1874}
1875
1876@media all and (max-width: 567px) {
1877	
1878	footer .wrapper {
1879	 	padding-top: 15px;
1880		background-size: cover !important;	
1881	}
1882	
1883	
1884	footer .box > .inner {
1885		margin: 0px;
1886	}
1887	
1888
1889	#totop {
1890		bottom: 30px;
1891		right: 30px;
1892		width: 40px;
1893		height: 40px;
1894	}
1895
1896	#totop i {
1897		font-size: 30px;
1898	}
1899	
1900	footer .box iframe { width: 100%; height: auto; }
1901	footer .box iframe.noresponsive { width: auto; height: auto; }
1902
1903
1904	footer .copyright .social {
1905		padding-top: 0.8rem;
1906   		padding-bottom: 0.8rem;
1907		border-top: 1px solid var(--footer_border_color,rgba(0,0,0,0.05)
1907);
1908		border-bottom: 1px solid var(--footer_border_color,rgba(0,0,0,0.05));
1909		margin-bottom: 0.8rem;
1910	}
1911	footer .copyright .social a {
1912		margin-bottom: 0.5rem;
1913	}
1914
1915}
1916
1917/* -- CSS (für Browser) #9072: Breite Nur Maximalbreite (1) [optional]  -- */
1918
1919.T2820.S9072 .wrapper { padding-left: 2rem; padding-right: 2rem; }
1920
1921
1922/* -- CSS (für Browser) #9073: Rundung Abgerundete Ecken oben (1) [optional] -- */
1923
1924.T2820.S9073 .wrapper { border-radius: 2rem 2rem 0 0; }
1925
1926
1927</style>
1928
1929
1930
1931
1932
1933	
1934
1935		
1936				<style media="screen, print">
1937					@font-face {
1938						font-family: 'Maven Pro';
1939						src: url('https://storage.tramino.net/static/fonts/maven-pro-v32-latin/400.woff2') format('woff2'),url('https://storage.tramino.net/static/fonts/maven-pro-v32-latin/400.woff') format('woff');
1940
1941						font-weight: 400;
1942						font-style: normal;
1943					}
1944			    </style>
1945		    
1946		
1947				<style media="screen, print">
1948					@font-face {
1949						font-family: 'Maven Pro';
1950						src: url('https://storage.tramino.net/static/fonts/maven-pro-v32-latin/600.woff2') format('woff2'),url('https://storage.tramino.net/static/fonts/maven-pro-v32-latin/600.woff') format('woff');
1951
1952						font-weight: 600;
1953						font-style: normal;
1954					}
1955			    </style>
1956		    
1957		
1958		
1959		
1960
1961
1962
1963		
1964		
1965		
1966		
1967
1968		
1969		
1970
1971		
1972
1973		<style>
1974			html {
1975				
1976			font-family: 'Maven Pro',sans-serif !important;
1977			font-weight: 400;
1978			font-style: normal;
1979	    
1980				font-size: 87.5%;
1981				line-height: 1.3;
1982			}
1983
1984			html .fontsize_xxsmall { font-size: 0.7rem ; }
1985			html .fontsize_xsmall { font-size: 0.8rem ; }
1986			html .fontsize_small { font-size: 0.9rem ; }
1987			html .fontsize_medium { font-size: 1rem; }
1988			html .fontsize_large { font-size: 1.1rem ; }
1989			html .fontsize_xlarge { font-size: 1.2rem; }
1990
1991			
1992			html .bold, html strong, html b { font-weight: 600; } 
1993			html h1, html h2, html h3, html h4, html h5 { font-size: inherit; font-weight: 400; }
1994			
1995
1996			
1997			@media (min-width: 567px) {
1998				html { font-size: 93.75%; }
1999			}
2000
2001			
2002			@media (min-width: 768px) {
2003				html { font-size: 100%; }
2004			}
2005			
2006			@media (min-width: 1024px) {
2007				html { font-size: 103.125%; }
2008			}
2009
2010			
2011			@media (min-width: 1280px) {
2012				html { font-size: 106.25%; }
2013			}
2014			
2015
2016		</style>
2017	
2018
2019	
2020		
2021		
2022				<style media="screen, print">
2023					@font-face {
2024						font-family: 'Jost';
2025						src: url('https://storage.tramino.net/static/fonts/jost-v14-latin/400.woff2') format('woff2'),url('https://storage.tramino.net/static/fonts/jost-v14-latin/400.woff') format('woff');
2026
2027						font-weight: 400;
2028						font-style: normal;
2029					}
2030			    </style>
2031		    <style>
2032			html .specialfont {
2033				
2034			font-family: 'Jost',sans-serif !important;
2035			font-weight: 400;
2036			font-style: normal;
2037	    
2038				font-size: 1.571rem;
2039				margin: 0.2em 0 0.4em 0;
2040				line-height: 1.2;
2041			}
2042
2043			html .specialfont.fontsize_xxsmall { font-size: 1.0997rem; }
2044			html .specialfont.fontsize_xsmall { font-size: 1.2568rem; }
2045			html .specialfont.fontsize_small { font-size: 1.4139rem; }
2046			html .specialfont.fontsize_medium { font-size: 1.571rem; }
2047			html .specialfont.fontsize_large { font-size: 1.8852rem; }
2048			html .specialfont.fontsize_xlarge { font-size: 2.0423rem; }@media (min-width: 567px) {
2049				html .specialfont { font-size: 1.671rem; }
2050				html .specialfont.fontsize_xxsmall { font-size: 1.1697rem; }
2051				html .specialfont.fontsize_xsmall { font-size: 1.3368rem; }
2052				html .specialfont.fontsize_small { font-size: 1.5039rem; }
2053				html .specialfont.fontsize_medium { font-size: 1.671rem; }
2054				html .specialfont.fontsize_large { font-size: 2.0052rem; }
2055				html .specialfont.fontsize_xlarge { font-size: 2.1723rem; }
2056			}@media (min-width: 768px) {
2057				html .specialfont { font-size: 1.721rem; }
2058				html .specialfont.fontsize_xxsmall { font-size: 1.2047rem; }
2059				html .specialfont.fontsize_xsmall { font-size: 1.3768rem; }
2060				html .specialfont.fontsize_small { font-size: 1.5489rem; }
2061				html .specialfont.fontsize_medium { font-size: 1.721rem; }
2062				html .specialfont.fontsize_large { font-size: 2.0652rem; }
2063				html .specialfont.fontsize_xlarge { font-size: 2.2373rem; }
2064			}@media (min-width: 1024px) {
2065				html .specialfont { font-size: 1.821rem; }
2066				html .specialfont.fontsize_xxsmall { font-size: 1.2747rem; }
2067				html .specialfont.fontsize_xsmall { font-size: 1.4568rem; }
2068				html .specialfont.fontsize_small { font-size: 1.6389rem; }
2069				html .specialfont.fontsize_medium { font-size: 1.821rem; }
2070				html .specialfont.fontsize_large { font-size: 2.1852rem; }
2071				html .specialfont.fontsize_xlarge { font-size: 2.3673rem; }
2072			}@media (min-width: 1280px) {
2073				html .specialfont { font-size: 1.921rem; }
2074				html .specialfont.fontsize_xxsmall { font-size: 1.3447rem; }
2075				html .specialfont.fontsize_xsmall { font-size: 1.5368rem; }
2076				html .specialfont.fontsize_small { font-size: 1.7289rem; }
2077				html .specialfont.fontsize_medium { font-size: 1.921rem; }
2078				html .specialfont.fontsize_large { font-size: 2.3052rem; }
2079				html .specialfont.fontsize_xlarge { font-size: 2.4973rem; }
2080			}
2081
2082
2083			html h1.specialfont, html h2.specialfont, html h3.specialfont, html h4.specialfont, html h5.specialfont { font-weight: 400; }
2084
2085
2086		</style>
2087	
2088
2089
2090
2091
2092
2093	<meta name="referrer" content="origin">
2094
2095
2096<link rel="stylesheet" type="text/css" href="https://storage.tramino.net/static/iconfonts/tramino/v1.41/style.css">
2097
2098<link rel="stylesheet" href="https://storage.tramino.net/static/tramini/iconfont/css/styles.min.css?c=950980">
2099
2100
2101
2102
2103<script>
2104"use strict";
2105
2106	window.hasTouchEvents =  (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
2107
2108	window.Tramini = {
2109		hasTouchEvents: (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch),
2110		checkTabletView: function() {
2111			return $(window).width() < 768;
2112		},
2113		checkMobileView: function() {
2114			return $(window).width() < 567;
2115		},
2116		checkSmallDesktopView: function() {
2117			return $(window).width() < 1023;
2118		},
2119		checkDesktopView: function() {
2120			return $(window).width() > 1023;
2121		},
2122	};
2123	
2124
2125
2126TraminoReady(function() {
2127
2128	let $body = $('body');
2129
2130	if ( Tramini.hasTouchEvents ) {
2131		$('#body').addClass('touchdevice');
2132	}
2133
2134	if ( $('.fancybox').length > 0 && ! $body.hasClass('norequire') ) {
2135		
2136		if ( window.require !== undefined ) {
2137
2138			require(['fancybox'], function(_) {
2139
2140				$('.fancybox').fancybox({
2141					padding: 0,
2142				});
2143
2144				$('a.fancybox').on('click', function(e){ e.preventDefault(); });
2145
2146			});
2147
2148		}
2149		
2150	}
2151
2152	if ( $('.lazyload').length > 0 && !$body.hasClass('norequire') ) {
2153		require(['lazybgset','lazysizes'], function(_) {
2154			window.lazySizesConfig.customMedia = {
2155				'--mobile': '(max-width: 567px)',
2156				'--tabletsmall': '(max-width: 767px)',
2157				'--tabletbig': '(max-width: 1023px)',
2158				'--desktopsmall': '(max-width: 1279px)'
2159			};
2160		});
2161	}
2162
2163
2164	if ( 'loading' in HTMLImageElement.prototype && 0 ) {
2165		
2166		$('img[loading="lazy"]').each(function(index, el) {
2167			$(this).attr('src',$(this).data('src'));
2168		});
2169
2170		$('source[data-srcset]').each(function(index, el) {
2171			$(this).attr('srcset',$(this).data('srcset'));
2172		});
2173	} else {
2174		if ( $('.lazy').length > 0 && !$body.hasClass('norequire') ) {
2175			// https://www.andreaverlicchi.eu/lazyload/
2176
2177			var lazyLoadAmdUrl = "/tramino/js/lazy/lazyload.amd.min.js";
2178			var polyfillAmdUrl = "/tramino/js/lazy/intersection-observer.js";
2179
2180
2181			var dependencies = [
2182				"IntersectionObserver" in window
2183					? null // <- Doesn't require the polyfill
2184					: polyfillAmdUrl,
2185				lazyLoadAmdUrl
2186			];
2187			
2188			require(dependencies, function(_,LazyLoad) {
2189				window.lazyLoadInstance = new LazyLoad({
2190					//container: document.getElementById('TraminoRubrik'),
2191					elements_selector: ".lazy",
2192					// load_delay: 300,
2193					//threshold: 800,
2194				});
2195
2196			});
2197		}
2198	}
2199
2200	if ( $('.cardslider.slider').length > 0 && !$body.hasClass('norequire')) {
2201		
2202		let autoplay = false;
2203		if( $('.cardslider.slider').hasClass('autoplay') ){
2204			autoplay = true;
2205		}
2206
2207		require(['slick'], function(_) {
2208
2209			$('.cardslider.slider').slick({
2210				lazyLoad: 'ondemand',
2211				dots: false,
2212				arrows: true,
2213				infinite: true,
2214				slidesToShow: 3,
2215				slidesToScroll: 1,
2216				// prevArrow: '<a href="#" class="slider-nav slider-nav-prev"><i class="icon-arrow-left"></i></i></a>',
2217				// nextArrow: '<a href="#" class="slider-nav slider-nav-next"><i class="icon-arrow-right"></i></a>',
2218				variableWidth: true,
2219				autoplay: autoplay,
2220				autoplaySpeed: 1000,
2221			});	
2222		});
2223	}
2224
2225	
2226	
2227	
2228	
2229
2230	
2231	
2232
2233	// impressum anhang
2234	$('.T711').addClass('maxwidth text');
2235	$('.T711 p').addClass('fontsize_medium');
2236	 
2237	//Datenschutz Anhang
2238	$('.T1979').addClass('maxwidth text');
2239
2240
2241	// Zur Sprungmarke Offset von de Navigation hinzufügen
2242	// if ($('header').css('position') == 'sticky') {
2243	
2244
2245
2246		// $('a').filter(function() { return this.href.match(/TraminoAnhang/); }).addClass("scrollto");
2247
2248		$('a').filter(function() { 
2249			return this.href.match(/TraminoAnhang/);
2250		}).addClass("scrollto");
2251		
2252		$('a.scrollto').on('click', function(e) {
2253
2254			let anker = $(this).attr('href');
2255			anker = anker.match("#(.*)$");
2256			anker = anker[0];
2257
2258			if ( $(anker).length > 0 ) {
2259				e.preventDefault();
2260			}
2261
2262			let offset = 20;
2263
2264
2265			if ( $('header').css("position") == "fixed" || $('header').css("position") == "sticky" ) {
2266				offset = $('header').height() + 20;
2267			}
2268
2269
2270			let scrollto = $(anker).offset().top - offset;
2271			$('html, body').animate({
2272				scrollTop: scrollto,
2273			}, 1000, 'swing');
2274			
2275		});
2276	
2277
2278});
2279
2280document.addEventListener("DOMContentLoaded", function() {
2281  document.querySelectorAll("#TraminoInhalt table").forEach(function(table) {
2282    // Wenn Tabelle die Klasse 'no-responsive' hat, überspringen
2283    if (table.classList.contains("no-responsive")) return;
2284    
2285    // Prüfen, ob Tabelle schon in einem Wrapper steckt
2286    if (!table.parentElement.classList.contains("table-responsive")) {
2287      let wrapper = document.createElement("div");
2288      wrapper.classList.add("table-responsive");
2289      wrapper.style.overflowX = "auto";
2290      wrapper.style.webkitOverflowScrolling = "touch";
2291      table.parentNode.insertBefore(wrapper, table);
2292      wrapper.appendChild(table);
2293    }
2294  });
2295});
2296
2297
2298</script>
2298
2299
2300
2301
2302
2303
2304
2305
2306
2307
2308
2309<style>
2310	body .color { color: #2e453d; }
2311	body .text a:not(.bgcolor,.button) { color: #2e453d; }
2312	
2313		body .bgcolor { background-color: #2e453d; color: #FFFFFF; }
2314	
2315
2316	body .bordercolor { border-color: #2e453d; }
2317	
2318		body .textile .button, .S6529 .textile a.button { background-color: #2e453d; color: #FFFFFF; }
2319	
2320
2321	#cart-button-next {
2322		background-color: var(--signal_color,#CC3300);
2323		color: var(--signal_color_negativ,#FFFFFF);
2324	}
2325
2326	
2327	
2328
2329	/*
2330	header .header input[type="button"] {
2331	 	color: #000;
2332	 }
2333	*/
2334
2335	/* Trennbaustein Linie */
2336	body .T4681 .bordercolor:before { background: #2e453d; }
2337
2338	/* Navigation: Farbiger Hover; */
2339	body .S6995 .header.show_subnav nav ul li:hover > a  { background-color: #2e453d; }
2340	body .S6995 .header.show_subnav nav ul ul li:hover a  { background-color: #2e453d; }
2341
2342	:root {
2343		--signal_color: #2e453d;
2344		
2345			--signal_color_negativ: #FFFFFF;
2346		
2347	}
2348</style>
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364<style>
2365	body {
2366		background-color: #ffffff;
2367		color: #000000;
2368	}
2369
2370	header .header { background-color: #ffffff; }
2371
2372	header .S7114 .header { background-color: rgba(255,255,255,0.8) !important;  }
2373
2374	
2375		
2376		footer {
2377			--footer_border_color: rgba(0,0,0,0.05);
2378		--footer_a_color: #000;
2379		}
2380		footer .wrapper {
2381			background-color: rgba(100,100,100,0.1);
2382			border-top: 1px solid rgba(0,0,0,0.05);
2383			color: #000;
2384		}
2385
2386		footer .copyright a { color: #000; }
2387	
2388
2389	.T3108 .bg_image .mask {
2390		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
2391		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
2392		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
2393	}
2394
2395	
2396
2397	:root {
2398		--background_color: #ffffff;
2399		--text_color: #000000;
2400		--bgcolor-button: #2e453d; 
2401		--default_font: "Maven Pro";
2402		--default_specialfont: "Jost";
2403	}
2404</style>
2405
2406
2407
2408
2409
2410
2411<meta property="og:title" content="Der Wiesengrund-Blog">
2412<meta property="og:description" content="Neuigkeiten aus und um das Hotel Wiesengrund in Bad Hindelang.">
2413<meta property="og:site_name" content="Hotel Wiesengrund">
2414<meta property="og:type" content="Website">
2415<meta property="og:url" content="https://www.wiesengrund.com/blog/">
2416					<!-- CodeBuffer: DialogShift Chatbot (#1326) -->
2417					
2417<script>
2418						window.consentCodeBuffer = window.consentCodeBuffer || [];
2419						window.consentCodeBuffer.push({ type: "javascript", callback: function(){   ;(function() {
2420    var script = document.createElement('script');
2421    script.src = 'https://assets.dialogshift.com/code/pro1f51.js';
2422    document.getElementsByTagName('head')[0].appendChild(script);
2423  })()
2424 }, id: "1326" });
2425					</script>
2425
2426				
2427
2428</head>
2429<body  id="body" class=" Mandant_3295 Rubrik_120831" >
2430
2431
2432<div id="page">
2433
2434<div id="TraminoRubrik">
2435				
2436
2437		<div id="TraminoInhalt">
2438			
2439				<header class="TraminoVorlage T3645 S8898 nomargin TraminoVorlage_1" id="TraminoAnhang266466"   >
2440					<div class="header">
2441	<div class="inner">
2442		<div class="wrapper ">
2443			
2444			<a class="icon menu" data-openside="left" href="#">
2445				<span class="inner"><i class="icon-menu"></i></span>
2446				<div class="name">Menü</div>
2447			</a>
2448			
2449			<a id="logo" href="/"><img src="https://storage.tramino.net/hotel-wiesengrund/1345706/image002.png?r=1" alt="Logo Wiesengrund"  title="Logo Wiesengrund"    loading="lazy"  /></a>
2450			
2451			
2452			<a class="icon ibe extra_menu" data-openside="right" href="#">
2453				<span class="inner"><i class="icon-bed"></i></span>
2454				<div class="name">Buchen &amp; mehr</div>
2455			</a>
2456			
2457			
2458
2459			
2460
2461			
2462				
2463				<div id="header-cart">
2464	<div id="cart-sum" class="fontsize_medium">
2465		<i class="icon-shoppingbag"></i>
2466		<span class="inner"></span>
2467		
2468	</div>
2469	<div id="cart-text"></div>
2470</div>
2471
2472<div id="cart-content">
2473	<span class="close">&times;</span>
2474	<div id="cart-items-container"></div>
2475	
2476	
2477	
2478	
2479	
2480	<input id="cart-button-next" name="mode" value="weiter zur Buchung" class="bgcolor fontsize_xsmall" onclick="window.location='/direktbuchung/warenkorb/'" type="button" />
2481
2482	
2483</div>
2484			
2485
2486			
2487				<div class="telefon">
2488					<a href="tel:+49 8324 2219">
2489						<span class="inner">
2490							<i class="icon-phone"></i>
2491							<span class="number">+49 8324 2219</span>
2492						</span>
2493					</a>
2494				</div>
2495			
2496
2497		</div>
2498	</div>
2499	<div class="slidecolumn-left slidecolumn" data-side="left">
2500		<a href="#" class="close"><i class="icon-delete"></i></a>
2501		<div class="inner">
2502			<nav class="box nav">
2503				<div class="headline fontsize_xsmall bold">Navigation</div>
2504				
2505	<div class="ul"><ul class="nav">
2506	<li class="nav_1 nav__hotel nav__120826 nav___1 first has_children"><a href="https://www.wiesengrund.com/hotel/" class="fontsize_large bold"   ><span>Hotel</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1449226/220x90.jpg" alt="Wiesengrund-Außenansicht-Winter"  title="Wiesengrund-Außenansicht-Winter" width="220" height="90"   loading="lazy"  /></span></a>
2507		<div class="ul"><ul class="nav">
2508		<li class="nav_1_1 nav__angebote nav__120841 nav___1 first"><a href="https://www.wiesengrund.com/hotel/angebote/"  class="fontsize_medium"  ><span>Angebote</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1449253/220x90.jpg" alt="Wiesengrund-Zimmer"  title="Wiesengrund-Zimmer" width="220" height="90"   loading="lazy"  /></span></a></li>
2509		<li class="nav_1_2 nav__jobs-karriere nav__121797 nav___2"><a href="https://www.wiesengrund.com/hotel/jobs-karriere/"  class="fontsize_medium"  ><span>Jobs &amp; Karriere</span><span class="extra"></span></a></li>
2510		<li class="nav_1_3 nav__zimmer nav__120832 nav___3"><a href="https://www.wiesengrund.com/hotel/zimmer.html"  class="fontsize_medium"  ><span>Zimmer</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1218619/220x90.jpg" alt="Hotel Wiesengrund Zimmerbilder 2022 46"  title="Hotel Wiesengrund Zimmerbilder 2022 46" width="220" height="90"   loading="lazy"  /></span></a></li>
2511		<li class="nav_1_4 nav__faq nav__152452 nav___4"><a href="https://www.wiesengrund.com/hotel/faq.html"  class="fontsize_medium"  ><span>FAQ</span><span class="extra"></span></a></li>
2512		<li class="nav_1_5 nav__stornoschutz nav__126894 nav___5"><a href="https://www.wiesengrund.com/hotel/stornoschutz.html"  class="fontsize_medium"  ><span>Stornobedingungen</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1022495/220x90.jpg?r=1" alt="Hotel Wiesengrund Zimmerbilder013"  title="Hotel Wiesengrund Zimmerbilder013" width="220" height="90"   loading="lazy"  /></span></a></li>
2513		<li class="nav_1_6 nav__wellness nav__120835 nav___6"><a href="https://www.wiesengrund.com/hotel/wellness.html"  class="fontsize_medium"  ><span>Wellness</span><span class="extra">
2513<img src="https://storage.tramino.net/hotel-wiesengrund/1546257/220x90.jpg" alt="Wiesengrund-Wellness-web-2"  title="Wiesengrund-Wellness-web-2" width="220" height="90"   loading="lazy"  /></span></a></li>
2514		<li class="nav_1_7 nav__reisegruppen nav__120836 nav___7"><a href="https://www.wiesengrund.com/hotel/reisegruppen.html"  class="fontsize_medium"  ><span>Reisegruppen</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1449233/220x90.jpg" alt="Wiesengrund-Restaurant"  title="Wiesengrund-Restaurant" width="220" height="90"   loading="lazy"  /></span></a></li>
2515		<li class="nav_1_8 nav__fruehstueck nav__120850 nav___8"><a href="https://www.wiesengrund.com/hotel/fruehstueck.html"  class="fontsize_medium"  ><span>Frühstück</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1022511/220x90.jpg?r=1" alt="Hotel Wiesengrund Restaurant009"  title="Hotel Wiesengrund Restaurant009" width="220" height="90"   loading="lazy"  /></span></a></li>
2516		<li class="nav_1_9 nav__restplatzboerse nav__126078 nav___9"><a href="https://www.wiesengrund.com/hotel/restplatzboerse.html"  class="fontsize_medium"  ><span>Restplatzbörse</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1064330/220x90.jpg?r=1" alt="Drei Stengel"  title="Drei Stengel" width="220" height="90"   loading="lazy"  /></span></a></li>
2517		<li class="nav_1_10 nav__bewertungen nav__126227 nav___10 last"><a href="https://www.wiesengrund.com/hotel/bewertungen.html"  class="fontsize_medium"  ><span>Bewertungen</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1449234/220x90.jpg" alt="Wiesengrund-Zimmer"  title="Wiesengrund-Zimmer" width="220" height="90"   loading="lazy"  /></span></a></li>
2518		</ul></div>
2519	</li>
2520	<li class="nav_2 nav__restaurant nav__12354 nav___2 has_children"><a href="https://www.wiesengrund.com/restaurant/" class="fontsize_large bold"  title="Der Wiesengrund Stadl – unser Erlebnis- und Veranstaltungsrestaurant" ><span>Restaurant</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1022517/220x90.jpg?r=1" alt="Hotel Wiesengrund Restaurant001"  title="Hotel Wiesengrund Restaurant001" width="220" height="90"   loading="lazy"  /></span></a>
2521		<div class="ul"><ul class="nav">
2522		<li class="nav_2_1 nav__wirtshaus nav__127383 nav___1 first"><a href="https://www.wiesengrund.com/restaurant/wirtshaus.html"  class="fontsize_medium" title="Der Wiesengrund Stadl – unser Erlebnis- und Veranstaltungsrestaurant" ><span>Wirtshaus</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1022517/220x90.jpg?r=1" alt="Hotel Wiesengrund Restaurant001"  title="Hotel Wiesengrund Restaurant001" width="220" height="90"   loading="lazy"  /></span></a></li>
2523		<li class="nav_2_2 nav__kulinarik nav__127380 nav___2"><a href="https://www.wiesengrund.com/restaurant/kulinarik.html"  class="fontsize_medium" title="Der Wiesengrund Stadl – unser Erlebnis- und Veranstaltungsrestaurant" ><span>Kulinarik</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1449256/220x90.jpg" alt="Wiesengrund-Kulinarik"  title="Wiesengrund-Kulinarik" width="220" height="90"   loading="lazy"  /></span></a></li>
2524		<li class="nav_2_3 nav__biergarten nav__120838 nav___3 last"><a href="https://www.wiesengrund.com/restaurant/biergarten.html"  class="fontsize_medium"  ><span>Biergarten</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1018414/220x90.jpg" alt="Der Biergarten"  title="Im Biergarten" width="220" height="90"   loading="lazy"  /></span></a></li>
2525		</ul></div>
2526	</li>
2527	<li class="nav_3 nav__veranstaltungsstadl nav__120837 nav___3 has_children"><a href="https://www.wiesengrund.com/veranstaltungsstadl/" class="fontsize_large bold"   ><span>Veranstaltungen</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1022512/220x90.jpg?r=2" alt="Hotel Wiesengrund Restaurant010"  title="Hotel Wiesengrund Restaurant010" width="220" height="90"   loading="lazy"  /></span></a>
2528		<div class="ul"><ul class="nav">
2529		<li class="nav_3_1 nav__ballonfestival nav__146526 nav___1 first last"><a href="https://www.wiesengrund.com/veranstaltungsstadl/ballonfestival.html"  class="fontsize_medium" title="Vom 18. bis 25. Januar 2026 wird der Himmel über Bad Hindelang bunt. Ob beim Blick aus dem Ballon die Alpen oder beim stimmungsvollen Ballonglühen am 21. und 24.01 (wetterabhängig). Eine Woche lang steht das Ostrachtal ganz im Zeichen der Ballone." ><span>Ballonfestival</span><span class="extra"></span></a></li>
2530		</ul></div>
2531	</li>
2532	<li class="nav_4 nav__ballonfahrten nav__151009 nav___4"><a href="https://www.wiesengrund.com/ballonfahrten/" class="fontsize_large bold"   ><span>Ballonfahrten</span><span class="extra"></span></a></li>
2533	<li class="nav_5 nav__nachhaltigkeit nav__120851 nav___5"><a href="https://www.wiesengrund.com/nachhaltigkeit/" class="fontsize_large bold"   ><span>Nachhaltigkeit</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1018347/220x90.jpg?r=1" alt="Übersicht über das Hotel Wiesengrund bei Bad Hindelang."  title="Hotel Wiesengrund aus der Vogelperspektive" width="220" height="90"   loading="lazy"  /></span></a></li>
2534	<li class="nav_6 nav__akademie nav__12355 nav___6"><a href="https://www.wiesengrund.com/akademie/" class="fontsize_large bold"  title="Herzlich Willkommen in der neuen Wiesengrund-Akademie" ><span>Akademie</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1025390/220x90.jpg?r=1" alt="großer Tagungsraum"  title="Tagungsraum" width="220" height="90"   loading="lazy"  /></span></a></li>
2535	<li class="nav_7 nav__wohnmobilpark nav__120827 nav___7"><a href="https://www.wiesengrund.com/wohnmobilpark/" class="fontsize_large bold"  title="Ihr ausgezeichneter Wohnmobilstellplatz in Bad Hindelang im Allgäu." ><span>Wohnmobilpark</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1018508/220x90.jpg?r=1" alt="Wohnmobilpark - Romantik in den Alpen"  title="Wohnmobilpark - Romantik in den Alpen" width="220" height="90"   loading="lazy"  /></span></a></li>
2536	<li class="nav_8 nav__natur-aktiv nav__120844 nav___8 has_children"><a href="https://www.wiesengrund.com/natur-aktiv/" class="fontsize_large bold"  title="Urlaub in Bad Hindelang. Ausgewählte Freizeit-Erlebnisse vom Hotel Wiesengrund." ><span>Natur &amp; Aktiv</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1574883/220x90.jpg" alt="Wiesengrund-Wandern-web-19"  title="Wiesengrund-Wandern-web-19" width="220" height="90"   loading="lazy"  /></span></a>
2537		<div class="ul"><ul class="nav">
2538		<li class="nav_8_1 nav__sommer nav__127387 nav___1 first"><a href="https://www.wiesengrund.com/natur-aktiv/sommer/"  class="fontsize_medium" title="Urlaub in Bad Hindelang. Ausgewählte Freizeit-Erlebnisse vom Hotel Wiesengrund." ><span>Sommer</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1033564/220x90.jpg?r=5" alt="Schrecksee"  title="Schrecksee" width="220" height="90"   loading="lazy"  /></span></a></li>
2539		<li class="nav_8_2 nav__winter nav__127394 nav___2"><a href="https://www.wiesengrund.com/natur-aktiv/winter/"  class="fontsize_medium" title="Urlaub in Bad Hindelang. Ausgewählte Freizeit-Erlebnisse vom Hotel Wiesengrund." ><span>Winter</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1092821/220x90.jpg?r=3" alt="Winter Bad Hindelang"  title="Winter Bad Hindelang" width="220" height="90"   loading="lazy"  /></span></a></li>
2540		<li class="nav_8_3 nav__touren nav__127395 nav___3 has_children"><a href="https://www.wiesengrund.com/natur-aktiv/touren/"  class="fontsize_medium" title="Urlaub in Bad Hindelang. Ausgewählte Freizeit-Erlebnisse vom Hotel Wiesengrund." ><span>Touren</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1033563/220x90.jpg?r=2" alt="Hirschberg"  title="Hirschberg" width="220" height="90"   loading="lazy"  /></span></a>
2541			<div class="ul"><ul class="nav">
2542			<li class="nav_8_3_1 nav__auf-hirschberg nav__122148 nav___1 first"><a href="https://www.wiesengrund.com/natur-aktiv/touren/auf-hirschberg.html"  class="fontsize_medium" title="Über den wildromantischen Hirschbachtobel geht es zunächst gemächlic
2542h, dann immer steiler, auf einem schmaler werdenden Waldpfad nach oben." ><span>Auf den Hirschberg</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1033563/220x90.jpg?r=2" alt="Hirschberg"  title="Hirschberg" width="220" height="90"   loading="lazy"  /></span></a></li>
2543			<li class="nav_8_3_2 nav__bergtour-schrecksee nav__122142 nav___2"><a href="https://www.wiesengrund.com/natur-aktiv/touren/bergtour-schrecksee.html"  class="fontsize_medium" title="Oben angekommen haben Sie einen wunderschönen Blick über das Ostrachtal. Und vor Ihnen begeistert der grün schimmernde Schrecksee mit seiner markanten Insel." ><span>Bergtour auf den Schrecksee</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1033564/220x90.jpg?r=5" alt="Schrecksee"  title="Schrecksee" width="220" height="90"   loading="lazy"  /></span></a></li>
2544			<li class="nav_8_3_3 nav__wandern-horn nav__120846 nav___3"><a href="https://www.wiesengrund.com/natur-aktiv/touren/wandern-horn.html"  class="fontsize_medium" title="Die Hornbahn auf das Imberger Horn ist nur 3 Gehminuten vom Hotel Wiesengrund entfernt." ><span>Wandern am Horn</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1033560/220x90.jpg?r=1" alt="Am Horn"  title="Am Horn" width="220" height="90"   loading="lazy"  /></span></a></li>
2545			<li class="nav_8_3_4 nav__wanderung-die-willersalpe nav__122147 nav___4"><a href="https://www.wiesengrund.com/natur-aktiv/touren/wanderung-die-willersalpe.html"  class="fontsize_medium" title="Durch den Wald steigen Sie auf einem gut angelegten Wanderweg in Richtung der Willersalpe." ><span>Wanderung auf die Willersalpe</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1033565/220x90.jpg?r=1" alt="Willersalpe"  title="Willersalpe" width="220" height="90"   loading="lazy"  /></span></a></li>
2546			<li class="nav_8_3_5 nav__wanderung-zur-zipfelsalpe nav__122145 nav___5 last"><a href="https://www.wiesengrund.com/natur-aktiv/touren/wanderung-zur-zipfelsalpe.html"  class="fontsize_medium" title="Vorbei am Prinzengumpen, einem kleinen Naturfreibad mit Kiosk, steigen Sie auf einem wunderschönen Waldpfad steil zur Zipfelsalpe nach oben." ><span>Wanderung zur Zipfelsalpe</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1033562/220x90.jpg" alt="Wasserfall am Zipfelsbach"  title="Wasserfall am Zipfelsbach" width="220" height="90"   loading="lazy"  /></span></a></li>
2547			</ul></div>
2548		</li>
2549		<li class="nav_8_4 nav__golfen nav__151991 nav___4 last"><a href="https://www.wiesengrund.com/natur-aktiv/golfen.html"  class="fontsize_medium" title="Golfen in den Allgäuer Bergen bedeutet: klare Luft, weite Ausblicke und ein Spiel im Einklang mit der Natur. Vom Wiesengrund aus erreichsen Sie über 20 Golfplätze in kurzer Zeit – von charmant bis herausfordernd, immer mit Bergpanorama." ><span>Golfen im Allgäu</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1593827/220x90.jpg" alt="Golf Nesselwang"  title="Golf Nesselwang" width="220" height="90"   loading="lazy"  /></span></a></li>
2550		</ul></div>
2551	</li>
2552	<li class="nav_9 nav__familiensache nav__127396 nav___9"><a href="https://www.wiesengrund.com/familiensache/" class="fontsize_large bold"  title="Wir, die Familie Kullmann, Inhaber und Vollblutgastronomen halten bereits in der 3. Generation das Steuer mit großem Einsatz in der Hand." ><span>Familiensache</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1018347/220x90.jpg?r=1" alt="Übersicht über das Hotel Wiesengrund bei Bad Hindelang."  title="Hotel Wiesengrund aus der Vogelperspektive" width="220" height="90"   loading="lazy"  /></span></a></li>
2553	<li class="nav_10 nav__blog nav__120831 nav___10 nav_aktiv"><a href="https://www.wiesengrund.com/blog/" class="fontsize_large bold"   ><span>Blog</span><span class="extra"></span></a></li>
2554	<li class="nav_11 nav__gutscheine-shop nav__120828 nav___11"><a href="https://www.wiesengrund.com/gutscheine-shop/" class="fontsize_large bold"   ><span>Gutscheine &amp; Shop</span><span class="extra"><img src="https://storage.tramino.net/hotel-wiesengrund/1061249/220x90.jpg?r=1" alt="Hauswein-MüllerThurgau"  title="Hauswein-MüllerThurgau" width="220" height="90"   loading="lazy"  /></span></a></li>
2555	<li class="nav_12 nav__direktbuchung nav__120829 nav___12 has_children"><a href="https://www.wiesengrund.com/direktbuchung/" class="fontsize_large bold"   ><span>Direktbuchung</span><span class="extra"></span></a>
2556		<div class="ul"><ul class="nav">
2557		<li class="nav_12_1 nav__unverbindliche-anfrage nav__121327 nav___1 first"><a href="https://www.wiesengrund.com/direktbuchung/unverbindliche-anfrage.html"  class="fontsize_medium"  ><span>Unverbindliche Anfrage</span><span class="extra"></span></a></li>
2558		</ul></div>
2559	</li>
2560	</ul></div>
2561				
2562			</nav>
2563			
2564			<div class="box links">
2565				<div class="headline fontsize_xsmall bold">Wichtige Links</div>
2566				
2567				
2568				
2569				
2570				
2571				
2572				
2573				
2574
2575				<ul class="list-nostyling">
2576				
2577				<li><a href="/hotel/angebote/" class="fontsize_medium"><i class="icon-arrow-right"></i> Angebote</a></li>
2578				
2579				<li><a href="/hotel/restplatzboerse.html" class="fontsize_medium"><i class="icon-arrow-right"></i> Restplatzbörse</a></li>
2580				
2581				<li><a href="/hotel/zimmer.html" class="fontsize_medium"><i class="icon-arrow-right"></i> Zimmer</a></li>
2582				
2583				<li><a href="/hotel/jobs-karriere/" class="fontsize_medium"><i class="icon-arrow-right"></i> Jobs &amp; Karriere</a></li>
2584				
2585				</ul>
2586			</div>
2587			
2588		</div>
2589	</div>
2590	<div class="slidecolumn-right slidecolumn" data-side="right">
2591		<a href="#" class="close"><i class="icon-delete"></i></a>
2592		<div class="inner">
2593		<div class="box search">
2594				<div class="headline fontsize_xsmall bold">
2595					Suchen &amp; Buchen
2596					
2597						Direkt zu Ihrem Wunschzimmer
2598					
2599				</div>
2600
2601				
2602					<form id="menu_search" action="/direktbuchung/">
2603					<!-- Templates siehe JS -->
2604					<!-- Template siehe JS -->
2605
2606					<div id="menu_datepicker_display" class="button pulldown fontsize_medium">Zeitraum</div>
2607					<div id="menu_datepicker" class="reserva-datepicker fontsize_medium"><!-- Erzeugt durch ReservaApp --></div>
2608					<div id="menu_people_display"  class="button pulldown fontsize_medium">Personen</div>
2609					<div id="menu_people_container" class="reserva-people-select"></div>
2610					<input type="hidden" name="from" />
2611					<input type="hidden" name="to" />
2612					<input type="hidden" name="select_mode" value="" />
2613					<input type="hidden" name="show_classes" value="" />
2614
2615					<div class="button_wrapper">
2616						<input type="submit" name="action" value="Suchen" class="bgcolor fontsize_xsmall" />
2617					</div>
2618					</form>
2619				
2620
2621				
2622				<div class="moreinfos hidden">
2623					<div class="headline fontsize_xsmall bold">mehr</div>
2624					<ul class="list-nostyling">
2625						
2626							<li><a href="/direktbuchung/unverbindliche-anfrage.html" class="fontsize_medium"><i class="icon-phone"></i>Anfrage</a></li>
2627						
2628						
2629
2630						
2631
2632						
2633
2634					</ul>
2635				</div>
2636				
2637
2638			</div>
2639		</div>
2640	</div>
2641</div>
2642					
2643				</header>
2644			
2645				<section class="TraminoVorlage T2838 S5327 nomargin TraminoVorlage_2" id="TraminoAnhang270280"   >
2646					<div class="bilder">
2647	
2648		<a class="element fancybox element_1" href="https://storage.tramino.net/hotel-wiesengrund/1449232/1200.jpg" rel="group_270280">
2649			
2650			<span class="inner">
2651				
2652		<picture ><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/1600x1200.webp 1x" type="image/webp" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/1280x960.webp 1x" type="image/webp" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/1024x768.webp 1x" type="image/webp" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/768x576.webp 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/200x150.webp 1x" type="image/webp" ><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/1600x1200.jpg 1x" type="image/jpeg" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/1280x960.jpg 1x" type="image/jpeg" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/1024x768.jpg 1x" type="image/jpeg" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/768x576.jpg 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1449232/200x150.jpg 1x" type="image/jpeg" ><img src="https://storage.tramino.net/hotel-wiesengrund/1449232/200x150.jpg" width="200" height="150" loading='lazy' alt="Wiesengrund-Gastgeber-Familie" /></picture>
2653	
2654			</span>
2655			
2656		</a>
2657	
2658		<a class="element fancybox element_2" href="https://storage.tramino.net/hotel-wiesengrund/1018347/1200.jpg?r=1" rel="group_270280">
2659			
2660			<span class="inner">
2661				
2662		<picture ><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/1600x1200.webp?r=1 1x" type="image/webp" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/1280x960.webp?r=1 1x" type="image/webp" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/1024x768.webp?r=1 1x" type="image/webp" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/768x576.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/200x150.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/1600x1200.jpg?r=1 1x" type="image/jpeg" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/1280x960.jpg?r=1 1x" type="image/jpeg" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/1024x768.jpg?r=1 1x" type="image/jpeg" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/768x576.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/1018347/200x150.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/hotel-wiesengrund/1018347/200x150.jpg?r=1" width="200" height="150" loading='lazy' alt="Übersicht über das Hotel Wiesengrund bei Bad Hindelang." title="Hotel Wiesengrund aus der Vogelperspektive" /></picture>
2663	
2664			</span>
2665			
2666		</a>
2667	
2668		<a class="element fancybox element_3" href="https://storage.tramino.net/hotel-wiesengrund/53471/2010-05-05-0446.jpg?r=1" rel="group_270280">
2669			
2670			<span class="inner">
2671				
2672		<picture ><source srcset="https://storage.tramino.net/hotel-wiesengrund/53471/1024x768.webp?r=1 1x" type="image/webp" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/53471/768x576.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/53471/200x150.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/hotel-wiesengrund/53471/1024x768.jpg?r=1 1x" type="image/jpeg" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/53471/768x576.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/hotel-wiesengrund/53471/200x150.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/hotel-wiesengrund/53471/200x150.jpg?r=1" width="200" height="150" loading='lazy' alt="" /></picture>
2673	
2674			</span>
2675			
2676		</a>
2677	
2678		
2679</div>
2680					
2681				</section>
2682			
2683				<section class="TraminoVorlage T4014 TraminoVorlage_3" id="TraminoAnhang266467"   >
2684					<div class="maxwidth"  >
2685
2686	
2687	
2688	<div class="col path">
2689		<i class="icon icon-poi"></i>
2690		<span >
2691			
2692			
2693			<a href="/" ><span >Hotel Wiesengrund</span></a>
2694		</span>
2695		
2696		
2697		<span >
2698			
2699			
2700			&nbsp;&rsaquo;&nbsp; <a href="/blog/" ><span >Blog</span></a>
2701		</span>
2702		
2703		
2704		
2705	</div>
2706
2707	
2708	
2709	
2710	<div class="col readtime right" title="Lesedauer">
2711		<i class="icon-timer"></i> Lesedauer <span class="min">5</span> <span class="einheit">Minuten</span>
2712	</div>
2713	
2714	
2715	
2716		
2717	
2718	
2719	<div class="break"></div>
2720	
2721</div>
2722					
2723				</section>
2724			
2725				<section class="TraminoVorlage T4113 S7948 TraminoVorlage_4" id="TraminoAnhang277837"   >
2726					<div class="maxwidth">
2727	
2728	<div class="outer">
2729		
2730		
2731		
2732		<div class="memo">
2733
2734			<a class="inner" href="/blog/memos/40-jahre-wiesengrund.html">
2735				<div class="mask"></div>
2736				<div class="File Bild mark3 "    ><img  
2737							src="https://storage.tramino.net/hotel-wiesengrund/1207003/400x400.jpg" alt="7fd11898-0cb5-44b0-b74f-3063a3751755" title="7fd11898-0cb5-44b0-b74f-3063a3751755" width="400" height="400"    loading="lazy"  /></div>
2738				<div class="headline specialfont fontsize_medium">40 Jahre Wiesengrund</div>
2739			</a>
2740			<div class="text">Wie aus einem Hirngespinst Geschichte wurde.</div>
2741			
2742		</div>
2743		
2744		
2745		
2746		
2747		
2748		<div class="memo">
2749
2750			<a class="inner" href="/blog/memos/neuer-waldseilgarten-bad-hindelang.html">
2751				<div class="mask"></div>
2752				<div class="File Bild mark3 "    ><img  
2753							src="https://storage.tramino.net/hotel-wiesengrund/1352046/400x400.jpg" alt="1200" title="1200" width="400" height="400"    loading="lazy"  /></div>
2754				<div class="headline specialfont fontsize_medium">Neuer Waldseilgarten in Bad Hindelang</div>
2755			</a>
2756			<div class="text">Hoch über Bad Hindelang, erwartet Sie ein riesen Abenteuer. Der neue Waldseilgarten bietet spannende Erlebnisse für Groß und Klein. Direkt an der G...</div>
2757			
2758		</div>
2759		
2760		
2761		
2762		
2763		
2764		<div class="memo">
2765
2766			<a class="inner" href="/blog/memos/unsere-gedanken-zum-diesjaehrigen-winterzauber.html">
2767				<div class="mask"></div>
2768				<div class="File Bild mark3 "    ><img  
2769							src="https://storage.tramino.net/hotel-wiesengrund/1065174/400x400.jpg" alt="Winterbild Iseler" title="Winterbild Iseler" width="400" height="400"    loading="lazy"  /></div>
2770				<div class="headline specialfont fontsize_medium">Unsere Gedanken zum diesjährigen Winterzauber</div>
2771			</a>
2772			<div class="text">Der erste richtige Schnee fiel vor ein paar Tagen. Vorfreude oder eher Panik?</div>
2773			
2774		</div>
2775		
2776		
2777		
2778		
2779		
2780		<div class="memo">
2781
2782			<a class="inner" href="/blog/memos/veraenderung-ist-einzig-bestaendige.html">
2783				<div class="mask"></div>
2784				<div class="File Bild mark3 "    ><img  
2785							src="https://storage.tramino.net/hotel-wiesengrund/1035762/400x400.jpg" alt="Biergarten im Hotel Wiesengrund am Abend" title="Biergarten Lilien" width="400" height="400"    loading="lazy"  /></div>
2786				<div class="headline specialfont fontsize_medium">Veränderung ist das einzig Beständige</div>
2787			</a>
2788			<div class="text">Veränderungen gehören zum Leben ebenso wie das Atmen oder Essen. Nichtsdestotrotz war das Jahr 2020 eine große Überraschung für uns alle.</div>
2789			
2790		</div>
2791		
2792		
2793		
2794		
2795				
2796		
2797	</div>
2798</div>
2799					
2800				</section>
2801			
2802				<section class="TraminoVorlage T2912 TraminoVorlage_5" id="TraminoAnhang557200"   >
2803					<div class="maxwidth background">
2804		
2805		<h3 data-shortcut="headline" class="specialfont fontsize_xlarge color">Newsletteranmeldung</h3>
2806		
2807		<div class="inner text">
2808
2809			
2810			
2811				<a name="form_6819"></a>
2812			<div class="TraminoForm " style="">
2813			
2814				<form action="/blog/"  class='TraminoForm newcss'  id="TraminoForm" data-formularid="eyJpZCI6NjgxOX0.psumjsHT9ZbwjPMjZ70GxevOx5Hyp-TR-2T6JEy8bX4" method="post" >
2815			
2816			
2817			
2818		<div class="Widgets">
2819			
2820			<div class="groups">
2821				<div class="group "  >
2822							<div class="element   formtype_Adresse" id="element_kontaktdaten" data-feld_id="53613" data-name="kontaktdaten"    >
2823								
2824						<div class="label  ">
2825							<h4><label for="kontaktdaten">Kontaktdaten</label>&nbsp;<span class="star">*</span></h4>
2826							 
2827						</div>
2828					
2829								<div class="input  hasvalue" id="input_kontaktdaten" >
2830									
2831									
2832		<div class="Widget AdresseWidget  email"	>
2833			<input type="hidden" name="kontaktdaten" value="" />
2834	
2835	
2836			<div class="Zeile" title="#">
2837				
2838				<div class="Feld adresse_anrede ">
2839					<select size="1" id="kontaktdaten_anrede" name="kontaktdaten_anrede"><option  value="" class="noprint"  ></option><option  value="Herr" class="noprint"  >Herr</option><option  value="Frau" class="noprint"  >Frau</option><option  value="Divers" class="noprint"  >Divers</option><option  value="Familie" class="noprint"  >Familie</option></select>
2840					<label class="Label" for="kontaktdaten_anrede" >Anrede<span class="star"></span></label>
2841				</div>
2842				
2843				
2844				<div class="break"></div>
2845			</div>
2846
2847	
2848			
2849		<div class="Zeile">
2850			<div class="Feld adresse_vorname ">
2851				<div class="input"><input type="text" name="kontaktdaten_vorname" id="kontaktdaten_vorname" value=""   maxlength="64" autocomplete="given-name"/></div>
2852				<label for="kontaktdaten_vorname" class="Label">Vorname <span class="star"></span></label>
2853			</div>
2854			<div class="Feld adresse_nachname last ">
2855				<div class="input"><input type="text" name="kontaktdaten_nachname" id="kontaktdaten_nachname" value=""   required maxlength="64" autocomplete="family-name"/></div>
2856				<label for="kontaktdaten_nachname" class="Label">Nachname <span class="star">*</span></label>
2857			</div>
2858			<div class="break"></div>
2859		</div>
2860
2861	<div class="Zeile"></div>
2862
2863		<div class="Zeile">
2864			<div class="Feld adresse_email " >
2865				<div class="input"><input type="email" name="kontaktdaten_email" id="kontaktdaten_email"  value=""   required
2866					style="width: 350px;" maxlength="64" autocomplete="email"/></div>
2867				<label for="kontaktdaten_email" class="Label">E-Mail-Adresse <span class="star">*</span></label>
2868			</div>
2869			<div class="break"></div>
2870		</div>
2871			
2872		</div>
2873									
2874									
2875								</div>
2876							</div>
2877						
2878							<div class="element   formtype_Spamstop2" id="element_spamstop" data-feld_id="53747" data-name="spamstop"    >
2879								
2880						<div class="label  ">
2881							<h4><label for="spamstop">Spam Stop</label>&nbsp;<span class="star"></span></h4>
2882							 
2883						</div>
2884					
2885								<div class="input " id="input_spamstop" >
2886									
2887									
2888		<div class="Widget Spamstop2WidgetInner formid_53747">
2889			<span class="z1 left"><img src="https://tramino.s3.amazonaws.com/gfx/spamstop2/44.png" aria-label="Spamschutz: Zahl 1: 8"></span>
2890			<span class="rz left"><img src="https://tramino.s3.amazonaws.com/gfx/spamstop2/33.png" aria-label="Spamschutz: Operator -"></span> 
2891			<span class="z2 left"><img src="https://tramino.s3.amazonaws.com/gfx/spamstop2/38.png" aria-label="Spamschutz: Zahl 2: 2"></span> 
2892			<span class="z2 left"><img src="https://tramino.s3.amazonaws.com/gfx/spamstop2/49.png" aria-label="Spamschutz: Gleichzeichen"></span> 
2893			<input type="text" name="spamstop" value="" maxlength="2" size="2" class="left " aria-label="Spamschutz: Ergebnis">
2894			<input type="hidden" name="spamstop_xs1" value="42">
2895			<input type="hidden" id="form_checksum53747" name="form_checksum" value="1">
2896		</div>
2897		
2898
2899		
2899<script>
2900			TraminoReady(function(){
2901				let form_checksum = document.getElementById("form_checksum53747");
2902				setTimeout(function() { form_checksum.setAttribute("value","14"); }, 4000);
2903			});
2904		</script>
2904
2905		
2906		
2907		<style type="text/css">
2908			.Spamstop2WidgetInner, .Spamstop2WidgetInner * { box-sizing: border-box; }
2909			.Spamstop2WidgetInner.formid_53747 {
2910				display: flex;
2911				    justify-content: center;
2912					align-items: stretch;
2913					padding: 0.5rem;
2914					background-color: #fff;
2915					max-width: 360px;
2916					border-radius: .5rem;
2917					width: 100%;
2918				}
2919			}
2920			.Spamstop2WidgetInner input[type=hidden] { width: 1px; }
2921			.Spamstop2WidgetInner input[type=text] {
2922				display: block;
2923				width: auto;
2924				height: auto;
2925				padding: 0px;
2926				margin: 0px;
2927				outline: 0;
2928				font-size: 25px;
2929				text-align: center;
2930			}
2931		</style>
2932	
2933									
2934									
2935								</div>
2936							</div>
2937						</div><div class="break"></div>
2938			</div>
2939		
2940			<div class="mandatory" style="font-size: 12px;"><span class="star">*</span> Pflichtfeld</div>
2941		</div>
2942	<input type="hidden" name="form_id" value="eyJpZCI6NjgxOX0.psumjsHT9ZbwjPMjZ70GxevOx5Hyp-TR-2T6JEy8bX4" />
2943<div class="footer ">
2944				<div class="form_buttons" style="clear: both;">
2945					
2946					<input type="submit" name="action" value="Newsletteranmeldung" style="font-size: 17px; min-width: 120px;">
2947				</div>
2948			
2949			<div class="datenschutz_footer">
2950				<div class="top">Mit dem Absenden des Formulars habe ich die <a href="/datenschutz/#kontaktformulare" target="blank">Datenschutzerklärung</a> zur Kenntnis genommen.</div>
2951			</div>
2952
2953			</div>
2954			
2955			
2956				</form>
2957			
2958
2959				
2959<script type="text/javascript">
2960					function checkKeyDown(event) {
2961
2962						if (!event.metaKey && event.keyCode == 114) {
2963							event.preventDefault();
2964						}
2965					
2966						if (!event) event = window.event;
2967						if ( event.keyCode == 113 || ( event.keyCode == 83 && event.ctrlKey == true ) ) {
2968							if ( event.shiftKey == true ) {
2969								document.getElementById('action_save2').click();
2970							} else {
2971								document.getElementById('action_save').click();
2972							}
2973						}
2974						if ( event.keyCode == 114 && document.getElementById('action_save2') ) {
2975							document.getElementById('action_save2').click();
2976						}
2977
2978					}
2979					document.onkeydown = checkKeyDown;
2980				</script>
2980
2981			
2982				
2982<script type="text/javascript">
2983					function toggleFormInput(id,self) {
2984						d = document.getElementById('input_'+id).style.display;
2985						if ( d == 'block' || d == '' ) {
2986							self.innerHTML = '&#9654;';
2987							document.getElementById('input_'+id).style.display = 'none';
2988							document.getElementById(id+'_collapsed').value = 1;
2989						} else {
2990							self.innerHTML = '&#9660;';
2991							document.getElementById('input_'+id).style.display = 'block';
2992							document.getElementById(id+'_collapsed').value = 0;
2993						}
2994					}
2995				</script>
2995
2996			
2997			</div>
2998		
2999			
3000			
3001		</div>
3002	</div>
3003					
3004				</section>
3005			
3006				<section class="TraminoVorlage T2902  maxwidth newmarginrule TraminoVorlage_6" id="TraminoAnhang270279"   >
3007					<div class="col col1">
3008	
3009		
3010		
3011			
3012				<a href="https://www.instagram.com/hotel_wiesengrund/" class="color tdn Bild" target='_blank'>
3013					<div class="Bild File"></div>
3014				</a>
3015			
3016		
3017
3018	
3019</div>
3020
3021<div class="col col2">
3022	
3023	
3024	
3025
3026		
3027		
3028
3029
3030		
3031			<h3 class="fontsize_large specialfont color" data-shortcut="col1_headline">
3032				<a href="https://www.instagram.com/hotel_wiesengrund/" class="color" style="text-decoration: none;" target='_blank'>
3033					#ilovewiesengrund 
3034				</a>
3035			</h3>
3036		
3037	
3038
3039	
3040		<div class="text textile" data-shortcut="col1_text" style="padding-bottom: 15px;">
3041			<p>Folge uns auch auf Instagram oder Facebook. Den Link zu allen unseren Kanälen gibt es am Ende dieser Seite.</p>
3042		</div>
3043	
3044	
3045	
3046		<a class="button2 bgcolor fontsize_small"  title="Externer Link auf instagram.com, Sie verlassen diesen Internetauftritt" href="https://www.instagram.com/hotel_wiesengrund/"  target="_blank">Der Wiesengrund auf Instagram</a>
3047	
3048	
3049	
3050</div>
3051					
3052				</section>
3053			
3054				<footer class="TraminoVorlage T2820  noanimation TraminoVorlage_7" id="TraminoAnhang266516"   >
3055					<div class="fontsize_medium  barrierefreiheit background wrapper text-transform noprint">
3056	<div class="inner boxes maxwidth">
3057		
3058
3059		<section class="box box1">
3060
3061			<div class="inner text">
3062
3063				
3064				
3065					<h3 class="headline color fontsize_medium bold">Kontakt</h3>
3066					
3067					<div class="address">
3068						<div class="adresse"><span class="address_value firma">Wiesengrund Resort GmbH</span><br/>Beate Kullmann<br/>Ostrachstraße&nbsp;23<br/>87541&nbsp;Bad Hindelang <br/>DEUTSCHLAND<br/><div class="nummer">Tel. <span class='phone-number' data-number='(08324 2219)'>+49 8324 2219</span><br/></div><div class="email"><a href="mailto:[email protected]" style="">[email protected]</a></div></div>
3069					</div>
3070				
3071				
3072				
3073			</div>
3074		</section>
3075
3076
3077
3078
3079
3080
3081		
3082		<section class="box box2 ">
3083			
3084			<div class="inner text">
3085
3086				
3087
3088					<h3 class="headline color fontsize_medium bold">Nichts verpassen? Unser Newsletter</h3>
3089
3090					
3091
3092
3093					
3094
3095						
3096						
3097
3098						
3099
3100						
3101						
3102
3103						
3104						
3105
3106						
3107						<div class="clear"></div>
3108					
3109					
3110					
3111					
3112					<p>Bleib auf dem Laufenden: Mit unserem <a href="https://www.wiesengrund.com/hotel/" target="_blank" title="Externer Link auf www.wiesengrund.com/hotel/, Sie verlassen diesen Internetauftritt" class="externlink"><span>Newsletter</span></a> erfährst Du als Erste*r von neuen Angeboten, besonderen Events und kleinen Geschichten aus dem Wiesengrund.<br />Natürlich nur dann, wenn’s wirklich was zu erzählen gibt. Versprochen.</p>
3113
3114
3115					
3116
3117				
3118
3119				
3120				
3121			</div>
3122			
3123		</section>
3124		
3125
3126
3127
3128
3129
3130			
3131		<section class="box box3 ">
3132			
3133			<div class="inner text">
3134
3135				<h3 class="headline color fontsize_medium bold">Jetzt mit Bad Hindelang +</h3>
3136				
3137
3138					
3139					
3140
3141					
3142
3143					
3144					
3145
3146					
3147					
3148
3149					
3150						<img src="https://storage.tramino.net/hotel-wiesengrund/1370660/145.webp" alt="Badhindelang plus logo.768x0"  title="Badhindelang plus logo.768x0" width="145" height="145" class="footer_img"  loading="lazy"  />
3151					
3152				
3153				<div class="clear"></div>
3154				
3155			</div>
3156			
3157		</section>
3158		
3159
3160
3161
3162
3163
3164
3165		
3166		<section class="box box4 ">
3167			
3168			<div class="inner text">
3169				
3170				
3171
3172				
3173				<h3 class="headline color fontsize_medium bold">Öffnungszeiten Wirtshaus</h3>
3174				<div class="fontsize_medium" style="margin-bottom: 15px;"><div class="oeffnungszeiten">
3175			<div class="tag">
3176				<div class="tage ">Mo - Sa&nbsp;</div>
3177				<div class="rightside">
3178					<span class="vormittag">14:00-23:45</span>
3179					
3180					
3181				</div>
3182			</div>
3183		
3184			<div class="tag">
3185				<div class="tage ">Sonntag&nbsp;</div>
3186				<div class="rightside">
3187					<span class="vormittag">11:30-23:45</span>
3188					
3189					
3190				</div>
3191			</div>
3192		</div>
3193</div>
3194				
3195				
3196				
3197					<h3 class="headline color fontsize_medium bold">Hotel Check In</h3>
3198					<div><p>Anreisen sind ab 15:00 möglich. Check Out bis 11:00.</p>
3199
3200<p>
3200Frühstücksbuffet für externe Gäste ist täglich von 07:30 - 10:00 Uhr möglich.<br />
3201Montag - Samstag € 20,00 pro Person<br />
3202Sonn- und Feiertag: € 22.00 pro Person<br />
3203Bitte um Vorbestellung</p></div>
3204				
3205				
3206				
3207
3208				
3209				
3210			</div>
3211			
3212		</section>
3213		
3214
3215
3216	</div>
3217
3218	
3219	
3220
3221
3222	
3223
3224	<div class="badges maxwidth align-center">
3225
3226		
3227
3228		
3229
3230
3231		
3232
3233		
3234
3235		
3236
3237		
3238		
3239
3240		
3241
3242		
3243
3244		
3245		
3246		
3247
3248		
3249		
3250		
3251			
3252			<a class="allgaeu" href="https://www.allgaeu.de/" title="Externer Link auf allgaeu.de, Sie verlassen diesen Internetauftritt" target="_blank"><img src="https://storage.tramino.net/root/897752/allgau.png?r=1" alt="Logo: Allgäu"  title="Logo: Allgäu"    loading="lazy"  /></a>
3253		
3254		
3255		
3256		
3257		
3258			
3259			<a class="oberallgaeu" href="https://oberallgaeu.info/" title="Externer Link auf oberallgaeu.info/, Sie verlassen diesen Internetauftritt" target="_blank"><img src="https://storage.tramino.net/root/1264113/oberallgau-info-logo.png?r=1" alt="Logo: Oberallgäu Info"  title="Logo: Oberallgäu Info"    loading="lazy"  /></a>
3260		
3261		
3262		
3263
3264		
3265
3266		
3267		
3268
3269		
3270	</div>
3271	
3272	
3273
3274
3275
3276
3277
3278
3279
3280
3281	
3282	<div class="inner maxwidth copyright fontsize_small">
3283		<div class="links">
3284			<ul>
3285				
3286				
3287				
3288				<li>
3289					
3290						<a href="/direktbuchung/impressum/">Impressum</a>
3291					
3292				</li>
3293
3294				
3295				
3296
3297				<li>
3298					
3299						<a href="/direktbuchung/datenschutz/">Datenschutz</a>
3300					
3301				</li>
3302				
3303				
3304
3305				
3306
3307				
3308
3309				
3310				<li>
3311					
3312						<a href="/barrierefreiheit/">Barrierefreiheit</a>
3313					
3314				</li>
3315				
3316				
3317				
3318					<li class="widerruf">
3319						<a href="/direktbuchung/widerruf/">Vertrag widerrufen</a>	
3320					</li>
3321				
3322				
3323				
3324				
3325
3326				<li><a href="#" data-openConsentSetttings="2">Cookie-Einstellungen</a></li>
3327				 
3328 				
3329
3330				
3331				
3332				
3333				
3334
3335			</ul>
3336		</div>
3337		
3338		
3339
3340		
3341		<div class="social">
3342		
3343			
3344			<a href="https://www.facebook.com/wiesengrund.allgaeu/" 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>
3345		
3346		
3347			
3348			<a href="https://www.instagram.com/hotel_wiesengrund/" 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>
3349		
3350		
3351			
3352			<a href="https://twitter.com/der_wiesengrund" title="Externer Link auf twitter.com, Sie verlassen diesen Internetauftritt" title="Externer Link, Sie verlassen diesen Internetauftritt" target="blank"><i class="icon-twitter"></i> Twitter</a>
3353		
3354		
3355			
3356			<a href="https://www.youtube.com/channel/UCIazR5f8jG6uvKdqAPB-YRg" title="Externer Link auf youtube.com, Sie verlassen diesen Internetauftritt" target="blank"><i class="icon-youtube"></i> YouTube</a>
3357		
3358		
3359		
3360		
3361		
3362		
3363		
3364		
3365		
3366	</div>
3367		
3368		
3369		<div class="tc ">
3370	
3371	Erstellt
3372	
3373	
3374	
3375	
3376	 von <a href="https://www.allgaeupix.de/" target="blank">ALLGÄUPIX</a>
3377	
3378	
3379	
3380	
3381	
3382	
3383		mit <a href="https://www.tramino.de" target="blank">Tramino</a>
3384	
3385</div>
3386		
3387		
3388		
3389		
3390	</div>
3391	
3392
3393
3394
3395	
3396		<div id="totop"><i class="color icon-arrow-up"></i></div>
3397	
3398
3399
3400
3401
3402</div>
3403
3404
3405
3406
3407
3408
3409
3410	<style>
3411		.T2820 .wrapper { 
3412			background: repeat-x url(https://storage.tramino.net/hotel-wiesengrund/1439509/design-ohne-titel5.png);
3413			background-color: var(--background_color);
3414			border: 0px;
3415		}
3416	</style>
3417
3418
3419
3420
3421
3422
3423<style>
3424
3425
3426
3427footer#TraminoAnhang266516 {
3428		--footer_bg_color: #0000000C;
3429	}
3430	footer#TraminoAnhang266516 .wrapper { background-color: #0000000C; }
3431
3432
3433
3434
3435footer#TraminoAnhang266516 {
3436		--footer_a_color: #ffffff;
3437	}
3438	footer#TraminoAnhang266516 .wrapper { color: #ffffff !important; }
3439	footer#TraminoAnhang266516 .wrapper :not(.widerruf) > a { 
3440		color: #ffffff !important;
3441	}
3442
3443footer#TraminoAnhang266516 .wrapper .color { color: #ffffff !important; }
3444
3445
3446
3447</style>
3448
3449
3450
3451<script type="text/javascript">
3452"use strict";
3453
3454var 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;
3455
3456TraminoReady(function() {
3457
3458	var stopclick = 0;
3459
3460	$('#totop').on('click', function(){
3461		
3462		if ( stopclick == 0 ) {
3463
3464			stopclick = 1;
3465			console.log(isiPad, navigator.userAgent);
3466			
3467			if ( isiPad ) {
3468 				$('#totop').fadeOut(20);
3469 				window.scrollTo(0,0);
3470				stopclick = 0;
3471			} else {
3472				$('html, body').animate({
3473					scrollTop: 0
3474				}, 800, function() {
3475					stopclick = 0;
3476				});
3477			}
3478
3479			
3480
3481
3482			
3483		}
3484	});
3485
3486	$(document).scroll(function(){
3487		var st = $(window).scrollTop();			
3488		if (st > 400 ) {
3489			$('#totop').fadeIn(300);
3490		} else {
3491			$('#totop').fadeOut(200);
3492		}
3493		
3494	});
3495});
3496
3497</script>
3497
3498					
3499				</footer>
3500			
3501		</div>
3502		
3503		
3504	
3505			</div><div class="TraminoConsent overlay" data-page="120831" data-checksum="de0551e3406a874d63c516b3efd28ad3_v1" data-domain="wiesengrund.com">
3506
3507
3508	
3509	<div class="background"></div>
3510	
3511	<div class="inner">
3512		<form action="#" class="">
3513
3514			<div class="screen first show">
3515				<div class="top">
3516					<div class="headline specialfont">Wir verwenden Cookies und andere Technologien.</div>
3517					<div class="info">
3518						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.
3519					</div>
3520				</div>
3521				<div class="bottom">
3522					<button type="submit" name="action" class="bgcolor" value="acceptConsentAll">Alle akzeptieren</button>
3523					<button type="submit" name="action" class="bgcolor" value="acceptConsent">Nur notwendige akzeptieren</button>
3524				</div>
3525				<div class="foot">
3526
3527					<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>
3528					
3529				</div>
3530			</div>
3531			<div class="screen settings ">
3532				
3533				<span class="back"><i class="icon-arrow-left"></i>zurück</span>
3534				
3535				
3536					<div class="headline specialfont fontsize_large">Cookie- und Datenschutzeinstellungen</div>
3537				
3538				<div class="checkboxen">
3539					<div class="item">
3540						<label class="container">
3541							<span>Notwendig</span>
3542							<input type="checkbox" name="consent" value="essenziell" checked disabled>
3543							<span class="checkmark"></span>
3544						</label>
3545						<div class="info">
3546							Cookies die für den Betrieb der Webseite unbedingt notwendig sind. <a href="#" class="more color">weitere Details</a>
3547						</div>
3548						<div class="moreinfos">
3549							
3550							
3551							<div class="item">
3552
3553		
3554		<div class="head">Google Analytics</div>
3555		
3556
3557		<div class="table">
3558			
3559			<div class="row">
3560				<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 Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.<br/><br />
3561		<b>Anbieter:</b> Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland<br /><br />
3562		<b>Verwendete Technologien:</b> Cookies.<br/><br />
3563		<b>verwendete Cookies:</b>, <em>gat</em><strong>, <em>gid, _ga, _gat</em></strong>, _gid<br /><br />
3564		<b>verwendete Cookies:</b><br />
3565		<ul class="cookies">
3566			<li><b>_ga</b>: Speicherung der Sitzung eines Nutzers.</li>
3567			<li><b>_gid</b>: Speicherung der Sitzung eines Nutzers innerhalb eines Tages.</li>
3568			<li><b>_gat</b>: Speicherung der Performance-Daten der Sitzung eines Nutzers.</li>
3569		</ul>
3570		<b>Speicherdauer:</b> Die Cookies werden bis zu 730 Tage gespeichert.<br /><br />
3571		<b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br />
3572		<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>
3573			</div>
3574			
3575			
3576		</div>
3577	</div>
3578	
3579	
3580	
3581	<div class="item">
3582
3583		
3584		<div class="head">Website</div>
3585		
3586
3587		<div class="table">
3588			
3589			<div class="row">
3590				<b>Verwendungszweck:</b> Unbedingt erforderliche Cookies gewährleisten Funktionen, ohne die Sie unsere Webseite nicht wie vorgesehen nutzen können.<br/><br />
3591	<b>Anbieter:</b> Diese Cookies werden von Hotel Wiesengrund auf Basis des eingestezten Redaktionssystems Tramino angeboten.<br/><br />
3592	<b>verwendete Cookies:</b><br />
3593	<ul class="cookies">
3594		<li><b>TraminoCartSession</b>:Speicherung des Warenkorbs und der Gefällt-mir Angaben auf dieser Website.</li>
3595		<li><b>TraminoSession</b>: Speicherung der Sitzung eines Besuchers.</li>
3596		<li><b>Consent</b>: Speicherung Ihrer Entscheidung hinsichtlich der Verwendung der Cookies.</li>
3597	</ul>
3598	<b>Speicherdauer:</b> Die Cookies werden bis zu 1 Jahr gespeichert.<br/><br />
3599	<b>Rechtsgrundlage:</b> Berechtigtes Interesse (kein Opt-Out möglich) (DSGVO 6.1.f)<br/>
3600			</div>
3601			
3602			
3603		</div>
3604	</div>
3605						</div>
3606					</div>
3607					
3608					
3609					
3610
3611					
3612					
3613						
3614						
3615						
3616					
3617
3618					
3619
3620					
3621					
3622
3623
3624
3625					
3626					<div class="item">
3627						<label class="container">
3628							<span>Marketing/Statistik</span>
3629							<input type="checkbox" name="consent" value="marketing">
3630							<span class="checkmark"></span>
3631						</label>
3632						<div class="info">
3633							Cookies die wir benötigen um den Aufenthalt auf unserer Seite noch besser zugestalten. <a href="#" class="more color">weitere Details</a>
3634						</div>
3635						<div class="moreinfos">
3636							<div class="item">
3637
3638		
3639		<div class="head">DialogShift Chatbot</div>
3640		
3641
3642		<div class="table">
3643			
3644			<div class="row">
3645				<b>Verwendungszweck:</b> <p>Unsere Website nutzt die Chat-Anwendung der DialogShift GmbH, Rheinsberger Str. 76/77, 10115 Berlin. Diese Anwendung verarbeitet und speichert Daten zum Zweck der Webanal
3645yse, zum Betreiben der Chat-Anwendung und zur Beantwortung von Anfragen. </p>
3646
3647<p>Für den Betrieb der Chat-Funktion werden die Chat-Texte gespeichert und es wird ein Cookie mit einer eindeutigen ID gesetzt - dieser dient dazu, Sie als Kunden wiederzuerkennen. <br />
3648Ein Cookie ist eine kleine Textdatei, die lokal im Zwischenspeicher auf Ihrem Gerät gespeichert wird. Mithilfe dieses Cookies erkennt unsere Anwendung das Gerät wieder und kann vergangene Chat-Protokolle aufrufen. Dieser Cookie wird 90 Tage, seit letzter Verwendung, gespeichert. Sie können die Speicherung von Cookies in Ihren Browsereinstellungen deaktivieren. Jedoch kann ohne die Verwendung von Cookies die Chat-Funktion nicht ausgeführt werden.</p>
3649
3650<p>Die mögliche Bekanntgabe von z.B. Namen, E-Mail-Adresse oder einer Telefonnummer erfolgt freiwillig und mit dem Einverständnis, diese Daten zum Zwecke der Kontaktaufnahme bis zum Ende des Kontaktes vorübergehend zu nutzen und zu speichern. Diese personenbezogenen Daten werden nach 90 Tagen gelöscht. </p>
3651
3652<p>Die Rechtsgrundlage der Datenverarbeitung erfolgt nach Art. 6 Abs. 1 lit. F DS-GVO auf Basis unseres berechtigten Interesses an einer effektiven Kundenbetreuung, zur statistischen Analyse des Nutzungsverhaltens und zu Optimierungszwecken unserer Angebote.<br />
3653DialogShift bietet unter <br />
3654https://www.dialogshift.com/datenschutz  <br />
3655weitere Informationen zur Erhebung und Nutzung der Daten sowie zu Ihren Rechten und Möglichkeiten zum Schutz Ihrer Privatsphäre an. </p>
3656			</div>
3657			
3658			
3659		</div>
3660	</div>
3661	
3662	
3663	
3664	<div class="item">
3665
3666		
3667		<div class="head">Externer Videodienst YouTube</div>
3668		
3669
3670		<div class="table">
3671			
3672			<div class="row">
3673				<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 />
3674		<b>Anbieter:</b> Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland<br /><br />
3675		<b>verwendete Cookies:</b><br />
3676		<ul class="cookies">
3677			<li><b>VISITOR_INFO1_LIVE</b>: Speicherung der Performance-Parameter eines Nutzers.</li>
3678			<li><b>YSC</b>: Speicherung der Sitzung eines Nutzers für die Videointeraktion.</li>
3679			<li><b>PREF</b>: Speicherung der Nutzereinstellungen.</li>
3680			<li><b>IDE</b>: Speicherung für Werbung und Messung von Anzeigen.</li>
3681			<li><b>CONSENT</b>: Speicherung der Cookie-Einwilligung.</li>
3682		</ul>
3683		<b>Speicherdauer:</b> Die Cookies werden bis zu 179 Tage gespeichert.<br /><br />
3684		<b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br />
3685		<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>
3686			</div>
3687			
3688			
3689		</div>
3690	</div>
3691	
3692	
3693	
3694	<div class="item">
3695
3696		
3697		<div class="head">Externer Videodienst Vimeo</div>
3698		
3699
3700		<div class="table">
3701			
3702			<div class="row">
3703				<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 Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.<br /><br />
3704		<b>Anbieter:</b> Vimeo.com, Inc., 330 West 34th Street, 5th Floor, New York 10001, USA<br /><br />
3705		<b>verwendete Cookies:</b><br />
3706		<ul class="cookies">
3707			<li><b>vuid</b>: Speicherung der Sitzung eines Nutzers.</li>
3708			<li><b>player</b>: Speicherung der Nutzereinstellungen am Player.</li>
3709			<li><b>_abexps</b>: Speicherung von Informatioenbei A/B-Tests zur Optimierung des Players.</li>
3710			<li><b>continous_play_v3</b>: Speicherung von Player-Einstellungen.</li>
3711		</ul>
3712		<b>Speicherdauer:</b> Die Cookies werden bis zu 1 Jahr gespeichert.<br /><br />
3713		<b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br />
3714		<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>
3715			</div>
3716			
3717			
3718		</div>
3719	</div>
3720						</div>
3721					</div>
3722				</div>
3723				
3724				<div class="bottom">
3725					<button type="submit" name="action" class="bgcolor" value="acceptConsentAll">Alle akzeptieren</button>
3726					<button type="submit" name="action" class="bgcolor" value="acceptConsent">Einstellungen speichern</button>
3727				</div>
3728				<div class="foot">
3729					<a href="/datenschutz/">Datenschutzerklärung</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="/impressum/">Impressum</a>
3730				</div>
3731			</div>
3732		</form>
3733	</div>
3734</div>
3735
3736
3737
3738
3739
3740
3741
3742
3743
3744<style>
3745.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; }
3746
3747
3748.TraminoConsent {
3749	font-size: 14px;
3750}
3751
3752.TraminoConsent.overlay { display: none; }
3753
3754.TraminoConsent.show {
3755	display: flex;
3756	justify-content: center;
3757	align-items: center;
3758	opacity: 1;
3759    z-index: 1000;
3760}
3761
3762.TraminoConsent.hide { display: none; !important; }
3763
3764.TraminoConsent.overlay .background {
3765	position: fixed;
3766	top: 0;
3767	left: 0;
3768	right: 0;
3769	bottom: 0;
3770	z-index: 10002;
3771	background-color: rgba(0,0,0,0.3);
3772	
3773}
3774
3775.TraminoConsent.overlay .inner {
3776	width: auto;
3777	max-height: 90%;
3778	overflow-y: scroll;
3779	position: fixed;
3780	bottom: 2em;
3781	left: 1em;
3782	right: 1em;
3783
3784	z-index: 10003;
3785	background-color: #FFF;
3786	padding: 1.2em 1em;
3787	box-shadow: 0 0 10px rgba(0,0,0,.4);
3788	border-radius: 5px;
3789}
3790
3791.Mandant_800 .TraminoConsent.overlay .inner { z-index: 10000003; }
3792.Mandant_800 .TraminoConsent.overlay .background { z-index: 10000002; }
3793
3794
3795.TraminoConsent.include .inner { width: 100%; }
3796
3797.TraminoConsent .screen { display: none; }
3798.TraminoConsent .screen.show { display: block; }
3799
3800/* Einstellung wenn auf der Seite die Einstellungen geöffnet werden */
3801.TraminoConsent.settingonly .back { display: none; }
3802.TraminoConsent.settingonly .inner .bottom button { background-color: #257832; color: #FFF !important; }
3803.TraminoConsent.settingonly .inner .bottom button:hover { background-color: #35a847; }
3804.TraminoConsent.settingonly .inner .bottom button[value=acceptConsentAll] { display: none; }
3805
3806.TraminoConsent .headline { font-size: 1.65em; color: #333 !important; margin-bottom: 0.3em; }
3807
3808.TraminoConsent .info { color: #333 !important; line-height: 1.4; }
3809body .TraminoConsent .info * { color: #333; }
3810body .TraminoConsent .info a { color: #333 !important; }
3811
3812.TraminoConsent .inner .checkboxen .item {
3813	margin: 20px 0 20px 0;
3814}
3815
3816.TraminoConsent .inner .checkboxen .moreinfos {
3817	margin: 10px 0;
3818	display: none;
3819}
3820.TraminoConsent .inner .checkboxen .moreinfos.show {
3821	display: block;
3822}
3823
3824.TraminoConsent .inner .checkboxen .moreinfos .head { font-size: 1.3em; margin-bottom: 5px; }
3825
3826.TraminoConsent .inner .checkboxen .moreinfos .table { width: 100%; }
3827.TraminoConsent .inner .checkboxen .moreinfos .table .row p { margin: 0 0 1em 0; }
3828
3829.TraminoConsent .table  { color: #333; line-height: 1.4; }
3830.TraminoConsent .table  a { color: #333; }
3831
3832.TraminoConsent .row ul.cookies { margin: 0; padding:10px 0; font-size: 0.85em; }
3833.TraminoConsent .row ul.cookies li { margin: 0 0 2px; list-style: none; background:#fff; color:#333;padding:5px 10px; }
3834
3835
3836/* Buttons */
3837
3838.TraminoConsent .inner .bottom {
3839	margin: 1.5em 0 0 0;
3840	display: flex;
3841	justify-content: flex-end;
3842	flex-direction: column;
3843}
3844
3845.TraminoConsent .inner .bottom button {
3846	display: flex;
3847	align-items: center;
3848	justify-content: center;
3849	border-width: 0;
3850	font-size: 1em;
3851	width: 100%;
3852	padding: 1rem 0;
3853	border-radius: 3px;
3854	margin-bottom: 10px;
3855	cursor: pointer;
3856	order: 2;
3857}
3858
3859.TraminoConsent .inner .bottom button i {
3860	font-size: 1.5em;
3861	margin-right: 10px;
3862}
3863
3864.TraminoConsent .inner .bottom button:last-child { margin-bottom: 0; }
3865
3866/* Hover Buttons */
3867.TraminoConsent .inner .bottom button:hover { 
3868		filter: brightness(1.4);
3869}
3870
3871
3872
3873.TraminoConsent .inner .foot {  margin-top: 1em; padding-top: 0.6em; border-top: 1px solid #DDD; text-align: right; font-size: 0.85em; cursor: pointer; }
3874.TraminoConsent .inner .foot a, .TraminoConsent .inner .foot span { color: #000; text-decoration: none; }
3875.TraminoConsent .inner .foot a:hover, .TraminoConsent .inner .foot span:hover { text-decoration: underline; }
3876
3877.TraminoConsent .inner .foot .debug {
3878	font-size: 1.1rem;
3879	color: #333;
3880	margin-top: 0.2rem;
3881}
3882
3883/* Checkbox */
3884.container {
3885  display: block;
3886  position: relative;
3887  padding-left: 35px;
3888  margin-bottom: 12px;
3889  cursor: pointer;
3890  font-size: 22px;
3891  -webkit-user-select: none;
3892  -moz-user-select: none;
3893  -ms-user-select: none;
3894  user-select: none;
3895}
3896
3897.container span { color: #333 !important; }
3898
3899/* Hide the browser's default checkbox */
3900.container input {
3901  position: absolute;
3902  opacity: 0;
3903  cursor: pointer;
3904  height: 0;
3905  width: 0;
3906}
3907
3908/* Create a custom checkbox */
3909.TraminoConsent .checkmark {
3910  position: absolute;
3911  top: 0;
3912  left: 0;
3913  height: 25px;
3914  width: 25px;
3915  background-color: #FFF;
3916  border: 2px solid  #b52121;
3917  border-radius: 2px
3918}
3919
3920/* On mouse-over, add a grey background color */
3921.TraminoConsent .container:hover input ~ .checkmark {
3922  background-color: #fff;
3923  border-color: #257832;
3924}
3925
3926/* When the checkbox is checked, add a blue background */
3927.TraminoConsent .container input:checked ~ .checkmark {
3928  background-color: #257832;
3929  border-color: #257832;
3930}
3931
3932
3933.TraminoConsent .container input:disabled ~ .checkmark {
3934  background-color: #ddd;
3935  border-color: #ddd;
3936}
3937
3938/* Create the checkmark/indicator (hidden when not checked) */
3939.TraminoConsent .checkmark:after {
3940  content: "";
3941  position: absolute;
3942  display: none;
3943}
3944
3945/* Show the checkmark when checked */
3946.TraminoConsent .container input:checked ~ .checkmark:after {
3947  display: block;
3948}
3949
3950/* Style the checkmark/indicator */
3951.TraminoConsent .container .checkmark:after {
3952  left: 8px;
3953  top: 4px;
3954  width: 4px;
3955  height: 8px;
3956  border: solid white;
3957  border-width: 0 3px 3px 0;
3958  -webkit-transform: rotate(45deg);
3959  -ms-transform: rotate(45deg);
3960  transform: rotate(45deg);
3961} 
3962
3963@media (min-width: 567px) {
3964	.TraminoConsent { font-size: 16px; }
3965	.TraminoConsent.overlay .inner {
3966		width: 80%;
3967		max-width: none;
3968		top: 50%;
3969		bottom: auto;
3970		left: 50%;
3971		right: auto;
3972		transform: translate(-50%, -50%);
3973		padding: 1.2em 1.5em;
3974	}
3975	.TraminoConsent .headline { font-size: 1.9em; margin-bottom: 0.5em; }
3976
3977	.TraminoConsent .inner .checkboxen > .item { margin-right: 0.8em; }
3978	.TraminoConsent .inner .checkboxen > .item:last-child { margin-right: 0; }
3979
3980	.TraminoConsent .inner .moreinfos .item {
3981		border-top: 2px solid #ddd;
3982		padding: 10px;
3983		background: #eee;
3984	}
3985	
3986	.TraminoConsent .inner .bottom {
3987		flex-direction: row;
3988	}
3989
3990	.TraminoConsent .inner .bottom button{ width: auto !important; margin-bottom: 0; padding-left: 3rem; padding-right: 3rem;}
3991	.TraminoConsent .inner .bottom button[value=acceptConsent] { order: 1;}
3992	.TraminoConsent .inner .bottom button[value=acceptConsentAll] { order: 2; margin-left: 0.8em;  }
3993}
3994
3995@media (min-width: 768px) {
3996
3997	.TraminoConsent.overlay .inner {
3998		width: 70%;
3999		padding: 1.2em 2em;
4000	}
4001
4002
4003
4004}
4005
4006@media (min-width: 1024px) {
4007	.TraminoConsent.overlay .inner {
4008		width: 60%;
4009		max-width: 800px;
4010	}
4011}
4012
4013@media (min-width: 1280px) {
4014
4015}
4016
4017
4018</style>
4019
4020<script>
4021"use strict";
4022	
4023
4024	var last_scroll_pos = null;
4025
4026	function inIframe () {
4027		try {
4028			return window.self !== window.top;
4029		} catch (e) {
4030			return true;
4031		}
4032	}
4033
4034	let sendConsent = false;
4035	let sendConsentLock = false;
4036	let stop_flag = false;
4037
4038
4039
4040	let consentHide = function( consent ) {
4041		consent.classList.remove(".show");
4042		consent.classList.add(".hide");
4043
4044	}
4045
4046	let consent = document.querySelector('.TraminoConsent');
4047	let body = document.querySelector('body');
4048
4049
4050	if ( ! navigator.cookieEnabled ) {
4051		consentHide( consent );
4052		stop_flag = true; 
4053	}
4054
4055	// Hide Consent in iframe &amp; safari
4056	if ( inIframe() && navigator.userAgent.match("Safari") ) {
4057		consentHide( consent );
4058		stop_flag = true;
4059	}
4060
4061	// Hide Consent in iframe & App Webview
4062	if ( inIframe() && navigator.userAgent.match("iPhone") && navigator.userAgent.match("AppleWebKit") && navigator.userAgent.match("Mobile/") ) {
4063		consentHide( consent );
4064		stop_flag = true;
4065	}
4066
4067	// Hide Consent in Lighthousetest
4068	if ( navigator.userAgent.match("Chrome-Lighthouse") ) {
4069		consentHide( consent );
4070		stop_flag = true;
4071	}
4072
4073	// Hide Consent in Sitesucker
4074	if ( navigator.userAgent.match("SiteSucker") ) {
4075		consentHide( consent );
4076		stop_flag = true;
4077	}
4078
4079
4080	if ( consent.querySelector('.debug') !== null ) {
4081		consent.querySelector('.debug').innerHTML = navigator.userAgent;
4082
4083	}
4084
4085
4086	var cookies_temp = document.cookie.split(";")
4087	var cookies = {};
4088	for (var i = 0; i < cookies_temp.length; i++) {
4089		var temp = cookies_temp[i].split("=");
4090		if ( temp[0] !== undefined && temp[1] !== undefined ) 
4091		cookies[temp[0].trim()] = temp[1].trim();
4092
4093	}
4094
4095	
4096
4097
4098	let consentPing = function(s) {
4099
4100		var xhttp = new XMLHttpRequest();
4101		xhttp.onreadystatechange = function() {
4102			if (this.readyState == 4 && this.status == 200) {
4103				console.log("success: consent ping");
4104			} else if ( this.readyState == 4 && this.status == 500 ) {
4105				console.log("error: consent ping");
4106			}
4107		};
4108
4109		let url = "/api/consent/ping/";
4110		url += "?p=" + consent.dataset.page;
4111		url += "&s=" + s;
4112
4113		xhttp.open("GET", url, true);
4114		xhttp.send();
4115
4116	}
4117
4118	let sendPing = function() {
4119		if ( sendConsent === true ) {
4120			return;
4121		}
4122
4123		if ( sendConsentLock === true ) {
4124			return;
4125		}
4126
4127		sendConsentLock = true;
4128
4129
4130		consentPing("1");
4131
4132	}
4133
4134
4135
4136	var showConsentBanner = function() {
4137		last_scroll_pos = window.scrollY;
4138		body.classList.add('disable-scroll');
4139		consent.classList.add('show');
4140
4141		// Tracking Initalisieren
4142		addEventListener("mousemove", (event) => { sendPing() });
4143		addEventListener("touchstart", (event) => { sendPing() });
4144
4145	}
4146
4147	var closeConsentBanner = function() {
4148		
4149		body.classList.remove('disable-scroll');
4150		consent.classList.remove('show');
4151
4152		if ( last_scroll_pos !== null ) {
4153			
4154			window.scroll({
4155				top: last_scroll_pos,
4156				left: 0,
4157				behavior: 'smooth'
4158			});
4159
4160			last_scroll_pos = null;
4161			
4162		}
4163
4164	}
4165
4166	var checkCheckbox = function() {
4167
4168		if ( document.cookie.match("Consent="+ consent.dataset.checksum)  ) {
4169			consent.querySelector('.checkboxen input[value=marketing]').checked = true;
4170		}
4171
4172	}
4173
4174	// window.tcookies = cookies;
4175
4176	//  Consent banner anzeigen
4177	if ( consent.classList.contains('overlay') ) {
4178
4179		var needaction = true;
4180		
4181		if ( cookies.Consent == 0 ) {
4182			needaction = false;
4183		}
4184
4185		if ( cookies.Consent == consent.dataset.checksum && consent.dataset.checksum !== undefined ) {
4186			needaction = false;
4187		}
4188
4189		if ( cookies.Consent != undefined && cookies.Consent != 0 && cookies.Consent == consent.dataset.checksum  ) {
4190			needaction = false;
4191		}
4192
4193
4194		if ( needaction && stop_flag === false ) {
4195			
4196			window.addEventListener("load", function(){
4197				setTimeout(showConsentBanner,750);
4198			});
4199		}
4200
4201	}
4202
4203	if ( consent.classList.contains('include') ) {
4204		checkCheckbox();
4205	}
4206
4207	var showScreen = function(type) {
4208		
4209		if ( type === undefined )
4210			return;
4211
4212		let allScreens = consent.querySelectorAll('.screen');
4213		for (var i = 0; i < allScreens.length; i++) {
4214			allScreens[i].classList.remove('show');
4215		}
4216		
4217		consent.querySelector('.screen.' + type).classList.add('show');
4218
4219	}
4220
4221
4222	consent.querySelector('.screen.first .settings').addEventListener('click', function(event) {
4223		event.preventDefault();
4224		showScreen("settings");
4225	});
4226
4227	if ( consent.querySelector('.screen.settings .back') != null ){
4228		consent.querySelector('.screen.settings .back').addEventListener('click',function(event) {
4229			event.preventDefault();
4230			showScreen("first");
4231		});
4232	}
4233
4234	let allmorebuttons = consent.querySelectorAll('.screen.settings .more');
4235	for (var i = 0; i < allmorebuttons.length; i++) {
4236		
4237		allmorebuttons[i].addEventListener('click', function(event) {
4238			event.preventDefault();
4239			let item = this.closest('.item');
4240			item.querySelector('.moreinfos').classList.toggle('show');
4241		});
4242
4243	}
4244
4245
4246
4247	let allSetting1Buttons = document.querySelectorAll('[data-openConsentSetttings="1"]');
4248	for (var i = 0; i < allSetting1Buttons.length; i++) {
4249		allSetting1Buttons[i].addEventListener('click', function(event) {
4250			event.preventDefault();
4251
4252			showConsentBanner();
4253
4254		});
4255	}
4256	let allSetting2Buttons = document.querySelectorAll('[data-openConsentSetttings="2"]');
4257	for (var i = 0; i < allSetting2Buttons.length; i++) {
4258		allSetting2Buttons[i].addEventListener('click', function(event) {
4259			event.preventDefault();
4260
4261			showConsentBanner();
4262
4263			showScreen("settings");
4264			checkCheckbox();
4265			consent.classList.add('settingonly');
4266		
4267		});
4268	}
4269
4270	let allacceptButtons = consent.querySelectorAll('button[value="acceptConsent"]');
4271	for (var i = 0; i < allacceptButtons.length; i++) {
4272
4273		allacceptButtons[i].addEventListener('click', function(event) {
4274			event.preventDefault();
4275
4276			if ( consent.querySelector('.checkboxen input[value=marketing]').checked ) {
4277				
4278				consentPing("3");
4279				window.dataLayer = window.dataLayer || []
4280				
4281				dataLayer.push({
4282					'event': 'TraminoConsentUpdate',
4283					'value': '3'
4284				});
4285				window.releaseConsentBuffer();
4286				window.releaseInlineBlocks();
4287				localStorage.setItem("consentPermission","true");
4288				window.setConsentCookie( consent.dataset.checksum )
4289			} else {
4290				consentPing("2");
4291				localStorage.setItem("consentPermission","false");
4292				
4293				window.setConsentCookie( 0 )		
4294			}
4295
4296			closeConsentBanner();
4297
4298			console.log("TraminoConsent",localStorage.getItem("consentPermission"));
4299			
4300		});
4301	}
4302
4303	let allacceptAllButtons = consent.querySelectorAll('button[value="acceptConsentAll"]');
4304	for (var i = 0; i < allacceptAllButtons.length; i++) {
4305		allacceptAllButtons[i].addEventListener('click', function(event) {
4306			event.preventDefault();
4307
4308			consentPing("3");
4309			
4310			
4311			window.dataLayer = window.dataLayer || []
4312			dataLayer.push({
4313				 'event': 'TraminoConsentUpdate',
4314				 'value': '3'
4315			});
4316			window.releaseConsentBuffer();
4317			window.releaseInlineBlocks();
4318
4319			localStorage.setItem("consentPermission","true");
4320			window.setConsentCookie( consent.dataset.checksum )
4321			closeConsentBanner();
4322			
4323		});
4324	}
4325
4326
4327
4328</script>
4328
4329
4330</div>
4331
4332
4333		
4333<script>if ( typeof window.checkReleaseConsent == "function" ) { window.checkReleaseConsent(); }</script>
4333
4334	
4335
4336<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"Hotel Wiesengrund","description":"Inmitten der grandiosen Allg\u00e4uer Bergwelt, im wundersch\u00f6nen Ostrachtal empf\u00e4ngt Sie die Familie Kullmann mit Ihrem Wiesengrund\u2013Team.","url":"https://www.wiesengrund.com/","inLanguage":"de-DE"},{"about":{"@type":"Organization","name":"Hotel Wiesengrund","url":"https://www.wiesengrund.com/"},"@type":"WebPage","description":"Neuigkeiten aus und um das Hotel Wiesengrund in Bad Hindelang.","name":"Der Wiesengrund-Blog","url":"https://www.wiesengrund.com/blog/"},{"address":{"streetAddress":"Ostrachstra\u00dfe 23","postalCode":"87541","@type":"PostalAddress","addressLocality":"Bad Hindelang"},"image":["https://storage.tramino.net/hotel-wiesengrund/1018347/1200.jpg?r=1","https://storage.tramino.net/hotel-wiesengrund/1585147/1200.jpg","https://storage.tramino.net/hotel-wiesengrund/1585050/1200.jpg"],"logo":"https://storage.tramino.net/hotel-wiesengrund/1345706/image002.png?r=1","name":"Hotel Wiesengrund","@type":"LodgingBusiness","geo":{"@type":"GeoCoordinates","latitude":47.5005035400391,"longitude":10.3695755004883},"aggregateRating":{"worstRating":"1","bestRating":"5","@type":"AggregateRating","ratingCount":686,"ratingValue":4.75},"url":"https://www.wiesengrund.com/","telephone":"+49 8324 2219"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":{"@id":"https://www.wiesengrund.com//","image":"https://storage.tramino.net/hotel-wiesengrund/1018347/1200.jpg?r=1","name":"Hotel Wiesengrund"},"position":1},{"@type":"ListItem","item":{"name":"Blog","@id":"https://www.wiesengrund.com//blog/"},"position":2}]}]}</script>
vendor: 64 bytes, lines 4336-4337
4336
4337<script async src="https://www.googletagmanager.com/gtag/js?id=
4337G-ZMW214B13N
vendor: 13 bytes, line 4337
4337"></script>
4338<script>
4339  
vendor: 138 bytes, lines 4339-4343
4339window.dataLayer = window.dataLayer || [];
4340  function gtag(){dataLayer.push(arguments);}
4341  gtag('js', new Date());
4342
4343  gtag('config', '
4343G-ZMW214B13N
vendor: 5 bytes, line 4343
4343');
4344</script>
4344
4345
4346</body>
4347</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.