<!DOCTYPE html>
<html lang="rm-ch" prefix="og: https://ogp.me/ns#">

<!-- Mirrored from idrg.ch/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 31 Oct 2025 09:12:00 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<!-- /Added by HTTrack -->

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Butia da la Societad Retorumantscha</title>

    <meta property="og:type" content="website">
    <meta property="og:url" content="https://de.butia.societadretorumantscha.ch/">

    <link rel="icon" href="https://societadretorumantscha.ch/wp-content/uploads/2026/02/SRR-favicon-1.webp" sizes="32x32">
    <link rel="icon" href="https://societadretorumantscha.ch/wp-content/uploads/2026/02/SRR-favicon-1.webp" sizes="192x192">
    <link rel="apple-touch-icon" href="https://societadretorumantscha.ch/wp-content/uploads/2026/02/SRR-favicon-1.webp">
    <meta name="msapplication-TileImage" content="https://societadretorumantscha.ch/wp-content/uploads/2026/02/SRR-favicon-1.webp">
        
    <link rel='stylesheet' id='jet-engine-frontend-css' href='/css/frontend.css' media='all'>
    <link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='/css/style.min.css' media='all'>
    <link rel='stylesheet' id='bricks-frontend-css' href='/css/frontend-layer.min.css' media='all'>
    <link rel='stylesheet' id='shop-css' href='/css/shop-classes.css' media='all'>
    <link rel='stylesheet' id='bootstrap-date-css' href='/css/bootstrapcss/bootstrap-datepicker.standalone.min.css' media='all'>
    <link rel='stylesheet' id='bootstrap-grid-css' href='/css/bootstrapcss/bootstrap-grid.min.css' media='all'>
    <link rel='stylesheet' id='bootstrap-utils-css' href='/css/bootstrapcss/bootstrap-utilities.min.css' media='all'>
    <link rel="stylesheet" href="/css/bootstrapcss/bootstrap.offcanvas.min.css">
    <link rel="stylesheet" href="/css/idrg-styles.css">
    <script src="/js/jquery.min.js"></script>

    <!-- Datepicker -->
    <link href="/datepicker/datepicker.css" rel="stylesheet">
    <script src="/datepicker/datepicker.js"></script>

    <!-- DataTable -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <!-- Custom javascript -->
    <script src="/js/bootstrapjs/popper.min.js"></script>
    <script src="/js/bootstrapjs/bootstrap.min.js"></script>
    <script src="/js/script.js"></script>

</head>

