<style>
#content{
	height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;  
}

</style>
<!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />-->

<span class="highscoreicon fa-stack" id="showhighscore">
<i style="opacity: 0.8; color: #2b2b2b;font-size: 41px;" class="fa fa-circle  fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 44px;" class="fa fa-circle-thin fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 23px; padding-left:6px;padding-top: 5px;" class="fa fa-trophy fa-stack-2x" aria-hidden="true"></i>
</span>

<span class="highscoreicon fa-stack" id="shareicon">
<i style="opacity: 0; color: #2b2b2b;font-size: 41px;" class="fa fa-circle  fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 44px;" class="fa fa-circle-thin fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 23px; padding-left:3px;padding-top: 2px;" class="tb_icon fa fa-share-alt" aria-hidden="true"></i>
</span>


<span class="highscoreicon fa-stack" id="helpicon">
<i style="opacity: 0; color: #2b2b2b;font-size: 41px;" class="fa fa-circle  fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 44px;" class="fa fa-circle-thin fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 23px; padding-left:5px;padding-top: 3px;" class="tb_icon fa fa-question" aria-hidden="true"></i>
</span>

<span class="highscoreicon fa-stack" id="tutorialicon">
<i style="opacity: 0; color: #2b2b2b;font-size: 41px;" class="fa fa-circle  fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 44px;" class="fa fa-circle-thin fa-stack-1x" aria-hidden="true"></i>
<i style="font-size: 18px; padding-left:6px;padding-top: 3px; top:1px;" class="tb_icon fas fa-graduation-cap" aria-hidden="true"></i>
</span>

<div id="custom_backdrop"><i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i></div>

<div id="map"></div>
<div id="swipe-up-div"></div>
<div id="fake_arrow" class="arrow"></div>
<!-- <div id="testdiv"></div> -->
<div style="position:absolute;top:0;right:0" id="top_right">
 
	<div id="login_div" style="position:absolute;top:0;right:0; padding-top:5px; padding-right:5px;" class="lwa lwa-template-modal">
		
<!-- data-toggle="popover" data-content="And here's some amazing content. It's very engaging. Right?" -->
		<a role="button"  id="open_login_modal" style="color: white;"   ><!--href="https://www.verba-alpina.gwi.uni-muenchen.de/wp-login.php?redirect_to=https%3A%2F%2Fwww.verba-alpina.gwi.uni-muenchen.de%2Findex.php%3Frest_route%3D%252Fwp%252Fv2%252Fpages%252F4359%26db%3Dxxx&#038;template=modal" data-toggle="modal" data-target="#register_modal" --><!-- <i class="fa fa-sign-in fa-lg" aria-hidden="true"></i> --><span  id="icon_login" class="fa-stack"><i class="fa fa-user-o fa-stack-1x login_child" aria-hidden="true"></i><i class="fa fa-user fa-stack-1x login_child" style="opacity: 0.8; color: #2b2b2b;" aria-hidden="true"></i></span></a>
<!-- class="lwa-links-modal btn btn-default btn-xs" -->


				<div class="modal fade"  id="register_modal" style="display:none;"><!--lwa-modal-->
			<div class="modal-dialog" role="document">
				<div class="modal-content">

				<div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
		
		<!--(this template)-->		
		<div class="modal-body">
		<div id="backgroud_div"></div>		
				<div class="custom_header">
				 	<img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina 
				 </div>

