{% include '_static/global/next_button.html' %}
{{ block title }}
    Regeln II
{{ endblock }}
{{ block content }}

<style>
    .otree-timer {
        display: none;
    }
</style>
<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 20) {
                $('.otree-timer').show();
            }
        });
    });
</script>

</br>
<div class="info active">
<p>
    <b><u>Identische Hinweispaare:</u></b>
</p> 
</div>

<div class="info">
<ul>
    <li> Ihr Gruppenhinweispaar enthält mindestens ein Wort, das mit einem Wort in einem Hinweispaar einer anderen Gruppe <b>identisch</b> ist. </li>
        <ul>
            <li><font color=#DF013A>Beispiel: Wenn eine Gruppe <i>Maus</i> schreibt und die andere ebenfalls <i>Maus</i>, dann gelten die kompletten Hinweispaare beider Gruppen als identisch.</font></li>
        </ul>
</ul>
</div>

<div class="info">
<ul>
    <li>Ihr Gruppenhinweis enthält mindestens ein Wort, das <b>denselben Wortstamm</b> hat wie ein Wort in einem Hinweispaar einer anderen Gruppe. </li>
        <ul>
            <li><font color=#DF013A>Beispiel: Wenn eine Gruppe <i>Spieler</i> schreibt und die andere <i>Spielfeld</i>, dann gelten die kompletten Hinweispaare beider Gruppen als identisch.</font></li>
        </ul>
</ul>
</div>

<div class= "info">
<ul>
    <li> Die Hinweispaare enthalten Wörter, die <b>Varianten desselben Wortes sind:</b> Plural, Geschlechtsunterscheidungen, und Rechtschreibfehler. </li>
        <ul>
            <li><font color=#DF013A>Beispiel: Wenn eine Gruppe <i>Bäcker</i> schreibt und die andere <i>Bäckerin</i>, dann gelten die kompletten Hinweispaare beider Gruppen als identisch.</font></li>
        </ul>
</ul>    
</br>
<button class= "otree-btn btn btn-info">Weiter</button>    
</div>
</br>
<p style="text-align: left">
    <button class="otree-btn btn btn-info" type="button" id="next">Weiter</button>
</p>

{{ endblock }}