###Musterseite Module###

Raster-Element "Karussell"


H1 Überschrift im Textblock – Open Sans Semibold 40/42px

H2 Überschrift - Open Sans Semibold 26/34px

H3 Überschrift im Überschrift-Modul, Headline Teaser - Open Sans Semibold 18/24px

H4 Überschrift im Überschrift-Modul - Open Sans Semibold 14/20px


Zwei-Spalter mit Überschriften (Kopie 1)

H2 Überschrift als Modul Überschrift

anschließend Fließtext mit Textmodul

H3 Überschrift im Überschrift-Modul

anschließend Fließtext mit Textmodul

H4 Überschrift im Überschrift-Modul

anschließend Fließtext mit Textmodul


Zwei-Spalter mit Überschriften

H2 Überschrift als Modul Überschrift

anschließend Fließtext mit Textmodul


H3 Überschrift im Überschrift-Modul

anschließend Fließtext mit Textmodul


H4 Überschrift im Überschrift-Modul

anschließend Fließtext mit Textmodul

Karussell Teaser

Text im Bild-Text-Modul mit dem Element "Karussell-Teaser".

  • Hier noch eine Aufzählung mit dem Stil "Tick-Liste"
  • und der 2. Punkt der Aufzählung (Tick-Liste)

Hier geht der Text dann weiter.

  • Hier noch eine Aufzählung mit dem Stil "level-2"
  • und der 2. Punkt der Aufzählung (level-2)

Fließtext - Open Sans Regular 14/20px

Edlweiss Almrausch Zwedschgndadschi am acht’n Tag schuf Gott des Bia kummd Auffisteign Sauakraud, gwiss a liabs Deandl nix Gwiass woass ma ned. Jodler owe auf der Oim, da gibt’s koa Sünd, Maßkruag Maibam Edlweiss Watschnpladdla wia da Buachbinda Wanninger a bravs gwiss wia. Wo hi nois blärrd, do legst di nieda nix. Midanand Haferl gscheckate, Fingahaggln. Graudwiggal koa blärrd weida Breihaus! Naa des muas ma hoid kenna Radi sauba zua, fias Steckerleis. A bissal wiavui Reiwadatschi gscheckate, do legst di nieda baddscher i daad fias Zidern Goaßmaß! Iabaroi Brezn umma Freibia sowos Auffisteign wui! Dringma aweng fias aasgem, und kummd. Ma i sog ja nix, i red ja bloß i midanand Watschnpladdla. Dahoam sog i fei, sog i scheans. Hawadere midananda a bravs vui baddscher du dadst ma scho daugn gfreit mi!

Text im Bild-Text-Modul mit dem Element "Karussell-Teaser".

  • Hier noch eine Aufzählung mit dem Stil "Tick-Liste"
  • und der 2. Punkt der Aufzählung (Tick-Liste)

Hier geht der Fließtext dann weiter.

  • Hier noch eine Aufzählung mit dem Stil "level-2"
  • und der 2. Punkt der Aufzählung (level-2)

Hier geht der Fließtext dann weiter.

  • Hier noch eine Aufzählung mit dem Stil "level2"
  • und der 2. Punkt der Aufzählung (level2)

Hier geht der Fließtext dann weiter.

Hier geht der Fließtext dann weiter.

  • Hier noch eine Aufzählung mit dem Stil "sub"
  • und der 2. Punkt der Aufzählung (sub)

Hier geht der Fließtext dann weiter.

  • 1. Stichpunkt
  • 2. Stichpunkt
  • 3. Stichpunkt

Hier geht der Fließtext weiter und es werden die weiteren Textstile des Fließtextes demonstriert:

Textstil "Zitat": Edlweiss Almrausch Zwedschgn-dadschi am acht’n Tag schuf Gott des Bia kummd Auffisteign Sauakraud,

Bild-Text Modul 1: "Bild neben dem Text links"

Erscheinungsbild: "Bild neben dem Text links"

Bildbreite 300px

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp! Des Brotzeit samma gscheckate umananda Hemad Oachkatzlschwoaf, Almrausch Namidog. Gschicht unbandig dahoam, Radi wolpern. Spezi eam Schuabladdla Diandldrahn nomoi i moan oiwei ham af wolpern auf’d Schellnsau, Hemad:Vasteh lem und lem lossn Klampfn mei, oans pfiad de. Guad wolpern da, g’hupft wia gsprunga i mog di fei! Umma damischa a hi Ewig und drei Dog koa i hob di liab Jodler des muas ma hoid kenna gwiss! Ozapfa .

Link: "Mehr erfahren"

Bild-Text Modul 2: "Bild neben dem Text rechts"

Erscheinungsbild: "Bild neben dem Text rechts"

Bildbreite 300px

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp! Des Brotzeit samma gscheckate umananda Hemad Oachkatzlschwoaf, Almrausch Namidog. Gschicht unbandig dahoam, Radi wolpern. Spezi eam Schuabladdla Diandldrahn nomoi i moan oiwei ham af wolpern auf’d Schellnsau, Hemad:Vasteh lem und lem lossn Klampfn mei, oans pfiad de. Guad wolpern da, g’hupft wia gsprunga i mog di fei! Umma damischa a hi Ewig und drei Dog koa i hob di liab Jodler des muas ma hoid kenna gwiss! Ozapfa .

Link: "Mehr erfahren"

Bild-Text Modul 3: "Bild im Text links"

Erscheinungsbild: "Bild im Text links"

Bildbreite 300px

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp! Des Brotzeit samma gscheckate umananda Hemad Oachkatzlschwoaf, Almrausch Namidog. Gschicht unbandig dahoam, Radi wolpern. Spezi eam Schuabladdla Diandldrahn nomoi i moan oiwei ham af wolpern auf’d Schellnsau, Hemad:Vasteh lem und lem lossn Klampfn mei, oans pfiad de. Guad wolpern da, g’hupft wia gsprunga i mog di fei! Umma damischa a hi Ewig und drei Dog koa i hob di liab Jodler des muas ma hoid kenna gwiss! Ozapfa .

Link: "Mehr erfahren"

Bild-Text Modul 4: "Bild im Text rechts"

Erscheinungsbild: "Bild im Text rechts"

Bildbreite 300px

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp! Des Brotzeit samma gscheckate umananda Hemad Oachkatzlschwoaf, Almrausch Namidog. Gschicht unbandig dahoam, Radi wolpern. Spezi eam Schuabladdla Diandldrahn nomoi i moan oiwei ham af wolpern auf’d Schellnsau, Hemad:Vasteh lem und lem lossn Klampfn mei, oans pfiad de. Guad wolpern da, g’hupft wia gsprunga i mog di fei! Umma damischa a hi Ewig und drei Dog koa i hob di liab Jodler des muas ma hoid kenna gwiss! Ozapfa .

Link: "Mehr erfahren"

Bild-Text Modul 5: "Bild oben links"

Erscheinungsbild: "Bild oben links"

Bildbreite 300px

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp! Des Brotzeit samma gscheckate umananda Hemad Oachkatzlschwoaf, Almrausch Namidog. Gschicht unbandig dahoam, Radi wolpern. Spezi eam Schuabladdla Diandldrahn nomoi i moan oiwei ham af wolpern auf’d Schellnsau, Hemad:Vasteh lem und lem lossn Klampfn mei, oans pfiad de. Guad wolpern da, g’hupft wia gsprunga i mog di fei! Umma damischa a hi Ewig und drei Dog koa i hob di liab Jodler des muas ma hoid kenna gwiss! Ozapfa .

Link: "Mehr erfahren"

Bild-Text Modul 6: "Bild unten links"

Erscheinungsbild: "Bild unten links"

Bildbreite 300px

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp! Des Brotzeit samma gscheckate umananda Hemad Oachkatzlschwoaf, Almrausch Namidog. Gschicht unbandig dahoam, Radi wolpern. Spezi eam Schuabladdla Diandldrahn nomoi i moan oiwei ham af wolpern auf’d Schellnsau, Hemad:Vasteh lem und lem lossn Klampfn mei, oans pfiad de. Guad wolpern da, g’hupft wia gsprunga i mog di fei! Umma damischa a hi Ewig und drei Dog koa i hob di liab Jodler des muas ma hoid kenna gwiss! Ozapfa .

Link: "Mehr erfahren"

Bild-Text Modul 7: Mit Aufzählung im Text

Erscheinungsbild: "im Text links"

Bildbreite 250px

Normale Aufzählung: 

  • tempor invidunt ut labore
  • et dolore magna aliquyam erat,
  • sed diam voluptua.

Und hier kommt noch eine Aufzählung als Tick-Liste.

  • tempor invidunt ut labore
  • et dolore magna aliquyam erat,
  • sed diam voluptua.

Link: "Mehr erfahren"

Bild-Text Modul 8: Karussell-Teaser

Erscheinungsbild: "Karussell-Teaser"

Bildbreite: ohne Angabe mit kleinerem Bild

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp! Des Brotzeit samma gscheckate umananda Hemad Oachkatzlschwoaf, Almrausch Namidog. Gschicht unbandig dahoam, Radi wolpern. Spezi eam Schuabladdla Diandldrahn nomoi i moan oiwei ham af wolpern auf’d Schellnsau, Hemad:Vasteh lem und lem lossn Klampfn mei, oans pfiad de. Guad wolpern da, g’hupft wia gsprunga i mog di fei! Umma damischa a hi Ewig und drei Dog koa i hob di liab Jodler des muas ma hoid kenna gwiss! Ozapfa .

Nix gar nia need hoggd, resch g’hupft wia gsprunga a ganze gwiss Semmlkneedl Milli Lewakaas. Do Enzian gwihss Spotzerl g’hupft wia gsprunga, scheans barfuaßat sammawiedaguad. Foidweg naa Kuaschwanz hallelujah sog i, luja ned woar. Watschnpladdla jo mei Schmankal griaß God beinand Baamwach iabaroi dahoam. Hi i bin a woschechta Bayer vui wos, mechad. Und sei Fingahaggln hoid, schüds nei wolln soi a liabs Deandl. G’hupft wia gsprunga iabaroi a Hoiwe, es Ewig und drei Dog kimmt Schdarmbeaga See es Graudwiggal Haferl? Sodala do legst di nieda Schuabladdla kumm geh Kuaschwanz a liabs Deandl Guglhupf gelbe Rüam ma Weibaleid Brotzeit. Nix Gwiass woass ma ned wea ko, dea ko helfgod Spezi glei samma, hob hoam. Sepp bittschön pfenningguat nia Spotzerl hod, kumm geh Hemad mim.

Link: "Mehr erfahren"

Drei-Spalten-Raster (Überschrift)

Bild-Text Modul 9a: Inhalts-Teaser

Erscheinungsbild: "Inhalts-Teaser"

Bildbreite: ohne Angabe mit kleinerem Bild

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba? 

Mehr erfahren

Video in Spalten (Modul 9d)

Bild-Text Modul 9b: Inhalts-Teaser

Erscheinungsbild: "Inhalts-Teaser"

Bildbreite: ohne Angabe mit kleinerem Bild

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. 

Mehr erfahren

Bild-Text Modul 9c: Inhalts-Teaser

Erscheinungsbild: "Inhalts-Teaser"

Bildbreite: ohne Angabe mit kleinerem Bild

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba? 

Mehr erfahren

Bild-Text Modul 10: Musterschreiben

Erscheinungsbild: "Musterschreiben"

Bildbreite: ohne Angabe mit kleinerem Bild

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl Greichats, ebba?Bladl i Fünferl i sog ja nix, i red ja bloß, gar nia need. Sodala Biaschlegl moand barfuaßat Wiesn Sepp!

Link: "Mehr erfahren"

Erscheinungsbild: "Bild im Text links"

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. 

Link: "Mehr erfahren"

Erscheinungsbild: "Bild im Text links"

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. 

Link: "Mehr erfahren"

Textlinks (Modul 12)

Textlink - Open Sans Regular 14/20px

Link

Link mit Pfeil

Buttons (Modul 13)

Button Gelb

Button Grau

Nur Bilder (Modul 14)

Zwei Spalten 50:50

Zwei Spalten 66:33

Bavaria ipsum dolor sit amet Maderln vo de a ganze schaugn Schbozal schaugn Schorsch barfuaßat. Radi schnacksln Brodzeid gwiss heitzdog Biawambn Mamalad wos a fescha Bua: No a Maß Haferl

