DEMO-MODESave not possible
Default
  • Accent-Color : #e90069
  • Body-Font : Roboto
  • Headline-Font : Roboto
  • Header: Classic v5 : 1
  • Menu-Font : Roboto
  • 100%
  • 75%
  • 50%
    Colors
    Global Colors
    • Accent Color
      Select the accent-color
      â–¼

    • Second Color
      Select the second-color
      â–¼

    Fonts: Body
    Fonts
    • Font-Family
      Font for body
      Beautify the Web
      Set

    • Font-Size
      Font-Size for body

    • Line-Height
      Line-height in pixel for body

    • Font-Color
      Color for body
      â–¼

    • Hyphens off
      Hyphenation off
    Fonts: Headlines
    Font-Family
    • Font-Family
      Font for all headlines
      Beautify the Web
      Set

    • Hyphens off
      Hyphenation off
    H1
    • Font-Family
      Font for h1
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H1

    • Line-Height
      Font-Size for headline H1

    • Letter-Spacing
      Font-Size for headline H1

    • Color
      Color for headline
      â–¼

    H2
    • Font-Family
      Font for h2
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H2

    • Line-Height
      Font-Size for headline H2

    • Letter-Spacing
      Font-Size for headline H2

    • Color
      Color for headline
      â–¼

    H3
    • Font-Family
      Font for h3
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H3

    • Line-Height
      Font-Size for headline H3

    • Letter-Spacing
      Font-Size for headline H3

    • Color
      Color for headline
      â–¼

    H4
    • Font-Family
      Font for h4
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H4

    • Line-Height
      Font-Size for headline H4

    • Letter-Spacing
      Font-Size for headline H4

    • Color
      Color for headline
      â–¼

    H5
    • Font-Family
      Font for h5
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H5

    • Line-Height
      Font-Size for headline H5

    • Letter-Spacing
      Font-Size for headline H5

    • Color
      Color for headline
      â–¼

    H6
    • Font-Family
      Font for h6
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H6

    • Line-Height
      Font-Size for headline H6

    • Letter-Spacing
      Font-Size for headline H6

    • Color
      Color for headline
      â–¼

    Fonts: Paragraphs
    Default
    • Font-Size
      Font-Size for paragraph

    • Line-height
      Line-height in pixel for paragraph

    • Font-Color
      Color for paragraph
      â–¼

    Small
    • Font-Size
      Font-Size for paragraph

    • Line-height
      Line-height in pixel for paragraph

    • Font-Color
      Color for paragraph
      â–¼

    Big
    • Font-Size
      Font-Size for paragraph

    • Line-height
      Line-height in pixel for paragraph

    • Font-Color
      Color for paragraph
      â–¼

    Topbar: Items
    Show/Hide
    • Hide: Topbar
      Display: none for topbar.
    • Hide: Phone
      Display: none for phone.
    • Hide: Email
      Display: none for Email.
    • Hide: Meta-Nav
      Display: none for Meta-Nav.
    • Hide: Login
      Display: none for Login.
    • Hide: Socials
      Display: none for Socials.
    • Hide: Offcanvas-Trigger
      Display: none for Offcanvas-Trigger.
    • Show: Langswitch
      Show: Langswitch in topbar
    Topbar: Font
    Font
    • Font-Size
      Fontsize in topbar

    Topbar: Colors
    Colors
    • Font-Color
      Color for topbar text
      â–¼

    • Background-Color
      Background-color for topbar
      â–¼

    Topbar: Layout
    Layout
    • Height
      Padding: top/bottom of the topbar in pixel

    • Width: Fullwidth
      Fullwidth layout for topbar
    • Border
      Border-bottom for topbar
      â–¼

    • Shadow
      Opacity of topbar shadow

    • Socials: colored
      Social icons in color
    Header: Items
    Show/Hide
    • Show: Socials
      Not available for all header styles
    • Hide: Langswitch
      Display: none for langswitch
    • Hide: Search
      Display: none for search
    • Hide: Header
      Hide header on home-site
    Classic v1
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Classic v2
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Classic v3
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Classic v4
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Classic v5
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Classic v6
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Classic v7
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Classic v8
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Classic v9
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Classic v10
    • Turn on
      Turn this header style on
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Modern v1
    • Turn on
      Turn on this header style
      • Position: Absolute
        overlays #slider section
      • Background-Color
        Background-Color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Modern v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Modern v3
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Modern v4
    • Turn on
      Turn on this header style
      • Position: Absolute
        overlays #slider section
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Lines-Color
        Line Color
        â–¼

    Modern v5
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Lines-Color
        Line Color
        â–¼

    Modern v6
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Lines-Color
        Line Color
        â–¼

    Modern v7
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Modern v8
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Modern v9
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

    Minimal v1
    • Turn on
      Turn on this header style
      • Position: Absolute
        overlays #slider section
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Minimal v2
    • Turn on
      Turn on this header style
      • Position: Absolute
        overlays #slider section
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Border
        Border
        â–¼

    Leftside v1
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Lines-Color
        Line Color
        â–¼

      • Background-Image
        Drag image here
        Drag file here

      • Enable Small View
        Trigger for Header-Smallview
    Leftside v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Lines-Color
        Line Color
        â–¼

      • Background-Image
        Drag image here
        Drag file here

      • Enable Small View
        Trigger for Header-Smallview
    Leftside v3
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Background-Image
        Drag image here
        Drag file here

      • Enable Small View
        Trigger for Header-Smallview
    Rightside
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header
        â–¼

      • Font-Color
        Font-Color for header
        â–¼

      • Lines-Color
        Line Color
        â–¼

      • Background-Image
        Drag image here
        Drag file here

    Stickyheader
    Colors
    • Background-Color
      Background-color for sticky header
      â–¼

    • Text-Color
      Text color for sticky header
      â–¼

    • Active-Color
      Active color for stickyheader
      â–¼

    Items
    • Hide: Stickyheader
      Display: none for stickyheader
    Mobile Stickyheader
    Main Menu
    Fonts
    • Font-Family
      Font for mainmenu
      Beautify the Web
      Set

    • Font-size
      Font-size mainmenu

    • Uppercase
      Uppercase for menu
    • Line-Height
      Has effects on the vertical position of the dropdown

    • Letter-Spacing
      Letter-Spacing in Pixel for mainmenu

    Colors
    • Font-color
      Font-Color for mainmenu
      â–¼

    • Active-color
      Active-Color for mainmenu
      â–¼

    • Hover-color
      Hover-Color for mainmenu
      â–¼

    Active Styles
    • Active Style 2
      Activ Style 2
      â–¼

    • Active Style 3
      Activ Style 3
      â–¼

    • Active Style 4
      Activ Style 4
      â–¼

    • Active Style 5
      Activ Style 5
      â–¼

    • Active Style 6
      Activ Style 6
      â–¼

    • Active Style 7
      Activ Style 7
      â–¼

    Layout
    • Margin between items
      Margin in pixel between menu items

    • Icon beside menu item
      Set Icon beside menu item
    • Item divider style 1
      Item divider style 1
      â–¼

    • Item divider style 2
      Item divider style 2
      â–¼

    • Item divider style 3
      Item divider style 3
      â–¼

    • Arrows when Dropdown
      Arrows for Dropdown and megamenu
    Dropdowns
    Fonts
    • Font-Family
      Font for dropdown
      Beautify the Web
      Set

    • Font-size
      Font-size dropdown

    • Line-height
      Line-height dropdown

    • Uppercase
      Uppercase for menu
    Colors
    • Font-Color
      Font-color for dropdown
      â–¼

    • Active-Color
      Font-color for active
      â–¼

    • Background-color
      Background-color for dropdown
      â–¼

    • Headlines Megamenu
      Font-color for Headlines Megamenu
      â–¼

    • No Underline
      for hover and active
    Layout
    • Rounded Corners
      Rounded Corners
    Tablet Menu
    Fonts
    • Font-Family
      Font for Tabletmenu
      Beautify the Web
      Set

    • Font-size
      Font-size Tabletmenu

    • Line-height
      Line-height Tabletmenu

    • Uppercase
      Uppercase for Tabletmenu
    Colors
    • Color
      Color for Tabletmenu
      â–¼

    • Background-Color
      Background-color for Tabletmenu
      â–¼

    Layout
    • Breakpoint Tabletmenu
      Breakpoint in pixel when mainmenu switch to Tabletmenu

    • Desktop-Menu on tablet: ON
      Tabletmenu off
    • Mobile-Menu on tablet: ON
      Use Mobile-Menu on tablet
    • Mobile-Menu Trigger
      needs option use mobile-menu on tablets
      â–¼

    Footer: Layout
    Layout
    • Hide: Footer
      Display: none for footer
    • Height/Padding
      padding-top/bottom of footer

    • Border-top
      border-top for footer
      â–¼

    Footer: Fonts
    Fonts
    • Font-size: H1
      Font-size for headline

    • Font-size: H2
      Font-size for headline

    • Font-size: H3
      Font-size for headline

    • Font-size: H4
      Font-size for headline

    • Font-size: H5
      Font-size for headline

    • Font-size: H6
      Font-size for headline

    • Font-size: Text
      Font-size for text

    Footer: Colors
    Text-Colors
    • Color: Headline
      Color for headlines
      â–¼

    • Color: Text
      Color for text
      â–¼

    • Color: Link-Hover
      Color for a:hover
      â–¼

    Background-Color
    • Background-color
      Background-color for footer
      â–¼

    • Background-Image
      Upload background-image for footer
      Drag file here

    • Backgroud-size: Cover
      background-size: cover
    • Backgroud-repeat: Repeat
      background-repeat: repeat
    Bottom: Layout
    Layout
    • Hide: bottom
      Display: none for bottom
    • Height/Padding
      padding-top/bottom of bottom

    • Align: Center
      text-align: center
    • Border-top
      border-top for bottom
      â–¼

    Bottom: Font
    Font
    • Font-size
      Font-size for text

    Bottom: Colors
    Text-Colors
    • Color: Text
      Color for text
      â–¼

    • Color: Link-Hover
      Color for a:hover
      â–¼

    Background-Color
    • Background-color
      Background-color for bottom
      â–¼

    • Background-Image
      Upload background-image for bottom
      Drag file here

    • Backgroud-size: Cover
      background-size: cover
    • Backgroud-repeat: Repeat
      background-repeat: repeat
    Layout: Boxed/Fullwidth
    Boxed: Style 1
    • Boxed Style 1: ON
      Turn on boxed style 1
    • Page-Shadow
      Page-Shadow
    • Page-Width
      Width in pixel for page

    • Margin-Top
      Margin-top for page

    • Background-color
      Background-color
      â–¼

    Boxed: Style 2
    • Boxed Style 2: ON
      Turn on boxed style 2
    • Content-Width
      Width in pixel for content

    • Negative margin
      Negative margin for main

    • Background-color
      Background-color
      â–¼

    Boxed: Style 3
    • Boxed Style 3: ON
      Turn on boxed style 3

    • Background-color
      Background-color
      â–¼

    Boxed: Background
    • Background-Image
      Upload background-image
      Drag file here

    • Repeat: none
      background-repeat: none
    • Repeat: repeat
      background-repeat: repeat
    • Repeat: repeat-x
      background-repeat: repeat-x
    • Repeat: repeat-y
      background-repeat: repeat-y
    • Position: center
      background-position: center
    • Backgroud-size: Cover
      background-size: cover
    • Attachment: fixed
      background-attachment: fixed
    • Background-color
      Background-color
      â–¼

    Fullwidth
    • Content-Width
      Width of content in pixel

    Layout: Extended Settings
    Settings
    • Default Space between Articles
      Default Space between Articles

    • Hide: Breadcrumb
      Display: none for rootpath on content pages
    • Langswitch Style 2
      Langswitch Style 2
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel