{% extends "master.html" %}

{% block title %}
  Für Privatpersonen
{% endblock %}

{% block submenu %}
  {% include "target_submenu.html" %}
{% endblock %}

{% block nav_targets %}
  <li class="active">
		<a href="{%url show_targetpage %}">Für wen</a>
	</li>
{% endblock %}

{% block content %}
<div class="row clearfix">
  <div class="col-md-12 igg-spaces brown bg-border-bottom">
    <h1>Privatpersonen</h1>
  </div>
</div>

<div class="row clearfix brown">

    <div class="col-md-6" style="padding:0px 0px">
      <img src="/media/targets/in_guter_gesellschaft_unternehmen.jpg" class="expand-image" alt="">
    </div>
    
    <div class="col-md-6 igg-spaces " id="start-teaser">
      <p>Ihre Mutter oder Ihr Vater ist einsam? Sie sorgen sich um Ihre Eltern?</p>
      <hr>
      <ul class="bullet">
        <li>
          <div class="morehead">Unterhaltung und Abwechslung finden</div>
          <div>Finden Sie Menschen in Ihrer Nähe, die Ihre Angehörigen, Freunde oder Sie selbst gut unterhalten.</div>
        </li>
        <li>
          <div class="morehead">Aktivitäten genießen und Inspiration bekommen</div>
          <div>Zum Portfolio der Gesellschafter und Gesellschafterinnen auf „In-guter-Gesellschaft.de“ gehören beispielsweise gemeinsame Museumsbesuche, Spaziergänge oder auch Vorlesen.</div>
        </li>
        <li>
          <div class="morehead">Interessante Menschen mit Niveau treffen</div>
          <div>Wohlmeinende, interessante Menschen mit Bildung, interessanten Hobbies, Menschlichkeit und Lebenserfahrung nehmen sich Zeit für Sie oder Ihre Angehörigen.</div>
        </li>
      </ul>
      <div style="text-align:center">
        <br>
        <a href="/ueber-uns/" class="btn btn-orange">Lesen Sie mehr unter „Über uns“!</a>
      </div>
    </div>
    
</div>

<div class="row clearfix">
  <div class="col-md-12 igg-spaces" style="padding-bottom:0px">    
    
    <div class="row clearfix">
      <div class="col-md-9">
        <h1>Wie funktioniert <br> „In guter Gesellschaft“?</h1>
      </div>
      <div class="col-md-3" style="padding-bottom:20px; margin-top:95px">
        <b><a href="#"> > Mehr Informationen</a></b>
      </div>
    </div>
    
    <div class="row clearfix">
      <div class="col-md-3 step step-arrow">
        <img src="{{STATIC_URL}}img/layout/step-1.png" alt="">
      </div>
      <div class="col-md-3 step step-arrow">
        <img src="{{STATIC_URL}}img/layout/step-2.png" alt="">
      </div>
      <div class="col-md-3 step step-arrow-orange">
        <img src="{{STATIC_URL}}img/layout/step-3.png" alt="">
      </div>
      <div class="col-md-3 step">
        <img src="{{STATIC_URL}}img/layout/step-4.png" alt="">
      </div>
    </div>
  </div>
</div>

<div class="row clearfix">
  <div class="col-md-12 igg-spaces" style="padding-top:10px">
    <div class="row clearfix">
      <div class="col-md-3">
        <div class="step-descr">
          <div class="number">1</div>
          <div class="descr">PLZ eingeben und suchen.</div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="step-descr" >
          <div class="number">2</div>
          <div class="descr">Zwischen zahleichen Gesellschaftern wählen.</div>
        </div>
      </div>
      <div class="col-md-3">
        <div  class="step-descr" >
          <div class="number">3</div>
          <div class="descr">Gesellschafter anfragen oder direkt buchen.</div>
        </div>
      </div>
      <div class="col-md-3">
        <div  class="step-descr">
          <div class="number">&nbsp;</div>
          <div class="descr"><b>Fertig!</b> In nur wenigen <br>Minuten ...</div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-12" style="padding:10px 30px">
    <hr>
  </div>
</div>

<div class="row clearfix">
  
  <div class="col-md-6 igg-spaces">
    <h1>Das steckt dahinter</h1>
    <p>
      Bei dieser Initiative geht es um Menschlichkeit. Sie soll dazu beitragen, dass immer mehr hochbetagte Menschen nicht immer einsamer werden. Um Menschen aller Altersgruppen und Hintergründe für dieses hohe Ziel zu gewinnen, sollen der Austausch und die Zeit, die Menschen füreinander aufbringen, nicht ehrenamtlich erbracht werden. Für andere da zu sein ist wertvoll und wird immer seltener und kostbarer in unserer Gesellschaft – daher haben wir dieses Projekt ins Leben gerufen. 
    </p>
  </div>
  <div class="col-md-6 igg-spaces">
    <b>Viele gute Gründe</b>
    <p>
      <ul class="bullet">
      <li>In guter Gesellschaft öfter ins Grüne kommen.</li>
      <li>Weiterhin interessante Menschen treffen.</li>
      <li>In sympathischer Begleitung kulturelle Angebote nutzen.</li>
      <li>Sich wertgeschätzt und weniger alleine fühlen.</li>
      </ul> 
    </p>
  </div>
</div>







{% endblock %}