<!-- data-ride="carousel"   data-interval="false"  data-keyboard="true"--> 
		<div id="login_slider" class="carousel">
			<div class="carousel-inner" role="listbox">


		<!--Login Form-->
		<div id="login_slide" class="carousel-item active">
			<strong class="slides_reg slides_ref_login"> Login</strong>   
	        <form style="padding-top: 10px;" name="lwa-form" class="lwa-form" action="https://www.verba-alpina.gwi.uni-muenchen.de/wp-login.php?redirect_to=https%3A%2F%2Fwww.verba-alpina.gwi.uni-muenchen.de%2Findex.php%3Frest_route%3D%252Fwp%252Fv2%252Fpages%252F4359%26db%3Dxxx&#038;template=modal" method="post">
	        	<span class="lwa-status"></span>
	            <table>
	                <tr class="lwa-username">
	                    <td class="username_label"  style="padding-bottom: 10px">
	                        <label style="padding-right: 10px" class="label_username">Username</label>
	                    </td>
	                    <td class="username_input">
	                       <div> <input type="text"  name="log" id="lwa_user_login" style="background-color:white;" class="input form-control"/> </div>
	                    </td>
	                </tr>
	                <tr class="lwa-password">
	                    <td class="password_label">
	                        <label style="padding-right: 10px" class="label_password">Password</label>
	                    </td>
	                    <td class="password_input">
	                        <input type="password" name="pwd" id="lwa_user_pass" class="input form-control" value="" />
	                    </td>
	                </tr>


	                <tr class="lwa-submit">
	                    <td class="lwa-submit-button">
	                        <button type="submit" name="wp-submit" class="lwa-wp-submit btn btn-primary " value="Anmelden" tabindex="100" id="login_btn"><i class="fa fa-sign-in" aria-hidden="true"></i> Login</button>
	                        <input type="hidden" name="lwa_profile_link" value="0" />
                        	<input type="hidden" name="login-with-ajax" value="login" />
								                    </td>
	                </tr>
	            </table>
	        </form><!--END Login Form-->
	    </div><!--END carousel-item active-->

	        


	    <!--Lost Password Form-->
        <div id="remember_slide" class="carousel-item">
    	    	<strong class="slides_reg slides_reg_forgot"> Forgot Password</strong>   
        <form style="display:block;" name="lwa-remember" class="lwa-remember" action="https://www.verba-alpina.gwi.uni-muenchen.de/wp-login.php?action=lostpassword&#038;template=modal" method="post" style="display:none;">
            <table>
                <tr>
                    <td>
                    <!--  <i class="fa fa-question" aria-hidden="true" style="color: white;"></i><strong class="slides_reg"> Forgot Password</strong>    -->      
                    </td>
                </tr>
                <tr style="min-height: 3px"><td><span class="lwa-status"></span></td></tr>
                <tr class="lwa-remember-email">	                    
                	<td>
                		<div>
                                                <input class="form-control" type="text" name="user_login" id="lwa_user_remember" value="Enter username or email" onfocus="if(this.value == 'Enter username or email'){this.value = '';}" onblur="if(this.value == ''){this.value = 'Enter username or email'}" />
                        </div>
						                    </td>
                </tr>
                <tr>
                    <td>
                        <button type="submit" class="btn btn-primary get_new_password" value="Neues Passwort erhalten"> <i class="fa fa-envelope" aria-hidden="true"></i> Get New Password</button>
                        <input type="hidden" name="login-with-ajax" value="remember" />
                    </td>	                
                </tr>
            </table>
        </form><!--END Lost Password Form-->
                </div><!--END class="carousel-item"-->
	        

		<!--Register Form-->
		<div id="register_slide" class="carousel-item">
	    	    <div class="lwa-register" style="display:block;">
	    <strong class="slides_reg slides_reg_register"> Account anlegen oder Daten schicken</strong> 
			<form name="lwa-register"  action="https://www.verba-alpina.gwi.uni-muenchen.de/wp-signup.php?template=modal" method="post">
        		<span class="lwa-status"></span>
				<table class="table-sm">
	                <tr>
	                    <td>
	                        <!-- <strong>Für diese Website registrieren</strong>  -->        
	                    </td>
	                </tr>
	                <tr class="lwa-username">
	                    <td>  
	                    	<div>
	                        	                        <input type="text" class="form-control" name="user_login" id="user_login"  value="Benutzername" /> 
	                        </div> 
	                    </td>

	                </tr>

	                <tr class="lwa-email">
	                    <td>
	                    	<div>
	                        	                        <input type="text" class="form-control" name="user_email" id="user_email"  value="E-Mail-Adresse" />
	                        </div>
	                    </td>

	                </tr>

	                <tr class="lwa-userage">
	                    <td>  
	                    	<div>
	                        	                        <input type="text" class="form-control" name="user_age" id="user_age"  value="Age" />
	                        </div> 
	                    </td>

	                </tr>

	                <tr>
	    
	                    <td>
	                        							<button class="register_btn btn" type="submit" value="Registrieren" tabindex="100" /><i class="fa fa-check" aria-hidden="true" style="padding-right: 5px"></i> Register</button>
							<input type="hidden" name="login-with-ajax" value="register" />

							<button type="button" class="send_anonymous_btn btn" onclick="send_anonymous_data();" tabindex="100"  /><i class="fa fa-check" aria-hidden="true" style="padding-right: 5px"></i>Daten anonym schicken</button>

							<button type="button" onclick="jQuery('#register_modal').modal('hide');" class="dont_send_btn btn" onclick="" tabindex="100"  /><i class="fa fa-arrow-right" aria-hidden="true" style="padding-right: 5px"></i>Fortfahren</button>

	                    </td>
	                </tr>
	            </table>
			</form>
			<!-- <button class="send_anonymous_btn btn" onclick="send_anonymous_data();" tabindex="100" /><i class="fa fa-check" aria-hidden="true"></i> Anonyme Daten schicken</button> -->
		</div>
				</div><!--carousel-item-->
		<!--END Register Form-->

		<!--SEND ANONYMOUS DATA FORM-->

		<!-- <div id="anonymous_data_slide" class="carousel-item">
			<div class="anonymous_data" style="display:block;">
				<table class="table-sm">

					<tr class="lwa-userage">
	                    <td>  
	                    	<div>
	                        	                        <input type="text" class="form-control" name="anonymous_user_age" id="anonymous_user_age"  value="Age" onfocus="if(this.value == 'Age'){this.value = '';}" onblur="if(this.value == ''){this.value = 'Age'}" />
	                        </div> 
	                    </td>
	                </tr>

	                <tr>
	    
	                    <td>
							<button class="send_anonymous_btn btn" onclick='send_anonymous_data();' tabindex="100" /><i class="fa fa-check" aria-hidden="true"></i> Anonyme Daten schicken</button>
	                    </td>
	                </tr>

	            </table>
			</div>
		</div> -->



	</div><!--carousel-inner" -->

		</div><!--login_slider-->
		

		<div style="padding-top:10px;"class="custom-modal-footer">

			<button type="button" class="login_slider btn btn-secondary btn-sm active_tab" onclick="showSlide('login');"><i class="fa fa-sign-in" aria-hidden="true"></i> Login</button>
			<button type="button" class="forgot_pass_slider btn btn-secondary btn-sm" onclick="showSlide('remember');"><i class="fa fa-question" aria-hidden="true"></i> Forgot Password</button>
			<button type="button" class="new_acc_slider btn btn-secondary btn-sm" onclick="showSlide('register');"><i class="fa fa-plus" aria-hidden="true"></i> New Account</button>
			<button type="button" class="reset_slider btn btn-secondary btn-sm" onclick="refresh_page();" ><i class="fa fa-refresh" aria-hidden="true"></i> Reset</button>
			<!-- <button type="button"  class="anonymous_slider btn btn-secondary btn-sm" onclick="showSlide('anonymous_data_slide');" tabindex="100" /><i class="fa fa-user-secret"></i> Anonyme Daten schicken</button> -->
      	</div>

		</div><!--modal body-->
		</div><!--modal content-->
		</div><!--modal document-->
	</div><!--modal fade-->
