Atoms

Text Elements

Notice to form elements

 CODE

Das ist hier ein weiterer optionaler Hinweistext, welcher unterhalb desr Form-Elementes steht! Dieser kann länger ausfallen und ist nicht «fett» gesetzt.

Placeholder

 CODE

Tabellarischer Lebenslauf

Copyright-Box (1) CODE

Copyright-Box (2) CODE

Divider with text in the middle

 CODE

oder

Body-Text

 CODE

Dies ist die offizielle Website des Kantons Bern, welche Ihnen einen Überblick über die Aufgaben und Dienste der Kantonsverwaltung gibt. Die Kantonsverwaltung erfüllt eine Vielzahl unterschiedlichster Aufgaben im Dienste der Bürgerinnen und Bürger. Sie besteht aus zentralen und dezentralen Verwaltungseinheiten (Regierungsstatthalter, Handelsregisteramt, Grundbuchämter, Betreibungs- und Konkursämter, Kindes- und Erwachsenenschutzbehörde) sowie der Finanzkontrolle.

Logo Caption

 CODE

Internetportal des Kantons Bern

Logo Caption (Footer) CODE

H3 (Form) CODE

Eine H3 in einem Formular

H2 (Form)

 CODE

Bereichsbezeichnung (H2)

Text-Link

 CODE

Splitter List

 CODE

Liste (mehrfache Einzüge)

 CODE

  • Achten Sie darauf, dass alle Wörter richtig geschrieben sind.
    • Probieren Sie es mit anderen Suchbegriffen.
    • Probieren Sie es mit allgemeinen Suchbegriffen.

Liste

 CODE

Text-Link as Container in Link-List

 CODE

Mark

 CODE

markierte Stelle

Link with Arrow

 CODE

Back-to-Overview Link

 CODE

Floating label (visible)

 CODE

Label

H4

 CODE

Dies ist eine hervorragende Überschrift

H2 (Detailseite)

 CODE

Dies ist eine hervorragende Überschrift

H3

 CODE

Gąmměńthąler Fąbiąń

H1

 CODE

Schweizer Vertretungen im Ausland

H1 (GDS)

 CODE

Stiftung des bernjurassischen Forschungs- und Dokumentationszentrums «Fondation Mémoires d’Ici», St-Imier; Staatsbeiträge 2014-2017; Ausgabenbewilligung, neue wiederkehrende Ausgabe. Mehrjähriger Verpflichtungskredit

Sucheinstellungen CODE

Suche: nur aktuelle Mitglieder

Text-Column 33%

 CODE

Optional hier eine H3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et amet, consetetur sadipscing elitr, set. 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 ores et ea rebum. Stet clita kasd gubergren.

Text-Column 50%

 CODE

Optional hier eine H3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et amet, consetetur sadipscing elitr, set. 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 ores et ea rebum. Stet clita kasd gubergren.

H2

 CODE

Der Mut stellt sich die Wege kürzer vor

Small Text

 CODE

Ad sociosqu aliquam sapien luctus suscipit metus vel libero curabitur molestie velit conubia maecenas nullam.

Link with arrow down

 CODE

H5

 CODE

Dies ist eine Headline (H5)

Label in Teaser

 CODE

Schutz vor Hitzewelle

Image-Caption

 CODE

Die blau gekennzeichneten Länder verfügen über diplomatische Vertretungen (Botschaften und Konsulate)

Logo Caption (max. length)

 CODE

Direction de la justice, des affaires communales et des affaires ecclésiastiques

Intro-Text (Footer KBE)

 CODE

Very short Explanation Text in Box

 CODE

Informationen zu gesundheitlichen Auswirkungen von Hitzewellen und Verhaltensregeln, um sich selbst zu schützen

Copyright

 CODE

Suberscribe

 CODE

[Suberscribe]

Intro-Text

 CODE

Die Schweiz ist im Ausland mit rund 170 Botschaften, Generalkonsulaten und Kooperationsbüros sowie Missionen bei internationalen Organisationen präsent.

H2 (center)

 CODE

