Brand Colors
- Vordergrund-Farben
- Red
- Hintergrund-Farben
- Light Sand
- Sand
- Dark Sand
- Sand (Hover)
- Cappuchino
- Black
- Red
- Functional Colors
- Vordergrund-Farben
- Black
- Grey
- Light-Grey
- White
- Hintergrund-Farben
- Green
- Green (10%)
- Blue
- Blue (10%)
- Warning-Color
- Warning-Color (10%)
- Red (Hover)
- Red (10%)
- Anthrazit (Hover)
- Anthrazit
- Dark Grey
- Line Grey (50%)
- Grey
- Light Grey
- Very Light Grey
- White
- Typography
- Schrift-Fonts
- Roboto 100 (thin)
- Roboto 300 (light)
- Roboto 400 (regular)
- Roboto 500 (medium)
- Roboto 700 (bold)
- Schrift-Grössen
- H1 Size
- H2 Size
- H3 Size
- H4 Size
- H5 Size
- H6 Size
- Body-Text Size
- Intro-Text Size
- Very-Large-Text Size
- Very-Small-Text Size
- Extra-Small-Text Size
- Large-Text Size
- Small-Text Size
- Logo Caption Size
- Logo Caption Size (mobile)
- Logo Caption Size (mobile) 2 rows
- Body-Text Size (mobile)
- Intro-Text Size (mobile)
- General Icons
- Icon: chat-submit.svg
- Icon: Chat.svg
- Icon: spinner.svg
- Icon: Newsletter
- RSS icon
- Icon für Urheber-Hinweis
- Icon: Upload Icon komplett.svg
- Enlarge icon
- Icon: Download-Icon.svg
- Icon: Download-Icon.svg (hover)
- Icon: Volume-Icon.svg
- Icon: Volume-Icon.svg (hover)
- Audio Play icon
- Break icon
- Speaker icon
- Icon: Options-Icon.svg
- Scroll down (white)
- Arrow top (white)
- Submit arrow
- Success (white)
- Explanation mark (white)
- Close Icon (white)
- Icon: datepicker.svg
- Search icon
- Search Icon mobile
- Login icon
- Logout icon
- Arrow down
- Arrow next
- Arrow back
- Arrow back (not-active)
- Arrow next (not-active)
- Important list item
- Arrow top
- Arrow down
- Jump2top
- Jump2top (small)
- Arrow right
- Arrow back
- Arrow Breadcrumb
- Grey bullet
- Red bullet
- Circle black
- Home button
- Home button (hover)
- Minus
- Plus
- Close Icon
- Hamburger icon
- Explanation mark
- Success
- Valid icon
- Invalid (Error) icon
- Warning icon
- Notice icon
- Help icon
- Process Steps
- Icon: ps-edit.svg
- Icon: ps-active.svg
- Icon: ps-active-small.svg
- Icon: ps-done.svg
- Icon: ps-done-small.svg
- Icon: ps-inactive.svg
- Icon: ps-inactive-small.svg
- Icon: ps-error.svg
- Icon: ps-error-small.svg
- Icon: ps-notice.svg
- Icon: ps-notice-small.svg
- Icon: process-warning-end.svg
- Icon: process-warning-end-small.svg
- Process-Steps opened
- Process-Steps closed
- Accordion (active)
- Accordion
- Social Media & Sharing
- Icon: Sharing-Icon.svg
- Icon: Sharing-Icon.svg (hover)
- E-Mail icon (color)
- RSS icon (black)
- RSS icon (color)
- YouTube icon (black)
- YouTube icon (color)
- Icon: twitter-black-white.svg
- Icon: twitter-color.svg
- Linkedin icon
- Linkedin icon (color)
- Facebook icon (black)
- Facebook icon (color)
- Instagram icon (black)
- Instagram icon (color)
- Kununu icon
- Blog Icon
- Text Elements
- Back-to-Overview Link
- Body-Text
- Copyright
- Copyright-Box (1)
- Copyright-Box (2)
- Floating label (visible)
- H1
- H1 (center)
- H1 (GDS)
- H2
- H2 (center)
- H2 (Detailseite)
- H3
- H3 (center)
- H4
- H5
- Image-Caption
- Intro-Text
- Intro-Text (Footer KBE)
- Label before Headline
- Label in Teaser
- Label in Teaser (small)
- Link with Arrow
- Link with arrow down
- Liste
- Liste (mehrfache Einzüge)
- Logo Caption
- Logo Caption (Footer)
- Logo Caption (max. length)
- Mark
- Notice to form elements
- Placeholder
- Search Suggestion
- Small Text
- Splitter List
- Step Box (Number)
- Step Box (Text)
- Suberscribe
- Sucheinstellungen
- Text-Column 33%
- Text-Column 50%
- Text-Column 75%
- Text-Link
- Text-Link as Container in Link-List
- Text in Box
- Very short Explanation Text in Box
- Media Elements
- Darkening Image Overlay
- E-Mail (color)
- Email-Abo
- Enlarge-Icon
- Facebook (black)
- Facebook (color)
- Google+ (black)
- Image 3to4 25%
- Image 3to4 50%
- Instagram (black)
- Instagram (color)
- Jump2top-Icon
- kununu (black)
- Lightbox Image
- linkedin (black)
- Logo
- Portrait
- RSS (black)
- RSS-Abo
- Selectbox Icon
- Thumbnail Image
- Twitter (black)
- Twitter (color)
- Video Play Button
- xing (black)
- YouTube (black)
- YouTube (color)
- Form Elements
- Navigation Elements
- BC Arrow
- BC Home
- Breadcrumb Link
- Footer-Menue-Item
- Hamburger Icon
- Inpage-Navigation
- Inpage-Navigation active Link
- Inpage-Navigation Link
- Inpage-Navigation Title (H4)
- Inpage-Search Title (H4)
- Input for Pagination
- Language-Selector
- Language-Selector active item
- Language-Selector item
- Main-Menue-active (Campaign)
- Main-Menue-Item
- Main-Menue-Item (active)
- Main-Menue-Item (Campaign)
- Main-Menue-Item (Theme)
- Main-Menue-Sub-Item
- Main-Menue-Sub-Page
- Pagination Nummer
- Pagination Text
- Search-Icon in Main-Menue
- Search-Icon in Main-Menue (active)
- Search-Icon in MM (Campaign)
- Search Icon mobile
- Search Input
- Service-Menue-Item
- Service-Menue Login
- Sliding Navigation
- Small Button
- Tab
- Tab (active)
- Tab 2 (active)
- Layout Elements
- Accordion
- Beige line
- Grey line
- Headline with Link
- Infobox
- Infobox (per default offen)
- Kontaktbox
- Lightbox PB main-column
- Light Grey Line
- Overlay Wrapper
- Result-1
- Right-Hero-Teaser
- Right-Hero-Teaser (big)
- Right-Hero-Teaser (red)
- Right-Hero-Teaser (small)
- Right-Hero-Teaser (small big)
- Right-Hero-Teaser (small red)
- Table (sortable, without arrows)
- Table (without arrows)
- Teaser in Hero-Image
- Teaser in Hero-Image (small)
- Teaser in Hero-Image (Theme-Site)
- GR/RR
- Accordion (with white content)
- Audio Control
- Audio Options
- Audio Options Icon
- Audio Options Icon (active)
- Audio play-control
- Audio play-control (active)
- Audio Time
- Beschlüsse
- File list (Dokumenten-Liste)
- File list (Dokumenten-Liste) 2
- Sessions-Details
- Table (2-Column)
- Table (Eingereichte Vorstösse)
- Table (Mitgliederdetails 1)
- Table (Mitgliederdetails 2)
- Table (Mitgliederdetails 3)
- Navigation
- Arrow-Link
- Back-Link
- Back-Link 2
- Breadcrumb
- DLN-Header
- End of News-List
- Inpage-Search
- Inpage-Search (extended)
- Menue-Item
- Menue-Item active
- Menue-Page
- OffCanvas Service-Navigation
- Pagination
- Pagination (ohne Input)
- Search Input Container
- Search Suggestions (active)
- Tabs (Inpage Filter)
- Tabs (Search-Result Filter)
- Header + Footer Elements
- Content Elements
- Gallery Image
- Hero-Area (Big Image)
- Hero-Area (Big Image - small HL)
- Hero-Area (Right-Column)
- Hero-Area (Right-Column Small HL)
- Hero-Area (Sub-Row)
- Hero-Area (Sub-Row Small HL)
- Hero-Area (Theme-Site)
- Hero-Image Detailpage
- Hinweis Box
- Image (small) + Text (2 Column)
- Image + Text (2 Column)
- Image-Teaser
- Lightbox Information
- Lightbox Information PB
- List with H3 and line
- Meldungsbox
- News List Item (full-width)
- News List Item in Content
- Search Result 1
- Search Result with Image
- Share Page
- Splitter extended
- Step Box
- Step Box (inactive)
- Step Box (long Text)
- Summary Box
- Table (Default)
- Table (large numbers, colored colum)
- Text + Image (2 Column)
- Text + Image (small) - 2 Column
- Text-Teaser red
- Text-Teaser sand
- Text-Teaser sand
- Video Container
- Form Elements
- Form Buttons
- Inline Checkboxes
- Inline Radio-Buttons
- Inline Radio-Buttons (error)
- Inputfield
- Inputfield (Date from)
- Inputfield (Date to)
- Inputfield (File-Upload)
- Inputfield (File-Upload error)
- Inputfield (File-Upload success)
- Inputfield (medium)
- Inputfield (optional)
- Inputfield (optional + Tooltip)
- Inputfield (small)
- Inputfield (with Tooltip)
- Inputfield with watermark
- Invalid Input
- List Checkboxes
- List Radio-Buttons
- Select-Box
- Select-Box (50%)
- Select-Box (valid)
- Select-Box with Optgroup (50%)
- Textarea
- Valid Input
- GR/RR
- Accordion (Mitgliederdetailseite)
- Accordion (Traktanden)
- Accordion (white)
- Erweiterte Suche
- Erweiterte Suche (MS)
- Gremienliste
- Inpage-Search (Geschäftssuche)
- Inpage-Search (Mitgliederssuche)
- Mitgliederliste Gremium
- Mitgliederliste maximal
- Table (search results)
- Table (sessions)
- Table (sortable, linked)
- Trefferliste (Mitgliedersuche)
- _RR Geschäftsliste (Beschlüsse)
- _RR Geschäftsliste (Ergebnis Suche)
- _RR Geschäftsliste (Vorstösse)
- Navigation
- Header + Footer Elements
- Content Elements
- Above-the-fold (Campaign-Site)
- Context-Column
- Hero-Area
- Hero-Area (Small Headlines)
- Hero-Area (Theme)
- Image-Teaser-Group (Full-Width)
- Image-Teaser-Group (Main-Column)
- Image Gallery
- Lightbox
- Link-List-Group
- Main-Column
- Main-Column (mit Bereichssuche)
- Main-Column (News)
- Search-Result-Column
- Table (Default)
- Table (with big numbers)
- Text-Teaser-Group (Full-Width)
- Text-Teaser-Group (Main-Column)
- Form Elements
- GR/RR
- Footer (GR)
- Footer (RR)
- Header (GR)
- Header (RR)
- Lightbox Protokollbereich
- Main-Column Geschäftsdetailseite
- Main-Column Geschäftsliste
- Main-Column Geschaeftssuche
- Main-Column Gremiendetailseite
- Main-Column Gremienliste
- Main-Column Mitglieder
- Main-Column Mitgliederdetailseite
- Main-Column Traktanden-Liste
- _RR Main-Column Geschäftsdetailseite
- _RR Main-Column Sitzungs-Liste