Zwei Spalten 33:66

Raster-Element Akkordeon (Modul 15)

Überschrift Raster-Element im Akkordeon

Überschrift im Inhaltselement Text

Hier ist der Fließtext für das Inhaltselement:

Edlweiss Almrausch Zwedschgndadschi am acht’n Tag schuf Gott des Bia kummd Auffisteign Sauakraud, gwiss a liabs Deandl nix Gwiass woass ma ned. Jodler owe auf der Oim, da gibt’s koa Sünd, Maßkruag Maibam Edlweiss Watschnpladdla wia da Buachbinda Wanninger a bravs gwiss wia.

  • Aufzählung 1
  • Aufzählung 2

Edlweiss Almrausch Zwedschgndadschi am acht’n Tag schuf Gott des Bia kummd Auffisteign Sauakraud, gwiss a liabs Deandl nix Gwiass woass ma ned. Jodler owe auf der Oim, da gibt’s koa Sünd, Maßkruag Maibam Edlweiss Watschnpladdla wia da Buachbinda Wanninger a bravs gwiss wia.

  • Aufzählung 1
  • Aufzählung 2

 

 

horizontale Linie (Modul 16)


Nur Text (Modul 17)

Hier kommt die erste Aufzählung:

 

  • Aufzählung 1
  • Aufzählung 2

Hier kommt eine Aufzählung mit Format "Nebenbemerkung":

Hier kommt ein normaler Text 

  • Mit Aufzählung 1 (Tick-Liste)
  • Mit Aufzählung 2 (Tick-Liste)

 

 

Text mit Icons (Modul 18)

Hier kommen die Icons:

 
 (icon-action-mail)
 (icon-action-print)
 (icon-calculator-beruf)
 >(icon-calculator-gewerbe)
 (icon-calculator-miete)
 (icon-calculator-privat)
 (icon-calculator-verkehr)
 (icon-calculator-vorsorge)
 (icon-calender)
 (icon-edit)
 (icon-familie)
 (icon-gewerbeobjekt)
 (icon-haus-wohnen)
 (icon-hilfsgeschäfte)
 (icon-home)
 (icon-inkasso)
 (icon-kleinunternehmer)
 (icon-landwirtschaft)
 (icon-minus)
 (icon-paar)
 (icon-plus)
 (icon-praxis)
 (icon-regress)
 (icon-search)
 (icon-service-calculator)
 (icon-service-contact)
 (icon-service-phone)
 (icon-service-templates)
 (icon-single)
 (icon-straf-rs)
 (icon-telefon-rs)
 (icon-tick)
 (icon-versicherung)
 (icon-weitere-inhaber)
 (notok)
 (ok)

Icons für die Produktseiten

Um die Icons anzulegen muss ein Textbereich markiert werden und unter "Textstil" das gewünschte Icon ausgewählt werden. Der Text wird dann ausgeblendet, ist aber noch präsent, und wird vom icon überlagert.

Um die Icons für die Produktseiten zu formatieren, müssen sie mit einem span mit der Klasse "type-product-icon" umschlossen werden. Dazu muss am Ende alle Icons markiert werden und dann im Textstil type-product-icon gewählt werden. Es kann sein, das der Editor diese eingabe missinterpretiert und es notwendig wird den html-Quelltext zu bearbeiten.

<span class="type-product-icon">
  <span class="icon-calculator-verkehr type-product-icon">icon-calculator-verkehr</span>
   <span class="icon-calculator-privat"></span>
   <span class="icon-calculator-vorsorge"></span>
  <span class="icon-calculator-miete"></span>
</span>

Übersicht Überschriften

Überschrift Ü1

Abstand zum Fließtext sowie zur nächsten Überschrift

Überschrift Ü2

Abstand zum Fließtext sowie zur nächsten Überschrift

Überschrift Ü3

Abstand zum Fließtext sowie zur nächsten Überschrift

Überschrift Ü4

Abstand zum Fließtext sowie zur nächsten Überschrift

Überschrift Ü5

Abstand zum Fließtext sowie zur nächsten Überschrift

Überschrift Ü6

Abstand zum Fließtext sowie zur nächsten Überschrift