Lorem cras fringilla mi himenaeos quisque adipiscing

Label before Headline CODE

Optionales Label

Text in Box

 CODE

Liberer clita kasd gubergren, no takimata sanctus est! Lorem ipsum honem ex labore sit amet.

Search Suggestion CODE

H1 (center)

 CODE

4 Treffer auf dieser Website

H3 (center)

 CODE

1023 Treffer auf allen Websites des Kantons Bern

Text-Column 75%

 CODE

Optional hier eine H3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et amet, consetetur sadipscing elitr, set. 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 ores et ea rebum. Stet clita kasd gubergren.

Label in Teaser (small)

 CODE

Schutz vor Hitzewelle

Media Elements

SwissID Logo MEDIA

YouTube (color)

 CODE

YouTube (black)

 CODE

Instagram (color)

 CODE

Instagram (black)

 CODE

linkedin (black)

 CODE

RSS (black)

 CODE

Facebook (black)

 CODE

Logo

 MEDIA

Twitter (black)

 CODE

Twitter (color)

 CODE

RSS-Abo

 CODE

Email-Abo

 CODE

Image 3to4 25% CODE

Selectbox Icon

 CODE

Enlarge-Icon

 CODE

Google+ (black)

 CODE

Thumbnail Image CODE

Lightbox Image CODE

Facebook (color)

 CODE

E-Mail (color)

 CODE

Video Play Button CODE

Jump2top-Icon CODE

Darkening Image Overlay

 CODE

Image 3to4 50% CODE

xing (black)

 CODE

kununu (black)

 CODE

Buttons

Secondary Button

 CODE

Primary Button

 CODE

Secondary Button (100% width)

 CODE

Login Button

 CODE

Send Button

 CODE

Go-Next Button (horizontal) CODE

Go-Back Button (horizontal) CODE

Loading Button CODE

Second. Button n-active CODE

Primary Button n-active CODE

Navigation Elements

Service-Menue Logged-In (in DLN) CODE

Menue-Item-1 in DropDown CODE

Language-Selector item CODE

Language-Selector CODE

DE | FR | EN

Service-Menue Logged-In (with Badge) CODE

Menue-Item-3 in DropDown CODE

Menue-Item-2 in DropDown CODE

Service-Menue BE-Login active

 CODE

Service-Menue Login active

 CODE

Breadcrumb Link CODE

Inpage-Navigation CODE

Service-Menue Logged-In CODE

Main-Menue-Item (active) CODE

Service-Menue-Item

 CODE

Service-Menue Login

 CODE

Main-Menue-Item (Theme) CODE

BC Home CODE

Search-Icon in Main-Menue (active) CODE

Search-Icon in Main-Menue CODE

Main-Menue-Item CODE

Inpage-Search Title (H4)

 CODE

Pagination Nummer CODE

001

Inpage-Navigation Title (H4) CODE

Search Input CODE

Sliding Navigation CODE

Language-Selector active item CODE

Hamburger Icon CODE

Search Icon mobile CODE

Main-Menue-Sub-Item CODE

Main-Menue-Sub-Page CODE

Footer-Menue-Item CODE

Main-Menue-active (Campaign) CODE

Menü-Element aktiv

Search-Icon in MM (Campaign) CODE

Tab (active) CODE

Alle (4)

Tab CODE

Tab (27)

Main-Menue-Item (Campaign) CODE

Tab 2 (active) CODE

Beliebteste

Inpage-Navigation Link CODE

Inpage-Navigation active Link CODE

BC Arrow

 CODE

Pagination Text

 CODE

von 17

Small Button

 CODE

Input for Pagination CODE

Layout Elements

Infobox (per default offen) CODE

  • Fragen & Antworten

    Wozu der Log-In?

    Nec fusce nullam tristique hac morbi. A dapibus metus sed tincidunt. Id placerat eu purus platea torquent tellus duis porttitor convallis volutpat.

    Wer kann sich registrieren?

    Id placerat eu purus platea torquent tellus duis porttitor convallis volutpat. Nec fusce nullam tristique hac morbi.

    Weitere Antworten auf Ihre Fragen finden Sie hier:
    FAQ-Seite BE-Login

  • Kontakt

    Tel. +41 31 636 99 99

    Servicezeiten:

    Montag - Sonntag:
    00:00 - 24:00 Uhr

