DEMO-MODESave not possible
Coming Soon
  • 100%
  • 75%
  • 50%
    Colors
    Global Colors
    • Accent Color
      Select the accent-color

    • Second Color
      Select the second-color

    Custom Colors
    • CustomColor1
      Select the CustomColor1

    • CustomColor2
      Select the CustomColor2

    Preset Colors
    • Background-Color: Lightgray
      Background-Color: Lightgray

    • Background-Color: Gray
      Background-Color: Gray

    • Background-Color: Darkgray
      Background-Color: Darkgray

    • Text-Color: Gray
      Text-Color: Gray

    Body Background
    • Background-Color
      Background-Color for body

    Body-Font
    Body-Font
    • 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

    • Word splitting: Off
      Hyphenation off
    Headlines
    Font-Family
    • Font-Family
      Font for all headlines
      Beautify the Web
      Set

    • Word splitting: 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

    Text-Elements
    Paragraph: Default
    • Font-Size
      Font-Size for paragraph

    • Line-Height
      Line-Height in pixel for paragraph

    • Font-Color
      Color for paragraph

    Paragraph: Small
    • Font-Size
      Font-Size for paragraph

    • Line-Height
      Line-Height in pixel for paragraph

    • Font-Color
      Color for paragraph

    Paragraph: Medium
    • Font-Size
      Font-Size for paragraph

    • Line-Height
      Line-Height in pixel for paragraph

    • Font-Color
      Color for paragraph

    Paragraph: Large
    • Font-Size
      Font-Size for paragraph

    • Line-Height
      Line-Height in pixel for paragraph

    • Font-Color
      Color for paragraph

    Link in Text
    • Accent-Color
      Accent-Color for link in paragraph
    • CustomColor
      Color for link in paragraph

    • Underline
      Underline for link in paragraph
    Lists in Text
    • Style-Type: Style 1
      List-style-type: Style 1
    • Style-Type: Style 2
      List-style-type: Style 1
    • Style-Type: None
      List-style-type: None
    • Padding-Left
      Padding-left for list

    • List-Items: Margin
      Margin-Bottom between list-items

    CustomFont 1
    • Font-Family
      Font for customFont 1
      Beautify the Web
      Set

    • Font-Size
      Font-Size for customFont1

    • Line-Height
      Line-Height for customFont1

    • Letter-Spacing
      Letter-Spacing

    • Font-Color
      Color for text

    • Stroke-Color
      Color for outline

    • Stroke-Width
      Width for outline

    CustomFont 2
    • Font-Family
      Font for customFont 1
      Beautify the Web
      Set

    • Font-Size
      Font-Size for customFont1

    • Line-Height
      Line-Height for customFont1

    • Letter-Spacing
      Letter-Spacing

    • Font-Color
      Color for text

    • Stroke-Color
      Color for outline

    • Stroke-Width
      Width for outline

    List-Elements
    Style: Default
    • Style-Type: None
      List-style-type: None
    • List-Items: Margin
      Margin-Bottom between list-items

    • Padding-Left
      Padding-left for list

    • Font-Size
      Font-Size for list

    • Font-Weight
      Font-Weight for list

    • Line-Height
      Line-Height for list

    • Divider: Disable
      List-style-type: None
    Style: 2
    • Style-Type: None
      List-style-type: None
    • List-Items: Margin
      Margin-Bottom between list-items

    • Padding-Left
      Padding-left for list

    • Font-Size
      Font-Size for list

    • Font-Weight
      Font-Weight for list

    • Line-Height
      Line-Height for list

    Style: 3
    • Style-Type: None
      List-style-type: None
    • List-Items: Margin
      Margin-Bottom between list-items

    • Padding-Left
      Padding-left for list

    • Font-Size
      Font-Size for list

    • Font-Weight
      Font-Weight for list

    • Line-Height
      Line-Height for list

    • Divider: Disable
      List-style-type: None
    CustomStyle: 1
    • Style-Type: None
      List-style-type: None
    • List-Items: Margin
      Margin-Bottom between list-items

    • Padding-Left
      Padding-left for list

    • Font-Size
      Font-Size for list

    • Font-Weight
      Font-Weight for list

    • Line-Height
      Line-Height for list

    • Divider: Disable
      List-style-type: None
    CustomStyle: 2
    • Style-Type: None
      List-style-type: None
    • List-Items: Margin
      Margin-Bottom between list-items

    • Padding-Left
      Padding-left for list

    • Font-Size
      Font-Size for list

    • Font-Weight
      Font-Weight for list

    • Line-Height
      Line-Height for list

    • Divider: Disable
      List-style-type: None
    Hyperlinks
    Hyperlink: Default
    • Font-Size
      Font-Size

    • Font-Weight
      Font-Weight

    • Line-Height
      Line-Height

    • Padding: Left | Right
      Padding: Left

    • Padding: Top | Bottom
      Padding: Left

    • Border: Width
      Border: Width

    • Min-Width
      Min-Width

    Hyperlink: Small
    • Font-Size
      Font-Size

    • Font-Weight
      Font-Weight

    • Line-Height
      Line-Height

    • Padding: Left | Right
      Padding: Left

    • Padding: Top | Bottom
      Padding: Left

    • Border: Width
      Border: Width

    • Min-Width
      Min-Width

    Hyperlink: Medium
    • Font-Size
      Font-Size

    • Font-Weight
      Font-Weight

    • Line-Height
      Line-Height

    • Padding: Left | Right
      Padding: Left

    • Padding: Top | Bottom
      Padding: Left

    • Border: Width
      Border: Width

    • Min-Width
      Min-Width

    Hyperlink: Large
    • Font-Size
      Font-Size

    • Font-Weight
      Font-Weight

    • Line-Height
      Line-Height

    • Padding: Left | Right
      Padding: Left

    • Padding: Top | Bottom
      Padding: Left

    • Border: Width
      Border: Width

    • Min-Width
      Min-Width

    Hyperlink [Custom]: Style 1
    • Font-Size
      Font-Size

    • Font-Weight
      Font-Weight

    • Line-Height
      Line-Height

    • Padding: Left | Right
      Padding: Left

    • Padding: Top | Bottom
      Padding: Left

    • Border: Width
      Border: Width

    • Border: Radius
      Border: Radius

    • Border: Color
      Select the color

    • Background: Color
      Select the color

    • Text: Color
      Select the color

    • Min-Width
      Min-Width

    Hyperlink [Custom]: Style 2
    • Font-Size
      Font-Size

    • Font-Weight
      Font-Weight

    • Line-Height
      Line-Height

    • Padding: Left | Right
      Padding: Left

    • Padding: Top | Bottom
      Padding: Left

    • Border: Width
      Border: Width

    • Border: Radius
      Border: Radius

    • Border: Color
      Select the color

    • Background: Color
      Select the color

    • Text: Color
      Select the color

    • Min-Width
      Min-Width

    Topbar: Items
    Show/Hide
    • Topbar: Hide
      Display: none for topbar.
    • Email: Hide
      Display: none for Email.
    • Teaser: Hide
      Display: none for teaser.
    • Meta-Nav: Hide
      Display: none for Meta-Nav.
    • Login: Hide
      Display: none for Login.
    • Search: Hide
      Display: none for Login.
    • Socials: Hide
      Display: none for Socials.
    • Langswitch: Hide
      Hide: Langswitch in topbar
    • Langswitch: Hide Flags
      Shows only country code
    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

    • Margin: Top
      Margin: Top in px

    • Margin: Bottom
      Margin: Bottom in px

    • Margin: Left | Right
      Margin: Left | Right in px

    • Border-Radius
      Border-Radius for topbar

    • Border-Bottom
      Border-bottom for topbar

    • Shadow
      Opacity of topbar shadow

    • Socials: colored
      Social icons in color
    Header: Items
    Show/Hide
    • Socials: Show
      Not available for all header styles
    • Langswitch: Hide
      Display: none for langswitch
    • Langswitch: Hide Flags
      Shows only country code
    • Search: Hide
      Display: none for search
    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

    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

    Modern 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

    • Shadow: None
      Shadow: None
    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
      • Vertical Centered
        Centered Mainmenu
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    Leftside v2
    • Turn on
      Turn on this header style
      • Vertical Centered
        Centered Mainmenu
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    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

    Rightside
    • Turn on
      Turn on this header style
      • Vertical Centered
        Centered Mainmenu
      • 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
    Font
    • Font-Size
      Font-Size in px

    Colors
    • Background-Color
      Background-color for sticky header

    • Text-Color
      Text color for sticky header

    • Active-Color
      Active color for stickyheader

    Highlight Class
    • Padding: Left | Right
      Padding Left | Right

    • Padding: Top | Bottom
      Padding Top | Bottom

    • Margin: Left
      Margin: Left

    • Margin: Right
      Margin: Right

    Show/Hide
    • 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

    Highlight Class
    • Font-Size
      Font-Size

    • Font-Weight
      Font-Weight

    • Color
      Color for mainmenu

    • Background-Color
      Background-Color for mainmenu

    • Border: Color
      Border-Color for mainmenu

    • Border: Radius
      Border-Radius

    • Border: Width
      Border-Width

    • Padding: Left | Right
      Padding Left | Right

    • Padding: Top | Bottom
      Padding Top | Bottom

    • Margin: Left
      Margin: Left

    • Margin: Right
      Margin: Right

    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

    Highlight Class
    • Font-Size
      Font-Size

    • Padding: Left | Right
      Padding Left | Right

    • Padding: Top | Bottom
      Padding Top | Bottom

    • Margin: Top
      Margin: Left

    • Margin: Bottom
      Margin: Right

    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

    Mainmenu: Highlight Class
    • Font-Size
      Font-Size

    • Padding: Left | Right
      Padding Left | Right

    • Padding: Top | Bottom
      Padding Top | Bottom

    • Margin: Top
      Margin: Top

    • Margin: Bottom
      Margin: Bottom

    Footer: Layout
    Layout
    • Footer: Hide
      Display: none for footer
    • Height
      Adds Padding: Top | Bottom Footer in %

    • Margin: Top | Bottom
      Adds Margins: Top | Bottom to Footer in px

    • Margin: Left | Right
      Adds Margins: Left | Right to Footer in px

    • Border-Radius
      Border-Radius for 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
    • Bottom: Hide
      Display: none for bottom
    • Height
      Adds Padding: Top | Bottom in %

    • Margin: Left | Right
      Adds Margins: Left | Right to Bottom in px

    • Margin: Top | Bottom
      Adds Margins: Top | Bottom to Bottom in px

    • Align: Center
      text-align: center
    • Border-Radius
      Border-Radius for bottom

    • 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
    Boxed: Style 1
    • Boxed Style 1: ON
      Not for Header Beside
    • 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
      Not for Header Beside
    • Content-Width
      Width in pixel for content

    • Negative margin
      Negative margin for main

    • Background-color
      Background-color

    Boxed: Style 3
    • Boxed Style 3: ON
      Not for Header Beside

    • 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

    Layout: Page-Settings
    General Settings
    • Page-Width
      Max-Width for Content in Top, Main, Footer, Bottom

    • Article: Default Margins
      Default Setting for Top | Bottom margins between Articles

    • Breadcrumb: Hide
      Display: none for rootpath on content pages
    • To-Top-Link: Hide
    • Privacy-Link: Hide