<body class="home wp-singular page-template-default page page-id-375 wp-theme-bricks wp-child-theme-bricks-child brx-body bricks-is-frontend wp-embed-responsive">

    <div id="loading_artikelseite" class="justify-content-center align-items-center" style="display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999999;">

        <div class="card-light" style="z-index: 9999; display: flex; background: white; padding: 20px; border-radius: 8px;">
            <div class="card-body text-center" style="text-align: center;">

                <div style="
                        width: 3rem; 
                        height: 3rem; 
                        border: 5px solid #f3f3f3;
                        border-top: 5px solid #0d6efd;
                        border-radius: 50%; 
                        animation: spin-animation 1s linear infinite;
                        margin: 0 auto 15px auto;">
                </div>

                Daten werden geladen…<br>
                <small style="color: grey;">Wir bereiten alles für Sie vor.</small>

            </div>
        </div>
    </div>
    <header id="brx-header">
        <section id="brxe-glfsoh" class="brxe-section">
            <div id="brxe-upnxjy" class="brxe-container">

                <div id="brxe-xlvzvs" class="brxe-text">
                    <p style="text-align: right;margin-bottom: -25.5px">
                        
                            <a href="#" class="nav-link ps-1 pe-1" aria-label="Profile/Login" data-bs-toggle="offcanvas" data-bs-target="#login_register"><span>Cockpit</span></a>
                        
                        <span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Der Objektverweis wurde nicht auf eine Objektinstanz festgelegt.
   bei Shop_Lib.GetEditRechnungsadresses() in c:\inetpub\de.butia.societadretorumantscha.ch\App_Code\Libraries\Shop_Lib.cs:Zeile 1084.
   bei CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\de.butia.societadretorumantscha.ch\App_Code\Libraries\CMSParser.cs:Zeile 798.--></span> <span class="basketIcon">|</span>
                        <a href="#" class="nav-link ps-1 basketIcon" aria-label="Warenkorb" data-bs-toggle="offcanvas" data-bs-target="#basket">
                            
                                <span rel="tooltip" title="0 Artikel im Warenkorb" class="fs-nav">
                                    <span class="btn-link text-decoration-none border-0 position-relative">
                                        <span>Warenkorb</span>
                                    
                                    
                                    
                                    </span>
                                </span>
                            
                        </a>
                    </p>
                </div>


                <a id="brxe-srernv" class="brxe-image tag" href="https://societadretorumantscha.ch/de/"><img width="600" height="222" src="images/SRR_R-e-scurs.-e-num-alv_RGB.webp" class="css-filter size-full" alt="" decoding="async" fetchpriority="high" data-type="string" sizes="(max-width: 600px) 100vw, 600px" srcset="images/SRR_R-e-scurs.-e-num-alv_RGB.webp 600w, images/SRR_R-e-scurs.-e-num-alv_RGB-300x111.webp 300w"></a>
                <div id="brxe-edwbjm" class="brxe-div" data-interactions="[{&quot;id&quot;:&quot;zxsofg&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;setAttribute&quot;,&quot;actionAttributeKey&quot;:&quot;style&quot;,&quot;actionAttributeValue&quot;:&quot;display: flex;&quot;,&quot;target&quot;:&quot;popup&quot;,&quot;templateId&quot;:&quot;1681&quot;},{&quot;id&quot;:&quot;exakqf&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;target&quot;:&quot;popup&quot;,&quot;templateId&quot;:&quot;1681&quot;,&quot;animationType&quot;:&quot;slideInRight&quot;,&quot;animationDuration&quot;:&quot;0.7s&quot;}]" data-interaction-id="29094a"><i id="brxe-cdqdje" class="ion-ios-menu brxe-icon bi bi-list"></i>
                </div>
                <div id="brxe-jjaikp" data-script-id="jjaikp" class="brxe-nav-menu">
                    <nav class="bricks-nav-menu-wrapper tablet_portrait">
                        <ul id="menu-societadretorumantscha-ch-rm" class="bricks-nav-menu">
                            <li id="menu-item-1835" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1835 bricks-menu-item">
                                <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Societad</a><button aria-expanded="false" aria-label="Societad Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon">
                                            <path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path>
                                        </svg></button></div>
                                <ul class="sub-menu">
                                    <li id="menu-item-1326" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1326 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/uber-die-societad/">Über die Societad</a></li>
                                    <li id="menu-item-1325" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1325 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/mitgliedschaft/">Mitgliedschaft</a></li>
                                    <li id="menu-item-1481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1481 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/vorstand/">Vorstand</a></li>
                                    <li id="menu-item-1485" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1485 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/statuten/">Statuten</a></li>
                                    <li id="menu-item-1775" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1775 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/jahresberichte-srr/">Jahresberichte</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-1836" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1836 bricks-menu-item">
                                <div class="brx-submenu-toggle icon-right">
                                    <a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Engagement</a>
                                    <button aria-expanded="false" aria-label="Engagement Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon">
                                            <path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path>
                                        </svg>
                                    </button>
                                </div>
                                <ul class="sub-menu brx-submenu-positioned">
                                    <li id="menu-item-1484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1484 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/wissenschaft/">Wissenschaft</a></li>
                                    <li id="menu-item-1483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1483 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/publikationen/">Publikationen</a></li>
                                    <li id="menu-item-1482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1482 bricks-menu-item"><a href="https://societadretorumantscha.ch/de/projekte/">Projekte</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-1837" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1837 bricks-menu-item">
                                <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Beiträge</a><button aria-expanded="false" aria-label="Beiträge Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon">
                                            <path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path>
                                        </svg></button></div>
                                <ul class="sub-menu brx-submenu-positioned">
                                    <li id="menu-item-1912" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1912 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/de/newsletter/">Newsletter</a>
                                    </li>
                                    <li id="menu-item-1913" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1913 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/de/social-media/">Social
                                            Media</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav> <button class="bricks-mobile-menu-toggle" aria-haspopup="true" aria-label="Open mobile menu" aria-expanded="false">
                        <span class="bar-top"></span>
                        <span class="bar-center"></span>
                        <span class="bar-bottom"></span>
                    </button>
                    <nav class="bricks-mobile-menu-wrapper left">
                        <ul id="menu-societadretorumantscha-ch-rm-1" class="bricks-mobile-menu">
                            <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1835 bricks-menu-item">
                                <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Societad</a><button aria-expanded="false" aria-label="Societad Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon">
                                            <path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path>
                                        </svg></button></div>
                                <ul class="sub-menu brx-submenu-positioned">
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1830 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/davart-la-societad/">Davart
                                            la Societad</a></li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1831 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/commembranza/">Commembranza</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1832 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/suprastanza/">Suprastanza</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1937 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/statuts-rm/">Statuts</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1956 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/rapports-srr/">Rapports
                                            annuals</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1836 bricks-menu-item">
                                <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Engaschi</a><button aria-expanded="false" aria-label="Engaschi Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon">
                                            <path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path>
                                        </svg></button></div>
                                <ul class="sub-menu brx-submenu-positioned">
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1833 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/scienza/">Scienza</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1834 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/publicaziuns/">Publicaziuns</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2108 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/projects/">Projects</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1837 bricks-menu-item">
                                <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Contribuziuns</a><button aria-expanded="false" aria-label="Contribuziuns Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon">
                                            <path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path>
                                        </svg></button></div>
                                <ul class="sub-menu brx-submenu-positioned">
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1912 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/newsletter/">Newsletter</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1913 bricks-menu-item">
                                        <a href="https://societadretorumantscha.ch/social-media/">Social
                                            Media</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <div class="bricks-mobile-menu-overlay"></div>
                </div>
                <div id="brxe-yfmscj" class="brxe-div">
                    <a id="brxe-auhxjx" href="https://online.drg.ch?lang=de" class="brxe-div header-icon"><img width="907" height="1024" src="images/az.webp" class="brxe-image header-icon-bild css-filter size-large" alt="A bis Z" id="brxe-mfwnyb" decoding="async" data-type="string" sizes="(max-width: 907px) 100vw, 907px">
                        <div id="brxe-wfzdwr" class="brxe-text header-icon-text">
                            <p>DRG</p>
                        </div>
                    </a>
                    <a id="brxe-mxtsdx" href="/" class="brxe-div header-icon"><img width="819" height="859" src="images/shop.webp" class="brxe-image header-icon-bild css-filter size-full" alt="Shop" id="brxe-vwjccj" decoding="async" data-type="string" sizes="(max-width: 819px) 100vw, 819px">
                        <div id="brxe-xryrra" class="brxe-text header-icon-text">
                            <p>Shop</p>
                        </div>
                    </a>
                    <a id="brxe-usnosl" href="https://fototeca.drg.ch/default?lang=de" class="brxe-div header-icon"><img width="1114" height="929" src="images/fotothek.webp" class="brxe-image header-icon-bild css-filter size-full" alt="Fotothek" id="brxe-apnfjz" decoding="async" data-type="string" sizes="(max-width: 1114px) 100vw, 1114px">
                        <div id="brxe-xridbt" class="brxe-text header-icon-text">
                            <p><span data-olk-copy-source="MessageBody">Fototeca</span></p>
                        </div>
                    </a>
                    <a id="brxe-ohkwna" href="https://idrg.ch/de" class="brxe-div header-icon"><img width="120" height="120" src="images/r-idrg.webp" class="brxe-image header-icon-bild css-filter size-full" alt="" id="brxe-agwexh" decoding="async" data-type="string">
                        <div id="brxe-qlkplb" class="brxe-text header-icon-text">
                            <p>IDRG</p>
                        </div>
                    </a>
                    <div id="brxe-sdsipi" class="brxe-wpml-language-switcher wpml-floating-language-switcher">
                        <div class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-list-horizontal">
                            <ul role="menu">
                                <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-rm-ch wpml-ls-first-item wpml-ls-item-legacy-list-horizontal" role="none">
                                    <a href="javascript:void(0);" onclick="redirectRM()" class="wpml-ls-link" role="menuitem">
                                        <span class="wpml-ls-native" role="menuitem">RM</span></a>
                                </li>
                                <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de wpml-ls-current-language wpml-ls-last-item wpml-ls-item-legacy-list-horizontal" role="none">
                                    <a href="javascript:void(0);" class="wpml-ls-link" role="menuitem" aria-label="Switch to DE(DE)" title="Switch to DE(DE)">
                                        <span class="wpml-ls-native" lang="de">DE</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </header>

    <main id="brx-content" style="min-height: 81vh;">
        <div id="brxe-maincontent" class="brxe-container">

<link rel="stylesheet" href="css/home.css">

<div class="w-100">

    <a href="javascript:window.history.back();">
        <i class="bi bi-arrow-left h1"></i>
    </a>
    <br>
    <br>
    
        <div class="bg-white row p-0 m-0 rounded">
            <!-- img -->
            <div class="col-lg-5 col-md-6 col-sm-12 me-3 p-0 ms-auto">
                
                    <img id="main-image" class="img-fluid w-100 rounded pointer" src="/drg_images/ANDERLAK_image001.jpg" alt="Artikel_Bild">
                
                <div class="card d-flex flex-row rounded-top-0">
                    
                        <img class="img-fluid pointer rounded-3 preview-pic p-1" style="width: 80px; display: none;" onclick="change_image(this)" src="/drg_images/ANDERLAK_image001.jpg" alt="Artikel_Bild">
                    
                </div>
            </div>

            <div class="col p-4 d-flex flex-column">

                <h1 class="fs-1 fw-bold">ANDEER. Von Acla bis Zwölfihorn</h1>

                                      
            <span class="mb-3">
                Die Orts- und Flurnamen der Landeskarte Andeer 1:25000
            </span>

                <div class="">Reto Capeder, Lea Mani (Red.)</div>
                <br>
                
                
                
                <br>
                       
                        <span>
                            <p class="fs-1">CHF 14.50</p>
                        </span>
                    

                <br>
                <form class="einzelArt mt-auto mb-0 pb-0" method="post" name="WarenkorbForm" action="/shop/addItem">

                    <input type="hidden" name="itemid" value="ANDERLAK">

                    
                        
                    

                    
                    

                             
                                    <p class="d-none stat" id="stat_ANDERLAK">0</p>
                                

                        <button onclick="$('#WarenkorbForm').submit();" class="btn-primary w-100 fw-bold fs-2" rel="tooltip">
                            Bestellen
                        </button>
                    

                </form>

            </div>
        </div>
        <div class="bg-white row p-0 m-0 rounded">

            <div class="mt-2 w-100 p-4 d-flex flex-column">

                <div class="mt-2">
                    
                    
                        <button class="btn btn-light inline-block text-start form-select px-0" type="button" data-bs-toggle="collapse" data-bs-target="#beschreibung" aria-expanded="false" aria-controls="beschreibung">
                            Beschreibung
                        </button>
                        <div class="collapse" id="beschreibung" style="overflow: hidden; display: none; transition: height 0.35s; height: 0px;">
                            <div class="mt-3 mb-3">Das Buch erklärt die über 500 Orts- und Flurnamen der swisstopo Landeskarte 1235 «Andeer 1:25’000». In dieser gemeinsamen Ausgabe der Lia Rumantscha und des Institut dal DRG kann man beispielsweise nachlesen, woher Namen wie Crap da Schis, Gul oder Runtgols stammen. Ideal als Begleitbüchlein auf einer Wanderung.</div>
                        </div>
                    

                    <button class="btn btn-light inline-block text-start form-select px-0" type="button" data-bs-toggle="collapse" data-bs-target="#details" aria-expanded="false" aria-controls="details">
                        Details
                    </button>
                    <div class="collapse" id="details" style="overflow: hidden; display: none; transition: height 0.35s; height: 0px;">
                        <div>
                            <span class="informationText">Erschienen:</span>
                            <span class="informationValue">2012</span><br>
                            
                                <span>Seitenzahl: </span><span>96</span><br>
                            
                            <span class="informationText">Sprache:</span>
                            <span class="informationValue">Romanisch und Deutsch</span><br>
                            <span class="informationText">ISBN:</span>
                            <span class="informationValue">978-3-03900-094-4</span><br>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    

</div>

<div class="modal fade" id="imageModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-body d-flex align-items-center justify-content-center p-0 position-relative">
        <button type="button" class="btn-close" id="imageModalClose" aria-label="Close"></button>
        <button type="button" class="imageModalArrow" id="imageModalPrev" style="display:none;" aria-label="Vorheriges Bild"><i class="bi bi-chevron-left fs-3 m-0"></i></button>
        <img id="imageModalImg" src="" alt="">
        <button type="button" class="imageModalArrow" id="imageModalNext" style="display:none;" aria-label="Nächstes Bild"><i class="bi bi-chevron-right fs-3 m-0"></i></button>
      </div>
    </div>
  </div>
</div>