Infobox CODE

  • Infobox Headline

    Elit porta libero platea at habitant

    A dapibus metus sed tincidunt. Id placerat eu purus platea torquent tellus duis porttitor convallis volutpat. Nec fusce nullam tristique hac morbi.

Kontaktbox CODE

Stefan Mustermann

Stefan Mustermann

Region Oberaargau
PF 1177
4900 Langenthal

Teaser in Hero-Image CODE

Grüessech z'Bärn:

Alles, was du bruuchsch, online!

Result-1 CODE

Grey line

 CODE

Accordion CODE

  • Accordion 1

    Elit porta libero platea at habitant

    A dapibus metus sed tincidunt. Id placerat eu purus platea torquent tellus duis porttitor convallis volutpat. Nec fusce nullam tristique hac morbi.

  • Accordion 2

    Dolrem ipsum estare

    Etiam inceptos amet semper turpis aliquet aenean risus ultrices quam dui primis placerat libero urna habitasse fames non mauris velit.

  • Accordion 3

    Nec habitant vivamus

    Imperdiet accumsan mauris leo vestibulum aliquet praesent nunc dui feugiat bibendum aenean senectus etiam metus etiam fringilla consectetur.

  • Accordion 4

    Id placerat eu purus platea

    Turpis cursus risus ipsum risus suspendisse. In eget lobortis curabitur enim libero tincidunt.

    Erat ante duis adipiscing. Elit porta libero platea at habitant dictum viverra integer placerat volutpat. Nec habitant vivamus dictumst venenatis odio adipiscing.

Headline with Link CODE

Table (sortable, without arrows) CODE

Geschäfts-Nr. Geschäftstitel Geschäftstyp GR-Beschluss
2001.RRGR.4359 Saldoüberschreitung infolge des Korrekturfaktors im Bereich Personalkosten; Produktgruppe Bildung Mittelschulen; Nachkredit 2019 Gesetz Annahme als Postulat
2019.ERZ.3 Kulturförderung: Keine Mehrkosten für die Gemeinden Interpellation 002-2000 Punktweise beschlossen
2003.RRGR.3776 Erhaltenswerte Bauteile Motion 161-2000 Ablehnung

Table (without arrows)

 CODE

Session von bis
Frühlingsession 2020 02.03.2020 12.03.2020
Sommersession 2020 07.06.2020 18.06.2020
Herbstsession 2020 05.09.2020 14.09.2020
Wintersession 2020 04.12.2020 14.12.2020

Lightbox PB main-column CODE

Right-Hero-Teaser CODE

E-Service

Ausweise

Right-Hero-Teaser (big) CODE

Informationen

Abstimmungen, Wahlen und politische Geschäfte

Right-Hero-Teaser (red) CODE

Kanton Bern

Notfallnummern

Teaser in Hero-Image (Theme-Site) CODE

Asyl ist ein Menschenrecht

Light Grey Line

 CODE

Overlay Wrapper

 CODE

Beige line

 CODE

Right-Hero-Teaser (small red) CODE

Kanton Bern

Dies ist eine längere zweizeilige Headline

Right-Hero-Teaser (small) CODE

E-Service

Ausweise

Right-Hero-Teaser (small big) CODE

Informationen

Abstimmungen, Wahlen und politische Geschäfte

Teaser in Hero-Image (small) CODE

Label

Hier soll eine passende Headline stehen

GR/RR

Table (Mitgliederdetails 1) CODE

Jahrgang: 1967
Wohnort: Langenthal
Berufliche Tätigkeit: Historiker und Politikwissenschafter

Sessions-Details

 CODE

Sessionsdaten

Wintersession 2021

Montag, 29.11.2021

  • 13.30 - 16.30

