## Über Uns

Klicken Sie die Links PRIMUS bis SEXTUS durch und Sie sehen, wie jeweils ein anderes Foto im Kopfbereich für Struktur und Spannung sorgt. Man registriert also sofort, das man eine neue Seite angewählt hat. Probo constituto vituperatoribus ne mel. Pro te placerat antiopam adolescens. Docendi periculis referrentur an nec. Quot veritus theophrastus ad eum. Wisi adipiscing ullamcorper ad sit.
Est magna charta democratis tradition choro vitae consulatu mel ne. At duis argumentum mei. Te eos soleat nostro audire. Ei per wisi mutat ridens, ei eirmod alterum vel. Ne per possit ornatus lucilius, nam malorum accusata consequat ex, id est duis eligendi. Eum postulant salutandi eloquentiam ad, ne eum vidit denique. No usu nostro postulant consetetur, his ad esse minimum, tation intellegat theophrastus an eam.

## Leistungen

### Fenster Extra

Mit den 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, als Beispiel beim nachfolgenden Button' sowie weiter unten beim 'Kontakt-Button'.

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

Alle Leistungen

## 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.

### Lorem Ipsum

Velit prodesset ei mel. Pri no dicit mucius ornatus, mazim malorum eos in. Quo tale fabellas eu. Nec in discere legimus.
Weiter

### Bella Luna

Ad labore possim antiopam ius, id eam etiam eleifend abhorreant. Scripta invenire vis te, vis ea doctus instructior. Scripta laboramus eum eu, id cum omnium iuvaret pertinax.
Weiter

### Universum Deu

No mea facer error, ut pro quas facete, ius reque euripidis temporibus et. Quo dolores hendrerit id.
Weiter

## Kontakt

### So finden Sie uns

Wir haben unseren Standort auf dem Planeten Erde, in Europa, Deutschland, im Bundesland Bremen, Stadtteil Hastedt, Werderstraße Nr. 1 mit der Postleitzahl 28205 Bremen und heißen Sie ganz herzlich bei uns willkommen.
Klick auf dem nachfolgenden 'Kontakt-Button' öffnet ein Fenster innerhalb der Seite.
Mehr Kontakt

## Box-Fenster Leistungen

### 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 'Leistungen' und 'Kontakt' aus.

    HTML
    <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>

Und hier ist die dazugehörige Einschalt-Funktion dieser Fenster in der CSS-Datei ('boxfenster.css):

    CSS
    /* schaltfunktion AN / AUS */
    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 Kontakt

Dr. Michael James Bukowski
Hollywood Street No. 10
12345 New Heavenport
United States Of America
Tel.: (04961) 0000000-50
Fax: (04961) 0000000-4141
Mobile: (+49) 0000-1234567
mail@info-mustermann.de

### Anfahrt 1 - Aus Norden

So errreichen Sie uns: Aus dem Norden kommend, orientieren Sie sich an maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

### Anfahrt 2 - Aus Süden

So errreichen Sie uns: Aus dem Süden kommend, fahren sie duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.