1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" class=" c102380"> 3<head> 4 <title>Vorstandschaft / Verein (Verschönerungsverein Oberstdorf)</title> 5 6 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 7 <meta name="robots" content="index, follow"> 8 <meta name="tramino-cache" content="02.10.2026 20:11:10"> 9 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 10 <link rel="canonical" href="https://www.verschoenerungsverein-oberstdorf.de/verein/vorstandschaft.html"> 11 <link rel="icon" href="data:,"> 12 13 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2800_2256.css?r=47" type="text/css" media="all" > 14 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/824_3.css?r=47" type="text/css" media="all" > 15 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2862_286.css?r=47" type="text/css" media="all" > 16 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2883_1524.css?r=47" type="text/css" media="all" > 17 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/3075_180.css?r=47" type="text/css" media="all" > 18 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/3799_85.css?r=47" type="text/css" media="all" > 19 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2897_154.css?r=47" type="text/css" media="all" > 20 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2898_75.css?r=47" type="text/css" media="all" > 21 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/2820_349.css?r=47" type="text/css" media="all" > 22 <link rel="stylesheet" href="https://tramino.s3.amazonaws.com/css/3965_10.css?r=47" type="text/css" media="all" > 23 24 <!-- Init Consent --> 25
25<script> 26 localStorage.setItem("consentPermission","false"); 27 window.ConsentChecksum = "5f0ad4db43d8723d18169b2e4817a160_v1"; 28 window.consentCodeBuffer = window.consentCodeBuffer || []; 29 30 window.setConsentCookie = function( cvalue ) { 31 const d = new Date(); 32 const cname = "Consent"; 33 const exdays = 365; 34 35 d.setTime(d.getTime() + (exdays*24*60*60*1000)); 36 let expires = "expires="+ d.toUTCString(); 37 document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; 38 } 39 40 window.getConsentCookie = function( ) { 41 let cname = "Consent"; 42 let name = cname + "="; 43 let decodedCookie = decodeURIComponent(document.cookie); 44 let ca = decodedCookie.split(';'); 45 46 for(let i = 0; i <ca.length; i++) { 47 let c = ca[i]; 48 while (c.charAt(0) == ' ') { 49 c = c.substring(1); 50 } 51 if (c.indexOf(name) == 0) { 52 return c.substring(name.length, c.length); 53 } 54 } 55 return ""; 56 } 57 58 window.deleteConsentCookie = function( ) { 59 let cname = "Consent"; 60 document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 61 } 62 63 window.releaseConsentBuffer = function() { 64 65 let buffer = window.consentCodeBuffer; 66 const tempContainer = document.createElement('div'); 67 68 window.onerror = function (error, url, line, column, stack) { 69 70 let fetch_url = "/api/codes/error/?" + new URLSearchParams({ 71 error_message: error, 72 error_url: url, 73 }).toString() 74 75 fetch(fetch_url).then(function(response) { 76 77 }).catch(function(err) { 78 79 }); 80 }; 81 82 for (var i = 0; i < buffer.length; i++) { 83 let code_element = buffer[i]; 84 85 if ( code_element.released === true ) { 86 console.log("[releaseConsentBuffer] skip double execution"); 87 continue; 88 } 89 90 if ( code_element.type == "javascript" ) { 91 92 (function() { 93 code_element.callback.call(); 94 //eval(code_element.callback); 95 })(); 96 97 } else if ( code_element.type == "src" ) { 98 var s = document.createElement('script'); 99 s.type = 'text/javascript'; 100 s.async = true; 101 s.src = code_element.src; 102 document.body.appendChild(s); 103 } 104 else if ( typeof code_element.content == "string" ) { 105 106 if ( code_element.content !== undefined ) { 107 code_element.content = code_element.content.replace(/script_blocker/g, 'script'); 108 tempContainer.innerHTML += code_element.content; 109 } 110 111 } 112 113 code_element.released = true; 114 } 115 116 let code_items = tempContainer.children; 117 118 119 for (let child of Array.from(code_items) ) { 120 121 let error; 122 123 if ( child.tagName === 'SCRIPT' ) { 124 125 const newScript = document.createElement('script'); 126 if ( child.src ) { 127 // Externe Skripte 128 if (child.type) { 129 newScript.type = child.type; // Type übernehmen 130 } 131 newScript.async = true; // StandardmäÃig async laden 132 newScript.src = child.src; 133 } else { 134 // Inline-Skripte 135 try { 136 newScript.textContent = child.textContent; 137 } catch ( err ) { 138 // console.log( "Code Error", err ) 139 } 140 } 141 document.body.appendChild(newScript); 142 } else { 143 document.body.appendChild(child); 144 } 145 146 147 148 149 } 150 151 window.onerror = null; 152 153 } 154 window.runInlineScriptsConsent = function(container, html) { 155 const tpl = document.createElement('template'); 156 tpl.innerHTML = html; 157 158 const scripts = tpl.content.querySelectorAll('script_blocker'); 159 160 container.innerHTML = ''; 161 container.appendChild(tpl.content); 162 163 scripts.forEach(oldScript => { 164 const s = document.createElement('script'); 165 166 // Attribute kopieren (src, async, type, etc.) 167 for (const { name, value } of Array.from(oldScript.attributes)) { 168 s.setAttribute(name, value); 169 } 170 171 // Inline-Code kopieren 172 if (!oldScript.src) { 173 s.textContent = oldScript.textContent; 174 } 175 176 oldScript.replaceWith(s); 177 }); 178 } 179 window.releaseInlineBlocks = function() { 180 181 if ( typeof window.runInlineScriptsConsent === "function" ) { 182 183 const inlineblocks = document.querySelectorAll(".T330"); 184 185 inlineblocks.forEach(block => { 186 const wrapper = block.querySelector(".placeholder"); 187 if ( wrapper !== null ) { 188 if ( wrapper.dataset.script ) { 189 window.runInlineScriptsConsent(wrapper, wrapper.dataset.script); 190 } 191 } 192 193 }); 194 195 196 } 197 198 } 199 window.checkConsent = function() { 200 201 let consent_html = document.querySelector(".TraminoConsent"); 202 203 if ( window.ConsentChecksum ) { 204 if ( window.getConsentCookie() == window.ConsentChecksum ) { 205 return true 206 } 207 } 208 209 if ( consent_html !== null ) { 210 if ( consent_html.dataset.checksum ) { 211 if ( window.getConsentCookie() == consent_html.dataset.checksum ) { 212 return true 213 } 214 } 215 } 216 217 return false;
218 219 } 220 221 222 window.checkReleaseConsent = function() { 223 224 if ( window.checkConsent() ) { 225 window.releaseConsentBuffer(); 226 localStorage.setItem("consentPermission","true"); 227 console.log("[checkReleaseConsent] granted - codes released"); 228 } else { 229 localStorage.setItem("consentPermission","false"); 230 console.log("[checkReleaseConsent] not granted"); 231 } 232 233 } 234 235 </script>
235 236 237
237<script> 238 window.dataLayer = window.dataLayer || []; 239 function gtag(){dataLayer.push(arguments);} 240 241 if( window.checkConsent() === false ) { 242 243 gtag('consent', 'default', { 244 'ad_storage': 'denied', 245 'ad_user_data': 'denied', 246 'ad_personalization': 'denied', 247 'analytics_storage': 'denied', 248 'personalization_storage': 'denied', 249 'functionality_storage': 'denied', 250 'security_storage': 'denied', 251 }); 252 253 254 } else { 255 gtag('consent', 'default', { 256 'ad_storage': 'granted', 257 'ad_user_data': 'granted', 258 'ad_personalization': 'granted', 259 'analytics_storage': 'granted', 260 'personalization_storage': 'granted', 261 'functionality_storage': 'granted', 262 'security_storage': 'granted', 263 }); 264 } 265 </script>
265 266 267 268
268<script>var Tramino = {"page":102380,"lang":"de","base":"","request_id":"78488317af47bb1264cc533c97354f39","client":9490,"destination":100};</script>
268 269
269<script>(function(){var q=[];window.TraminoReady=function(f){return f?q.push(f):q}})()</script>
269 270
270<script src="https://storage.tramino.net/static/root/js/jquery.min.js?r=47" ></script>
270 271
271<script src="https://storage.tramino.net/static/root/js/jquery-ui.min.js?r=47" ></script>
271 272
272<script src="https://tramino.s3.amazonaws.com/tramino/js/fancybox2/jquery.fancybox.pack.js?test&r=47" ></script>
272 273
273<script src="https://live.tramino.de/static/stickyheader/stickyheader.min.js?r=47" ></script>
273 274 275
275<script src="/tramino/js/require.min.js" data-main="/tramino/js/requirejs-main.js" async defer></script>
vendor: 1 bytes, line 275
275
276<script> 277 window.loadJS = function(u, cb) { 278 window._loadedScripts = window._loadedScripts || new Set(); 279 280 if (window._loadedScripts.has(u)) { 281 if (typeof cb === "function") { 282 cb(); 283 } 284 return; 285 } 286 287 var r = document.getElementsByTagName("script")[0], 288 s = document.createElement("script"); 289 s.src = u; 290 291 // Callback erst ausführen, wenn das Script geladen wurde 292 s.onload = function() { 293 console.log("loadJS - script loaded"); 294 window._loadedScripts.add(u); 295 if (typeof cb === "function") { 296 cb(); 297 } 298 }; 299 300 // Optional: Fehlerbehandlung 301 s.onerror = function() { 302 console.error("Fehler beim Laden des Skripts: " + u); 303 }; 304 305 r.parentNode.insertBefore(s, r); 306 }; 307 308 window.loadCSS = function(u) { 309 window._loadedCSS = window._loadedCSS || new Set(); 310 311 if (window._loadedCSS.has(u)) { 312 return; 313 } 314 315 var r = document.getElementsByTagName("link")[0], 316 l = document.createElement("link"); 317 l.href = u; 318 l.rel = "stylesheet"; 319 l.type = "text/css"; 320 l.media = "all"; 321 322 r.parentNode.insertBefore(l, r); 323 window._loadedCSS.add(u); 324 } 325</script>
325 326<link rel="preload" as="image" href="https://storage.tramino.net/verschoenerungsverein/835730/567x159.webp?r=1" type="image/webp" media="(max-width: 567px)" /> 327 328 <style> 329 #TraminoAnhang143983 .motiv img { aspect-ratio: 567 / 159;} 330 331 @media (min-width: 768px) { 332 #TraminoAnhang143983 .motiv img { aspect-ratio: 1024 / 192;} 333 } 334 </style> 335 336 337 338 339
340<script type="text/javascript"> 341"use strict"; 342 343TraminoReady(function() { 344 $('#lang > ul > li > a').on('click', function(event) { 345 event.preventDefault(); 346 }); 347}); 348 349</script>
349 350 351 352 353 354 355 356<style type="text/css"> 357 358 :root { 359 360 361 362 363 } 364 365 366 367 368 369 370 371 372 373 374 375 376</style> 377 378
379<script type="text/javascript"> 380 381 TraminoReady(function() { 382 383 384 385 386 387 388 389 390 391 392 393 394 $('#nav_icon').on('click', function () { 395 $('.logo').removeClass('fixheight'); 396 // Handling das ein zu groÃes Logo nicht mobile in die Navigation reinragt 397 if ( $('header .header .logo img').height() > $('header .header').height() ) { 398 $('header .header').addClass('oversizedLogo'); 399 $('.logo').toggleClass('fixheight'); 400 } 401 402 $('header .header').toggleClass('navopen'); 403 $(this).toggleClass('clicked'); 404 }); 405 406 407 408 $('nav > .ul > ul > li').on('click', function(e) { 409 410 if ( Tramini.hasTouchEvents ) { 411 412 var $clicked_li = $(this); 413 414 // nur ein sub-menu offen 415 $('nav > .ul > ul > li').not($clicked_li).removeClass('firstclick'); 416 417 if ( $clicked_li.find('ul').length > 0 ) { 418 if ( ! $clicked_li.hasClass('firstclick') ) { 419 $clicked_li.addClass('firstclick'); 420 e.preventDefault(); 421 } 422 } 423 } 424 }); 425 426 427 // click auf language button 428 if ( /Android/i.test(navigator.userAgent) ) { 429 430 $('#lang a.aktiv').on('click', function() { 431 432 $('#lang a.aktiv').not(this).removeClass('android'); 433 434 if ( $(this).parent().find('.pulldown').length > 0 ) { 435 if ( ! $(this).hasClass('android') ) { 436 $(this).addClass('android'); 437 return false; 438 } 439 } 440 }); 441 } 442 443 444 445 446 447 448 $("#cluster_nav").on("click", function (e) { 449 var button = $("#cluster_nav"); 450 var offset = button.offset(); 451 var top = offset.top + button.outerHeight(true); 452 $("#cluster_nav_content").css({ 453 position: 'absolute', 454 top: 47, 455 left: 300, 456 }); 457 $("#cluster_nav_content").toggle(); 458 $("#cluster_nav").toggleClass("on"); 459 /* Widgets der ReservaApp ausblenden */ 460 461 $("#cart-content").removeClass('open'); 462 }); 463 464 465 466 467 468 469 470 require(['stickyheader'], function(_) { 471 $('header .header').stickyheader(); 472 }); 473 474 475 476 477 478 479 480 481 }); 482 483 484 485 486 487 // entnimmt die parameter aus der Anfrage-Quick Search 488 // und öffnet die Anfrage-Detail-Seite 489 function anfrage(uri) { 490 491 var params = $('#menu_search').serialize(); 492 var uri = uri + '?' + params; 493 494 location.href=uri; 495 } 496 497 498 499</script>
499 500 501 502 503 504 505 506 507 508 509 510 511<style> 512 .T2883 #pattern2 { background: repeat-x url(https://storage.tramino.net/verschoenerungsverein/836900/bg.jpg); height: 544px; margin-bottom: -544px; } 513</style> 514 515 516<style> 517 #TraminoAnhang143987.T2897 .wrapper { 518 background-color: #f8f6f6; 519 padding: 1.5rem 2rem !important; 520 521 } 522 #TraminoAnhang143987.T2897 .textile .button,#TraminoAnhang143987.T2897 .S6529 .textile a.button { color: #f8f6f6 !important; } 523 524 525 526</style> 527<style type="text/css"> 528/* TraminoFooter */ 529 530.T2820 { 531 --footer-gap: 1.5rem; 532 margin-bottom: 0px !important; 533} 534 535 536footer .wrapper { 537 padding-top: 10px; 538 background-position: top; 539 z-index: 5; 540} 541 542footer:not(.S9072) .wrapper { margin: 0; } 543 544footer .wrapper .boxes { 545 display: flex; 546 flex-wrap: wrap; 547 gap: var(--footer-gap); 548 margin-bottom: var(--footer-gap); 549} 550 551 552footer .box { 553 position: relative; 554 width: 100%; 555} 556 557footer .box.empty { padding-bottom: 0; } 558 559 560 561footer .box > .inner { 562 margin: 1.5rem 0 0 0; 563} 564 565footer .footer_img { 566 float: left; 567 margin: 0px 5px 8px 0px; 568} 569 570footer .box > .inner .headline { 571 text-transform: uppercase; 572 margin-top: 0px; 573 margin-bottom: 7px !important; 574} 575 576footer .box > .inner h4 { 577 margin-top: 10px; 578 margin-bottom: 5px !important; 579} 580 581footer .box > .inner p { 582 margin-bottom: 0.4em; 583} 584 585footer .box > .inner ul { 586 padding-left: 25px; 587} 588 589footer .box > .inner ul.list { 590 padding: 0; 591 margin: 0.5em 0 0 0; 592 list-style-type: none; 593} 594 595footer .box > .inner ul.list li { 596 padding: 0; 597 margin: 0 0 0.2em 0; 598} 599 600footer .box > .inner ul.list li a { 601 display: flex; 602 text-decoration: none; 603} 604footer .box > .inner ul.list li a .icon { 605 width: 1.3em; 606 height: auto; 607 margin-right: 0.6rem; 608} 609 610footer .box > .inner ul.list li a .icon img { 611 width: 100%; 612 height: auto; 613} 614 615 616/* Adresse */ 617 618.Mandant_800 footer .adresse .firma { font-weight: bold; } 619 620 621/* Ãffnungszeiten */ 622.T2820 .oeffnungszeiten { font-size: 0.9rem; } 623.T2820 .oeffnungszeiten .tage { width: 34%; margin-right: 1%; flex-grow: 0; flex-shrink: 0; font-weight: bold; } 624.T2820 .oeffnungszeiten .tag { 625 display: flex; 626 flex-wrap:wrap; 627 border-bottom: 1px solid var(--footer_border_color,rgba(0,0,0,0.05)); 628 padding-bottom: 0.2rem; 629 margin-bottom: 0.2rem; 630} 631.T2820 .oeffnungszeiten .tag:last-child { border-width: 0; padding-bottom: 0; margin-bottom: 0; } 632.T2820 .oeffnungszeiten .rightside { width: 65%; hyphens: auto; } 633.T2820 .oeffnungszeiten .rightside .nachmittag { display: block; } 634 635footer .staticmap { 636 display: inline-block; 637 background-color: #fff; 638 border: 1px solid rgba(0,0,0,0.1); 639 padding: 4px; 640} 641 642footer .staticmap img { 643 width: 100%; 644 height: auto; 645} 646 647#totop { 648 position: fixed; 649 bottom: 50px; 650 right: 50px; 651 width: 65px; 652 height: 65px; 653 z-index: 2001; 654 display: none; 655 cursor: pointer; 656 background-color: #FFF; 657 background-color: rgba(255,255,255,0.5); 658} 659 660/* AWS */ 661.Mandant_420 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); } 662.Mandant_53187 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); } 663.Mandant_42884 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); } 664.Mandant_61884 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); } 665.Mandant_55265 #totop { background-color: #464e5d; background-color: rgba(70,78,93,0.5); } 666 667 668#totop i { 669 position: absolute; 670 top: 50%; 671 left: 50%; 672 -ms-transform: translate(-50%, -50%); 673 transform: translate(-50%, -50%); 674 font-size: 50px; 675} 676 677footer .box .social { 678 display: flex; 679 flex-direction: column; 680 margin-top: 1rem; 681} 682 683footer .box .social a { 684 display: flex; 685 font-size: 1.15rem; 686 text-decoration: none; 687 align-items: center; 688 margin-bottom: 0.2rem; 689} 690 691footer .box .social a i { 692 margin-right: 0.5rem; 693 font-size: 1.3em; 694} 695 696 697/* Fix Mittelberg */ 698 699.Mandant_800 footer { 700 padding: 0 1em; 701 margin: 0 auto !important; 702 max-width: 1800px; 703} 704 705 706 707.Mandant_800 footer :is(.copyright,.boxes,.badges) { 708 width: auto; 709 padding: 0; 710 margin-left: 0.5rem; 711 margin-right: 0.5rem; 712} 713 714 715.Mandant_800 .T2820.S9073 .wrapper { 716 border-radius: 1em 1em 0 0; /* sollte einstellbar sein irgendwie */ 717} 718 719@media (min-width: 420px) { 720 footer .box { 721 width: auto; 722 width: calc( 50% - var(--footer-gap) ); 723 } 724} 725@media (min-width: 567px) { 726 727} 728 729@media (min-width: 768px) { 730 731 footer .box { 732 width: calc( 25% - var(--footer-gap) ); 733 } 734 735 .Mandant_800 footer { 736 padding: 0 2em; 737 } 738 739 .Mandant_800 footer :is(.copyright,.boxes,.badges) { 740 width: auto; 741 padding: 0 2em; 742 } 743} 744 745@media (min-width: 1024px) { 746 747} 748 749@media (min-width: 1280px) { 750 751} 752 753 754/* -- Copyright -- */ 755 756footer .badges { text-align: right; } 757footer .badges.align-left { text-align: left; } 758footer .badges.align-center { text-align: center; } 759 760footer .badges a { 761 display: inline-block; 762 text-decoration: none; 763 margin: 0px 0px 15px 15px; 764} 765 766footer .badges a img { width: auto; height: 70px; } 767 768footer .copyright { 769 display: flex; 770 flex-wrap: wrap; 771 justify-content: space-between; 772 padding-bottom: 15px !important; 773 align-items: baseline; 774 775} 776 777 778footer .copyright .tc { opacity: 0.4; } 779 780footer .copyright a { text-decoration: none; color: inherit; } 781footer .copyright .social a { margin: 0px 15px 15px 0px; display: flex; align-items: center; } 782footer .copyright i { font-size: 20px; line-height: 16px; padding-right: 5px;} 783 784footer .copyright ul { 785 margin: 0; 786 padding: 0; 787 list-style-type: none; 788 display: flex; 789 flex-wrap: wrap; 790 align-items: center; 791 gap: 15px; 792} 793 794footer .copyright ul li a { opacity: 0.6; } 795footer .copyright ul li.widerruf a{ 796 background-color: var(--signal_color,#333); 797 color: var(--signal_color_negativ,#FFF); 798 padding: 0.1rem 0.5rem; 799 border-radius: 0.4rem; 800 display: inline-block; 801 opacity: 1; 802} 803 804footer .copyright .social { 805 float: none; 806 display: flex; 807 justify-content: center; 808 align-items: center; 809 flex-wrap: wrap; 810 margin: 0 10px 0 0; 811} 812 813@media (max-width: 567px) { 814 footer .copyright .social { 815 order: 1; 816 width: 100%; 817 flex-grow: 0; 818 flex-shrink: 0; 819 } 820 footer .copyright .links { order: 2; } 821 footer .copyright .tc { order: 3; } 822} 823 824 825/* -- Weisser Hintergrund -- [disabled] */ 826 827#body .T2820.S5702 .wrapper { background-color: #fff; } 828 829 830 831/* -- Hintergrund Hintergrund 5% Schwarz (1) [disabled] -- */ 832 833#body .T2820.S5703 .wrapper { background-color: rgba(0,0,0,0.05); } 834 835 836 837/* -- Hintergrund Dunkler Hintergrund (6) [disabled] -- */ 838 839.S7756 .background { 840 color: #fff !important; 841} 842 843 844 845 846/* -- Hintergrund Grauer Hintergrund [disabled] -- */ 847 848footer.S8854, footer .S8854 { 849 background: #555; 850} 851 852footer.S8854 section.box.box4, footer .S8854 section.box.box4 { 853 width: 100%; 854} 855 856footer.S8854 section.box.box4 .inner.clearfix.text, footer .S8854 section.box.box4 .inner.clearfix.text { 857 margin-right: 0; 858} 859 860@supports (container-type: inline-size) { 861 footer .search_wrapper { 862 container-type: inline-size; 863 container-name: footer_search; 864 width: 100%; 865 } 866 867 footer .search { 868 display: flex; 869 } 870 footer .search input[type=text] { 871 flex-grow: 1; 872 flex-shrink: 1; 873 } 874 875 876 @container footer_search (max-width: 279px) { 877 footer .search { 878 flex-wrap: wrap; 879 flex-direction: column; 880 } 881 footer .search input[type=text] { 882 min-height: 2rem; 883 width: 100%; 884 margin-bottom: 0.5em; 885 } 886 footer .search button { 887 width: 100%; 888 } 889 } 890} 891 892@supports not (container-type: inline-size) { 893 footer .search { 894 display: flex; 895 } 896 footer .search input[type=text] { 897 flex-grow: 1; 898 flex-shrink: 1; 899 width: 124px; 900 } 901 902 903 @media (min-width: 768px) and (max-width: 1023px) { 904 905 footer .search { 906 flex-direction: column; 907 } 908 footer .search input[type=text] { 909 width: 100%; 910 } 911 footer .search button { 912 width: 100%; 913 } 914 } 915 916 917 918} 919 920 921/* -- Responsive -- */ 922 923 924@media all and (min-width: 768px) and (max-width:1023px) { 925 926 .T2820 .oeffnungszeiten .tag { margin-bottom: 5px; } 927 .T2820 .oeffnungszeiten .tage { width: 100%; } 928 .T2820 .oeffnungszeiten .rightside { float: left; width: 100%; } 929 .T2820 .oeffnungszeiten .rightside .nachmittag { display: block; } 930 931 #totop { 932 bottom: 45px; 933 right: 45px; 934 width: 60px; 935 height: 60px; 936 } 937 938 #totop i { 939 font-size: 45px; 940 } 941 942} 943 944@media all and (min-width: 568px) and (max-width: 767px) { 945 946 .T2820 .oeffnungszeiten .tag { margin-bottom: 5px; } 947 .T2820 .oeffnungszeiten .tage { width: 100%; font-weight: bold; } 948 .T2820 .oeffnungszeiten .rightside { float: left; width: 100%; } 949 .T2820 .oeffnungszeiten .rightside .nachmittag { display: block; } 950 951 #totop { 952 bottom: 40px; 953 right: 40px; 954 width: 50px; 955 height: 50px; 956 } 957 958 #totop i { 959 font-size: 40px; 960 } 961 962 963} 964 965@media all and (max-width: 567px) { 966 967 footer .wrapper { 968 padding-top: 15px; 969 background-size: cover !important; 970 } 971 972 973 footer .box > .inner { 974 margin: 0px; 975 } 976 977 978 #totop { 979 bottom: 30px; 980 right: 30px; 981 width: 40px; 982 height: 40px; 983 } 984 985 #totop i { 986 font-size: 30px; 987 } 988 989 footer .box iframe { width: 100%; height: auto; } 990 footer .box iframe.noresponsive { width: auto; height: auto; } 991 992 993 footer .copyright .social { 994 padding-top: 0.8rem; 995 padding-bottom: 0.8rem; 996 border-top: 1px solid var(--footer_border_color,rgba(0,0,0,0.05)
996); 997 border-bottom: 1px solid var(--footer_border_color,rgba(0,0,0,0.05)); 998 margin-bottom: 0.8rem; 999 } 1000 footer .copyright .social a { 1001 margin-bottom: 0.5rem; 1002 } 1003 1004} 1005 1006/* -- CSS (für Browser) #9072: Breite Nur Maximalbreite (1) [optional] -- */ 1007 1008.T2820.S9072 .wrapper { padding-left: 2rem; padding-right: 2rem; } 1009 1010 1011/* -- CSS (für Browser) #9073: Rundung Abgerundete Ecken oben (1) [optional] -- */ 1012 1013.T2820.S9073 .wrapper { border-radius: 2rem 2rem 0 0; } 1014 1015 1016</style> 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 <style> 1043 html { 1044 1045 font-family: 'Arial',sans-serif !important; 1046 font-weight: 400; 1047 font-style: normal; 1048 1049 font-size: 87.5%; 1050 line-height: 1.3; 1051 } 1052 1053 html .fontsize_xxsmall { font-size: 0.7rem ; } 1054 html .fontsize_xsmall { font-size: 0.8rem ; } 1055 html .fontsize_small { font-size: 0.9rem ; } 1056 html .fontsize_medium { font-size: 1rem; } 1057 html .fontsize_large { font-size: 1.1rem ; } 1058 html .fontsize_xlarge { font-size: 1.2rem; } 1059 1060 1061 html .bold, html strong, html b { font-weight: 600; } 1062 html h1, html h2, html h3, html h4, html h5 { font-size: inherit; font-weight: 400; } 1063 1064 1065 1066 @media (min-width: 567px) { 1067 html { font-size: 93.75%; } 1068 } 1069 1070 1071 @media (min-width: 768px) { 1072 html { font-size: 100%; } 1073 } 1074 1075 @media (min-width: 1024px) { 1076 html { font-size: 103.125%; } 1077 } 1078 1079 1080 @media (min-width: 1280px) { 1081 html { font-size: 106.25%; } 1082 } 1083 1084 1085 </style> 1086 1087 1088 1089 1090 1091 <style media="screen, print"> 1092 @font-face { 1093 font-family: 'Sorts Mill Goudy'; 1094 src: url('https://storage.tramino.net/static/fonts/sorts-mill-goudy-v15-latin/400.woff2') format('woff2'),url('https://storage.tramino.net/static/fonts/sorts-mill-goudy-v15-latin/400.woff') format('woff'); 1095 1096 font-weight: 400; 1097 font-style: normal; 1098 } 1099 </style> 1100 <style> 1101 html .specialfont { 1102 1103 font-family: 'Sorts Mill Goudy',serif !important; 1104 font-weight: 400; 1105 font-style: normal; 1106 1107 font-size: 1.643rem; 1108 margin: 0.2em 0 0.4em 0; 1109 line-height: 1.2; 1110 } 1111 1112 html .specialfont.fontsize_xxsmall { font-size: 1.1501rem; } 1113 html .specialfont.fontsize_xsmall { font-size: 1.3144rem; } 1114 html .specialfont.fontsize_small { font-size: 1.4787rem; } 1115 html .specialfont.fontsize_medium { font-size: 1.643rem; } 1116 html .specialfont.fontsize_large { font-size: 1.9716rem; } 1117 html .specialfont.fontsize_xlarge { font-size: 2.1359rem; }@media (min-width: 567px) { 1118 html .specialfont { font-size: 1.743rem; } 1119 html .specialfont.fontsize_xxsmall { font-size: 1.2201rem; } 1120 html .specialfont.fontsize_xsmall { font-size: 1.3944rem; } 1121 html .specialfont.fontsize_small { font-size: 1.5687rem; } 1122 html .specialfont.fontsize_medium { font-size: 1.743rem; } 1123 html .specialfont.fontsize_large { font-size: 2.0916rem; } 1124 html .specialfont.fontsize_xlarge { font-size: 2.2659rem; } 1125 }@media (min-width: 768px) { 1126 html .specialfont { font-size: 1.793rem; } 1127 html .specialfont.fontsize_xxsmall { font-size: 1.2551rem; } 1128 html .specialfont.fontsize_xsmall { font-size: 1.4344rem; } 1129 html .specialfont.fontsize_small { font-size: 1.6137rem; } 1130 html .specialfont.fontsize_medium { font-size: 1.793rem; } 1131 html .specialfont.fontsize_large { font-size: 2.1516rem; } 1132 html .specialfont.fontsize_xlarge { font-size: 2.3309rem; } 1133 }@media (min-width: 1024px) { 1134 html .specialfont { font-size: 1.893rem; } 1135 html .specialfont.fontsize_xxsmall { font-size: 1.3251rem; } 1136 html .specialfont.fontsize_xsmall { font-size: 1.5144rem; } 1137 html .specialfont.fontsize_small { font-size: 1.7037rem; } 1138 html .specialfont.fontsize_medium { font-size: 1.893rem; } 1139 html .specialfont.fontsize_large { font-size: 2.2716rem; } 1140 html .specialfont.fontsize_xlarge { font-size: 2.4609rem; } 1141 }@media (min-width: 1280px) { 1142 html .specialfont { font-size: 1.993rem; } 1143 html .specialfont.fontsize_xxsmall { font-size: 1.3951rem; } 1144 html .specialfont.fontsize_xsmall { font-size: 1.5944rem; } 1145 html .specialfont.fontsize_small { font-size: 1.7937rem; } 1146 html .specialfont.fontsize_medium { font-size: 1.993rem; } 1147 html .specialfont.fontsize_large { font-size: 2.3916rem; } 1148 html .specialfont.fontsize_xlarge { font-size: 2.5909rem; } 1149 } 1150 1151 1152 html h1.specialfont, html h2.specialfont, html h3.specialfont, html h4.specialfont, html h5.specialfont { font-weight: 400; } 1153 1154 1155 </style> 1156 1157 1158 1159 1160 1161 1162 <meta name="referrer" content="origin"> 1163 1164 1165<link rel="stylesheet" type="text/css" href="https://storage.tramino.net/static/iconfonts/tramino/v1.41/style.css"> 1166 1167<link rel="stylesheet" href="https://storage.tramino.net/static/tramini/iconfont/css/styles.min.css?c=950980"> 1168 1169 1170 1171
1172<script> 1173"use strict"; 1174 1175 window.hasTouchEvents = (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch); 1176 1177 window.Tramini = { 1178 hasTouchEvents: (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch), 1179 checkTabletView: function() { 1180 return $(window).width() < 768; 1181 }, 1182 checkMobileView: function() { 1183 return $(window).width() < 567; 1184 }, 1185 checkSmallDesktopView: function() { 1186 return $(window).width() < 1023; 1187 }, 1188 checkDesktopView: function() { 1189 return $(window).width() > 1023; 1190 }, 1191 }; 1192 1193 1194 1195TraminoReady(function() { 1196 1197 let $body = $('body'); 1198 1199 if ( Tramini.hasTouchEvents ) { 1200 $('#body').addClass('touchdevice'); 1201 } 1202 1203 if ( $('.fancybox').length > 0 && ! $body.hasClass('norequire') ) { 1204 1205 if ( window.require !== undefined ) { 1206 1207 require(['fancybox'], function(_) { 1208 1209 $('.fancybox').fancybox({ 1210 padding: 0, 1211 }); 1212 1213 $('a.fancybox').on('click', function(e){ e.preventDefault(); }); 1214 1215 }); 1216 1217 } 1218 1219 } 1220 1221 if ( $('.lazyload').length > 0 && !$body.hasClass('norequire') ) { 1222 require(['lazybgset','lazysizes'], function(_) { 1223 window.lazySizesConfig.customMedia = { 1224 '--mobile': '(max-width: 567px)', 1225 '--tabletsmall': '(max-width: 767px)', 1226 '--tabletbig': '(max-width: 1023px)', 1227 '--desktopsmall': '(max-width: 1279px)' 1228 }; 1229 }); 1230 } 1231 1232 1233 if ( 'loading' in HTMLImageElement.prototype && 0 ) { 1234 1235 $('img[loading="lazy"]').each(function(index, el) { 1236 $(this).attr('src',$(this).data('src')); 1237 }); 1238 1239 $('source[data-srcset]').each(function(index, el) { 1240 $(this).attr('srcset',$(this).data('srcset')); 1241 }); 1242 } else { 1243 if ( $('.lazy').length > 0 && !$body.hasClass('norequire') ) { 1244 // https://www.andreaverlicchi.eu/lazyload/ 1245 1246 var lazyLoadAmdUrl = "/tramino/js/lazy/lazyload.amd.min.js"; 1247 var polyfillAmdUrl = "/tramino/js/lazy/intersection-observer.js"; 1248 1249 1250 var dependencies = [ 1251 "IntersectionObserver" in window 1252 ? null // <- Doesn't require the polyfill 1253 : polyfillAmdUrl, 1254 lazyLoadAmdUrl 1255 ]; 1256 1257 require(dependencies, function(_,LazyLoad) { 1258 window.lazyLoadInstance = new LazyLoad({ 1259 //container: document.getElementById('TraminoRubrik'), 1260 elements_selector: ".lazy", 1261 // load_delay: 300, 1262 //threshold: 800, 1263 }); 1264 1265 }); 1266 } 1267 } 1268 1269 if ( $('.cardslider.slider').length > 0 && !$body.hasClass('norequire')) { 1270 1271 let autoplay = false; 1272 if( $('.cardslider.slider').hasClass('autoplay') ){ 1273 autoplay = true; 1274 } 1275 1276 require(['slick'], function(_) { 1277 1278 $('.cardslider.slider').slick({ 1279 lazyLoad: 'ondemand', 1280 dots: false, 1281 arrows: true, 1282 infinite: true, 1283 slidesToShow: 3, 1284 slidesToScroll: 1, 1285 // prevArrow: '<a href="#" class="slider-nav slider-nav-prev"><i class="icon-arrow-left"></i></i></a>', 1286 // nextArrow: '<a href="#" class="slider-nav slider-nav-next"><i class="icon-arrow-right"></i></a>', 1287 variableWidth: true, 1288 autoplay: autoplay, 1289 autoplaySpeed: 1000, 1290 }); 1291 }); 1292 } 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 // impressum anhang 1303 $('.T711').addClass('maxwidth text'); 1304 $('.T711 p').addClass('fontsize_medium'); 1305 1306 //Datenschutz Anhang 1307 $('.T1979').addClass('maxwidth text'); 1308 1309 1310 // Zur Sprungmarke Offset von de Navigation hinzufügen 1311 // if ($('header').css('position') == 'sticky') { 1312 1313 1314 1315 // $('a').filter(function() { return this.href.match(/TraminoAnhang/); }).addClass("scrollto"); 1316 1317 $('a').filter(function() { 1318 return this.href.match(/TraminoAnhang/); 1319 }).addClass("scrollto"); 1320 1321 $('a.scrollto').on('click', function(e) { 1322 1323 let anker = $(this).attr('href'); 1324 anker = anker.match("#(.*)$"); 1325 anker = anker[0]; 1326 1327 if ( $(anker).length > 0 ) { 1328 e.preventDefault(); 1329 } 1330 1331 let offset = 20; 1332 1333 1334 if ( $('header').css("position") == "fixed" || $('header').css("position") == "sticky" ) { 1335 offset = $('header').height() + 20; 1336 } 1337 1338 1339 let scrollto = $(anker).offset().top - offset; 1340 $('html, body').animate({ 1341 scrollTop: scrollto, 1342 }, 1000, 'swing'); 1343 1344 }); 1345 1346 1347}); 1348 1349document.addEventListener("DOMContentLoaded", function() { 1350 document.querySelectorAll("#TraminoInhalt table").forEach(function(table) { 1351 // Wenn Tabelle die Klasse 'no-responsive' hat, überspringen 1352 if (table.classList.contains("no-responsive")) return; 1353 1354 // Prüfen, ob Tabelle schon in einem Wrapper steckt 1355 if (!table.parentElement.classList.contains("table-responsive")) { 1356 let wrapper = document.createElement("div"); 1357 wrapper.classList.add("table-responsive"); 1358 wrapper.style.overflowX = "auto"; 1359 wrapper.style.webkitOverflowScrolling = "touch"; 1360 table.parentNode.insertBefore(wrapper, table); 1361 wrapper.appendChild(table); 1362 } 1363 }); 1364}); 1365 1366 1367</script>
1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378<style> 1379 body .color { color: #743A00; } 1380 body .text a:not(.bgcolor,.button) { color: #743A00; } 1381 1382 body .bgcolor { background-color: #743A00; color: #FFFFFF; } 1383 1384 1385 body .bordercolor { border-color: #743A00; } 1386 1387 body .textile .button, .S6529 .textile a.button { background-color: #743A00; color: #FFFFFF; } 1388 1389 1390 #cart-button-next { 1391 background-color: var(--signal_color,#CC3300); 1392 color: var(--signal_color_negativ,#FFFFFF); 1393 } 1394 1395 1396 1397 1398 /* 1399 header .header input[type="button"] { 1400 color: #000; 1401 } 1402 */ 1403 1404 /* Trennbaustein Linie */ 1405 body .T4681 .bordercolor:before { background: #743A00; } 1406 1407 /* Navigation: Farbiger Hover; */ 1408 body .S6995 .header.show_subnav nav ul li:hover > a { background-color: #743A00; } 1409 body .S6995 .header.show_subnav nav ul ul li:hover a { background-color: #743A00; } 1410 1411 :root { 1412 --signal_color: #743A00; 1413 1414 --signal_color_negativ: #FFFFFF; 1415 1416 } 1417</style> 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433<style> 1434 body { 1435 background-color: #DFDFD0; 1436 color: #222222; 1437 } 1438 1439 header .header { background-color: #DFDFD0; } 1440 1441 header .S7114 .header { background-color: rgba(223,223,208,0.8) !important; } 1442 1443 1444 1445 footer { 1446 --footer_border_color: rgba(0,0,0,0.05); 1447 --footer_a_color: #000; 1448 } 1449 footer .wrapper { 1450 background-color: rgba(100,100,100,0.1); 1451 border-top: 1px solid rgba(0,0,0,0.05); 1452 color: #000; 1453 } 1454 1455 footer .copyright a { color: #000; } 1456 1457 1458 .T3108 .bg_image .mask { 1459 background: -moz-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(223,223,208,1) 100%); 1460 background: -webkit-linear-gradient(top, rgba(223,223,208,0) 0%,rgba(223,223,208,1) 100%); 1461 background: linear-gradient(to bottom, rgba(223,223,208,0) 0%,rgba(223,223,208,1) 100%); 1462 } 1463 1464 1465 1466 :root { 1467 --background_color: #DFDFD0; 1468 --text_color: #222222; 1469 --bgcolor-button: #743A00; 1470 --default_font: "Arial"; 1471 --default_specialfont: "Sorts Mill Goudy"; 1472 } 1473</style> 1474 1475 1476 1477 1478 1479 1480
1481<script type="text/javascript"> 1482 1483 TraminoReady(function() { 1484 require(['hovertip'], function(_) { 1485 $("a").hovertip( { offset: [ 5,5 ] } ); 1486 }); 1487 1488 1489 1490 }); 1491 1492 // Original JavaScript code by Chirp Internet: www.chirp.com.au 1493 // Please acknowledge use of this code by including this header. 1494 1495 function Hilitor(id, tag) { 1496 1497 // private variables 1498 var targetNode = document.getElementById(id) || document.body; 1499 var hiliteTag = tag || "MARK"; 1500 var skipTags = new RegExp("^(?:" + hiliteTag + "|SCRIPT|FORM|SPAN)$"); 1501 var colors = ["#ff6", "#a0ffff", "#9f9", "#f99", "#f6f"]; 1502 var wordColor = []; 1503 var colorIdx = 0; 1504 var matchRegExp = ""; 1505 var openLeft = false; 1506 var openRight = false; 1507 1508 // characters to strip from start and end of the input string 1509 var endRegExp = new RegExp('^[^\\w]+|[^\\w]+$', "g"); 1510 1511 // characters used to break up the input string into words 1512 var breakRegExp = new RegExp('[^\\w\'-äöü]+', "g"); 1513 1514 this.setEndRegExp = function(regex) { 1515 endRegExp = regex; 1516 return endRegExp; 1517 }; 1518 1519 this.setBreakRegExp = function(regex) { 1520 breakRegExp = regex; 1521 return breakRegExp; 1522 }; 1523 1524 this.setMatchType = function(type) 1525 { 1526 switch(type) 1527 { 1528 case "left": 1529 this.openLeft = false; 1530 this.openRight = true; 1531 break; 1532 1533 case "right": 1534 this.openLeft = true; 1535 this.openRight = false; 1536 break; 1537 1538 case "open": 1539 this.openLeft = this.openRight = true; 1540 break; 1541 1542 default: 1543 this.openLeft = this.openRight = false; 1544 1545 } 1546 }; 1547 1548 this.setRegex = function(input) 1549 { 1550 input = input.replace(endRegExp, ""); 1551 input = input.replace(breakRegExp, "|"); 1552 input = input.replace(/^\||\|$/g, ""); 1553 if(input) { 1554 var re = "(" + input + ")"; 1555 if(!this.openLeft) re = "\\b" + re; 1556 if(!this.openRight) re = re + "\\b"; 1557 matchRegExp = new RegExp(re, "i"); 1558 return matchRegExp; 1559 } 1560 return false; 1561 }; 1562 1563 this.getRegex = function() 1564 { 1565 var retval = matchRegExp.toString(); 1566 retval = retval.replace(/(^\/(\\b)?|\(|\)|(\\b)?\/i$)/g, ""); 1567 retval = retval.replace(/\|/g, " "); 1568 return retval; 1569 }; 1570 1571 // recursively apply word highlighting 1572 this.hiliteWords = function(node) 1573 { 1574 if(node === undefined || !node) return; 1575 if(!matchRegExp) return; 1576 if(skipTags.test(node.nodeName)) return; 1577 1578 if(node.hasChildNodes()) { 1579 for(var i=0; i < node.childNodes.length; i++) 1580 this.hiliteWords(node.childNodes[i]); 1581 } 1582 if(node.nodeType == 3) { // NODE_TEXT 1583 if((nv = node.nodeValue) && (regs = matchRegExp.exec(nv))) { 1584 if(!wordColor[regs[0].toLowerCase()]) { 1585 wordColor[regs[0].toLowerCase()] = colors[colorIdx++ % colors.length]; 1586 } 1587 1588 var match = document.createElement(hiliteTag); 1589 match.appendChild(document.createTextNode(regs[0])); 1590 match.style.backgroundColor = wordColor[regs[0].toLowerCase()]; 1591 match.style.color = "#000"; 1592 1593 var after = node.splitText(regs.index); 1594 after.nodeValue = after.nodeValue.substring(regs[0].length); 1595 node.parentNode.insertBefore(match, after); 1596 } 1597 }; 1598 }; 1599 1600 // remove highlighting 1601 this.remove = function() 1602 { 1603 var arr = document.getElementsByTagName(hiliteTag); 1604 while(arr.length && (el = arr[0])) { 1605 var parent = el.parentNode; 1606 parent.replaceChild(el.firstChild, el); 1607 parent.normalize(); 1608 } 1609 }; 1610 1611 // start highlighting at target node 1612 this.apply = function(input) 1613 { 1614 this.remove(); 1615 if(input === undefined || !input) return; 1616 if(this.setRegex(input)) { 1617 this.hiliteWords(targetNode); 1618 } 1619 return matchRegExp; 1620 }; 1621 1622 } 1623</script>
1623 1624 1625 1626 1627<meta property="og:title" content="Verein"> 1628<meta property="og:description" content=""> 1629<meta property="og:site_name" content="Verschönerungsverein Oberstdorf"> 1630<meta property="og:type" content="Website"> 1631<meta property="og:url" content="https://www.verschoenerungsverein-oberstdorf.de/verein/vorstandschaft.html"> 1632<meta property="og:image" content="https://storage.tramino.net/verschoenerungsverein/835730/800.jpg?r=1">
vendor: 65 bytes, lines 1632-1634
1632 1633 1634<script async src="https://www.googletagmanager.com/gtag/js?id=
1634G-D8PNWWYCG7
vendor: 12 bytes, line 1634
1634"></script>
1635<script>
vendor: 132 bytes, lines 1636-1640
1636window.dataLayer = window.dataLayer || []; 1637function gtag(){dataLayer.push(arguments);} 1638gtag('js', new Date()); 1639 1640gtag('config', '
1640G-D8PNWWYCG7
vendor: 4 bytes, line 1640
1640');
1641</script>
1641 1642 1643</head> 1644<body id="body" class=" Mandant_9490 Rubrik_102371" > 1645 1646 1647<div id="page"> 1648 1649<div id="TraminoInhalt"> 1650 1651 <section class="TraminoVorlage T2862 nomargin TraminoVorlage_1" id="TraminoAnhang143983" > 1652 <div class="motiv"> 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 <picture ><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/2400x450.webp?r=1 1x" type="image/webp" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/1280x240.webp?r=1 1x" type="image/webp" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/1024x192.webp?r=1 1x" type="image/webp" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/768x216.webp?r=1 1x" type="image/webp" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/567x159.webp?r=1 1x" type="image/webp" ><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/2400x450.jpg?r=1 1x" type="image/jpeg" media="(min-width: 1280px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/1280x240.jpg?r=1 1x" type="image/jpeg" media="(min-width: 1024px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/1024x192.jpg?r=1 1x" type="image/jpeg" media="(min-width: 768px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/768x216.jpg?r=1 1x" type="image/jpeg" media="(min-width: 567px)"><source srcset="https://storage.tramino.net/verschoenerungsverein/835730/567x159.jpg?r=1 1x" type="image/jpeg" ><img src="https://storage.tramino.net/verschoenerungsverein/835730/567x159.jpg?r=1" width="567" height="159" fetchpriority="high" loading='eager' alt="Scan 4 (1)" /></picture> 1732 1733 1734 </div> 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 <div class="text"> 1749 1750 </div> 1751 1752 </section> 1753 1754 <header class="TraminoVorlage T2883 S4516 nomargin TraminoVorlage_2" id="TraminoAnhang143984" > 1755 <div class="header haslang"> 1756 1757 <div class="maxwidth clearfix"> 1758 1759 <div class="logo "> 1760 <a href="/" aria-label="Startseite"> 1761 <img src="https://storage.tramino.net/verschoenerungsverein/87044/logo3.png" id="logo1" alt="Logo von Verschönerungsverein Oberstdorf" width="500" height="220"> 1762 1763 </a> 1764 </div> 1765 1766 1767 1768 <div id="navwrapper" class="responsive_hidden clearfix"> 1769 1770 1771 1772 <div class="top"> 1773 1774 1775 1776 1777 <div class="left"> 1778 1779 <div class="slogan fontsize_large">"Ming Huimat mueà de Kinde blibe!"</div> 1780 1781 </div> 1782 1783 1784 1785 1786 </div> 1787 1788 1789 1790 1791 <nav> 1792 1793 1794 <div class="ul"><ul class="nav"> 1795 <li class="nav_1 nav__willkommen nav__16736 nav___1 first"><a href="https://www.verschoenerungsverein-oberstdorf.de/" class="fontsize_large" ><span>Willkommen</span><span class="extra"></span></a></li> 1796 <li class="nav_2 nav__verein nav__102371 nav___2 nav_aktiv"><a href="https://www.verschoenerungsverein-oberstdorf.de/verein/vorstandschaft.html" class="fontsize_large" ><span>Verein</span><span class="extra"></span></a></li> 1797 <li class="nav_3 nav__chronik nav__102372 nav___3"><a href="https://www.verschoenerungsverein-oberstdorf.de/chronik/" class="fontsize_large" ><span>Chronik</span><span class="extra"></span></a></li> 1798 <li class="nav_4 nav__aktuell nav__102383 nav___4"><a href="https://www.verschoenerungsverein-oberstdorf.de/aktuell/" class="fontsize_large" ><span>Aktuell</span><span class="extra"></span></a></li> 1799 <li class="nav_5 nav__unser-oberstdorf nav__105445 nav___5"><a href="https://www.verschoenerungsverein-oberstdorf.de/unser-oberstdorf/" class="fontsize_large" ><span>Unser Oberstdorf</span><span class="extra"></span></a></li> 1800 <li class="nav_6 nav__flurnamen nav__114270 nav___6"><a href="https://www.verschoenerungsverein-oberstdorf.de/flurnamen/" class="fontsize_large" ><span>Flurnamen</span><span class="extra"></span></a></li> 1801 <li class="nav_7 nav__literatur nav__102384 nav___7"><a href="https://www.verschoenerungsverein-oberstdorf.de/literatur/" class="fontsize_large" ><span>Literatur</span><span class="extra"></span></a></li> 1802 <li class="nav_8 nav__kontakt nav__103116 nav___8"><a href="https://www.verschoenerungsverein-oberstdorf.de/kontakt/" class="fontsize_large" ><span>Kontakt</span><span class="extra"></span></a></li> 1803 </ul></div> 1804 1805 </nav> 1806 1807 1808 1809 1810 1811 <div class="bottomwrapper"> 1812 1813 1814 </div> 1815 1816 </div> 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 <div id="nav_icon_wrapper" class="noprint"> 1832 <div id="nav_icon"> 1833 <div class="nav_line bgcolor nav_line1"></div> 1834 <div class="nav_line bgcolor nav_line2"></div> 1835 <div class="nav_line bgcolor nav_line3"></div> 1836 </div> 1837 </div> 1838 </div> 1839</div> 1840 1841 1842 1843 1844 1845 <div id="pattern2"></div> 1846 1847 </header> 1848 1849 <section class="TraminoVorlage T3799 TraminoVorlage_3" id="TraminoAnhang143985" > 1850 <div class="maxwidth"> 1851 1852 <div class="items"> 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 <div class="item item1 on"> 1863 <a href="/verein/vorstandschaft.html" class="color">Vorstandschaft</a> 1864 </div> 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 <div class="item item2 ">
1877 <a href="/verein/mitgliedschaft.html" class="color">Mitgliedschaft</a> 1878 </div> 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 <div class="item item3 "> 1891 <a href="/verein/satzung.html" class="color">Satzung</a> 1892 </div> 1893 1894 1895 <br> 1896 1897 1898 1899 1900 1901 </div> 1902</div> 1903 1904 </section> 1905 1906 <section class="TraminoVorlage T2897 TraminoVorlage_4" id="TraminoAnhang143987" > 1907 <div class="width_wrapper maxwidthsmall"> 1908<div class="wrapper background" > 1909 1910 1911 1912 1913 <h1 data-shortcut="headline" class="headline color specialfont fontsize_xlarge bold hyphens">Vorstandschaft</h1> 1914 1915 <h2 data-shortcut="intro" class="intro fontsize_xlarge bold">Der Verschönerungsverein Oberstdorf e. V. ist ein gemeinnütziger Verein zum Erhalt der Oberstdorfer Kultur und zur Verschönerung unseres Ortes. </h2> 1916 1917 <div class="text textile" data-shortcut="col1_text"> 1918 <table><tr><td>1. Vorsitzender</td><td>Peter Titzler</td></tr><tr><td>2. Vorsitzender</td><td>Christoph Hörmann</td></tr><tr><td>Kassier</td><td>Josef Geiger</td></tr><tr><td>Schriftführerin</td><td>Judith Lingg-Dempfle</td></tr><tr><td>Beisitzer</td><td>Peter Litjens</td></tr><tr><td>Beisitzer</td><td>Hannes Kirschner</td></tr><tr><td>Beisitzer</td><td>Elisabeth Kerle</td></tr><tr><td>Beisitzer</td><td>Max Brutscher</td></tr><tr><td>Beisitzer</td><td>Klaus Imminger</td></tr><tr><td>Beisitzer</td><td>Thomas Ihle</td></tr><tr><td>Beisitzer</td><td>Clarissa Bayer</td></tr><tr><td>Beisitzer</td><td>Stefan Messenzehl</td></tr></table><p>Foto: (von Links) Peter Litjens, Hannes Kirschner, Judith Lingg-Dempfle, Elisabeth Kerle, Josef Geiger, Hermann Hofmann, Klaus Imminger, Peter Titzler, Walter Renn, Thomas Ihle, Christoph Hörmann, Max Brutscher</p> 1919 1920 </div> 1921 1922</div> 1923</div> 1924 1925 </section> 1926 1927 <section class="TraminoVorlage T2898 TraminoVorlage_5" id="TraminoAnhang143986" > 1928 <div class="maxwidth"> 1929 <div class="outer"> 1930 1931 1932 1933 1934 1935 <div class="bild " title="Vorstandsschaft 2022"> 1936 1937 <div class="inner"> 1938 1939 <img src="https://storage.tramino.net/verschoenerungsverein/1182115/900.jpg" alt="Vorstandsschaft 2022" title="Vorstandsschaft 2022" width="900" height="600" loading="lazy" /> 1940 1941 1942 1943 </div> 1944 1945 1946 </div> 1947 1948 </div> 1949</div> 1950 1951 </section> 1952 1953 <footer class="TraminoVorlage T2820 S5726 noanimation TraminoVorlage_6" id="TraminoAnhang143988" > 1954 <div class="fontsize_small background wrapper text-transform noprint"> 1955 <div class="inner boxes maxwidth"> 1956 1957 1958 <section class="box box1"> 1959 1960 <div class="inner text"> 1961 1962 1963 1964 <h3 class="headline color fontsize_medium bold">Kontakt</h3> 1965 1966 <div class="address"> 1967 <div class="adresse"><span class="address_value firma">Verschönerungsverein Oberstdorf e.V.</span><br/>1. Vorsitzender<br/>Peter Titzler<br/>Brunnackerweg 5<br/>87561 Oberstdorf <br/>DEUTSCHLAND<br/><div class="nummer">Tel. <span class='phone-number' data-number='(+49 8322 6759)'>+49 8322 6759</span><br/></div><div class="email"><a href="mailto:[email protected]" style="">[email protected]</a></div></div> 1968 </div> 1969 1970 1971 1972 </div> 1973 </section> 1974 1975 1976 1977 1978 1979 1980 1981 <section class="box box2 "> 1982 1983 <div class="inner text"> 1984 1985 1986 1987 <h3 class="headline color fontsize_medium bold">Der Verein</h3> 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 <div class="clear"></div> 2007 2008 2009 2010 2011 <p>Unser gemeinnütziger Verein unterstützt und fördert den Erhalt und Pflege von Landschaft, Umwelt, Geschichte, Mundart und Brauchtum in Oberstdorf. <a href="/verein/">Mehr</a></p> 2012 2013 2014 2015 2016 2017 2018 2019 2020 </div> 2021 2022 </section> 2023 2024 2025 2026 2027 2028 2029 2030 <section class="box box3 "> 2031 2032 <div class="inner text"> 2033 2034 <h3 class="headline color fontsize_medium bold">Unser Oberstdorf</h3> 2035 2036 <div class="clear"></div> 2037 <p>Seit Februar 1982 werden die Hefte der Reihe "Unser Oberstdorf" zweimal im Jahr vom Verschönerungsverein Oberstdorf herausgegeben und brachten seit dem ersten Erscheinen einen wirklichen Schub für die Heimatforschung. <a href="/unser-oberstdorf/">
2037Mehr</a></p> 2038 </div> 2039 2040 </section> 2041 2042 2043 2044 2045 2046 2047 2048 2049 <section class="box box4 "> 2050 2051 <div class="inner text"> 2052 2053 2054 2055 2056 2057 2058 <h3 class="headline color fontsize_medium bold">Weiterführende Links</h3> 2059 <div><ul> 2060<li><a href="https://www.oberstdorf.de" target="_blank" title="Externer Link auf www.oberstdorf.de, Sie verlassen diesen Internetauftritt" class="externlink"><span>Urlaub in Oberstdorf</span></a></li> 2061<li><a href="http://www.markt-oberstdorf.de" target="_blank" title="Externer Link auf www.markt-oberstdorf.de, Sie verlassen diesen Internetauftritt" class="externlink"><span>Markt Oberstdorf</span></a></li> 2062<li><a href="http://www.heimatmuseum-oberstdorf.de" target="_blank" title="Externer Link auf www.heimatmuseum-oberstdorf.de, Sie verlassen diesen Internetauftritt" class="externlink"><span>Heimatmuseum Oberstdorf</span></a></li> 2063<li><a href="http://www.oberstdorf-lexikon.de" target="_blank" title="Externer Link auf www.oberstdorf-lexikon.de, Sie verlassen diesen Internetauftritt" class="externlink"><span>Oberstdorf Lexikon</span></a></li> 2064</ul></div> 2065 2066 2067 2068 2069 2070 2071 </div> 2072 2073 </section> 2074 2075 2076 2077 </div> 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 <div class="inner maxwidth copyright fontsize_small"> 2092 <div class="links"> 2093 <ul> 2094 2095 2096 2097 <li> 2098 2099 <a href="/impressum/">Impressum</a> 2100 2101 </li> 2102 2103 2104 2105 2106 <li> 2107 2108 <a href="/datenschutz/">Datenschutz</a> 2109 2110 </li> 2111 2112 2113 2114 2115 2116 2117 2118 2119 <li> 2120 2121 <a href="/barrierefreiheit/">Barrierefreiheit</a> 2122 2123 </li> 2124 2125 2126 2127 2128 2129 2130 2131 <li><a href="#" data-openConsentSetttings="2">Cookie-Einstellungen</a></li> 2132 2133 2134 2135 2136 2137 2138 2139 2140 </ul> 2141 </div> 2142 2143 2144 2145 2146 <div class="social"> 2147 2148 2149 <a href="https://www.facebook.com/vv.oberstdorf/" 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> 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 </div> 2163 2164 2165 <div class="tc "> 2166 2167 Erstellt 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 mit <a href="https://www.tramino.de" target="blank">Tramino</a> 2180 2181</div> 2182 2183 2184 2185 2186 </div> 2187 2188 2189 2190 2191 2192 <div id="totop"><i class="color icon-arrow-up"></i></div> 2193 2194 2195 2196 2197 2198</div> 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211<style> 2212 2213 2214 2215footer#TraminoAnhang143988 { 2216 --footer_bg_color: #0000000C; 2217 } 2218 footer#TraminoAnhang143988 .wrapper { background-color: #0000000C; } 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229</style> 2230 2231 2232
2233<script type="text/javascript"> 2234"use strict"; 2235 2236var 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; 2237 2238TraminoReady(function() { 2239 2240 var stopclick = 0; 2241 2242 $('#totop').on('click', function(){ 2243 2244 if ( stopclick == 0 ) { 2245 2246 stopclick = 1; 2247 console.log(isiPad, navigator.userAgent); 2248 2249 if ( isiPad ) { 2250 $('#totop').fadeOut(20); 2251 window.scrollTo(0,0); 2252 stopclick = 0; 2253 } else { 2254 $('html, body').animate({ 2255 scrollTop: 0 2256 }, 800, function() { 2257 stopclick = 0; 2258 }); 2259 } 2260 2261 2262 2263 2264 2265 } 2266 }); 2267 2268 $(document).scroll(function(){ 2269 var st = $(window).scrollTop(); 2270 if (st > 400 ) { 2271 $('#totop').fadeIn(300); 2272 } else { 2273 $('#totop').fadeOut(200); 2274 } 2275 2276 }); 2277}); 2278 2279</script>
2279 2280 2281 </footer> 2282 2283 </div><div class="TraminoConsent overlay" data-page="102380" data-checksum="5f0ad4db43d8723d18169b2e4817a160_v1" data-domain="verschoenerungsverein-oberstdorf.de"> 2284 2285 2286 2287 <div class="background"></div> 2288 2289 <div class="inner"> 2290 <form action="#" class=""> 2291 2292 <div class="screen first show"> 2293 <div class="top"> 2294 <div class="headline specialfont">Wir verwenden Cookies und andere Technologien.</div> 2295 <div class="info"> 2296 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. 2297 </div> 2298 </div> 2299 <div class="bottom"> 2300 <button type="submit" name="action" class="bgcolor" value="acceptConsentAll">Alle akzeptieren</button> 2301 <button type="submit" name="action" class="bgcolor" value="acceptConsent">Nur notwendige akzeptieren</button> 2302 </div> 2303 <div class="foot"> 2304 2305 <span class="settings">Einstellungen</span> · <a href="/datenschutz/">Datenschutzerklärung</a> · <a href="/impressum/">Impressum</a> 2306 2307 </div> 2308 </div> 2309 <div class="screen settings "> 2310 2311 <span class="back"><i class="icon-arrow-left"></i>zurück</span> 2312 2313 2314 <div class="headline specialfont fontsize_large">Cookie- und Datenschutzeinstellungen</div> 2315 2316 <div class="checkboxen"> 2317 <div class="item"> 2318 <label class="container"> 2319 <span>Notwendig</span> 2320 <input type="checkbox" name="consent" value="essenziell" checked disabled> 2321 <span class="checkmark"></span> 2322 </label> 2323 <div class="info"> 2324 Cookies die für den Betrieb der Webseite unbedingt notwendig sind. <a href="#" class="more color">weitere Details</a> 2325 </div> 2326 <div class="moreinfos"> 2327 2328 2329 <div class="item"> 2330 2331 2332 <div class="head">Google Analytics</div> 2333 2334 2335 <div class="table"> 2336 2337 <div class="row"> 2338 <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 /> 2339 <b>Anbieter:</b> Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland<br /><br /> 2340 <b>Verwendete Technologien:</b> Cookies.<br/><br /> 2341 <b>verwendete Cookies:</b>, <em>gat</em><strong>, <em>gid, _ga, _gat</em></strong>, _gid<br /><br /> 2342 <b>verwendete Cookies:</b><br /> 2343 <ul class="cookies"> 2344 <li><b>_ga</b>: Speicherung der Sitzung eines Nutzers.</li> 2345 <li><b>_gid</b>: Speicherung der Sitzung eines Nutzers innerhalb eines Tages.</li> 2346 <li><b>_gat</b>: Speicherung der Performance-Daten der Sitzung eines Nutzers.</li> 2347 </ul> 2348 <b>Speicherdauer:</b> Die Cookies werden bis zu 730 Tage gespeichert.<br /><br /> 2349 <b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br /> 2350 <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> 2351 </div> 2352 2353 2354 </div> 2355 </div> 2356 2357 2358 2359 <div class="item"> 2360 2361 2362 <div class="head">Website</div> 2363 2364 2365 <div class="table"> 2366 2367 <div class="row"> 2368 <b>Verwendungszweck:</b> Unbedingt erforderliche Cookies gewährleisten Funktionen, ohne die Sie unsere Webseite nicht wie vorgesehen nutzen können.<br/><br /> 2369 <b>Anbieter:</b> Diese Cookies werden von Verschönerungsverein Oberstdorf auf Basis des eingestezten Redaktionssystems Tramino angeboten.<br/><br /> 2370 <b>verwendete Cookies:</b><br /> 2371 <ul class="cookies"> 2372 <li><b>TraminoCartSession</b>:Speicherung des Warenkorbs und der Gefällt-mir Angaben auf dieser Website.</li> 2373 <li><b>TraminoSession</b>: Speicherung der Sitzung eines Besuchers.</li> 2374 <li><b>Consent</b>: Speicherung Ihrer Entscheidung hinsichtlich der Verwendung der Cookies.</li> 2375 </ul> 2376 <b>Speicherdauer:</b> Die Cookies werden bis zu 1 Jahr gespeichert.<br/><br /> 2377 <b>Rechtsgrundlage:</b> Berechtigtes Interesse (kein Opt-Out möglich) (DSGVO 6.1.f)<br/> 2378 </div> 2379 2380 2381 </div> 2382 </div> 2383 </div> 2384 </div> 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 <div class="item"> 2401 <label class="container"> 2402 <span>Marketing/Statistik</span> 2403 <input type="checkbox" name="consent" value="marketing"> 2404 <span class="checkmark"></span> 2405 </label> 2406 <div class="info"> 2407 Cookies die wir benötigen um den Aufenthalt auf unserer Seite noch besser zugestalten. <a href="#" class="more color">weitere Details</a> 2408 </div> 2409 <div class="moreinfos"> 2410 <div class="item"> 2411 2412 2413 <div class="head">Externer Videodienst YouTube</div> 2414 2415 2416 <div class="table"> 2417 2418 <div class="row"> 2419 <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 Datenschutz
2419niveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.<br /><br /> 2420 <b>Anbieter:</b> Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland<br /><br /> 2421 <b>verwendete Cookies:</b><br /> 2422 <ul class="cookies"> 2423 <li><b>VISITOR_INFO1_LIVE</b>: Speicherung der Performance-Parameter eines Nutzers.</li> 2424 <li><b>YSC</b>: Speicherung der Sitzung eines Nutzers für die Videointeraktion.</li> 2425 <li><b>PREF</b>: Speicherung der Nutzereinstellungen.</li> 2426 <li><b>IDE</b>: Speicherung für Werbung und Messung von Anzeigen.</li> 2427 <li><b>CONSENT</b>: Speicherung der Cookie-Einwilligung.</li> 2428 </ul> 2429 <b>Speicherdauer:</b> Die Cookies werden bis zu 179 Tage gespeichert.<br /><br /> 2430 <b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br /> 2431 <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> 2432 </div> 2433 2434 2435 </div> 2436 </div> 2437 2438 2439 2440 <div class="item"> 2441 2442 2443 <div class="head">Externer Videodienst Vimeo</div> 2444 2445 2446 <div class="table"> 2447 2448 <div class="row"> 2449 <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 /> 2450 <b>Anbieter:</b> Vimeo.com, Inc., 330 West 34th Street, 5th Floor, New York 10001, USA<br /><br /> 2451 <b>verwendete Cookies:</b><br /> 2452 <ul class="cookies"> 2453 <li><b>vuid</b>: Speicherung der Sitzung eines Nutzers.</li> 2454 <li><b>player</b>: Speicherung der Nutzereinstellungen am Player.</li> 2455 <li><b>_abexps</b>: Speicherung von Informatioenbei A/B-Tests zur Optimierung des Players.</li> 2456 <li><b>continous_play_v3</b>: Speicherung von Player-Einstellungen.</li> 2457 </ul> 2458 <b>Speicherdauer:</b> Die Cookies werden bis zu 1 Jahr gespeichert.<br /><br /> 2459 <b>Rechtsgrundlage:</b> Einwilligung (DSGVO 6.1.a)<br/><br /> 2460 <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> 2461 </div> 2462 2463 2464 </div> 2465 </div> 2466 </div> 2467 </div> 2468 </div> 2469 2470 <div class="bottom"> 2471 <button type="submit" name="action" class="bgcolor" value="acceptConsentAll">Alle akzeptieren</button> 2472 <button type="submit" name="action" class="bgcolor" value="acceptConsent">Einstellungen speichern</button> 2473 </div> 2474 <div class="foot"> 2475 <a href="/datenschutz/">Datenschutzerklärung</a> · <a href="/impressum/">Impressum</a> 2476 </div> 2477 </div> 2478 </form> 2479 </div> 2480</div> 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490<style> 2491.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; } 2492 2493 2494.TraminoConsent { 2495 font-size: 14px; 2496} 2497 2498.TraminoConsent.overlay { display: none; } 2499 2500.TraminoConsent.show { 2501 display: flex; 2502 justify-content: center; 2503 align-items: center; 2504 opacity: 1; 2505 z-index: 1000; 2506} 2507 2508.TraminoConsent.hide { display: none; !important; } 2509 2510.TraminoConsent.overlay .background { 2511 position: fixed; 2512 top: 0; 2513 left: 0; 2514 right: 0; 2515 bottom: 0; 2516 z-index: 10002; 2517 background-color: rgba(0,0,0,0.3); 2518 2519} 2520 2521.TraminoConsent.overlay .inner { 2522 width: auto; 2523 max-height: 90%; 2524 overflow-y: scroll; 2525 position: fixed; 2526 bottom: 2em; 2527 left: 1em; 2528 right: 1em; 2529 2530 z-index: 10003; 2531 background-color: #FFF; 2532 padding: 1.2em 1em; 2533 box-shadow: 0 0 10px rgba(0,0,0,.4); 2534 border-radius: 5px; 2535} 2536 2537.Mandant_800 .TraminoConsent.overlay .inner { z-index: 10000003; } 2538.Mandant_800 .TraminoConsent.overlay .background { z-index: 10000002; } 2539 2540 2541.TraminoConsent.include .inner { width: 100%; } 2542 2543.TraminoConsent .screen { display: none; } 2544.TraminoConsent .screen.show { display: block; } 2545 2546/* Einstellung wenn auf der Seite die Einstellungen geöffnet werden */ 2547.TraminoConsent.settingonly .back { display: none; } 2548.TraminoConsent.settingonly .inner .bottom button { background-color: #257832; color: #FFF !important; } 2549.TraminoConsent.settingonly .inner .bottom button:hover { background-color: #35a847; } 2550.TraminoConsent.settingonly .inner .bottom button[value=acceptConsentAll] { display: none; } 2551 2552.TraminoConsent .headline { font-size: 1.65em; color: #333 !important; margin-bottom: 0.3em; } 2553 2554.TraminoConsent .info { color: #333 !important; line-height: 1.4; } 2555body .TraminoConsent .info * { color: #333; } 2556body .TraminoConsent .info a { color: #333 !important; } 2557 2558.TraminoConsent .inner .checkboxen .item { 2559 margin: 20px 0 20px 0; 2560} 2561 2562.TraminoConsent .inner .checkboxen .moreinfos { 2563 margin: 10px 0; 2564 display: none; 2565} 2566.TraminoConsent .inner .checkboxen .moreinfos.show { 2567 display: block; 2568} 2569 2570.TraminoConsent .inner .checkboxen .moreinfos .head { font-size: 1.3em; margin-bottom: 5px; } 2571 2572.TraminoConsent .inner .checkboxen .moreinfos .table { width: 100%; } 2573.TraminoConsent .inner .checkboxen .moreinfos .table .row p { margin: 0 0 1em 0; } 2574 2575.TraminoConsent .table { color: #333; line-height: 1.4; } 2576.TraminoConsent .table a { color: #333; } 2577 2578.TraminoConsent .row ul.cookies { margin: 0; padding:10px 0; font-size: 0.85em; } 2579.TraminoConsent .row ul.cookies li { margin: 0 0 2px; list-style: none; background:#fff; color:#333;padding:5px 10px; } 2580 2581 2582/* Buttons */ 2583 2584.TraminoConsent .inner .bottom { 2585 margin: 1.5em 0 0 0; 2586 display: flex; 2587 justify-content: flex-end; 2588 flex-direction: column; 2589} 2590 2591.TraminoConsent .inner .bottom button { 2592 display: flex; 2593 align-items: center; 2594 justify-content: center; 2595 border-width: 0; 2596 font-size: 1em; 2597 width: 100%; 2598 padding: 1rem 0; 2599 border-radius: 3px; 2600 margin-bottom: 10px;
2601 cursor: pointer; 2602 order: 2; 2603} 2604 2605.TraminoConsent .inner .bottom button i { 2606 font-size: 1.5em; 2607 margin-right: 10px; 2608} 2609 2610.TraminoConsent .inner .bottom button:last-child { margin-bottom: 0; } 2611 2612/* Hover Buttons */ 2613.TraminoConsent .inner .bottom button:hover { 2614 filter: brightness(1.4); 2615} 2616 2617 2618 2619.TraminoConsent .inner .foot { margin-top: 1em; padding-top: 0.6em; border-top: 1px solid #DDD; text-align: right; font-size: 0.85em; cursor: pointer; } 2620.TraminoConsent .inner .foot a, .TraminoConsent .inner .foot span { color: #000; text-decoration: none; } 2621.TraminoConsent .inner .foot a:hover, .TraminoConsent .inner .foot span:hover { text-decoration: underline; } 2622 2623.TraminoConsent .inner .foot .debug { 2624 font-size: 1.1rem; 2625 color: #333; 2626 margin-top: 0.2rem; 2627} 2628 2629/* Checkbox */ 2630.container { 2631 display: block; 2632 position: relative; 2633 padding-left: 35px; 2634 margin-bottom: 12px; 2635 cursor: pointer; 2636 font-size: 22px; 2637 -webkit-user-select: none; 2638 -moz-user-select: none; 2639 -ms-user-select: none; 2640 user-select: none; 2641} 2642 2643.container span { color: #333 !important; } 2644 2645/* Hide the browser's default checkbox */ 2646.container input { 2647 position: absolute; 2648 opacity: 0; 2649 cursor: pointer; 2650 height: 0; 2651 width: 0; 2652} 2653 2654/* Create a custom checkbox */ 2655.TraminoConsent .checkmark { 2656 position: absolute; 2657 top: 0; 2658 left: 0; 2659 height: 25px; 2660 width: 25px; 2661 background-color: #FFF; 2662 border: 2px solid #b52121; 2663 border-radius: 2px 2664} 2665 2666/* On mouse-over, add a grey background color */ 2667.TraminoConsent .container:hover input ~ .checkmark { 2668 background-color: #fff; 2669 border-color: #257832; 2670} 2671 2672/* When the checkbox is checked, add a blue background */ 2673.TraminoConsent .container input:checked ~ .checkmark { 2674 background-color: #257832; 2675 border-color: #257832; 2676} 2677 2678 2679.TraminoConsent .container input:disabled ~ .checkmark { 2680 background-color: #ddd; 2681 border-color: #ddd; 2682} 2683 2684/* Create the checkmark/indicator (hidden when not checked) */ 2685.TraminoConsent .checkmark:after { 2686 content: ""; 2687 position: absolute; 2688 display: none; 2689} 2690 2691/* Show the checkmark when checked */ 2692.TraminoConsent .container input:checked ~ .checkmark:after { 2693 display: block; 2694} 2695 2696/* Style the checkmark/indicator */ 2697.TraminoConsent .container .checkmark:after { 2698 left: 8px; 2699 top: 4px; 2700 width: 4px; 2701 height: 8px; 2702 border: solid white; 2703 border-width: 0 3px 3px 0; 2704 -webkit-transform: rotate(45deg); 2705 -ms-transform: rotate(45deg); 2706 transform: rotate(45deg); 2707} 2708 2709@media (min-width: 567px) { 2710 .TraminoConsent { font-size: 16px; } 2711 .TraminoConsent.overlay .inner { 2712 width: 80%; 2713 max-width: none; 2714 top: 50%; 2715 bottom: auto; 2716 left: 50%; 2717 right: auto; 2718 transform: translate(-50%, -50%); 2719 padding: 1.2em 1.5em; 2720 } 2721 .TraminoConsent .headline { font-size: 1.9em; margin-bottom: 0.5em; } 2722 2723 .TraminoConsent .inner .checkboxen > .item { margin-right: 0.8em; } 2724 .TraminoConsent .inner .checkboxen > .item:last-child { margin-right: 0; } 2725 2726 .TraminoConsent .inner .moreinfos .item { 2727 border-top: 2px solid #ddd; 2728 padding: 10px; 2729 background: #eee; 2730 } 2731 2732 .TraminoConsent .inner .bottom { 2733 flex-direction: row; 2734 } 2735 2736 .TraminoConsent .inner .bottom button{ width: auto !important; margin-bottom: 0; padding-left: 3rem; padding-right: 3rem;} 2737 .TraminoConsent .inner .bottom button[value=acceptConsent] { order: 1;} 2738 .TraminoConsent .inner .bottom button[value=acceptConsentAll] { order: 2; margin-left: 0.8em; } 2739} 2740 2741@media (min-width: 768px) { 2742 2743 .TraminoConsent.overlay .inner { 2744 width: 70%; 2745 padding: 1.2em 2em; 2746 } 2747 2748 2749 2750} 2751 2752@media (min-width: 1024px) { 2753 .TraminoConsent.overlay .inner { 2754 width: 60%; 2755 max-width: 800px; 2756 } 2757} 2758 2759@media (min-width: 1280px) { 2760 2761} 2762 2763 2764</style> 2765
2766<script> 2767"use strict"; 2768 2769 2770 var last_scroll_pos = null; 2771 2772 function inIframe () { 2773 try { 2774 return window.self !== window.top; 2775 } catch (e) { 2776 return true; 2777 } 2778 } 2779 2780 let sendConsent = false; 2781 let sendConsentLock = false; 2782 let stop_flag = false; 2783 2784 2785 2786 let consentHide = function( consent ) { 2787 consent.classList.remove(".show"); 2788 consent.classList.add(".hide"); 2789 2790 } 2791 2792 let consent = document.querySelector('.TraminoConsent'); 2793 let body = document.querySelector('body'); 2794 2795 2796 if ( ! navigator.cookieEnabled ) { 2797 consentHide( consent ); 2798 stop_flag = true; 2799 } 2800 2801 // Hide Consent in iframe & safari 2802 if ( inIframe() && navigator.userAgent.match("Safari") ) { 2803 consentHide( consent ); 2804 stop_flag = true; 2805 } 2806 2807 // Hide Consent in iframe & App Webview 2808 if ( inIframe() && navigator.userAgent.match("iPhone") && navigator.userAgent.match("AppleWebKit") && navigator.userAgent.match("Mobile/") ) { 2809 consentHide( consent ); 2810 stop_flag = true; 2811 } 2812 2813 // Hide Consent in Lighthousetest 2814 if ( navigator.userAgent.match("Chrome-Lighthouse") ) { 2815 consentHide( consent ); 2816 stop_flag = true; 2817 } 2818 2819 // Hide Consent in Sitesucker 2820 if ( navigator.userAgent.match("SiteSucker") ) { 2821 consentHide( consent ); 2822 stop_flag = true; 2823 } 2824 2825 2826 if ( consent.querySelector('.debug') !== null ) { 2827 consent.querySelector('.debug').innerHTML = navigator.userAgent; 2828 2829 } 2830 2831 2832 var cookies_temp = document.cookie.split(";") 2833 var cookies = {}; 2834 for (var i = 0; i < cookies_temp.length; i++) { 2835 var temp = cookies_temp[i].split("="); 2836 if ( temp[0] !== undefined && temp[1] !== undefined ) 2837 cookies[temp[0].trim()] = temp[1].trim(); 2838 2839 } 2840 2841 2842 function setGoogleConsent(consent) { 2843 const consentMode = { 2844 'functionality_storage': consent.necessary ? 'granted' : 'denied', 2845 'security_storage': consent.necessary ? 'granted' : 'denied', 2846 'ad_storage': consent.marketing ? 'granted' : 'denied', 2847 'ad_user_data': consent.marketing ? 'granted' : 'denied', 2848 'ad_personalization': consent.marketing ? 'granted' : 'denied', 2849 'analytics_storage': consent.analytics ? 'granted' : 'denied', 2850 'personalization_storage': consent.preferences ? 'granted' : 'denied', 2851 }; 2852 gtag('consent', 'update', consentMode); 2853 // localStorage.setItem('consentMode', JSON.stringify(consentMode)); 2854 } 2855 2856 2857 2858 let consentPing = function(s) { 2859 2860 var xhttp = new XMLHttpRequest(); 2861 xhttp.onreadystatechange = function() { 2862 if (this.readyState == 4 && this.status == 200) { 2863 console.log("success: consent ping"); 2864 } else if ( this.readyState == 4 && this.status == 500 ) { 2865 console.log("error: consent ping"); 2866 } 2867 }; 2868 2869 let url = "/api/consent/ping/"; 2870 url += "?p=" + consent.dataset.page; 2871 url += "&s=" + s; 2872 2873 xhttp.open("GET", url, true); 2874 xhttp.send(); 2875 2876 } 2877 2878 let sendPing = function() { 2879 if ( sendConsent === true ) { 2880 return; 2881 } 2882 2883 if ( sendConsentLock === true ) { 2884 return; 2885 } 2886 2887 sendConsentLock = true; 2888 2889 2890 consentPing("1"); 2891 2892 } 2893 2894 2895 2896 var showConsentBanner = function() { 2897 last_scroll_pos = window.scrollY; 2898 body.classList.add('disable-scroll'); 2899 consent.classList.add('show'); 2900 2901 // Tracking Initalisieren 2902 addEventListener("mousemove", (event) => { sendPing() }); 2903 addEventListener("touchstart", (event) => { sendPing() }); 2904 2905 } 2906 2907 var closeConsentBanner = function() { 2908 2909 body.classList.remove('disable-scroll'); 2910 consent.classList.remove('show'); 2911 2912 if ( last_scroll_pos !== null ) { 2913 2914 window.scroll({ 2915 top: last_scroll_pos, 2916 left: 0, 2917 behavior: 'smooth' 2918 }); 2919 2920 last_scroll_pos = null; 2921 2922 } 2923 2924 } 2925 2926 var checkCheckbox = function() { 2927 2928 if ( document.cookie.match("Consent="+ consent.dataset.checksum) ) { 2929 consent.querySelector('.checkboxen input[value=marketing]').checked = true; 2930 } 2931 2932 } 2933 2934 // window.tcookies = cookies; 2935 2936 // Consent banner anzeigen 2937 if ( consent.classList.contains('overlay') ) { 2938 2939 var needaction = true; 2940 2941 if ( cookies.Consent == 0 ) { 2942 needaction = false; 2943 } 2944 2945 if ( cookies.Consent == consent.dataset.checksum && consent.dataset.checksum !== undefined ) { 2946 needaction = false; 2947 } 2948 2949 if ( cookies.Consent != undefined && cookies.Consent != 0 && cookies.Consent == consent.dataset.checksum ) { 2950 needaction = false;
2951 } 2952 2953 2954 if ( needaction && stop_flag === false ) { 2955 2956 window.addEventListener("load", function(){ 2957 setTimeout(showConsentBanner,750); 2958 }); 2959 } 2960 2961 } 2962 2963 if ( consent.classList.contains('include') ) { 2964 checkCheckbox(); 2965 } 2966 2967 var showScreen = function(type) { 2968 2969 if ( type === undefined ) 2970 return; 2971 2972 let allScreens = consent.querySelectorAll('.screen'); 2973 for (var i = 0; i < allScreens.length; i++) { 2974 allScreens[i].classList.remove('show'); 2975 } 2976 2977 consent.querySelector('.screen.' + type).classList.add('show'); 2978 2979 } 2980 2981 2982 consent.querySelector('.screen.first .settings').addEventListener('click', function(event) { 2983 event.preventDefault(); 2984 showScreen("settings"); 2985 }); 2986 2987 if ( consent.querySelector('.screen.settings .back') != null ){ 2988 consent.querySelector('.screen.settings .back').addEventListener('click',function(event) { 2989 event.preventDefault(); 2990 showScreen("first"); 2991 }); 2992 } 2993 2994 let allmorebuttons = consent.querySelectorAll('.screen.settings .more'); 2995 for (var i = 0; i < allmorebuttons.length; i++) { 2996 2997 allmorebuttons[i].addEventListener('click', function(event) { 2998 event.preventDefault(); 2999 let item = this.closest('.item'); 3000 item.querySelector('.moreinfos').classList.toggle('show'); 3001 }); 3002 3003 } 3004 3005 3006 3007 let allSetting1Buttons = document.querySelectorAll('[data-openConsentSetttings="1"]'); 3008 for (var i = 0; i < allSetting1Buttons.length; i++) { 3009 allSetting1Buttons[i].addEventListener('click', function(event) { 3010 event.preventDefault(); 3011 3012 showConsentBanner(); 3013 3014 }); 3015 } 3016 let allSetting2Buttons = document.querySelectorAll('[data-openConsentSetttings="2"]'); 3017 for (var i = 0; i < allSetting2Buttons.length; i++) { 3018 allSetting2Buttons[i].addEventListener('click', function(event) { 3019 event.preventDefault(); 3020 3021 showConsentBanner(); 3022 3023 showScreen("settings"); 3024 checkCheckbox(); 3025 consent.classList.add('settingonly'); 3026 3027 }); 3028 } 3029 3030 let allacceptButtons = consent.querySelectorAll('button[value="acceptConsent"]'); 3031 for (var i = 0; i < allacceptButtons.length; i++) { 3032 3033 allacceptButtons[i].addEventListener('click', function(event) { 3034 event.preventDefault(); 3035 3036 if ( consent.querySelector('.checkboxen input[value=marketing]').checked ) { 3037 3038 consentPing("3"); 3039 window.dataLayer = window.dataLayer || [] 3040 3041 setGoogleConsent({ 3042 necessary: true, 3043 analytics: true, 3044 preferences: true, 3045 marketing: true 3046 }); 3047 3048 dataLayer.push({ 3049 'event': 'TraminoConsentUpdate', 3050 'value': '3' 3051 }); 3052 window.releaseConsentBuffer(); 3053 window.releaseInlineBlocks(); 3054 localStorage.setItem("consentPermission","true"); 3055 window.setConsentCookie( consent.dataset.checksum ) 3056 } else { 3057 consentPing("2"); 3058 localStorage.setItem("consentPermission","false"); 3059 3060 setGoogleConsent({ 3061 necessary: false, 3062 analytics: false, 3063 preferences: false, 3064 marketing: false 3065 }); 3066 3067 window.setConsentCookie( 0 ) 3068 } 3069 3070 closeConsentBanner(); 3071 3072 console.log("TraminoConsent",localStorage.getItem("consentPermission")); 3073 3074 }); 3075 } 3076 3077 let allacceptAllButtons = consent.querySelectorAll('button[value="acceptConsentAll"]'); 3078 for (var i = 0; i < allacceptAllButtons.length; i++) { 3079 allacceptAllButtons[i].addEventListener('click', function(event) { 3080 event.preventDefault(); 3081 3082 consentPing("3"); 3083 3084 setGoogleConsent({ 3085 necessary: true, 3086 analytics: true, 3087 preferences: true, 3088 marketing: true 3089 }); 3090 3091 3092 window.dataLayer = window.dataLayer || [] 3093 dataLayer.push({ 3094 'event': 'TraminoConsentUpdate', 3095 'value': '3' 3096 }); 3097 window.releaseConsentBuffer(); 3098 window.releaseInlineBlocks(); 3099 3100 localStorage.setItem("consentPermission","true"); 3101 window.setConsentCookie( consent.dataset.checksum ) 3102 closeConsentBanner(); 3103 3104 }); 3105 } 3106 3107 3108 3109</script>
3109 3110 3111</div> 3112 3113 3114
3114<script>if ( typeof window.checkReleaseConsent == "function" ) { window.checkReleaseConsent(); }</script>
3114 3115 3116
3117<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","url":"https://www.verschoenerungsverein-oberstdorf.de/","name":"Versch\u00f6nerungsverein Oberstdorf","description":"Der Versch\u00f6nerungsverein Oberstdorf e. V. ist ein gemeinn\u00fctziger Verein zum Erhalt der Oberstdorfer Kultur und zur Versch\u00f6nerung unseres Ortes.","inLanguage":"de-DE"},{"geo":{"latitude":47.409797668457,"longitude":10.2796754837036,"@type":"GeoCoordinates"},"url":"https://www.verschoenerungsverein-oberstdorf.de/","@type":"LocalBusiness","email":"[email protected]","address":{"addressCountry":"DE","streetAddress":"Brunnackerweg 5","@type":"PostalAddress","addressLocality":"Oberstdorf","postalCode":"87561"},"telephone":"+49 8322 6759","image":["https://storage.tramino.net/verschoenerungsverein/87047/plakat1905.jpg?r=2","https://storage.tramino.net/verschoenerungsverein/87048/plakat1930.jpg","https://storage.tramino.net/verschoenerungsverein/87049/nhb1228.jpg"],"name":"Versch\u00f6nerungsverein Oberstdorf"},{"@type":"BreadcrumbList","itemListElement":[{"position":1,"item":{"@id":"https://www.verschoenerungsverein-oberstdorf.de//","name":"Versch\u00f6nerungsverein Oberstdorf"},"@type":"ListItem"},{"@type":"ListItem","item":{"name":"Verein","@id":"https://www.verschoenerungsverein-oberstdorf.de//verein/"},"position":2},{"@type":"ListItem","item":{"@id":"https://www.verschoenerungsverein-oberstdorf.de//verein/vorstandschaft.html","name":"Vorstandschaft"},"position":3},{"position":4,"item":{"name":"Vorstandschaft","@id":"https://www.verschoenerungsverein-oberstdorf.de//verein/vorstandschaft.html"},"@type":"ListItem"}]}]}</script>
3117 3118</body> 3119</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.