Dienstag, 30.11.2021

  • 09.00 - 11.45

Mittwoch, 01.12.2021

  • 09.00 - 11.45
  • 13.30 - 16.30
  • 17.00 - 19.90

Donnerstag, 02.12.2021

  • 09.00 - 11.45
  • 13.30 - 16.00

Montag, 06.12.2021

  • 13.30 - 16.30

Dienstag, 07.12.2021

  • 09.00 - 11.45
  • 13.30 - 16.30
  • 17.00 - 19.90

Mittwoch, 08.12.2021

  • 09.00 - 11.45
  • 13.30 - 16.30

Donnerstag, 09.12.2021

  • 09.00 - 11.45
  • 13.30 - 16.00

Montag, 13.12.2021

  • 13.30 - 16.30

Dienstag, 14.12.2021

  • 09.00 - 11.45
  • 13.30 - 16.30
  • 17.00 - 19.90

Table (2-Column)

 CODE

Geschäfts-Nr.: 2013.RRGR.555
Geschäftstyp: Kreditgeschäft GR
Vorstossdokument:
Eingereicht durch:
Mitunterzeichner: 6
Federführung: BVD Bau- und Verkehrsdirektion
Vorberatende Kommission: Bau-, Energie-, Verkehrs- und Raumplanungskommission (BaK)
Dringlichkeit beantragt: Ja
Dringlichkeit gewährt: Nein, am 31.12.2017
Sachregister: Kulturförderung, –pflege u. Medien
Vorstoss eingereicht am: 31.01.2017
Zurückgewiesen am: 31.12.2018

File list (Dokumenten-Liste)

 CODE

File list (Dokumenten-Liste) 2

 CODE

Table (Eingereichte Vorstösse) CODE

Geschäfts-Nr. Geschäftstitel Geschäftstyp GR-Beschluss
2001.RRGR.4359 Saldoüberschreitung infolge des Korrekturfaktors im Bereich Personalkosten; Produktgruppe Bildung Mittelschulen; Nachkredit 2019 Gesetz Annahme als Postulat
2019.ERZ.3 Kulturförderung: Keine Mehrkosten für die Gemeinden Interpellation 002-2000 Punktweise beschlossen
2003.RRGR.3776 Erhaltenswerte Bauteile Motion 161-2000 Ablehnung

Table (Mitgliederdetails 3) CODE

Zeitraum:
  • 01.01.2015 - 03.06.2018*
  • 04.06.2018 - 03.06.2019
  • 04.06.2019 -

Table (Mitgliederdetails 2) CODE

Partei: FDP
Fraktion: FDP
Wahlkreis: Oberaargau

Audio Control CODE

Audio Options CODE

Beschlüsse CODE

Viverra convallis massa cras nostra ullamcorper vel quam euismod purus sit etiam sit porta massa fringilla hendrerit urna vivamus aenean.

Audio Options Icon CODE

Audio Options Icon (active) CODE

Accordion (with white content) CODE

  • Accordion 1

    Elit porta libero platea at habitant

    A dapibus metus sed tincidunt. Id placerat eu purus platea torquent tellus duis porttitor convallis volutpat. Nec fusce nullam tristique hac morbi.

  • Accordion 2

    Dolrem ipsum estare

    Etiam inceptos amet semper turpis aliquet aenean risus ultrices quam dui primis placerat libero urna habitasse fames non mauris velit.

  • Accordion 3

    Nec habitant vivamus

    Imperdiet accumsan mauris leo vestibulum aliquet praesent nunc dui feugiat bibendum aenean senectus etiam metus etiam fringilla consectetur.

  • Accordion 4

    Id placerat eu purus platea

    Turpis cursus risus ipsum risus suspendisse. In eget lobortis curabitur enim libero tincidunt.

    Erat ante duis adipiscing. Elit porta libero platea at habitant dictum viverra integer placerat volutpat. Nec habitant vivamus dictumst venenatis odio adipiscing.

Audio Time CODE

1:22:02 / 1:48:07

Audio play-control CODE

Audio play-control (active) CODE