<script>
    let modalImages = [];
    let currentModalIndex = 0;

    function updateModalArrows() {
        document.getElementById('imageModalPrev').style.display = (modalImages.length > 1 && currentModalIndex > 0) ? '' : 'none';
        document.getElementById('imageModalNext').style.display = (modalImages.length > 1 && currentModalIndex < modalImages.length - 1) ? '' : 'none';
    }

    function showImageModal(src, alt) {
        var modalEl = document.getElementById('imageModal');
        var modalImg = document.getElementById('imageModalImg');
        if (!modalImg || !modalEl) return;
        modalImg.src = src || '';
        modalImg.alt = alt || '';
        updateModalArrows();

        if (window.bootstrap && bootstrap.Modal) {
            var instance = bootstrap.Modal.getOrCreateInstance(modalEl);
            instance.show();
            return;
        }

        modalEl.classList.add('show');
        modalEl.style.display = 'block';
        modalEl.setAttribute('aria-hidden', 'false');

        if (!document.getElementById('imageModalBackdrop')) {
            var backdrop = document.createElement('div');
            backdrop.id = 'imageModalBackdrop';
            backdrop.style.position = 'fixed';
            backdrop.style.top = 0;
            backdrop.style.left = 0;
            backdrop.style.width = '100vw';
            backdrop.style.height = '100vh';
            backdrop.style.backgroundColor = 'rgba(0,0,0,0.6)';
            backdrop.style.zIndex = 1050;
            document.body.appendChild(backdrop);
            backdrop.addEventListener('click', hideImageModal);
        }

        document.body.style.overflow = 'hidden';
    }

    function hideImageModal() {
        var modalEl = document.getElementById('imageModal');
        if (!modalEl) return;
        if (window.bootstrap && bootstrap.Modal) {
            try { bootstrap.Modal.getOrCreateInstance(modalEl).hide(); } catch (e) {}
            return;
        }
        modalEl.classList.remove('show');
        modalEl.style.display = 'none';
        modalEl.setAttribute('aria-hidden', 'true');
        var backdrop = document.getElementById('imageModalBackdrop');
        if (backdrop) backdrop.remove();
        document.body.style.overflow = '';
    }

    function change_image(image) {
        /*
        var container = document.getElementById("main-image");
        if (!container) return;
        var src = (image && image.src) ? image.src : (image && image.getAttribute ? image.getAttribute('src') : null);
        if (src) container.src = src;
        */
    }

    document.addEventListener('DOMContentLoaded', function() {
        modalImages = [];
        var previewPics = document.getElementsByClassName('preview-pic');
        for (var i = 0; i < previewPics.length; i++) {
            modalImages.push({
                src: previewPics[i].currentSrc || previewPics[i].src,
                alt: previewPics[i].alt || ''
            });
            previewPics[i].style.display = "";
            previewPics[i].addEventListener('click', function(ev) {
                change_image(this);
                currentModalIndex = Array.prototype.indexOf.call(previewPics, this);
                showImageModal(modalImages[currentModalIndex].src, modalImages[currentModalIndex].alt);
            });
        }

        if (modalImages.length === 0) {
            var mainImg = document.getElementById('main-image');
            if (mainImg) {
                modalImages.push({
                    src: mainImg.currentSrc || mainImg.src,
                    alt: mainImg.alt || ''
                });
            }
        }

        var mainImg = document.getElementById('main-image');
        if (mainImg) {
            mainImg.style.cursor = 'zoom-in';
            mainImg.addEventListener('click', function (e) {
                if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
                currentModalIndex = 0;
                for (var i = 0; i < modalImages.length; i++) {
                    if (modalImages[i].src === (mainImg.currentSrc || mainImg.src)) {
                        currentModalIndex = i;
                        break;
                    }
                }
                showImageModal(modalImages[currentModalIndex].src, modalImages[currentModalIndex].alt);
            });
        }

        document.getElementById('imageModalPrev').addEventListener('click', function() {
            if (currentModalIndex > 0) {
                currentModalIndex--;
                showImageModal(modalImages[currentModalIndex].src, modalImages[currentModalIndex].alt);
            }
        });
        document.getElementById('imageModalNext').addEventListener('click', function() {
            if (currentModalIndex < modalImages.length - 1) {
                currentModalIndex++;
                showImageModal(modalImages[currentModalIndex].src, modalImages[currentModalIndex].alt);
            }
        });

        document.addEventListener('keydown', function(e) {
            var modalEl = document.getElementById('imageModal');
            if (modalEl.classList.contains('show')) {
                if (e.key === 'ArrowLeft' && currentModalIndex > 0) {
                    currentModalIndex--;
                    showImageModal(modalImages[currentModalIndex].src, modalImages[currentModalIndex].alt);
                }
                if (e.key === 'ArrowRight' && currentModalIndex < modalImages.length - 1) {
                    currentModalIndex++;
                    showImageModal(modalImages[currentModalIndex].src, modalImages[currentModalIndex].alt);
                }
                if (e.key === 'Escape' || e.key === 'Esc' || e.key === 'Backspace') {
                    hideImageModal();
                }
            }
        });

        var closeBtn = document.getElementById('imageModalClose');
        if (closeBtn) closeBtn.addEventListener('click', function(e){
            e.preventDefault();
            hideImageModal();
        });
    });
