---
import Base from '../layouts/Base.astro';
import Hero from '../components/Hero.astro';
import Figure from '../components/Figure.astro';

const schritte = [
  ['Erstgespräch', 'Kostenlos, etwa 30 Minuten, telefonisch oder vor Ort. Unverbindlich. Auch das Erstgespräch unterliegt der Verschwiegenheit.'],
  ['Einzelgespräche', 'Je Person, vertraulich. Ein geschützter Raum für das, was in Anwesenheit der anderen zunächst nicht gesagt werden kann.'],
  ['Gemeinsame Sitzungen', 'Themen sammeln, Interessen klären, Optionen entwickeln. Hier entsteht die Arbeit — und hier entsteht die Lösung.'],
  ['Vereinbarung', 'Schriftlich festgehalten, von allen getragen, in Ihren eigenen Worten.'],
  ['Danach', 'Was für die rechtliche Umsetzung noch nötig ist, besprechen wir offen — damit Sie wissen, welche Schritte außerhalb der Mediation liegen.'],
];
---

<Base
  title="Ablauf"
  description="Wie eine Mediation abläuft: fünf Schritte vom kostenlosen Erstgespräch bis zur Vereinbarung. Dauer, Rahmen, Sitzungen vor Ort oder online."
  ogImage="/images/meer-weite-800.jpg"
>
  <Hero image="meer-weite" alt="Weiter Sandstrand bei Ebbe" short={true}>
    <h1>Auf Sicht fahren</h1>
  </Hero>

  <div class="band">
    <div class="wrap">
      <div class="text">
        <p class="lead">
          Schritt für Schritt, in einem Tempo, das Sie mitbestimmen. Sie müssen nicht
          wissen, wo Sie herauskommen, um anzufangen.
        </p>
      </div>
      <div class="text" style="margin-top:34px">
        {schritte.map(([titel, text], i) => (
          <div class="step">
            <div class="step__n">{i + 1}</div>
            <div>
              <h3>{titel}</h3>
              <p>{text}</p>
            </div>
          </div>
        ))}
      </div>
    </div>
  </div>

  <div class="band band--sand">
    <div class="wrap">
      <div class="split">
        <div>
          <h2>Vor Ort oder online</h2>
          <p>
            Der Schwerpunkt liegt auf Sitzungen vor Ort. Online ist aber jederzeit möglich —
            und bei Trennungen ist das oft keine Frage des Komforts: Wenn eine Seite
            weggezogen ist, in ein anderes Bundesland oder ins Ausland, ist es die
            Voraussetzung dafür, dass überhaupt gesprochen werden kann.
          </p>
          <p class="small">
            Für Online-Sitzungen gilt dasselbe wie im Raum: Bitte sorgen Sie dafür,
            dass Sie ungestört und allein sind.
          </p>
        </div>
        <div>
          <h2>Dauer und Rahmen</h2>
          <p>
            Typischerweise drei bis sechs Sitzungen zu 90 bis 120 Minuten, verteilt über
            einige Wochen. Manche Fälle sind nach zwei Terminen geklärt, manche brauchen länger.
          </p>
          <p>
            Sie können das Verfahren jederzeit beenden. Das ist kein Scheitern,
            sondern ein Grundprinzip.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="band">
    <div class="wrap">
      <Figure
        image="arbeit-brille"
        widths={[640, 1000]}
        alt="Cornelia Neuhauser im Gespräch"
        caption="Die Lösung kommt nicht von mir. Meine Aufgabe ist der Rahmen, in dem sie entstehen kann."
      />
    </div>
  </div>
</Base>