Storage Folder

Content Elemente

Überschriften:

Großbuchstaben werden per CSS erzeugt. Die Schriftfarbe kann überschrieben werden. Mit den Standardeinstellungen sehen die Stile wie folgt aus:

 

Überschrift Stil Headline 46 px

Überschrift Stil Headline 46 px

Überschrift Stil Headline 1

Überschrift Stil Headline 2

Überschrift Stil Headline 3

Überschrift Stil Headline 4

Textstile

So schaut ein Teasertext mit den Standardeinstellungen aus. Schriftfarbe kann über das Dropdown Styles angepasst werden. Wenn gewünscht kann der Teasertext oder auch nur einzelne Wörter  auch auf fett (B) gesetzt werden. 

So schaut ein Teasertext aus, der auf Bold/Fett gestellt wurde. Schriftfarbe kann über das Dropdown Styles angepasst werden. 

So schaut ein Lauftext mit den Standardeinstellungen aus. Schriftfarbe kann über das Dropdown Styles angepasst werden. Wenn gewünscht kann der Lauftext oder auch nur einzelne Wörter auch auf fett (B) gesetzt werden. Man kann einzelnen Wörtern oder ganze Absätze, wie auch Überschriften eine andere Schriftfarbe zuordnen. Grüne Schriftfarbe, Graue Schriftfarbe, Orange Schriftfarbe. Weiter können einzelne Wörter auch in Großbuchstaben dargestellt werden, in denen man ihnen den Stil "Großbuchstaben " zuweist.

Teaser- und Lauftext Elemente haben automatisch einen Abstand danach, außer sie sind das letzte Element eines Containers. Abstände zwischen den Contentelemente sollten über den Reiter "Appearance" und die Dropdowns "Space Before" / "Space After" eingestellt werden. Dabei sollte auch immer die mobile Ansicht berücksichtigt werden. Elemente werden mobil untereinander angezeigt, darum muss das letzte Element innerhalb eines Containers immer einen "Space After" haben, auch wenn dieser am Desktop, aufgrund der Anzeige nebeneinander, nicht sichtbar ist.

Es gibt 2 Arten von Links, welche direkt im Wizard im Dropdown "class" ausgewählt werden können

  • btn
  • btnvollflaechig

Stil 1 Stil 2

 

Es gibt 2 Stile für  Listen, entweder mit Trennlinien oder mit Aufzählungszeichen.

 

Liste mit Trennlinien

  • Eintrag 1 
  • Eintrag 2
  • Eintrag 3

 

Liste mit Aufzählungszeichen

  • Eintrag 1 
  • Eintrag 2
  • Eintrag 3

 

Text 2 Spaltig

Weiters kann ein Text 2 Spaltig angezeigt werden. Dazu markiert man die Absätze die 2 spaltig angezeigt werden sollen und wählt im Editor den Button "2 Spalten". Die Spalten werden per CSS erzeugt und werden soweit möglich gleich lang angezeigt. 

 

Das ist der zweite Absatz im 2 spaltigen Layout. Das ist nur Blindtext. Das ist der zweite Absatz im 2 spaltigen Layout. Das ist nur Blindtext.Das ist der zweite Absatz im 2 spaltigen Layout. Das ist nur Blindtext.Das ist der zweite Absatz im 2 spaltigen Layout. Das ist nur Blindtext.

Das ist ein kurzer Text. Das ist nur Blindtext, der weniger Breit angezeigt wird. Über den Button "DIV" im Editor kann die Klasse im Dropdown Style "schmaler Text" ausgewählt werden. Dieser wird mit einer maximalen Breite von ca. 340px angezeigt (Desktop) bzw. 80% des Containers in der Tablet hoch Ansicht

Eingefärbter Text

Contentelementen kann eine Hintergrundfarbe zugewiesen werden. Bei der Hintergrundfarbe grün und orange werden Überschriften und Teaser- und Lauftext weiß dargestellt, außer im Editor wurde eine spezielle Schriftfarbe gewählt wie in diesem Fall Orange.

Bei Contentelementen mit Hintergrundfarbe empfiehlt es sich, sowohl einen Abstand davor als auch danach einzustellen (Space Before / Space After).

Das ist ein LinkDas ist ein vollflächiger Link

Contentelemente

Die Abstände zwischen den Contentelemente können manuell eingerichtet werden. Im Reiter "Appearance" findet sich dazu die Dropdowns "Space Before" und "Space After". Standardmäßig werden keine Abstände zwischen den Elementen hinzugefügt.

About us 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. sadipscing elitr.

Read more

eine lange Headline, Anktertext muss gekürzt werden

An reliable, trustworthy and profitable all in one solution for biogas- and biomethan-plants for farmers

eine kurze Headline

An reliable, trustworthy and profitable all in one solution for biogas- and biomethan-plants for farmers

Advantages for farmers

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

read more

Advantages for investors

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Read more

alternativer text anlage

Element 1

Man kann Text auch in einen DIV Container geben und die Klasse "schmaler Text" auswählen, damit der Text nicht über die gesamte Breite des Contentelements angezeigt wird sondern nur bis zu einer max. Breite von 80% des Containers bzw. 340px Breite.

Element 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Element 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Welcome 
to Biogest

Come in and find out our secret.

Biomethane and biogas plants for your individual needs
We can produce energy out of garbage, what’s your superpower?!

Advantages for Farmers Advantages for Investors Project Finder

Step 1

Project development

Step 2

Financing

Biogest

LOREM IPSUM dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero

LOREM IPSUM dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero

alternativer text anlage
Hier steht eine Beschreibung des Textes die automatisch angezeigt wird wenn sie vorhanden ist.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Spaltenaufteilung 58.33% / 25% (7 / 3)

Dieses Contentelement ist ein Container für 2 Contentelemente die in der Spaltenaufteilung 7 / 3 aufgeteilt werden. der Container hat eine Hintergrundfarbe. Elemente in einer Spaltenaufteilung müssen unter Appearance das Layout "kein Container" zugewiesen bekommen und müssen der Column "Boxenelemente in Container" zugeteilt werden.

LOREM IPSUM dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero

Spaltenaufteilung 58.33% / 33.3% (7 / 4)

Dieses Contentelement ist ein Container für 2 Contentelemente die in der Spaltenaufteilung 7 / 4 aufgeteilt werden.

Hier steht der Text in der Spalte mit der Breite 4

Spaltenaufteilung  33.3% pro Spalte, Tablet hoch 100% / 50% / 50%

Dieses Contentelement ist ein Container für 3 Contentelemente die in der Spaltenaufteilung 4 / 4 / 4 aufgeteilt werden.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Sales

Daniel Bauer, MSc.

Email daniel.bauer sign: atbiogest.sign: dotat
Phone +43 676 9466354

Dr. Javier Lizasoain

Email javier.lizasoain sign: atbiogest.sign: dotat
Phone +43 676 7714626

Zitate Trennbilder

Version 1

Be the change and make a difference

Version 2

Be the change and make a difference

Version 3

Be the change and make a difference

Version 4

Be the change and make a difference