<!-- this file is a template for rebranding of 'branding/locales/html/de/faq.html' -->

<!-- template for the 'FAQ' in general -->

<div class="info-page">
  <h2>
    Für das soziale Netzwerk {{ organization }}
  </h2>
  <h3>
    Wie bediene ich dieses Netzwerk?
  </h3>
  <p>
    Hier findest Du die
    <a href="https://github.com/Ocelot-Social-Community/Ocelot-Social/wiki" target="_blank" >Bedienungsanleitung</a>.<br>
  </p>
</div>

<style type="text/css">
  .info-page {
    margin-bottom: 48px;
  }

  .info-page h2 {
    margin: 24px 0;
  }

  .info-page h3 {
    margin: 24px 0 16px 0;
  }

  .info-page h4 {
    margin: 16px 0 8px 0;
  }

  .info-page p {
    margin: 8px 0;
  }

  .info-page ul {
    list-style-type: disc;
    margin: 16px 0 16px 14px;
  }

  .info-page table {
    background-color: #fff;
    border: 1px solid #e0dede;
    border-collapse: collapse;
    box-shadow: 0 1px 3px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.5);
    margin: 16px 0;
    max-width: 100%;
  }

  .info-page table thead {
    background-color: #f0f0f0;
  }

  .info-page table td,
  .info-page table th {
    border: 1px solid #e0dede;
    padding: 10px;
  }
</style>
