My Steaks

Willkommen im leckersten Steakhouse im Großraum Hamburg!

Mal schauen, das hier ist Inhalt…

Hier klicken zum Scrollen

Vertikales Zentrieren von Inhalten

(mit Hilfe von benutzerdefiniertem CSS)

Nulla vitae elit libero, a pharetra augue. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis.

Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fullwith Header

Mal schauen, das hier ist Inhalt…

Hier klicken zum Scrollen

Vertikales Zentrieren von Inhalten

(mit Hilfe von benutzerdefiniertem CSS)

CSS-Code zum Einfügen in die style.css des Divi Child Themes
/* Vertikales Zentrieren von Elementen */
.vertikalzentrieren {
display: flex;
flexdirection: column;
justifycontent: center;
}
Anleitung: Vertikales Zentrieren mit Hilfe von benutzerdefiniertem CSS

1. CSS-Code eintragen

Zunächst trägst Du idealerweise in die style.css Deines Divi Child Themes folgenden CSS-Code ein:

2. Erweiterte Designoptionen anpassen

Anschließend gehst Du in die Einstellungen der Zeile (row, grün dargestellt) in der sich das zu zentrierende Modul befindet.

Divi Builder: Module Editoransicht 2

Dort aktivierst Du unter „Erweiterte Designoptionen“ die Einstellung „Spaltenhöhe anpassen“.

Zeilen Einstellungen: Erweiterte Designoptionen

3. Spalten CSS zuweisen

Zuletzt muss noch der passenden Spalte das neue CSS zugewiesen werden. Dies wird ebenfalls in den Einstellungen der Zeile (row , grün dargestellt) erledigt.

Diesmal im Bereich „Benutzerdefinierte CSS“.

Einstellungen für benutzerdefiniertes CSS

Wichtig ist, dass Du genau der Spalte, die das horizontal zu zentrierende Modul enthält, das vertikal-zentrieren CSS zuweist.

In unserem Beispiel soll das rechte Textmodul vertikal zentriert werden. Dies befindet sich in Spalte 2 und daher wird der Spalte 2 CSS-Klasse „vertikal-zentrieren“ zugeordnet.

Nach dem Speichern der Einstellungen wird das Modul in Spalte 2 automatisch horizontal zentriert angezeigt.

Divi Builder: Modul vertikal Zentrieren 2

Sehr praktisch: Falls Du links später ein Bild mit anderer Größe einfügst, passt sich die Zentrierung des Textes automatisch an.

Aufpassen

Gerade bei dieser Lösung, kann einerseits die Darstellung alter Daten aus dem Browsercache oder einem Cachingplugin verhindern, dass das gewünschte Ergebnis angezeigt wird.

Außerdem musst Du sehr präzise mit der Zuweisung des CSS sein:

  1. Es muss in den Zeileneinstellungen (nicht Modul- oder Sektionseinstellungen) erfolgen.
  2. Es muss der richtigen Spalte (oder Spalten) zugeordnet werden: die Spalte(n) des Moduls mit dem kleineren Inhalt(en).
  3. Es darf nicht in die allgemeine CSS-ID oder CSS-Klasse der Zeile eingetragen werden.

Du kannst auch mehreren Spalten das CSS zuweisen, wenn Dein Design drei oder vier Module nebeneinander darstellt. Das CSS wird dann allen Spalten zugewiesen außer derjenigen mit dem höchsten Inhalt.

Dieser Text ist vertikal zum nebenstehenden Bild platziert. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Titel Blurb 1

Das ist der Text zum Blurb 1.

Titel Blurb 2

Das ist der Text zum Blurb 2.

Titel Blurb 3

Das ist der Text zum Blurb 3.

Titel Blurb 4

Das ist der Text zum Blurb 4.

Titel Blurb 5

Das ist der Text zum Blurb 5.

Titel Blurb 6

Das ist der Text zum Blurb 6.

Internet

Wir gestalten und programmieren anpassungsfähige (responsive) WebSites entsprechend Ihrer Anforderungen (statische oder dynamische Konzepte). Wir setzen Content-Management-Systeme (CMS) wie z. B. WordPress und Joomla! auf, erstellen leistungsfähige eShops für Sie und vieles mehr. Unser besonderes Augenmerk liegt dabei auf einer zügigen Informationsentnahme. Und natürlich betreiben wir Ihre Internetpräsenz im Rahmen unserer leistungsfähigen Hostingpakete.

Printmedien

Überzeugende Konzepte und kreativer Input (Text, Bild, Gestaltung, Haptik) machen Papier auch heute noch zu einem faszinierenden Informations- und Werbemedium! Vom originellen Flyer über die angemessene Geschäftsausstattung (Briefpapier, Visitenkarten etc.), von der Imagebroschüre als kondensierte Gesamtdarstellung Ihres Unternehmens bis hin zur wirkungsvollen Anzeigen- und Plakatkampagne sind Sie gut bei uns aufgehoben.

(Online-) Marketing

Sämtliche Leistungen, die wir für Sie erbringen, haben letztlich ein Ziel: die Stärkung Ihrer Postition im Wettbewerb. Die sinnvolle Integration dieser Maßnahmen (Web und Print) in den Marketing-Mix Ihrer Unternehmung ist eine wesentliche Voraussetzung dafür, dass diese Rechnung auch aufgeht. Und genau das ist einer unserer betriebswirtschaftlichen Schwerpunkte. Verlassen Sie sich also darauf, dass wir in diesem Zusammenhang ein besonderes Augenmerk an den Tag legen.

