<!-- participation-->

<div class="row bg px-3" id="participation">
		<div class="col-lg-2"></div>
		<div class="col-lg-8">
      <h2 class="text-center">Mach mit!</h2>

      <div class="text-white">
            Deiner Phantasie sind keine Grenzen gesetzt, aber ein paar Dinge sollten beachtet werden, damit die Bilder gut in das geplante Video eingebaut werden können:
      </div>

      <div class="list-group">

              <!--- entry -->
              <div href="#" class="list-group-item  d-flex gap-3 py-3">                
                <i class="medium m-2 align-middle material-icons text-white">crop_landscape</i>
                <div class="d-flex gap-2 w-100 justify-content-between  text-white">
                  <div>
                    <h6 class="mb-0">Weißes Papier</h6>
                    <p class="mb-0 opacity-75">Das Schiff soll auf weißem Papier gemalt sein.</p>
                  </div>
                </div>
              </div>
              <!--- entry -->


              <!--- entry -->
              <div href="#" class="list-group-item  d-flex gap-3 py-3">                
                <i class="medium m-2 align-middle material-icons text-white">directions_boat</i>
                <div class="d-flex gap-2 w-100 justify-content-between  text-white">
                  <div>
                    <h6 class="mb-0">Ganzes Schiff</h6>
                    <p class="mb-0 opacity-75">Es soll ganz zu sehen sein und nicht am Rand abgeschnitten werden</p>
                  </div>
                </div>
              </div>
              <!--- entry -->


              <!--- entry -->
              <div href="#" class="list-group-item  d-flex gap-3 py-3">                
                <i class="medium m-2 align-middle material-icons text-white">sailing</i>
                <div class="d-flex gap-2 w-100 justify-content-between  text-white">
                  <div>
                    <h6 class="mb-0">Rumpf</h6>
                    <p class="mb-0 opacity-75">Am besten mit Rumpf, also ohne Wasser unterm Kiel</p>
                  </div>
                </div>
              </div>
              <!--- entry -->




              <!--- entry -->
              <div href="#" class="list-group-item  d-flex gap-3 py-3">                
                <i class="medium m-2 align-middle material-icons text-white">fast_rewind</i>
                <div class="d-flex gap-2 w-100 justify-content-between  text-white">
                  <div>
                    <h6 class="mb-0">Rechts nach links</h6>
                    <p class="mb-0 opacity-75">Fahrtrichtung soll in diesem Jahr von rechts nach links sein</p>
                  </div>
                </div>
              </div>
              <!--- entry -->


              <!--- entry -->
              <div href="#" class="list-group-item  d-flex gap-3 py-3">                
                <i class="medium m-2 align-middle material-icons text-white">photo_filter</i>
                <div class="d-flex gap-2 w-100 justify-content-between  text-white">
                  <div>
                    <h6 class="mb-0">Farbecht</h6>
                    <p class="mb-0 opacity-75">Das Foto oder der Scan soll möglichst die echten Farben des Bildes wiedergeben und in einer guten Auflösung sein (jpg, png oder tif)</p>
                  </div>
                </div>
              </div>
              <!--- entry -->              



              <!--- entry -->
              <div href="#" class="list-group-item  d-flex gap-3 py-3">                
                <i class="medium m-2 align-middle material-icons text-white">pan_tool</i>
                <div class="d-flex gap-2 w-100 justify-content-between  text-white">
                  <div>
                    <h6 class="mb-0">Urheberrechte</h6>
                    <p class="mb-0 opacity-75">Es dürfen keine Urheberrechte anderer verletzt werden (z.B. dürfen keine bekannten Comic-Figuren enthalten sein)</p>
                  </div>
                </div>
              </div>
              <!--- entry -->       

              <!--- entry -->
              <div href="#" class="list-group-item  d-flex gap-3 py-3">                
                <i class="medium m-2 align-middle material-icons text-white">looks_one</i>
                <div class="d-flex gap-2 w-100 justify-content-between  text-white">
                  <div>
                    <h6 class="mb-0">1 Bild</h6>
                    <p class="mb-0 opacity-75">Viele Kinder wollen mitmachen, bitte male nur ein Bild.</p>
                  </div>
                </div>
              </div>
              <!--- entry -->     



      </div>
    </div>
    <div class="col-lg-2"></div>
</div>
<!-- participation-->