</div> <!--Register And Login/out !!!!!!!!!!!!!!!!!!!!!!!!!!! -->
</div>

<!--DIALECT-->
<!-- <div id="user_dialect_container">
<div id="user_dialect"></div>
</div> -->

<!--END DIALECT-->

<div id="left_menu" class="question_div arrow">

<div id="user_dialect_container">
<i id="choose_dialect-icon" class="fa fa-chevron-down" aria-hidden="true"></i> <div id="user_dialect"></div>
</div>


<!-- 
<div  id="log_in_div"></div>
<div style="display:inline-block;"> -->
<!-- </div> -->



</div>

				  <div id="left_menu_content_ger" style="display: none">
				<div class="row_1">
					<span>Wie sagt man zu </span><span id="word_span" class="questionselect">Begriff</span>
					<div class="l_row"> in <span id="in_q_span"><span id="location_span" class="questionselect">Gemeinde</span> ?</span></div>
				</div>
				<div class="row_2">
					<div class="user_input_container"><span><input type="text" id="user_input" placeholder="Ihre Antwort"></input><i id="submitanswer" class="fa fa-chevron-right" aria-hidden="true"></i></span></div>
				</div>
			  </div>
						  <div id="left_menu_content_fr" style="display: none">
				<div class="row_1">
					<span>Comment est-ce qu´on dit pour </span><span id="word_span" class="questionselect">concept</span>
					<div class="l_row"> à <span id="in_q_span"><span id="location_span" class="questionselect">commune</span> ?</span></div>
				</div>
				<div class="row_2">
					<div class="user_input_container"><span><input type="text" id="user_input" placeholder="Votre réponse"></input><i id="submitanswer" class="fa fa-chevron-right" aria-hidden="true"></i></span></div>
				</div>
			  </div>
						  <div id="left_menu_content_ita" style="display: none">
				<div class="row_1">
					<span>Come si dice </span><span id="word_span" class="questionselect">concetto</span>
					<div class="l_row"> a <span id="in_q_span"><span id="location_span" class="questionselect">comune</span> ?</span></div>
				</div>
				<div class="row_2">
					<div class="user_input_container"><span><input type="text" id="user_input" placeholder="La vostra risposta"></input><i id="submitanswer" class="fa fa-chevron-right" aria-hidden="true"></i></span></div>
				</div>
			  </div>
						  <div id="left_menu_content_slo" style="display: none">
				<div class="row_1">
					<span>Kako se reče </span><span id="word_span" class="questionselect">pojmu</span>
					<div class="l_row"> v <span id="in_q_span"><span id="location_span" class="questionselect">občini</span> ?</span></div>
				</div>
				<div class="row_2">
					<div class="user_input_container"><span><input type="text" id="user_input" placeholder="Vaš odgovor"></input><i id="submitanswer" class="fa fa-chevron-right" aria-hidden="true"></i></span></div>
				</div>
			  </div>
			