Google & Co.

Ihnen hier einen der ersten drei Plätze bei Google zu versprechen, wäre völlig unseriös. Aber wir holen das Beste für Ihren Internetauftritt heraus. Unsere Maßnahmen bei der Suchmaschinen-Optimierung (SEO) wie z. B. OnPage- und OffSite-Optimierung sowie Linkaufbau etc. bringen Sie ebenso nach vorn wie ein durchdachtes Suchmaschinen-Marketing (SEM). Und im Rahmen der Suchmaschinen-Werbung (SEA) unterstützen wir Sie natürlich auch bei der Durchführung von Google-AdWords-Kampagnen sowie bei FaceBook, Twitter & Co.

Consulting

Wir geben unser Wissen gern an Sie weiter! Wenn Sie Ihre Projekte im Großen und Ganzen selbst realisieren möchten, Ihnen aber hier und dort das Fachwissen fehlt, dann holen Sie sich’s doch einfach ins Haus. Gern sitzen wir bei der Projektsteuerung mit am Tisch – auf Ihrer Seite. Mit unserem Fachwissen und einer ganzen Menge Erfahrung sorgen wir unterstützend dafür, dass Ihre Projekte in die richtigen Bahnen kommen. Und im Bedarfsfall können wir jederzeit mit eigenen Kapazitäten einspringen.

Startseite | Paraglider
Image is not available
Bild ist nicht verfügbar
Wir müssen also schnell sein, um Ihr Interesse zu wecken...

Soviel beträgt die durchschnittliche Aufmerksamkeitsspanne eines Menschen.

Soviel beträgt die durchschnittliche
Aufmerksamkeitsspanne eines Menschen.

Soviel beträgt die durchschnittliche Aufmerksamkeitsspanne eines Menschen.

Sekunden

8

8

Die Luft ist dünn...

Bild ist nicht verfügbar

Überschrift

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Ach ja, die 8 Sekunden…

Heute kommuniziert alles und jeder miteinander. Und das überall und jederzeit.
Glücklicherweise unterliegt menschliches Verhalten aber nicht nur technischen,
sondern auch evolutionären Gegebenheiten.
Dabei hat sich die grundsätzliche Art der Kommunikation
seit Jahrtausenden kaum verändert.

Die durchschnittliche Aufmerksamkeitsspanne eines Menschen beträgt …
Oh, kuck mal, ein Vogel…
Innerhalb der letzten 10 Jahre ist die Aufmerksamkeitsspanne eines Menschen
von etwa 12 auf nunmehr 8 Sekunden gefallen.
Das Ganze geht allerdings einher mit einem gleichzeitigen Anstieg
der Verarbeitungsgeschwindigkeit der Informationen.

Und damit sind wir beim Thema:
accis realisiert Lösungen für Sie, die intuitiv und schnell erfassbar sind.

Hier kommt eine Tabelle mit Bildern rein.

Konzept und Design (web & print)

Corporate Design, StyleGuides, WebSites, Geschäftsausstattungen, Werbemittel wie z. B. Plakate, Flyer, Broschüren und vieles mehr…

Entwicklung & Publishing

Internetanwendungen, Content-Management-Systeme (CMS), Suchmaschinen-Marketing (SEM) und -optimierung (SEO), AdWords etc.

Betrieb und Hosting

Newsletter, Mailings, Shoplösungen, Wartung und Pflege Ihrer Website, Monitoring, Betrieb von Softwareapplikations- und Internetdiensten etc.

Projektmanagement

Wir unterstützen Sie auch gern bei der Umsetzung Ihres Projektes und vertreten Ihre Interessen externen Dritten ggü.; profitieren Sie von unserem Know-how und sparen Sie Kosten durch Ihre Mitarbeit.
<div align="center"><!-- [et_pb_line_break_holder] --> <table width="100%" border="0" cellspacing="5" cellpadding="5"><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td align="center" valign="top"><img src="../wp-content/uploads/icon_responsive-web.png" alt="" name="kompetenz_01" width="60" height="60" id="kompetenz_01" /></td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top"><img src="" alt="" name="kompetenz_02" width="32" height="32" id="kompetenz_" /></td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top"><img src="" alt="" name="kompetenz_03" width="32" height="32" id="kompetenz_2" /></td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top"><img src="" alt="" name="kompetenz_04" width="32" height="32" id="kompetenz_3" /></td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top"><img src="" alt="" name="kompetenz_05" width="32" height="32" id="kompetenz_4" /></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td align="center" valign="top"><p>Webdesign und -entwicklung</p></td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Printmedien</td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Online-Marketing</td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Marketing-Konzeption</td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Consulting</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td align="center" valign="top"><p>WebSites, Content-Management-Systeme (CMS), eShops etc</p></td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Geschäftsausstattungen, Werbemittel wie z. B. Plakate, , Broschüren und vieles mehr…</td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Suchmaschinen-Marketing (SEM) und -optimierung (SEO), AdWords etc.</td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Corporate Design, StyleGuides, </td><!-- [et_pb_line_break_holder] --> <td align="center" valign="top">Projektberatung und -steuerung für Internetprojekte</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </table><!-- [et_pb_line_break_holder] --></div>

Überschrift

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.