## Über Uns

Unser kleine Gemeinde liegt im idyllischen Ville Gabriel, klar, stellvertretend hier im Template für alle Gemeinden. Sicher haben Sie schon das Eine oder Andere darüber gehört: Violett steht als Kirchenfarbe für Stille und Besinnung, Umkehr und Buße sowie die Fastenzeiten im Advent und vor Ostern und am Buß- und Bettag. Auch einer stetigen Ausrichtung auf Gott soll damit ein Anreiz gesetzt werden.
Mit den Weiter-Links bzw. Weiter-Buttons haben Sie die Möglichkeit ausgewählte Unterseiten anzusteuern. Eine Alternative: Per CSS-div-Box öffnen sich Fenster direkt innerhalb der selben Seite bei Klick auf dem Button, als Beispiel hier beim nachfolgenden 'Button', enthaltend auch eine Anleitung wie es funkioniert sowie weiter unten beim 'Leistungen-Button' sowie beim 'Kontakt-Button' auf der Tertius-Seite.
Weiter

## Presentation

Ad meis vidit mea, vel laoreet salutandi explicari ut. Usu et ipsum assum definiebas, ex vel ridens rationibus. Corrumpit consequat mea ut. Eu aperiam nominavi duo. Est molestie contentiones ne, vim ut cibo choro suscipit, pri cibo modus id.Ad error detraxit est, eius omnium facilisis sed no. Mei cu scripta facilis intellegebat.

### Friedenstaube

When the doves cry. Pri no dicit mucius ornatus, mazim malorum eos in. Quo tale fabellas eu. Nec in discere legimus.
Weiter

### Betende Hände

Pray with us and heal the world. It is our earth. No matter if black or white. Ad labore possim antiopam ius, id eam etiam eleifend abhorreant. Scripta invenire vis te, vis ea doctus instructior. Domini laboramus eum eu, id cum omnium iuvaret pertinax.
Weiter

### Die Bibel

Words of God, Secrets of the bible, ut pro quas facete, ius reque euripidis temporibus et. Quo dolores hendrerit id?
Weiter

## Leistungen

### Fenster Extra

Mit den Weiter-Buttons auf dieser Startseite haben Sie die Möglichkeit ausgewählte Unterseiten anzusteuern. Eine Alternative: Per CSS-div-Box öffnen sich Fenster direkt innerhalb der selben Seite bei Klick auf dem Button, als Beispiel bei dem nachfolgenden 'Leistungen-Button'.

- Manus manum lavat
- Medias in res
- In vino veritas
- Amor vincit omnia

Alle Leistungen

## Box-Fenster Über uns

### Design-Fragment

Kirchliches Mauerwerk im Kopfbereich zu sehen, hier hell (= Offenheit, Erleuchtung), symbolisiert den generellen Schutz der Kirche für alle Schutzbedürftigen. Als Metapher soll es auf den Abbau von inneren und äußeren Mauern - persönlich sowie gesellschaftlich - hinweisen.
Nur einige Gedanken dazu als Stichwörter: Mauerfall, Grenzen, Ausländer, Reisebeschränkungen, Abstand halten, Maske tragen, Nähe sowie die Angst vor Nähe, Schutz, sich und andere schützen, die eigenen Grenzen überwinden und vieles mehr.

### Fenster öffnen auf der selben Seite

Per CSS-div-Box öffnen sich Fenster direkt innerhalb der selben Seite bei Klick auf einigen 'Weiter-Buttons'. Gerne legen Sie bei Bedarf nach diesem Prinzip weitere neue Fenster an bzw. löschen Sie auch nicht benötigte.

### Neue Fenster anlegen

Hinweis: Der fettgedruckte Teil bei den nachfolgenden Code-Beispielen soll Ihnen bereits zeigen, wie Sie ein neues Fenster anlegen bzw. zum vorhandenen Code hinzufügen!
So sieht die Verlinkung bei den Links 'Über uns' 'Leistungen' und 'Kontakt' (Seite 'Tertius') aus.

    HTML
    <label for="open-about"><a>Weiter</a></label>
    <label for="open-leistungen"><a>Alle Leistungen</a></label>
    <label for="open-kontakt"><a>Mehr Kontakt</a></label>
    <label for="open-ihr-fenster"><a>Ihr Fenster</a></label>

So sieht also ein einzelner Text-Link zum Fenser öffnen aus:

    HTML
    <label for="open-ihr-fenster"><a>Ihr Fenster</a></label>

Dieser Text-Link funktioniert schon prima, aber um gfls. je nach Situation daraus einen Button zu machen, haben wir für die diesbezügliche Formatierung noch unsere CSS-Klassen 'button' und 'mehr_lesen' darum herum gelegt:

    HTML
    <div class="button"><span class="mehr_lesen">
    <label for="open-ihr-fenster"><a>Ihr Fenster</a></label>
    </span></div>

Die dazugehörige Einschalt-Funktion dieser Fenster sehen Sie in der CSS-Datei ('boxfenster.css):

    CSS
    /* schaltfunktion AN / AUS */
    input#open-about:checked ~ .boxfenster,
    input#open-leistungen:checked ~ .boxfenster,
    input#open-kontakt:checked ~ .boxfenster,
    input#open-ihr-fenster:checked ~ .boxfenster {
    margin:0;
    background:rgba(0,0,0,.7);
    opacity:1;
    }

Das eigentliche Fenster ist in der HTML-Datei dann wie folgt unter Einbindung eines Fenster-Schließen-Buttons gestaltet, hier am Beispiel des 'Leistungen-Links':

    HTML
    <div class="schalter">
    <input type="checkbox" id="open-leistungen">
    <div class="boxfenster">
    <div class="boxinhalt">
    <label class="button-close" for="open-leistungen"><i class="far fa-window-close"></i></label>
    . . . Hier steht der Leistungen Text . . .
    </div></div></div>

Und so würde es entsprechend für ihr neu anzulegendes Fenster aussehen:

    HTML
    <div class="schalter">
    <input type="checkbox" id="open-ihr-fenster">
    <div class="boxfenster">
    <div class="boxinhalt">
    <label class="button-close" for="open-ihr-fenster"><i class="far fa-window-close"></i></label>
    . . . Hier steht der Text fuer ihr neues Fenster . . .
    </div></div></div>

## Box-Fenster Leistungen

Was haben wir zu bieten? Nun in pertinax patrioque vel, eum everti detracto no, partem delectus eum in. Mea primis fuisset instructior an, mel quaestio abhorreant cu, ea esse velit ius. Dictas persius cu vix, error nominati platonem ea has, te ius appareat vivendum pertinacia. Cu malis definitionem per, unum definitiones ad sit.

### Unsere Top Leistungen

- Manus manum lavat
- Medias in res
- In vino veritas
- Amor vincit omnia

Ad eos justo aperiri, ad graece assentior quo, ad pri clita voluptua definitionem. Senserit philosophia mel et, rebum eripuit definiebas eu cum. No aeque fabulas epicuri mei. Euismod dolores per ex, malis etiam delicatissimi mei ex, an novum cum vulputate eloquentiam.

### Gloria deus est

- Home
- Primus One
- Secundus Two
- Tertius Third Three
- Quartus Fourth Four
- Quintus Five
- Sextus Six

Veniam officiis assueverit per id, facilisis disputando id eam, vim justo iuvaret atomorum te. Ne qui probo iriure argumentum, elaboraret scribentur et eos, est munere aperiam repudiare an. Est eu aliquip consequuntur, antiopam patrioque mel et, cum ex impetus nominavi.