<div class="modal welcome_modal" id="welcome_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="cover_body"></div>
     <div class="modal-body">
 
         <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

         <div id="first_slider" class="carousel slide" data-ride="carousel" data-interval="false">

          <ol class="carousel-indicators findicators">
            <li data-target="#first_slider" data-slide-to="0" class="active"></li>
            <li data-target="#first_slider" data-slide-to="1"></li>
          </ol>

          <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
             <!--  <img src="./assets/images/Alps.jpg" alt="First slide"> -->
             <div class ="c_fake_body"></div>
               <div class="carousel-caption first-info">
              <h1 class="h1_smaller" id="modal_welcome" lang_id="0">Willkommen.</h1>
              <p id="slogan_id"  lang_id="0">Sprich die Sprache der Alpen!</p>

                <div id="navigation_languages">Navigationssprache</div>
                
                <div class="outerselect-container">
                <select id="language_select" class="customselect">
                  <option  class="customoption"> ...</option>
                  <option  class="customoption"> Deutsch</option>
                  <option  class="customoption"> Français </option>
                  <option  class="customoption"> Italiano</option>
                  <option  class="customoption"> Slovenščina</option>
                </select>
                <span class="switch_page_icon">
                <i class="fa fa-chevron-right" aria-hidden="true"></i>
                </span>
                </div>

            </div>
            </div>
            <div class="carousel-item">
            <div class="c-back-button"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
              <!-- <img src="./assets/images/Alps.jpg" alt="Second slide"> -->
                <div class ="c_fake_body"></div>
                 <div class="carousel-caption  c-caption-top">
                <div class="infotext_container">
                  <h3 class="infotext_head">Anleitung</h3>
                  <div class="text-left-span">
                  </div>
                 </div>

                    <div class="startbutton_container">
                      <div class="inner_startbutton_container">
                        <button type="button" class="startbutton" id="dialect_btn" ><span id="dialekt_span">Dialekt</span><div class="starticoncontainer"><i class="fa fa-chevron-down starticon" aria-hidden="true"></i></div></button>

                        <button type="button" id="start_tool" class="startbutton"><span id="go_span">Los geht's</span><div class="starticoncontainer"><i class="fa  fa-chevron-right starticon" aria-hidden="true"></i></div></button>
                      </div>
                    </div>
            </div>


            <a id="remark_link" href=""><div id="data_remark"> Datenschutz</div></a> 
            </div>
          </div>
  <!--        <a class="left carousel-control" href="#first_slider" role="button" data-slide="prev">
            <span class="icon-prev" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#first_slider" role="button" data-slide="next">
            <span class="icon-next" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a> -->
        </div>

      </div><!-- /.modal-body -->
      <div class="modal-footer customfooter"></div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  