</script></div>
    </main>
    <footer id="brx-footer">
        <section id="brxe-uzvvql" class="brxe-section">
            <div id="brxe-lqzwya" class="brxe-container">
                <div id="brxe-rbpwkx" class="brxe-div">
                    <a id="brxe-lxkcyx" class="brxe-image logo-academy tag" href="https://www.sagw.ch/sagw/" target="_blank"><img src="images/SAGW_Logo_addition_member_pos.svg" class="css-filter size-full" alt="" decoding="async" loading="lazy" data-type="string"></a>
                    <a id="brxe-ecugiy" class="brxe-image logo-amt tag" href="https://www.gr.ch/DE/institutionen/verwaltung/ekud/afk/kfg/Seiten/Home.aspx" target="_blank"><img width="1323" height="163" src="images/logo-kulturfoerderung-graubuenden.webp" class="css-filter size-full" alt="" decoding="async" loading="lazy" data-type="string" sizes="(max-width: 1323px) 100vw, 1323px">
                </a></div>
            </div>
        </section>
        <section id="brxe-slqnxy" class="brxe-section">
            <div id="brxe-jigltj" class="brxe-container">
                <div id="brxe-kflgxe" class="brxe-block">
                    <a id="brxe-wetmqm" class="brxe-image tag" href="https://societadretorumantscha.ch/de/"><img width="600" height="361" src="images/SRR_R-e-scurs.-alv_RGB.webp" class="css-filter size-full" alt="" decoding="async" loading="lazy" data-type="string" sizes="(max-width: 600px) 100vw, 600px"></a>
                </div>
                <div id="brxe-emjkim" class="brxe-block flex-grid-3-1">
                    <div id="brxe-agqbmq" class="brxe-text">
                        <p><span data-olk-copy-source="MessageBody">Societad Retorumantscha</span> | Ringstrasse 34 | CH-7000 Cuira<br><a href="tel:+41812547010">+41 (0)81 254 70 10</a> | <a href="mailto:info@societadretorumantscha.ch"><span data-olk-copy-source="MessageBody">info@societadretorumantscha.ch</span></a></p>
                    </div>
                </div>
                <div id="brxe-redhmm" class="brxe-block">
                    <ul id="brxe-gvytcx" class="brxe-social-icons">
                        <li class="repeater-item has-link"><a href="https://www.instagram.com/drg_dicziunari/ " target="_blank"><i class="fab fa-instagram icon"></i></a></li>
                        <li class="repeater-item has-link"><a href="https://www.linkedin.com/company/institutdrg/" target="_blank"><i class="fab fa-linkedin-in icon"></i></a></li>
                    </ul>
                    <div id="brxe-mzixih" class="brxe-text">
                        <p><a href="https://societadretorumantscha.ch/de/impressum">Impressum</a><br><a href="/?Allgemeine_Geschaeftsbedingungen">Allgemeine Geschäftsbedingungen</a><br><a href="https://idrg.ch/idrg/datenschutz/">Datenschutzerklärung</a></p>
                    </div>
                    <div id="brxe-caszjs" class="brxe-wpml-language-switcher wpml-floating-language-switcher">
                        <div class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-list-horizontal">
                            <ul role="menu">
                                <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-rm-ch wpml-ls-current-language wpml-ls-first-item wpml-ls-item-legacy-list-horizontal" role="none">
                                    <a href="javascript:void(0);" onclick="redirectRM()" class="wpml-ls-link" role="menuitem">
                                        <span class="wpml-ls-native" role="menuitem">RM</span></a>
                                </li>
                                <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de wpml-ls-last-item wpml-ls-item-legacy-list-horizontal" role="none">
                                    <a href="javascript:void(0);" class="wpml-ls-link" role="menuitem" aria-label="Switch to DE(DE)" title="Switch to DE(DE)">
                                        <span class="wpml-ls-native" lang="de">DE</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </footer>
    <div id="brxe-bsskfw" class="brxe-container"></div>
    
    
    <div class="brx-popup-backdrop"></div>
    
    
    <div data-popup-id="1681" class="brx-popup brxe-popup-1681 hide" style="display: none;">
        <div class="brx-popup-content brx-animated" style="" data-animation-id="jupbfk">
            <section id="brxe-f0ff0a" class="brxe-section">
                <div id="brxe-821e50" class="brxe-container"><i id="brxe-7c6c0a" class="ion-md-close brxe-icon bi bi-x" data-interactions="[{&quot;id&quot;:&quot;jupbfk&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;slideOutRight&quot;,&quot;target&quot;:&quot;popup&quot;,&quot;templateId&quot;:&quot;1681&quot;,&quot;animationDuration&quot;:&quot;0.7s&quot;},{&quot;id&quot;:&quot;sopqht&quot;,&quot;trigger&quot;:&quot;animationEnd&quot;,&quot;animationId&quot;:&quot;jupbfk&quot;,&quot;action&quot;:&quot;setAttribute&quot;,&quot;target&quot;:&quot;popup&quot;,&quot;templateId&quot;:&quot;1681&quot;,&quot;actionAttributeKey&quot;:&quot;style&quot;,&quot;actionAttributeValue&quot;:&quot;display: none;&quot;}]" data-interaction-id="954e0e"></i><img width="600" height="361" src="https://idrg.ch/wp-content/uploads/2026/01/SRR_R-e-scurs.-alv_RGB.webp" class="brxe-image css-filter size-full" alt="" id="brxe-6adac2" decoding="async" loading="lazy" data-type="string" sizes="(max-width: 600px) 100vw, 600px" srcset="https://idrg.ch/wp-content/uploads/2026/01/SRR_R-e-scurs.-alv_RGB.webp 600w, https://idrg.ch/wp-content/uploads/2026/01/SRR_R-e-scurs.-alv_RGB-300x181.webp 300w">
                </div>
            </section>
            <section id="brxe-e01fca" class="brxe-section">
                <div id="brxe-8326e3" class="brxe-container">
                    <div id="brxe-6c6307" data-script-id="6c6307" class="brxe-nav-menu">
                        <nav class="bricks-nav-menu-wrapper never">
                            <ul id="menu-societadretorumantscha-ch-de-2" class="bricks-nav-menu">
                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1322 bricks-menu-item" data-static="true" data-toggle="click">
                                    <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Societad</a><button aria-expanded="false" aria-label="Societad Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div>
                                    <ul class="sub-menu brx-submenu-positioned">
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1326 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/uber-die-societad/">Über die Societad</a></li>
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1325 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/mitgliedschaft/">Mitgliedschaft</a></li>
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1481 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/vorstand/">Vorstand</a></li>
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1485 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/statuten/">Statuten</a></li>
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1775 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/jahresberichte-srr/">Jahresberichte</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1324 bricks-menu-item" data-static="true" data-toggle="click">
                                    <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Engagement</a><button aria-expanded="false" aria-label="Engagement Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div>
                                    <ul class="sub-menu brx-submenu-positioned">
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1484 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/wissenschaft/">Wissenschaft</a></li>
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1483 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/publikationen/">Publikationen</a></li>
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1482 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/projekte/">Projekte</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1323 bricks-menu-item" data-static="true" data-toggle="click">
                                    <div class="brx-submenu-toggle icon-right"><a href="https://societadretorumantscha.ch/de/" data-brx-anchor="true">Beiträge</a><button aria-expanded="false" aria-label="Beiträge Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12" fill="none" class="menu-item-icon"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div>
                                    <ul class="sub-menu brx-submenu-positioned">
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1479 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/newsletter/">Newsletter</a></li>
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1480 bricks-menu-item" data-static="true" data-toggle="click"><a href="https://societadretorumantscha.ch/de/social-media/">Social Media</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </section>
            <section id="brxe-200065" class="brxe-section">
                <div id="brxe-27a723" class="brxe-container">
                    <div id="brxe-40060e" class="brxe-div">
                        <a id="brxe-e60279" href="https://online.drg.ch?lang=de" class="brxe-div header-icon"><img width="907" height="1024" src="images/az.webp" class="brxe-image header-icon-bild css-filter size-large" alt="A bis Z" id="brxe-efb579" decoding="async" loading="lazy" data-type="string" sizes="(max-width: 907px) 100vw, 907px">
                            <div id="brxe-9e048a" class="brxe-text header-icon-text">
                                <p>DRG</p>
                            </div>
                        </a>
                        <a id="brxe-82f1f5" href="/" class="brxe-div header-icon"><img width="819" height="859" src="images/shop.webp" class="brxe-image header-icon-bild css-filter size-full" alt="Shop" id="brxe-7aecfc" decoding="async" loading="lazy" data-type="string" sizes="(max-width: 819px) 100vw, 819px">
                            <div id="brxe-dbadd8" class="brxe-text header-icon-text">
                                <p>Shop</p>
                            </div>
                        </a>
                        <a id="brxe-ae949d" href="https://fototeca.drg.ch/default?lang=de" class="brxe-div header-icon"><img width="1114" height="929" src="images/fotothek.webp" class="brxe-image header-icon-bild css-filter size-full" alt="Fotothek" id="brxe-933b98" decoding="async" loading="lazy" data-type="string" sizes="(max-width: 1114px) 100vw, 1114px">
                            <div id="brxe-85a755" class="brxe-text header-icon-text">
                                <p>Fotothek</p>
                            </div>
                        </a>
                        <a id="brxe-cd910a" href="https://idrg.ch/" class="brxe-div header-icon"><img width="120" height="120" src="images/r-idrg.webp" class="brxe-image header-icon-bild css-filter size-full" alt="" id="brxe-a11165" decoding="async" loading="lazy" data-type="string">
                            <div id="brxe-56688b" class="brxe-text header-icon-text">
                                <p>IDRG</p>
                            </div>
                        </a>
                        <div id="brxe-65a706" class="brxe-wpml-language-switcher wpml-floating-language-switcher">
                            <div class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-list-horizontal">
                                <ul role="menu">
                                    <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-rm-ch wpml-ls-first-item wpml-ls-item-legacy-list-horizontal" role="none">
                                        <a href="javascript:void(0);" onclick="redirectRM()" class="wpml-ls-link" role="menuitem">
                                            <span class="wpml-ls-native" role="menuitem">RM</span></a>
                                    </li>
                                    <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de wpml-ls-last-item wpml-ls-current-language wpml-ls-item-legacy-list-horizontal" role="none">
                                        <a href="javascript:void(0);" class="wpml-ls-link" role="menuitem" aria-label="Switch to DE(DE)" title="Switch to DE(DE)">
                                            <span class="wpml-ls-native" lang="de">DE</span></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="brxe-wkytsd" class="brxe-section">
                <div id="brxe-bsskfw" class="brxe-container"></div>
            </section>
        </div>
        <div class="brx-popup-backdrop"></div>
    </div>

    <link rel='stylesheet' id='bricks-animate-css' href="/css/animate-layer.min.css" media='all'>
    <script src="/js/bricks.min.js" id="bricks-scripts-js"></script>

    <script id="bricks-scripts-js-extra">
        var bricksData = {
            "debug": "",
            "locale": "rm",
            "ajaxUrl": "https://societadretorumantscha.ch/wp-admin/admin-ajax.php",
            "restApiUrl": "https://societadretorumantscha.ch/wp-json/bricks/v1/",
            "nonce": "6b585d66a8",
            "formNonce": "99575fd2c7",
            "wpRestNonce": "1597c587f6",
            "postId": "1873",
            "recaptchaIds": [],
            "animatedTypingInstances": [],
            "videoInstances": [],
            "splideInstances": [],
            "tocbotInstances": [],
            "swiperInstances": [],
            "queryLoopInstances": [],
            "interactions": [],
            "filterInstances": [],
            "isotopeInstances": [],
            "activeFiltersCountInstances": [],
            "googleMapInstances": [],
            "facebookAppId": "",
            "headerPosition": "top",
            "offsetLazyLoad": "300",
            "baseUrl": "https://societadretorumantscha.ch/srr/",
            "useQueryFilter": "1",
            "pageFilters": [],
            "language": "rm-ch",
            "wpmlUrlFormat": "1",
            "multilangPlugin": "wpml",
            "i18n": {
                "remove": "Remove",
                "openAccordion": "Open accordion",
                "openMobileMenu": "Open mobile menu",
                "closeMobileMenu": "Close mobile menu",
                "showPassword": "Show password",
                "hidePassword": "Hide password",
                "prevSlide": "Previous slide",
                "nextSlide": "Next slide",
                "firstSlide": "Go to first slide",
                "lastSlide": "Go to last slide",
                "slideX": "Go to slide %s",
                "play": "Start autoplay",
                "pause": "Pause autoplay",
                "splide": {
                    "carousel": "carousel",
                    "select": "Select a slide to show",
                    "slide": "slide",
                    "slideLabel": "%1$s of %2$s"
                },
                "swiper": {
                    "slideLabelMessage": "{{index}} / {{slidesLength}}"
                },
                "noLocationsFound": "No locations found",
                "locationTitle": "Location title",
                "locationSubtitle": "Location subtitle",
                "locationContent": "Location content"
            },
            "selectedFilters": [],
            "filterNiceNames": [],
            "bricksGoogleMarkerScript": "https://idrg.ch/wp-content/themes/bricks/assets/js/libs/bricks-google-marker.min.js?v=2.1.4",
            "infoboxScript": "https://idrg.ch/wp-content/themes/bricks/assets/js/libs/infobox.min.js?v=2.1.4",
            "markerClustererScript": "https://idrg.ch/wp-content/themes/bricks/assets/js/libs/markerclusterer.min.js?v=2.1.4",
            "mainQueryId": ""
        };
        //# sourceURL=bricks-scripts-js-extra
    </script>

    <script src="js/jquery.min.js" id="jquery-core-js">
    </script>
    <script src="css/bootstrapcss/bootstrap.bundle.min.js"></script>

    <!-- Navigtaion -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="navigation_canvas">
        <div class="offcanvas-header">
            <div>
                
                    <a class="offcanvas-title text-black text-decoration-none" href="/?login" aria-label="Profile/Login" data-bs-toggle="offcanvas" data-bs-target="#login_register"><i class="bi bi-person-fill"></i>
                        Cockpit</a>
                
                
                <a href="#" class="text-black text-decoration-none ms-3" aria-label="Warenkorb" data-bs-toggle="offcanvas" data-bs-target="#basket">
                    
                        <span rel="tooltip" title="0 Artikel im Warenkorb">
                            <i class="bi bi-cart4 mb-3"></i>
                            <span>Warenkorb</span>
                            
                            
                            
                        </span>
                    
                </a>
            </div>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body p-0 mobile-navigation">
            <a href="https://demo-inserat.faros.ch/default" target="_blank" class="dropdown-item pb-4">Inserat aufgeben
                <i class="bi bi-arrow-right"></i></a>
            <a class="dropdown-item" href="/?home">Abos</a>
            <!-- Fehler in Query-Ausgabe: Fehlercode270 -->
        </div>
    </div>

    <!-- Login -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="login_register" style="overflow: hidden;">
        <div class="offcanvas-header pb-2">
            <h3 class="offcanvas-title d-none d-lg-block">Cockpit</h3>
            <button type="button" class="btn-close text-reset text-light ms-auto" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            
                <div>

                    <form id="authForm" action="https://api.societadretorumantscha.ch/japiform" method="POST" novalidate="">
                        <div class="form-group mb-1">
                            <p>Bitte geben Sie Ihre E-Mail-Adresse ein, um einen einmaligen Anmeldelink zu erhalten.</p>
                            <label for="login_user">E-Mail:</label>
                            <input type="email" class="form-control" id="login_user" name="login_user" required="">
                            <div id="emailError" style="color: red; display: none; font-size: 0.9em; margin-top: 4px;">
                                Bitte geben Sie eine gültige E-Mail-Adresse ein.
                            </div>
                        </div>
                        <!-- Verstecktes Feld für JSON Payload -->
                        <input type="hidden" name="payload" id="payload">

                        <div class="form-group">
                            <input type="submit" class="form-control btn btn-primary mb-2 mt-2 fw-bold w-100 text-center" value="Anmeldelink anfordern">

                        </div>
                    </form>

                    <script>
                        document.getElementById('authForm').addEventListener('submit', function(event) {
                            event.preventDefault();

                            const emailInput = document.getElementById('login_user');
                            const email = emailInput.value.trim();
                            const errorBox = document.getElementById('emailError');

                            // E-Mail-Validierung mit regulärem Ausdruck
                            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;

                            if (!emailRegex.test(email)) {
                                errorBox.style.display = 'block';
                                emailInput.classList.add('is-invalid');
                                return; // stoppe Formularversand
                            } else {
                                errorBox.style.display = 'none';
                                emailInput.classList.remove('is-invalid');
                            }

                            const payload = {
                                action: "authlink",
                                email: email,
                                targetKey_return: "ReturnLoginUrl",
                                targetKey_success: "SuccessLoginUrl",
                                targetKey_error: "ErrorUrl",
                                targetKey_landingpage: "LandingPageUrl",
                                mailTemplateKey_AuthConfirm: "auth_de"
                            };

                            document.getElementById('payload').value = JSON.stringify(payload);

                            event.target.submit();
                        });
                    </script>

                </div>
            

            
        </div>
        
    </div>

    <!-- Warenkorb -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="basket">
        <div class="offcanvas-header border-0">
            <h3 class="offcanvas-title d-none d-sm-block my-auto">Warenkorb</h3>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            
                
                    <div class="text-center">
                        <div id="basketInner">
                            <div class="alert alert-danger bg-danger my-2">
                                <p class="fw-bold text-light">
                                    <i class="bi bi-cart4 h4 me-2"></i>
                                    <span>Keine Artikel im Warenkorb</span>
                                </p>
                            </div>
                        </div>
                        <button class="btn btn-primary w-100 mb-3" data-bs-dismiss="offcanvas">Weiter einkaufen</button>
                        
                            <hr class="mb-3">
                            <b>Sie haben bereits ein Konto?</b>
                            <p>Dann <a class="btn-link" href="#" data-bs-toggle="offcanvas" data-bs-target="#login_register">melden Sie sich hier an</a>, um die Bestellung später schneller abzuschliessen.</p>
                        
                    </div>
                
                
            
        </div>
    </div>

    <div id="benutzer_navigation_inner" class="col-lg-3 mb-5">
        <div class="w-100 d-flex flex-row drg-card p-4 gap-3">
            <div class="rounded-circle d-flex my-auto" style="height: 55px; width: 55px; background-color: #D9D9D9;">
                <p class="my-auto mx-auto fw-bold"><i class="bi bi-person-fill w-100 fs-1"></i></p>
            </div>
            <div class="d-flex">
                <span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Der Objektverweis wurde nicht auf eine Objektinstanz festgelegt.
   bei Shop_Lib.GetEditRechnungsadresses() in c:\inetpub\de.butia.societadretorumantscha.ch\App_Code\Libraries\Shop_Lib.cs:Zeile 1084.
   bei CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\de.butia.societadretorumantscha.ch\App_Code\Libraries\CMSParser.cs:Zeile 798.--></span>
            </div>
        </div>
        <br>
        <div class="w-100 d-flex flex-column drg-card p-4 gap-1">
            <h5 class="border-bottom border-dark fs-1 mb-2">Benutzerdaten</h5>
            <a class="btn btn-account fs-2 btn-adressen" aria-current="page" href="/?benutzerkonto/adressen">
                <i class="bi bi-house-door-fill me-3"></i> Meine Adresse
            </a>
            <a class="btn btn-account fs-2 btn-email" href="/?benutzerkonto/email">
                <i class="bi bi-envelope me-3"></i> E-Mail
            </a>
        </div>
        <br>
        <div class="w-100 d-flex flex-column drg-card p-4 gap-1">
            <h5 class="border-bottom border-dark fs-1 mb-2">Dienstleistungen</h5>
            <a class="btn btn-account fs-2 btn-mitgliedschaft" href="/?benutzerkonto/mitgliedschaft">
                <i class="bi bi-person me-3"></i> Meine Mitgliedschaft
            </a>
            <a class="btn btn-account fs-2 btn-abos" href="/?benutzerkonto/abo/uebersicht">
                <i class="bi bi-book me-3"></i> Meine Abos
            </a>
            <a class="btn btn-account fs-2 btn-newsletter" href="/?benutzerkonto/newsletter">
                <i class="bi bi-postcard me-3"></i> Newsletter
            </a>
        </div>
        <br>
        <div class="w-100 d-flex flex-column drg-card p-4 gap-1">
            <h5 class="border-bottom border-dark fs-1 mb-2">Rechnungen</h5>
            <a class="btn btn-account fs-2 btn-rechnungen" href="/?benutzerkonto/rechnungen">
                <i class="bi bi-envelope-paper me-3"></i> Meine Rechnungen
            </a>
        </div>
        <!--
        <br>
        <div class="w-100 d-flex flex-column drg-card p-4 gap-1">
            <h5 class="border-bottom border-dark fs-1 mb-2">Häufige Fragen</h5>
            <a class="btn btn-account fs-2 btn-help" href="/?hilfe">
                <i class="bi bi-question-circle-fill me-3"></i> FAQ
            </a>
        </div>
        -->
        <br>
        <a href="/shop/logOffUser?startUrl=/?home" class="w-100 btn text-start m-0 p-0">Abmelden <i class="bi bi-box-arrow-right"></i></a>
    </div>

    <!-- allgemeiner Fehler Modal -->
    <div class="modal fade" id="errorModal" role="dialog" tabindex="-1" aria-labelledby="errorModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <div id="errorModalContent"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schliessen</button>
                </div>
            </div>
        </div>
    </div>

    <!-- allgemeiner Info Modal -->
    <div class="modal fade" id="infoModal" tabindex="-1" aria-labelledby="infoModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success">
                        <div id="infoModalContent"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schliessen</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Warenkorb loeschen -->
    <div class="modal fade" id="confirmModalWarenkorb" tabindex="-1" aria-labelledby="confirmModalWarenkorb" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body confirmModalWarenkorbText">
                    <div class="alert alert-danger">
                        Alle Artikel im Warenkorb löschen?
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Nein</button>
                    <a href="/shop/killWarenkorb" class="btn btn-primary">Ja</a>
                </div>
            </div>
        </div>
    </div>

    <noscript>
        <div style="position: fixed; top: 0px; left: 0px; z-index: 30000000; 
    height: 100%; width: 100%; background-color: #FFFFFF">
            <p style="margin-left: 10px">Bitte aktivieren Sie Javascript, um den Webshop nutzen zu können.</p>
        </div>
    </noscript>

    <script>
        window.onpagehide = (event) => {
            $("#loading_artikelseite").hide();
        };

        $("#loading_artikelseite").addClass("d-none");

        function redirectRM() {
            const currentUrl = window.location.href;
            const newUrl = currentUrl.replace('de.', 'rm.');

            window.location.href = newUrl;

            /*
            if($('#itemid').val()) {
                document.location.href = "https://rm.butia.societadretorumantscha.ch/fastorder?itemid=" + $('#itemid').val() + "&itemtitle=" + "" + "&defaultpage=" + window.location.search.split("?")[1] + "&loggedinpage=" + window.location.search.split("?")[1];
            } else {
                window.location.href = newUrl;
            }
            */
        }

        document.querySelectorAll(".btn-account").forEach(a => {
            a.addEventListener("click", () => {
                setTimeout(() => {
                    $("#loading_artikelseite").removeClass("d-none");
                }, 250);
            });
        });

        document.querySelectorAll(".artikelliste_link").forEach(a => {
            a.addEventListener("click", () => {
                setTimeout(() => {
                    $("#loading_artikelseite").removeClass("d-none");
                }, 250);
            });
        });

        // Select Startdatum
        function startdate(element, itemID) {
            saveStartDate($(element).datepicker('getFormattedDate'), itemID);
            console.log(element);
        }

        function saveStartDate(date, itemID) {
            console.log(date, itemID);
            $.get("/shop/removeItem?itemid=" + itemID, function() {
                if (itemID != "") {
                    $.get("/shop/addItem?itemID=" + itemID + "&startDate=" + date, function() {
                        document.location.href = window.location.href;
                    });
                }
            });
        }

        //fügt navigation dynamisch ein
        if (document.getElementById("benutzer_navigation")) {
            $('#benutzer_navigation_inner').addClass('d-none d-xl-block pe-0');
            const node = document.getElementById("benutzer_navigation_inner");
            document.getElementById("benutzer_navigation").replaceWith(node);
        } else {
            $('#benutzer_navigation_inner').hide();
        }

        //fügt basket dynamisch ein
        if (document.getElementById("offertBasket")) {
            const basket = document.getElementById("basketInner");
            const firstChildDiv = basketInner.firstElementChild;
            const clone = firstChildDiv.cloneNode(true)
            document.getElementById("offertBasket").appendChild(clone);
        }

        function StartPageFunction() {
            // für collapsible
            var coll = document.getElementsByClassName("collapsible");
            var i;

            for (i = 0; i < coll.length; i++) {
                coll[i].addEventListener("click", function() {
                    this.classList.toggle("active");
                    var content = this.nextElementSibling;
                    try {
                        if (content.style.display === "block") {
                            content.style.display = "none";
                        } else {
                            content.style.display = "block";
                        }
                    } catch (e) {}
                });
            }
        }

        // start function
        try {
            StartPageFunction();
        } catch (e) {}

        const mengenangabeMaster = document.querySelectorAll('.mengenangabeMaster');
        const mengenangabeMasterID = document.querySelectorAll('.mengenangabeMasterID');

        for (let i = 0; i < mengenangabeMaster.length; i++) {
            const element = mengenangabeMaster[i];
            element.addEventListener('blur', (event) => handleFormSubmitMaster(event, i));
            element.addEventListener('keypress', (event) => handleFormSubmitMaster(event, i));
        }

        function handleFormSubmitMaster(event, count) {
            if (event.type === "keypress" && event.key !== "Enter") {
                return;
            }
            event.preventDefault();
            window.location.href = "/shop/addItemMenge?itemID=" + mengenangabeMasterID[count].value +
                "&showCard=true&menge=" + mengenangabeMaster[count].value;
        }

        $('.navbar .dropdown').hover(function() {
            $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
        }, function() {
            $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp();
        });
    </script>

    <script>
        const checkoutForm = document.getElementById("checkoutForm");
        if (checkoutForm) {
            checkoutForm.addEventListener("submit", function(e) {
                const emailCheckout = document.getElementById("emailInput").value.trim();
                if (!emailCheckout) {
                    alert("Bitte gib eine gültige E-Mail-Adresse ein.");
                    e.preventDefault();
                    return;
                }

                const hiddenInputs = document.querySelectorAll("#myHiddenBasket input[type=hidden]");
                const basket = [];

                hiddenInputs.forEach(input => {
                    const valueParts = input.value.split("|");
                    const itemid = valueParts[0] || "";
                    const qty = parseInt(valueParts[1]) || 1;
                    const startdate = valueParts[2] || "";
                    const customAttributes = [valueParts[3]] || [];

                    basket.push({
                        itemid,
                        qty,
                        startdate,
                        customAttributes
                    });
                });

                const payloadCheckout = {
                    action: "createcheckout",
                    email: emailCheckout,
                    targetKey_return: "CheckoutConfirmPage",
                    targetKey_offer: "OfferUrl",
                    targetKey_error: "ErrorUrl",
                    targetKey_landingpage: "LandingPageUrl",
                    mailTemplateKey_BuyConfirm: "buyconfirm_de",
                    basket: basket
                };

                document.getElementById("payloadInput").value = JSON.stringify(payloadCheckout);
            });
        }
    </script>

</body>

</html>