SmartBiz
  • Accent-Color : #aa001e
  • Second-Color : #0078aa
  • Body-Font : Noto+Sans
  • Headline-Font : Noto+Sans
  • Header: Classic v1 : 1
  • 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 in mobile version

    • Line-Height
      Line-Height in pixel for body in mobile version

    • 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 paragraphMob

    • Line-Height
      Line-Height in pixel for paragraphMob

    • Font-Color
      Color for paragraph

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

    • Line-Height
      Line-Height in pixel for paragraphMob

    • Font-Color
      Color for paragraph

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

    • Line-Height
      Line-Height in pixel for paragraphMob

    • Font-Color
      Color for paragraph

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

    • Line-Height
      Line-Height in pixel for paragraphMob

    • Font-Color
      Color for 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
      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
    Topbar: Items
    Show/Hide
    • Topbar: Show
      show topbar in mobile
    • 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

    Header: Items
    Stickyheader
    Mobile Header
    Colors
    • Background-Color
      Background-color for mobile header

    • Color: Burger (Trigger)
      text color of burger menu

    Layout
    • Logo center
      logo center for mobile header
    • Overlay #Slider (Home)
      set mobile header position absolute on pagelayout home
    • Overlay #Slider (Contentpages)
      set mobile header position absolute on pagelayout content-pages
    Burger-Label
    • Hide: Burger-Label
      hide the text menu
    • Uppercase
      Uppercase for trigger label
    • Font-Size
      Font-Size for trigger label

    Mobile Stickyheader
    Colors
    • Background-Color
      Background-color for mobile header

    • Color for Trigger
      text color of burger menu

    Layout
    • Logo center
      logo center for mobile header
    Items
    • Hide: Stickyheader
      Display: none for stickyheader
    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

    Mobile Menu
    Skins
    Position
    Mainmenu
    Mainmenu: Highlight Class
    Submenu
    Colors & Background
    Langswitch
    Socials
    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
    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