<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>[[++site_name]] - [[*pagetitle]]</title>
        
		<meta name=”robots” content=”index” />
		<meta name="description" content="[[*introtext]]" />
		<meta name="keywords" content="Bruehlbaerbel, Brühlbärbel, Baerbel, Bärbel, Narrenzunft, NZ, Zunft, Narren, Narrenverein, Narren, Fasnet, Fasching, Fasenet, Karneval, Fasnacht, Fastnacht, Reutlingen, Mittelstadt, Baden-Württemberg, schwaebisch, schwäbisch, allemannisch, Geist, Goischt, Guggamusik, Guggen, Gugga, Brauchtum, Verein, 5. Jahreszeit, Schabernack, Maske, Larve, Haes, Häs" />
		
		<meta property="og:title" content="[[++site_name]] - [[*pagetitle]]">
		<meta property="og:image" content="assets/images_2023/apple-touch-icon_152x152.png">
		<meta property="og:description" content="[[*introtext]]">
		<meta property="og:url" content="[[++site_url]]" />

		<base href="[[!++site_url]]" />		

		<link rel="icon" href="assets/c103_images_v7/favicon.ico" />
		<link rel="apple-touch-icon" href="assets/images_2023/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="76x76" href="assets/images_2023/apple-touch-icon_76x76.png">
		<link rel="apple-touch-icon" sizes="120x120" href="assets/images_2023/apple-touch-icon_120x120.png">
		<link rel="apple-touch-icon" sizes="152x152" href="assets/images_2023/apple-touch-icon_152x152.png">

		<link rel="stylesheet" type="text/css" href="[[~82]]" />
    </head>

    <body>
        <section class="hero b_hero [[*id:is=`81`:then=`is-large`:else=`is-medium`]]">
            <!-- Hero head: will stick at the top -->
            <div class="hero-head">
                <header class="navbar">
                    <div class="container">
                        <a href="[[++site_url]]" class="b_logo">
                            <img src="assets/images_2023/logo-header_2023.png" alt="NZ Brühlbärbel" class="pl-4 is-hidden-mobile">
                            <img src="assets/images_2023/logo-header_small_2023.png" alt="NZ Brühlbärbel" class="pl-4 is-hidden-tablet">
                        </a>

                        <div class="navbar-brand">
                            <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMenuHeroC">
                               <span aria-hidden="true"></span>
                               <span aria-hidden="true"></span>
                               <span aria-hidden="true"></span>
                            </a>
                        </div>
                        <div id="navbarMenuHeroC" class="navbar-menu">
                            <div class="navbar-end">
                                [[!Wayfinder? 
            						&startId=`0` 
            						&level=`1`
            						&hereClass=`is-active`
            						&rowClass=`navbar-item`
            						&firstClass=``
            						&lastClass=``
            						&rowTpl=`wf_navE1_2023`
            						&outerTpl=`wf_outerTPL_2023`
            					]]
                                <span class="navbar-item">
                                    [[!+modx.user.id:is=`0`:then=`
                                            <a class="button is-success js-modal-trigger" data-target="modal-login">
                                                <span class="icon-text">
                                                    <span class="icon"><ion-icon name="log-in-outline"></ion-icon></span>
                                                    <span>Anmelden</span>
                                                </span>
                                            </a>
                                        `:else=`
                                                [[!Rowboat:empty=`Ups...`?
                                                    &table=`c103_v_mitglieder`
                                                    &tpl=`rowb_mitgliedHeader_2023`
                                                    &limit=`1`
                                                    &where=`{"MdxUserID:=":"[[!+modx.user.id]]"}`
                                                ]]
                                                [[!Login? 
                                					&loginResourceId=`7`
                                					&logoutResourceId=`51`
                                					&loginTpl=`lgnLoginTpl_2023`
                                					&logoutTpl=`lgnLogoutTpl_2023`
                                					&loginViaEmail=`true`
                                    			]]
                                    `]]
                                </span>
                            </div>
                        </div>
                    </div>
                </header>
            </div>
        
            <!-- Hero content: will be in the middle -->
            <div class="hero-body">
[[*id:is=`2`:then=`
                <div class="container has-text-centered is-uppercase has-text-weight-bold is-hidden-touch">
                    <h1 class="title" style="font-size:8rem;">Do Goischt<hr />hosch me!</h1>
                </div>
                <div class="container has-text-centered is-uppercase has-text-weight-bold is-hidden-desktop">
                    <h1 class="title" style="font-size:5rem;">Do Goischt<hr />hosch me!</h1>
                </div>
            </div>
`:else=`
                <div class="container has-text-centered has-text-weight-bold">
                    <h1 class="title" style="font-size:5rem">[[*longtitle]]</h1>
[[-                    <p class="subtitle" style="font-size:3rem">[[*subtitle]]</p> ]]
                </div>
            </div>
`]]        
            <!-- Hero footer: will stick at the bottom -->
            <div class="hero-foot">
                <nav class="tabs is-boxed is-centered">
                    <div class="container">
                        <ul>
                            [[!Wayfinder? 
                                &startId=`[[!UltimateParent?topLevel=`2`]]` 
                                &level=`2`
         						&hereClass=`is-active`
        						&rowClass=`navbar-item`
        						&firstClass=``
        						&lastClass=``
                                &rowTpl=`wf_navE2_2023`
                                &outerTpl=`wf_outerTPL_2023`
                            ]]
                        </ul>
                    </div>
                </nav>
            </div>
        </section>

        <section class="section">
            <div class="container is-fullhd">
                <div class="content is-medium">
                    [[*content]]
                </div>
            </div>
        </section>

        <footer class="footer b_footer">
                <div class="container is-fullhd">
                <div class="columns">
                    <div class="column">
                    	<div class="impressum">
            				<p class="is-size-4">Narrenzunft Brühlbärbel Mittelstadt e.V.</p>
            				<p>Heerstr. 7</p>
            				<p>72766 Reutlingen-Mittelstadt</p>
            
            				<span class="icon-text">
                                <span class="icon"><ion-icon name="mail-outline"></ion-icon></span>
                                <span><a href="mailto:info@bruehlbaerbel.de">info@bruehlbaerbel.de</a></span>
                            </span>
            
            				<p class="is-size-4 mt-5">1. Vorstand</p>
            				<p>Steffen Neuscheler</p> 
            				<span class="icon-text">
                                <span class="icon"><ion-icon name="mail-outline"></ion-icon></span>
                                <span><a href="mailto:steffen@bruehlbaerbel.de">steffen@bruehlbaerbel.de</a></span>
                            </span>
            				
            				<p class="is-size-4 mt-5">Vereinsregister</p>
            				<p>Registergericht: Amtsgericht Stuttgart</p> 
            				<p>Registernummer: VR 351176</p> 
            
            				<p class="is-size-4 mt-5">Inhaltlich Verantwortlicher gemäß §6 MDStV</p>
            				<p>Christian Galster</p>
             				<span class="icon-text">
                                <span class="icon"><ion-icon name="mail-outline"></ion-icon></span>
                                <span><a href="mailto:christian@bruehlbaerbel.de">christian@bruehlbaerbel.de</a></span>
                            </span>
   		        	</div>
    
                    </div>
                    <div class="column has-text-right-tablet">
    					<a href="https://www.instagram.com/nzbruehlbaerbel/" target="_blank">
    					        <span class="icon is-large mr-6"><ion-icon name="logo-instagram"></ion-icon></span>
    					    </a>
    					<a href="https://www.facebook.com/nzbruehlbaerbel" target="_blank">
    					        <span class="icon is-large mr-6"><ion-icon name="logo-facebook"></ion-icon></span>
                        </a>
                     </div>
                </div>
                <div class="columns">
                    <div class="column has-text-right-tablet">
                        <span class="is-size-7">&copy; 2023 Narrenzunft Brühlbärbel Mittelstadt e.V.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="[[~53]]">Rechtliche Hinweise & Datenschutzerklärung</a></span>
                    </div>
                </div>
            </div>
        </footer>


        <div id="modal-login" class="modal">
            <div class="modal-background"></div>
            <div class="modal-card">
                <header class="modal-card-head">
                    <p class="modal-card-title">Anmeldung für Mitglieder</p>
                    <button class="delete" aria-label="close"></button>
                </header>
                <div class="modal-card-body">
                    [[!Login? 
    					&loginResourceId=`7`
    					&logoutResourceId=`51`
    					&loginTpl=`lgnLoginTpl_2023`
    					&logoutTpl=`lgnLogoutTpl_2023`
    					&loginViaEmail=`true`
        			]]
                </div>
            </div>
        </div>
        

        <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
        <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
        <script src="[[~88]]"></script>


		<script src="[[~44]]">
			id="cookieinfo"
			data-message="Diese Webseite verwendet Cookies. Durch die weitere Nutzung der Webseite stimmst Du der Verwendung von Cookies zu."
			data-linkmsg="Weitere Informationen zur Cookies-Verwendung"
			data-moreinfo="[[~53]]"
			data-close-text="Schließen"
			data-cookie="CookieScript"
			data-cookie-path="/"
			data-expires="[[!getDate:date=`%a, %d %b %Y 00:00:00 GMT`? &offset=`1 year`]]"
			data-position="bottom"
			data-effect="null"
			data-bg="#333333"
			data-fg="#FFFFFF"
			data-text-align="left" 
			data-link="[[*c_apricot]]"
			data-divlink="[[*c_black00]]"
			data-divlinkbg="[[*c_apricot]]" 
        </script>

		[[*TplIndividualJSScript]]


        <!-- Matomo -->
        <script>
          var _paq = window._paq = window._paq || [];
          /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
          _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
          _paq.push(["setCookieDomain", "*.www.bruehlbaerbel.de"]);
          _paq.push(["setDomains", ["*.www.bruehlbaerbel.de","*.bruehlbaerbel.de","*.bruehlbaerbel.de","*.www.bruehlbaerbel.de"]]);
          _paq.push(["setDoNotTrack", true]);
          _paq.push(["disableCookies"]);
          _paq.push(['trackPageView']);
          _paq.push(['enableLinkTracking']);
          (function() {
            var u="https://analytics.bruehlbaerbel.de/";
            _paq.push(['setTrackerUrl', u+'matomo.php']);
            _paq.push(['setSiteId', '1']);
            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
            g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
          })();
        </script>
        <noscript><p><img src="https://analytics.bruehlbaerbel.de/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt="" /></p></noscript>
        <!-- End Matomo Code -->

    </body>
</html>