<!--Tutorial Modal-->

<div class="modal fade" id="tutorial_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
          <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
 
         <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

         <div id="tutorial_slider" class="carousel slide" data-ride="carousel" data-interval="false" >

          <ol class="tutorial carousel-indicators findicators">
            <li data-target="#tutorial_slider" data-slide-to="0" class="active"></li>
            <li data-target="#tutorial_slider" data-slide-to="1"></li>
            <li data-target="#tutorial_slider" data-slide-to="2"></li>
          </ol>

          <div class="carousel-inner" role="listbox">

            <div class="carousel-item active" id="tuto_1">
                <img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/tutorial_1.gif"></img>
                   <div class="carousel-caption "> Schritt 1 </div>  
            </div>

            <div class="carousel-item"  id="tuto_2">
                <img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/tutorial_2.gif"></img>
                   <div class="carousel-caption "> Schritt 2 </div>  
            </div>

            <div class="carousel-item"  id="tuto_3">
                <img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/tutorial_3.gif"></img>
                   <div class="carousel-caption "> Schritt 3 </div>  
            </div>

             <a class="carousel-control-prev cc_control" href="#tutorial_slider" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"><i class="fas fa-chevron-left"></i></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next cc_control" style="right:0px;" href="#tutorial_slider" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"><i class="fas fa-chevron-right"></i></span>
              <span class="sr-only">Next</span>
            </a>
 
          </div>
  <!--        <a class="left carousel-control" href="#first_slider" role="button" data-slide="prev">
            <span class="icon-prev" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#first_slider" role="button" data-slide="next">
            <span class="icon-next" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a> -->
        </div>

      </div><!-- /.modal-body -->
      <div class="modal-footer customfooter"></div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  

<!--The Dialect Modal-->
<div class="modal fade list_modal" id="dialect_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
      <div class="modal-body">

       <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

          <div class = "listbody"> 

            <table id="dialect_modal_table" class="display nowrap" cellspacing="0" width="100%">
              <thead>
                  <tr>
                      <th>Name</th>
                  </tr>
              </thead>
          </table>


      </div>
        </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<div class="modal list_modal" id="locations_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
      <div class="modal-body">

       <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

          <div class = "listbody"> 

            <table id="location_modal_table" class="display nowrap" cellspacing="0" width="100%">
              <thead>
                  <tr>
                      <th>Name</th>
                  </tr>
              </thead>
          </table>


      </div>
        </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<div class="modal list_modal" id="concepts_modal">

  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
      <div class="modal-body">
        <div class="concept_hint"><div class="hintclose"><i class="fa fa-times" aria-hidden="true"></i></div><img class="cs_arrow" src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/cs_arrow_bent.png"></img> <div class="hint_text"> Bevor es losgeht: hier können Sie aus drei Konzeptdomänen wählen </div> </div>

       <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

          <div class = "listbody"> 

            <table id="concept_modal_table" class="display nowrap" cellspacing="0" width="100%">
              <thead>
                  <tr>
                      <th>Name</th>
                  </tr>
              </thead>
          </table>


      </div>
        </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<div class="modal list_modal fade" id="location_list_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
      <div class="modal-body">

       <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

          <div class = "listbody"> 

            <table id="location_list_table" class="display nowrap" cellspacing="0" width="100%">
              <thead>
                  <tr>
                      <th>Name</th> <th>Word</th> <th>Author</th> <!-- <th>Hidden</th> -->
                  </tr>
              </thead>
          </table>

          </div>

        </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->





