Color Palette

  • black#000000
  • white#FFFFFF
  • font#1A1A18
  • background#333333
  • signal#D0021B
  • karstens-main--dark#5C5F64
  • karstens-main#878A8E
  • karstens-grey--light#D8D8D8
  • karstens-grey--lighter#EEEEEE
  • heinrich-main--dark#00533D
  • heinrich-main#00805F
  • gebrueder-main--dark#B65202
  • gebrueder-main#E56600
  • garten-main--dark#8E8B00
  • garten-main#C9C600

SVG Symbols

  • symbol-arrow-down
  • symbol-arrow-left
  • symbol-arrow-up
  • symbol-arrow-right
  • symbol-icon-attachment
  • symbol-icon-about-us
  • symbol-icon-building-construction
  • symbol-icon-close
  • symbol-icon-channel-worker
  • symbol-icon-current
  • symbol-icon-draftsman
  • symbol-icon-delete
  • symbol-icon-environmental-engineering
  • symbol-icon-facts-and-figures
  • symbol-icon-hamburger
  • symbol-icon-infrastructure
  • symbol-icon-investments
  • symbol-icon-k
  • symbol-icon-managing-directors
  • symbol-icon-map
  • symbol-icon-mason
  • symbol-icon-oepp
  • symbol-icon-office-management
  • symbol-icon-partnering
  • symbol-icon-pdf
  • symbol-icon-philosophy
  • symbol-icon-play
  • symbol-icon-photo
  • symbol-icon-project-development
  • symbol-icon-road-builders
  • symbol-icon-steel-and-concrete-workers
  • symbol-icon-video
  • symbol-icon-timeline
  • symbol-iconfine-abwechslungsreiche-projekte
  • symbol-iconfine-arbeitsbedingungen
  • symbol-iconfine-arbeitskleidung
  • symbol-iconfine-arbeitsweise
  • symbol-iconfine-bagger
  • symbol-iconfine-bau-dir-deine-zukunft
  • symbol-iconfine-gesundheitspraevention
  • symbol-iconfine-karriere
  • symbol-iconfine-kieswerk
  • symbol-iconfine-mitarbeiter-und-teamevents
  • symbol-iconfine-schubkarre
  • symbol-iconfine-moderne-techniken
  • symbol-link-download
  • symbol-link-extern
  • symbol-link-intern
  • symbol-mail
  • symbol-phone
  • symbol-iconfine-zusatzleistungen
  • symbol-social-facebook
  • symbol-search
  • symbol-social-instagram

Webfonts

Open Sans (sans-serif)

400 / regularThe quick brown fox jumps over the lazy dog. 400 / italicThe quick brown fox jumps over the lazy dog. 600 / regularThe quick brown fox jumps over the lazy dog. 700 / boldThe quick brown fox jumps over the lazy dog.

Grid

col 1
col 11
col 2
col 10
col 3
col 9
col 4
col 8
col 5
col 7
col 6
col 6
col 7
col 5
col 8
col 4
col 9
col 3
col 10
col 2
col 11
col 1
col 12

Offset Columns

col 3 offset 3
col 3 offset 3

Nested Grid

col 6
nested col 6
nested col 6
col 6
nested col 9
nested col 3

Grids (in use)

Grid-1--12

Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.

Grid-2--8-3

Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.

Grid-2--6-4 (aside)

Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.

Grid-2--4-4-4 (left)

Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.

Grid-2--4-4-4 (center)

Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.

Grid-2--4-4-4 (right)

Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.

Ihre Einstellungen zu Cookies für diese Website

Wir nutzen Cookies, um Ihnen die bestmögliche Nutzung unserer Webseite zu ermöglichen und unsere Kommunikation mit Ihnen zu verbessern. Treffen Sie hier Ihre persönliche Präferenz:

Erforderliche Cookies helfen dabei, eine Website nutzbar zu machen, indem sie Grundfunktionen wie Seitennavigation und Zugriff auf sichere Bereiche der Website ermöglichen. Die Website kann ohne diese Cookies nicht richtig funktionieren.

Einzelne Cookies
Cookiename: cookiebar; Anbieter: KARSTENS; Zweck: Dieser Cookie speichert den Zustimmungsstatus des Nutzers zu Cookies; Laufzeit: 1 Jahr; zur Datenschutzerklärung

Diese Cookies werden genutzt, um Funktionen der Website zuzulassen, die Ihnen eine möglichst komfortable und auf Ihre Interessen zugeschnittene Nutzung ermöglichen. Des Weiteren hilft uns die Analyse des Nutzerverhaltens ebenfalls, die Qualität unserer Webseite fortlaufend zu verbessern.

Einzelne Cookies
Cookiename: _ga, Anbieter: Google; Zweck: Wird verwendet zur Erhebung statistischer Daten darüber, wie Websites von Besuchern genutzt werden. Wird zur Unterscheidung von Benutzern verwendet; Laufzeit: 2 Jahre; zur Datenschutzerklärung
Cookiename: _gid; Anbieter: Google; Zweck: Verwendet zur Erhebung statistischer Daten darüber, wie Websites von Besuchern genutzt werden. Wird zur Unterscheidung von Benutzern verwendet; Laufzeit: 1 Tag; zur Datenschutzerklärung
Cookiename: _gat _gtag_ UA_*; Anbieter: Google; Zweck: Wird verwendet, um die Anforderungsrate zu drosseln; Laufzeit: 1 Minute; zur Datenschutzerklärung

Cookies

Wir nutzen Cookies, um Ihnen die bestmögliche Nutzung unserer Webseite zu ermöglichen und unsere Kommunikation mit Ihnen zu verbessern. Wir berücksichtigen hierbei Ihre Präferenzen und verarbeiten Daten für Analytics und Personalisierung nur, wenn Sie uns durch Klicken auf „Zustimmen und weiter“ Ihr Einverständnis geben. Sie können Ihre Einwilligung jederzeit mit Wirkung für die Zukunft widerrufen. Um weitere Informationen zu den Cookies und Anpassungsmöglichkeiten zu erhalten, klicken Sie bitte auf Details anzeigen.

Beachten Sie bitte auch unsere Hinweise zum Datenschutz.