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 & 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">×</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 & 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 & 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 & 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 & 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 & 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 › <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> <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> <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 = '▶'; 2987 document.getElementById('input_'+id).style.display = 'none'; 2988 document.getElementById(id+'_collapsed').value = 1; 2989 } else { 2990 self.innerHTML = '▼'; 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 23<br/>87541 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 </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 </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: AllgaÌu" title="Logo: AllgaÌ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: OberallgaÌu Info" title="Logo: OberallgaÌ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 „Alle akzeptieren“ stimmen Sie der Verwendung zu. Durch Klicken auf „Einstellungen“ 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> · <a href="/datenschutz/">Datenschutzerklärung</a> · <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&gl=de" target="_blank" title="Externer Link auf policies.google.com/privacy?hl=de&gl=de, Sie verlassen diesen Internetauftritt" class="externlink"><span>https://policies.google.com/privacy?hl=de&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> · <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 & 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.