<div class="modal fade" id="image_modal" data-backdrop="false">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">

      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  


<div class="modal fade" id="message_modal" data-backdrop="false">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       <p class="message_modal_content">TEXT AUSTAUSCHEN</p>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  


<div class="modal fade" id="language_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       <div class="language_modal_content">
        
        <div>Bitte wählen Sie eine Sprache aus!</div> 
         <div>Sélectionnez une langue, s´il vous plaît!</div> 
          <div>Scegliete una lingua, per favore!</div> 
           <div>Prosimo, izberite jezik!</div> 

       </div>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  

<div class="modal fade" id="dialect_not_selected_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       <div class="dialect_not_selected_modal_content">
        
        <div>Bitte wählen Sie einen Dialekt aus!</div> 

       </div>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  

<div class="modal fade" style="z-index: 10000" id="no_anoymous_user_data">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       <div class="no_anoymous_user_data_content">
        
        <div id="no_anoymous_user_data_text" style="padding-top:8px">Bitte tragen Sie zuerst Daten auf der Karte ein!</div> 

       </div>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  


<div class="modal fade" id="input_modal">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       <div class="input_modal_content">
        
        <!--<div>Eingabefeld ist leer, bitte  tragen sie Ihre Änderungen ein!</div> -->
        

       </div>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  


<div class="modal welcome_modal fade" id="welcomeback_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="cover_body"></div>
     <div class="modal-body">
 
         <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

             <div class ="c_fake_body"></div>
               <div class="carousel-caption welcomeback_container">
              <h1 class="h1_smaller" id="modal_welcomeback" lang_id="0">Willkommen <br> zurück.</h1>
              <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
            </div>
   

      </div><!-- /.modal-body -->
      <div class="modal-footer customfooter"></div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  


<div class="modal fade" id="highscore_select_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="cover_body"></div>
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">

      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
      <div style ="position: relative;z-index: 3;">
        <div class="select_score_container">
              <div class="select_score_button_container">
                <div id="best_user" class="select_score_list"> Button_1 </div>
                <div id="best_location" class="select_score_list"> Button_2</div>
                <div id="best_concept" class="select_score_list"> Button_3</div>
           </div>
        </div>
      </div>
       
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  


<div class="modal fade" id="share_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <!-- <div class="cover_body"></div> -->  
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">

      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
        <h1 id="share_titel_modal" class="addModalTitel">Share</h1>
        <div style ="position: relative;z-index: 3;">
          <textarea id="share_link" class="addModalTextarea"></textarea>
        </div>
        <div id="social_media">
          <a id="share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=">  <div><i class="fab fa fa-facebook" aria-hidden="true"></i></div></a> <!-- <span> Share on Facebook</span>-->
          <a id="share_twitter" href="https://twitter.com/home?status=">                <div><i class="fab fa fa-twitter"  aria-hidden="true"></i></div></a>   <!-- <span> Share on Twitter</span>   -->
       <!--    <a id="share_googleplus" href="https://plus.google.com/share?url=">           <div><i class="fab fa fa-google-plus" aria-hidden="true"></i></div></a>  -->  <!-- <span> Share on Google+</span>  --> 
          <a id="share_instagram" href="https://www.instagram.com/verba.alpina/">                <div><i class="fab fa-instagram"  aria-hidden="true"></i></div></a>  
          <a id="share_mail" href="mailto:verbaalpina@itg.uni-muenchen.de">               <div><i class="fal fa fa-envelope" aria-hidden="true"></i></div></a>  <!-- <span> Send Email</span>-->
        </div>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  



<div class="modal fade" id="help_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="help_cover"></div>
    <!-- <div class="cover_body"></div> -->  
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">

      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

        <h1 id="help_titel_modal" style ="position: relative;" class="addModalTitel">Help <div class="help_modal_show_intro"><i class="fa fa-question" aria-hidden="true"></i><span>Anleitung</span></div></h1>
        <div style ="position: relative;z-index: 3;">

          <div id="help_intro" class="helpanswer"></div>

            <div class="modal_subhead" style="margin-top: 10px;" id="faqs">Frequently Asked Questions</div>

          <ul class="helpanswer"> 
            <li id="faq1"></li>
            <li id="faq2"></li>
            <li id="faq3"></li>
            <li id="faq4"></li>
          </ul>

            <div class="modal_subhead" style="margin-top: 10px;" id="questions_feedback"></div>

          <textarea disabled="true" id="help_text" class="addModalTextarea"></textarea>

             <div class="registerbutton" id="feedbackbutton" style="margin-top: 12px"></div>

        </div>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  

<div class="modal fade" id="faqAnswerModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       <div class="dialect_not_selected_modal_content">
        
        <div id="currentFAQAnswer">FAQ Antwort</div> 

       </div>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  



<div class="modal list_modal fade" id="toplistmodal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
      <div class="modal-body">

       <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       <div class = "highscoreheadline"><i class="fa fa-pagelines leaf_icon_l" aria-hidden="true"></i><span class="highscoreheadlinespan"></span><i class="fa fa-pagelines leaf_icon_r" aria-hidden="true"></i></div>

          <div class = "listbody"> 

            <table id="top_list_table" class="nowrap stripe row-border" cellspacing="0" width="100%">
              <thead>
                  <tr>
                    <th>Rank</th> <th>Name</th> <th>Entry</th>
                  </tr>
              </thead>
          </table>


      </div>
        </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<div class="modal fade" id="why_register_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="cover_body"></div>
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>

    <div style ="position: relative;z-index: 3;">
               <div class=why_register_headline></div>
                <div class=why_register_body></div>
        

      <div class="registerbutton_container"><div class="registerbutton reg_yes"></div><div class="registerbutton reg_no"></div></div>
       
      </div>
        
    </div>   
  
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  

<div class="modal fade" id="upload_image_modal" data-backdrop="false">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
          <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
      <!--   <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
          <span aria-hidden="true">&times;</span> 
        </button>-->
        <div class="image-upload-modal-title">Image Upload</div>
        
      </div>
                <div class="modal-body" id="upload_image_body">

                  <div id="drop-area">
                    <div id="drop-area-overlay"><i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i></div>
                  <form id="image_upload_form"> 
                    <input type="file" name="images_input[]" id="fileElem" multiple="multiple" accept="image/*" onchange="app.ui.image_uploader.handleFiles(this.files)">
                    <label class="button_select_files" for="fileElem">Click Here to Select Images, or drag and drop them in the box.</label>
                    <input type="hidden" id="upload_image_wpnonce" name="upload_image_wpnonce" value="bd6f67622b" /><input type="hidden" name="_wp_http_referer" value="/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F4359" />  
                  </form>
                  
                  <div id="gallery">
                  </div>

                  <div class="accept-terms">
                    <input id="accept_req_image_upload" type="checkbox" name="accept_req_image_upload" value="Check Licensing"> 
                    <label for="accept_req_image_upload" id="accept_terms_label" style="display: contents;">Der Nutzer muss vor dem Upload zustimmen, dass er die Rechte an den Bildern hat und sie unter CC BY SA 4.0 zur Verfügung stellt</label>
                  </div>

                </div>

                <div>



                </div>

                <div class="modal-footer">
                  <button type="button" id="close_modal" class="btn btn-secondary" data-dismiss="modal">Schließen</button>
                  <button id="upload_images" type="button" class="btn btn-primary" >Bild Hochladen</button>
                </div>
              </div>
  </div>
