Styleguide

Patterns

• Accessibility

  • Flyingfocus
  • Focus Only
  • Visuallyhidden

• Base

  • Colors
  • Fonts
  • Icons
  • Text
  • Translation
  • Visible / Hidden

• Elements

  • Button
  • Button Nav
  • Flyout
  • Graphic
  • Picture
  • Site Logo
  • Table
  • Video

• Form

  • FileUpload
  • Form
  • Form Input
  • Input
  • Input Set
  • MSDynamics Form
  • Net Results Form
  • Option Grid
  • Options
  • Select
  • Textarea

• Layout

  • Grid columns Layout
  • l-Flex
  • L Site Width

• Molecules

  • Meta Nav
  • Service Nav Teaser

• Widget

  • Collapsible
  • Flyout
  • In View Animation
  • Lazy Content
  • Loader
  • Media Swiper
  • Odometer
  • Slider
  • Vue Form

Components

• Content

  • Accordion
  • Agenda
  • Article Image
  • Browser Alert
  • Card
  • Card Filter
  • Card Filter Grid
  • Card Number
  • Card Number Grid
  • Card Product
  • Card Product Grid
  • Contact Form
  • Fact Slide
  • Fact Slider
  • Icon List
  • IFrame
  • Image Legend
  • Image Slider
  • Intro Overlay
  • Klimafoerderrechner
  • Logo Carousel
  • Notification
  • Outline Teaser
  • Overlay
  • Overlay Page
  • Product Card
  • Product Slider
  • Quote
  • Section Title
  • Step List Card
  • Step Slider
  • Table Landing Page Sale

• Expo

  • Expo Footer
  • Expo Header
  • Expo Mobile Nav

• Global

  • Breadcrumb
  • Footer
  • Header
  • Lang Switch
  • Mobile Sub Nav
  • Search

• Heroes

  • Hero Decider
  • Hero Home
  • Hero Large
  • Hero Mosaic
  • Hero Teaser Grid
  • Hero Text
  • Animated Teaser

• Teasers

  • Background Image Teaser
  • Brand Teaser
  • Card Teaser
  • Card Teaser Grid
  • Card Teaser Slider
  • Large Teaser
  • Medium Teaser
  • Medium Teaser Slider

Contentful

• Contentful

  • Contentful Richtext
  • not started Link
  • not started Accordion
  • not started Agenda List
  • not started Article Image
  • not started Button
  • not started Card List Fact
  • not started Card Teaser Grid
  • not started Card Teaser Slider
  • not started Contact Form
  • not started Custom Commissioning Form
  • not started Custom Event Material Form
  • not started Custom Filter Shop Form
  • not started Custom Commissioning Form
  • not started Netlify Form
  • not started Schema Finder
  • not started Schema.org Script
  • not started SearchResults
  • not started Custom Table Landing Page Sale
  • not started Form
  • not started Heading
  • not started Hero Large
  • not started Hero Decider
  • not started Hero Home
  • not started Hero Mosaic
  • not started Hero Teaser Grid
  • done Hero Video
  • not started Icon List
  • not started IFrame
  • not started Image Legend
  • not started Image Slider
  • not started Intro Overlay
  • Klimafoerderrechner
  • not started Link List
  • not started Logo Carousel
  • Main Menu
  • not started Number Card Grid
  • not started Paragraph
  • not started Product Slider
  • not started Quote
  • not started References Slider
  • not started Rich Text
  • not started Step List
  • not started Teaser Brand Left
  • not started Card Teaser
  • not started Teaser Large
  • not started Medium Teaser
  • not started Teaser Outline
  • not started Video

Pages

• Sitemap

All pages