</div>
</div>

<!-- <div class="image_upload_thumbnail">
  
</div> -->



<!-- <div class="modal fade" id="register_or_anonymous_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="cover_body"></div>
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="favicon_bw.png"></img>Verba Alpina </div>

        <div style ="position: relative;z-index: 3;">
         <div class=register_or_anonymous_headline></div>
         <div class=register_or_anonymous_body>
               
          
          <div class="lwa-register" style="display:block;">
          <i class="fa fa-plus" aria-hidden="true" style="color: white;"></i><strong class="slides_reg"> New Account</strong> 
          <form name="lwa-register"  action="" method="post">
                <span class="lwa-status"></span>
            <table class="table-sm">
                      <tr>
                          <td>
                             
                          </td>
                      </tr>
                      <tr class="lwa-username">
                          <td>  
                            <div>
                                                            <input type="text" class="form-control" name="user_login" id="user_login"  value="" onfocus="if(this.value == ''){this.value = '';}" onblur="if(this.value == ''){this.value = ''}" />
                              </div> 
                          </td>

                      </tr>
                      <tr class="lwa-email">
                          <td>
                            <div>
                                                            <input type="text" class="form-control" name="user_email" id="user_email"  value="" onfocus="if(this.value == ''){this.value = '';}" onblur="if(this.value == ''){this.value = ''}"/>
                              </div>
                          </td>

                      </tr>
                      <tr>
          
                        <td>
                            <button class="register_btn btn" type="submit" value="" tabindex="100" /><i class="fa fa-check" aria-hidden="true"></i> Register</button>
                            <input type="hidden" name="login-with-ajax" value="register" />

                            <button class="send_anonymous_btn btn"  tabindex="100" /><i class="fa fa-check" aria-hidden="true"></i> Anonyme Daten schicken</button>
                          </td>
                      </tr>
                  </table>
          </form>
        </div>

         </div>
        </div>
            
        </div>   
  
      <div class="modal-footer customfooter">
      </div>
    </div>
  </div>
</div>
 -->


<div class="modal fade" id="its_over_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="customclose"><i class="fa fa-times" aria-hidden="true"></i></div>
     <div class="modal-body">
      <div class = "custom_header"><img src="https://www.verba-alpina.gwi.uni-muenchen.de/wp-content/plugins/plugin_va-crowd/assets/images/favicon_bw.png"></img>Verba Alpina </div>
       </br>
        <span></span>
      </div>
      <div class="modal-footer customfooter">
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  

				<script type="text/javascript">
					jQuery(document).ready(function() {
						addBiblioQTips(jQuery(".entry-content"));
					});
				</script> 
							<script type="text/javascript">
					jQuery(document).ready(function() {
						addBiblioQTips(jQuery(".entry-content"));
					});
				</script> 
			{"id":4359,"date":"2016-12-19T19:00:39","date_gmt":"2016-12-19T17:00:39","guid":{"rendered":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/?page_id=4359"},"modified":"2017-02-19T16:30:38","modified_gmt":"2017-02-19T14:30:38","slug":"crowdsourcing","status":"publish","type":"page","link":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/?page_id=4359&db=232","title":{"rendered":"Crowdsourcing"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template_plugin_frontend.php","meta":{"_acf_changed":false,"footnotes":""},"coauthors":[],"class_list":["post-4359","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=\/wp\/v2\/pages\/4359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4359"}],"version-history":[{"count":1,"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=\/wp\/v2\/pages\/4359\/revisions"}],"predecessor-version":[{"id":4360,"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=\/wp\/v2\/pages\/4359\/revisions\/4360"}],"wp:attachment":[{"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4359"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.verba-alpina.gwi.uni-muenchen.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcoauthors&post=4359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}