@charset "UTF-8";
.news.single .monthBox aside.image img {
  min-width: 100%;
  height: auto; }

/* @TODO: remove before flight */
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

.footer .mainFooter, .footer .subFooter {
  border-bottom: 4px solid white; }

header .nav ul li a, .slicknav_menu .slicknav_menutxt {
  font-family: 'Montserrat Alternates', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  color: #889099;
  background: #f3f3f4;
  text-decoration: none; }
  header .nav ul li a:hover, .slicknav_menu .slicknav_menutxt:hover, header .nav ul li a:focus, .slicknav_menu .slicknav_menutxt:focus, header .nav ul li a:active, .slicknav_menu .slicknav_menutxt:active, header .nav ul li a.active, .slicknav_menu .active.slicknav_menutxt, header .nav ul li a.current-menu-item, .slicknav_menu .current-menu-item.slicknav_menutxt, header .nav ul li a.current-page-item, .slicknav_menu .current-page-item.slicknav_menutxt {
    color: #112233; }

.slicknav_menu .slicknav_nav ul li a, .servicesOverview .linkbutton, .infos .linkbutton, .referenzInfo .linkbutton, .news .monthBox .news-item--single .content h1, .whatTheHell--text h1, .whatTheHell--text h2, .whatTheHell--text h3, .whatTheHell--text h4, main h1, .hero.slider #slider .slider-content .slider-overlay h1 {
  font-family: 'Montserrat Alternates', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: normal; }

.otherServices .otherServices--text h3, main h2 {
  font-family: 'Montserrat', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: normal; }

.servicesSingle .servicesReferenzes .refenenzItem--text h3, .reflist .box .desc h3, main h3, .hero.slider #slider .slider-content .slider-overlay p {
  font-family: 'Montserrat', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: normal; }

main h5, .news .monthBox .heading h3, .news--archive h3, .jobs .heading > h3, .jobdetails .heading h3, .workplaces--inner .heading > h3, .people .heading > h3, .cooperation--boxes .coop-item h2, .jobdetails .heading a, .servicesOverview .linkbutton-small, .infos .linkbutton-small, .referenzInfo .linkbutton-small, .referenzInfo--description .gspul h4, .referenzInfo--description .gfras h4, .referenzInfo--description .gbohr h4, .referenzInfo--description .gflug h4, .reference--text_right .gearth h4, .reference--text_right .gstreet h4, .hero--inner .lang-switch .lang.german:before, .hero--inner .lang-switch .lang.english:before, .whatTheHell--benefits .box h4, [class$="--text"] strong, main h6, #tabigation ul li a, .jobdetails--desc .content h2, .jobdetails--desc .content h3, .jobdetails--desc .content h4, .jobdetails--desc .content h5, .jobdetails--desc .content h6, .people .box h2, #popout .left h1, main h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal; }

main h5 {
  font-family: 'Montserrat Alternates', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 400; }

.news .monthBox .heading h3, .news--archive h3, .jobs .heading > h3, .jobdetails .heading h3, .workplaces--inner .heading > h3, .people .heading > h3, .cooperation--boxes .coop-item h2, .jobdetails .heading a, .servicesOverview .linkbutton-small, .infos .linkbutton-small, .referenzInfo .linkbutton-small, .referenzInfo--description .gspul h4, .referenzInfo--description .gfras h4, .referenzInfo--description .gbohr h4, .referenzInfo--description .gflug h4, .reference--text_right .gearth h4, .reference--text_right .gstreet h4, .hero--inner .lang-switch .lang.german:before, .hero--inner .lang-switch .lang.english:before, .whatTheHell--benefits .box h4, [class$="--text"] strong, main h6, #tabigation ul li a {
  font-family: 'Montserrat Alternates', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 700; }

a, a.more, main a, .cooperation--boxes .coop-item .box.thyssen, .cooperation--boxes .coop-item .box.sst .address, .footer nav.footerNav ul li ul li, .footer nav.footerNav ul li ul li a, .footer .subFooter .subFooter--inner--left div[itemscope], .footer .subFooter .subFooter--inner--right .aklink a, .footer .subFooter .subFooter--inner--right .aklink a:hover, .footer .subFooter .subFooter--inner--right .aklink a:focus, body, main p {
  font-family: 'Montserrat', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal; }

.servicesListing--boxes div[class^="engineering-"] a span, .otherServices .otherServices--listing div[class^="engineering-"] a span, .inventory--listing div[id^="inventory-"] .caption span.count, .inventory--listing div[id^="inventory-"] .caption span.kind, .building--listing div[id^="building-"] .caption span.count, .cooperation--boxes .coop-item .box.sst .address strong, .footer nav.footerNav ul li, .footer nav.footerNav ul li a, .footer .subFooter .subFooter--inner--left div[itemscope] div[itemprop="name"] strong, a.more, main strong {
  font-family: 'Montserrat', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal; }

a, a.more, main a {
  color: #55bbee;
  text-decoration: none; }
  a:hover, a:focus, a:active, a.active {
    color: #112233; }
  a:visited {
    color: #55bbee; }

.building--listing div[id^="building-"] .caption span.kind {
  font-family: 'Montserrat Alternates', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  color: #fff;
  background: #112233; }

.hero--inner .lang-switch .lang.german, .hero--inner .lang-switch .lang.english, .ffText--slider .prevnext .unslider-arrow.prev, .ffText--slider .prevnext .unslider-arrow.next, .hero.slider .prevnext .unslider-arrow.prev, .hero.slider .prevnext .unslider-arrow.next, .servicesOverview--boxes .box, .sstgmbh aside.video, .cooperation--boxes .coop-item .box, .jobdetails--desc .content, .workplaces--inner .referenceBox--text, .refList--listing .ref, .processlisting .process--box, .infos .newsItem--text, .infos .businessInfos--text, .servicesSingle .servicesReferenzes .refenenzItem--text, .ffText--text, .people-cont .box, .reflist .box .desc, .hero.slider #slider .slider-content .slider-overlay, .hero.slider #slider .slider-content .slider-overlay a.more {
  padding: 15px 20px; }

.hero--inner .lang-switch .lang.german, .hero--inner .lang-switch .lang.english, .ffText--slider .prevnext .unslider-arrow.prev, .ffText--slider .prevnext .unslider-arrow.next, .hero.slider .prevnext .unslider-arrow.prev, .hero.slider .prevnext .unslider-arrow.next {
  display: inline-block;
  text-indent: -99999px; }

.news .monthBox .heading h3, .news--archive h3, .jobs .heading > h3, .jobdetails .heading h3, .workplaces--inner .heading > h3, .people .heading > h3, .cooperation--boxes .coop-item h2, .jobdetails .heading a, .intro h1.btnlk {
  display: inline-block;
  background: #112233;
  color: #f3f3f4 !important;
  position: relative;
  padding: 10px;
  margin: 0 0 20px 0;
  text-transform: lowercase; }

.news .monthBox .heading h3, .news--archive h3, .jobs .heading > h3, .jobdetails .heading h3, .workplaces--inner .heading > h3, .people .heading > h3 {
  line-height: 14px;
  height: 32px;
  margin: 0 0 4px 0;
  text-transform: lowercase;
  text-transform: lowercase; }

.cooperation--boxes .coop-item h2, .jobdetails .heading a {
  background: #ffdd00;
  color: #112233 !important;
  line-height: 14px;
  height: 32px;
  margin: 0 0 4px 0;
  text-transform: lowercase; }

.servicesListing--boxes div[class^="engineering-"], .otherServices .otherServices--listing div[class^="engineering-"] {
  position: relative;
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0;
  width: 196px;
  height: 196px;
  border: none;
  background: #f3f3f4 no-repeat;
  background-size: 100% 100%;
  transition: background 150ms linear; }
  .servicesListing--boxes div[class^="engineering-"].hidden, .otherServices .otherServices--listing div[class^="engineering-"].hidden {
    display: none;
    width: 0;
    height: 0; }
  .servicesListing--boxes div[class^="engineering-"] svg, .otherServices .otherServices--listing div[class^="engineering-"] svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: visibility 150ms linear; }
  .servicesListing--boxes div[class^="engineering-"] svg.svg-hover, .otherServices .otherServices--listing div[class^="engineering-"] svg.svg-hover {
    visibility: hidden;
    width: 0;
    height: 0; }
  .servicesListing--boxes div[class^="engineering-"] svg.svg-non-hover, .otherServices .otherServices--listing div[class^="engineering-"] svg.svg-non-hover {
    display: block;
    visibility: visible;
    width: 100%;
    height: 100%; }
  .servicesListing--boxes div[class^="engineering-"]:hover, .otherServices .otherServices--listing div[class^="engineering-"]:hover {
    background-color: #ffdd00;
    box-shadow: 0 0 0px 2px #f3f3f4 inset; }
    .servicesListing--boxes div[class^="engineering-"]:hover svg.svg-non-hover, .otherServices .otherServices--listing div[class^="engineering-"]:hover svg.svg-non-hover {
      display: none;
      visibility: hidden;
      width: 0;
      height: 0; }
    .servicesListing--boxes div[class^="engineering-"]:hover svg.svg-hover, .otherServices .otherServices--listing div[class^="engineering-"]:hover svg.svg-hover {
      display: block;
      visibility: visible;
      width: 100%;
      height: 100%; }
  .servicesListing--boxes div[class^="engineering-"] a, .otherServices .otherServices--listing div[class^="engineering-"] a {
    position: absolute;
    z-index: 20;
    display: inline-block;
    width: 100%;
    height: 100%; }
    .servicesListing--boxes div[class^="engineering-"] a span, .otherServices .otherServices--listing div[class^="engineering-"] a span {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0 15px 10px 15px;
      color: #112233;
      text-align: center; }
  @media screen and (max-width: 1024px) {
    .servicesListing--boxes div[class^="engineering-"], .otherServices .otherServices--listing div[class^="engineering-"] {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 33.11037%;
      margin-bottom: 4px; }
      .servicesListing--boxes div[class^="engineering-"]:last-child, .otherServices .otherServices--listing div[class^="engineering-"]:last-child {
        margin-right: 0; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(4n), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(4n) {
        margin-right: 0.33445%; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(4n+1), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(4n+1) {
        clear: none; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(3n), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(3n) {
        margin-right: 0; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(3n+1), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(3n+1) {
        clear: left; } }
  @media screen and (max-width: 768px) {
    .servicesListing--boxes div[class^="engineering-"], .otherServices .otherServices--listing div[class^="engineering-"] {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .servicesListing--boxes div[class^="engineering-"]:last-child, .otherServices .otherServices--listing div[class^="engineering-"]:last-child {
        margin-right: 0; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(3n), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(3n) {
        margin-right: 0.33445%; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(3n+1), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(3n+1) {
        clear: none; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(2n), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(2n) {
        margin-right: 0; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(2n+1), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(2n+1) {
        clear: left; } }
  @media screen and (max-width: 400px) {
    .servicesListing--boxes div[class^="engineering-"], .otherServices .otherServices--listing div[class^="engineering-"] {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-right: 0; }
      .servicesListing--boxes div[class^="engineering-"]:last-child, .otherServices .otherServices--listing div[class^="engineering-"]:last-child {
        margin-right: 0; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(2n), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(2n) {
        margin-right: 0.33445%; }
      .servicesListing--boxes div[class^="engineering-"]:nth-child(2n+1), .otherServices .otherServices--listing div[class^="engineering-"]:nth-child(2n+1) {
        clear: none; } }

.servicesOverview--boxes .box .img img, .history--inner .box .image img, .approvals--inner .box .image img, .reference--listing .referenceBox--image img, .news .news-item .image img, .sstgmbh--text aside img, .cooperation--boxes .coop-item .box.thyssen .coop-logo img, .cooperation--boxes .coop-item .box.sst .coop-logo img, .ffText--text img, .jobdetails--desc .cus--image img, #popout .right img, .processlisting .process--box .img img, .processdetail--image img, .reflist .box img, .more .box img, #phplhldr img {
  display: block;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.servicesOverview--boxes .box, .sstgmbh aside.video, .cooperation--boxes .coop-item .box, .jobdetails--desc .content, .workplaces--inner .referenceBox--text, .refList--listing .ref, .processlisting .process--box {
  margin-bottom: 4px;
  background: #f3f3f4; }

.jobs--contact .box, .jobdetails--contact .box {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
  padding: 10px 15px;
  max-height: 96px;
  height: 96px;
  background: #f3f3f4; }
  .jobs--contact .box p, .jobdetails--contact .box p {
    margin: 0; }
  .jobs--contact .box h4, .jobdetails--contact .box h4 {
    margin: 0;
    color: #005577; }
  .jobs--contact .box .tel, .jobdetails--contact .box .tel, .jobs--contact .box .mail, .jobdetails--contact .box .mail {
    display: block;
    width: 100%; }
  .jobs--contact .box .tel, .jobdetails--contact .box .tel, .jobs--contact .box .tel a, .jobdetails--contact .box .tel a, .jobs--contact .box .tel a:hover, .jobdetails--contact .box .tel a:hover, .jobs--contact .box .tel a:focus, .jobdetails--contact .box .tel a:focus {
    color: #889099;
    margin-bottom: 15px; }
  .jobs--contact .box .mail a, .jobdetails--contact .box .mail a {
    color: #55bbee; }
    .jobs--contact .box .mail a:hover, .jobdetails--contact .box .mail a:hover {
      color: #112233; }

.jobs .job-item, .jobdetails--contact .job-item {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
  max-height: 96px;
  height: 96px;
  padding: 0; }
  .jobs .job-item .image, .jobdetails--contact .job-item .image {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 100%;
    width: 96px;
    height: 100%; }
    .jobs .job-item .image.hidden, .jobdetails--contact .job-item .image.hidden {
      display: none;
      width: 0;
      height: 0; }
    .jobs .job-item .image svg, .jobdetails--contact .job-item .image svg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: transparent;
      transition: visibility 150ms linear; }
    .jobs .job-item .image svg.svg-hover, .jobdetails--contact .job-item .image svg.svg-hover {
      visibility: hidden;
      width: 0;
      height: 0; }
    .jobs .job-item .image svg.svg-non-hover, .jobdetails--contact .job-item .image svg.svg-non-hover {
      display: block;
      visibility: visible;
      width: 100%;
      height: 100%; }
  .jobs .job-item .content, .jobdetails--contact .job-item .content {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 100px;
    padding: 10px 15px;
    width: auto;
    height: 96px;
    background: #f3f3f4; }
    .jobs .job-item .content h4, .jobdetails--contact .job-item .content h4 {
      margin: 0;
      color: #005577; }
    .jobs .job-item .content p, .jobdetails--contact .job-item .content p {
      margin: 0;
      color: #889099; }
  .jobs .job-item a.overlaylink, .jobdetails--contact .job-item a.overlaylink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .jobs .job-item:hover .image, .jobdetails--contact .job-item:hover .image {
    background-color: transparent;
    box-shadow: 0 0 0px 2px #f3f3f4 inset; }
    .jobs .job-item:hover .image svg.svg-non-hover, .jobdetails--contact .job-item:hover .image svg.svg-non-hover {
      display: none;
      visibility: hidden;
      width: 0;
      height: 0; }
    .jobs .job-item:hover .image svg.svg-hover, .jobdetails--contact .job-item:hover .image svg.svg-hover {
      display: block;
      visibility: visible;
      width: 100%;
      height: 100%; }
  .jobs .job-item:hover .content, .jobdetails--contact .job-item:hover .content, .jobs .job-item:hover h4, .jobdetails--contact .job-item:hover h4, .jobs .job-item:hover p, .jobdetails--contact .job-item:hover p, .jobs .job-item:focus .content, .jobdetails--contact .job-item:focus .content, .jobs .job-item:focus h4, .jobdetails--contact .job-item:focus h4, .jobs .job-item:focus p, .jobdetails--contact .job-item:focus p {
    background: #ffdd00;
    color: #112233; }

.clear:before, .clear:after {
  content: ' ';
  display: table; }

.clear {
  *zoom: 1; }
  .clear:after {
    clear: both; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/* montserrat-alternates-regular - latin */
@font-face {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-alternates-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-alternates-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-alternates-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-alternates-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-alternates-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-alternates-v17-latin-regular.svg#MontserratAlternates') format('svg'); /* Legacy iOS */
}

/* montserrat-alternates-700 - latin */
@font-face {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-alternates-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-alternates-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-alternates-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-alternates-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-alternates-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-alternates-v17-latin-700.svg#MontserratAlternates') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/*@font-face {
  font-family: 'web_symbolsregular';
  font-style: normal;
  font-weight: normal;
  src: local('web_symbolsregular'),
    url('../fonts/websymbolsligaregular.eot'),
    url('../fonts/websymbolsligaregular.eot#iefix') format('embedded-opentype'),
    url('../fonts/websymbolsligaregular.ttf') format('truetype'),
    url('../fonts/websymbolsligaregular.woff') format('woff'),
    url('../fonts/websymbolsligaregular.svg#web_symbols_ligaregular') format('svg');
}*/
@font-face {
  font-family: 'web_symbolsregular';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/websymbolsligaregular.eot');
  src: url('../fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbolsligaregular.woff') format('woff'), url('../fonts/websymbolsligaregular.ttf') format('truetype'), url('../fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg'); }

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

html {
  font-size: 62.5%; }

body {
  font: 300 13px/1.6 'Montserrat', 'Verdana', 'Lucida Grande', Arial, sans-serif;
  color: #444;
  transition: all .4s .3s ease-in; }

body, html {
  min-height: 100vh;
  background: white; }

@namespace xlink 'http://www.w3.org/1999/xlink';
header {
  background: #fff;
  transition: box-shadow 150ms linear; }
  header .header--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 95px;
    padding-bottom: 4px; }
    header .header--inner::after {
      clear: both;
      content: "";
      display: table; }
  header .logo {
    height: 58px;
    margin: 0;
    padding: 0;
    width: 205px;
    position: absolute;
    bottom: 4px;
    left: 0; }
    header .logo a {
      position: relative;
      display: inline-block;
      width: 205px;
      height: 58px; }
      header .logo a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      header .logo a object {
        pointer-events: none;
        z-index: -1000;
        left: -7px;
        position: absolute; }
    @media screen and (max-width: 1024px) {
      header .logo {
        left: 30px; } }
  header .nav {
    height: 100%;
    margin: 0 0 0 205px;
    position: relative;
    width: auto; }
    header .nav ul {
      bottom: 0;
      display: block;
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0; }
      header .nav ul li {
        display: inline-block;
        height: 40px;
        width: auto;
        float: left;
        background: #f3f3f4;
        margin-right: 4px; }
        header .nav ul li:last-of-type {
          margin-right: 0; }
        header .nav ul li a {
          width: 100%;
          height: 100%;
          display: inline-block;
          padding: 12px 15px 0 15px; }

body.fixed {
  padding-top: 91px; }
  body.fixed header.header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 400; }

body.scroll header.header {
  box-shadow: 0 0px 10px black; }

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 10px;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 2px; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 1px 0 0 10px;
    height: 19px; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 16px;
    height: 2px;
    /*		-webkit-box-shadow: 0 1px 0 $color-black-50;
		-moz-box-shadow: 0 1px 0 $color-black-50;
		box-shadow: 0 1px 0 $color-black-50;*/ }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #889099; }

.slicknav_btn {
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.nav ul {
  list-style: none; }
  .nav ul li.current-menu-item a, .nav ul li.current-page-item a {
    color: #112233 !important; }

.slicknav_menu {
  display: none; }

@media screen and (max-width: 1024px) {
  /* #menu is the original menu */
  nav.nav {
    display: none; }
  .slicknav_menu {
    display: inline-block;
    float: right;
    padding: 0;
    background: none;
    z-index: 500; }
    .slicknav_menu .slicknav_btn {
      background: #f3f3f4;
      height: 40px;
      width: 100px;
      border-radius: 0;
      right: 30px;
      top: 50px;
      z-index: 5; }
    .slicknav_menu .slicknav_menutxt {
      color: #889099;
      text-shadow: none; }
    .slicknav_menu .slicknav_nav {
      position: absolute;
      z-index: 900;
      background: rgba(255, 221, 0, 0.8);
      box-shadow: inset 0px 80px 80px -40px rgba(0, 0, 0, 0.2);
      top: 95px;
      right: 0;
      left: 0; }
      .slicknav_menu .slicknav_nav ul {
        margin: 40px 30px 20px 30px;
        display: block; }
        .slicknav_menu .slicknav_nav ul li {
          height: 46px;
          margin-bottom: 4px; }
          .slicknav_menu .slicknav_nav ul li.current_menu_item a, .slicknav_menu .slicknav_nav ul li.current-page-item a {
            background: white;
            color: #112233 !important;
            border-radius: 0; }
          .slicknav_menu .slicknav_nav ul li a {
            display: inline-block;
            background: #112233;
            color: #f3f3f4 !important;
            position: relative;
            padding: 10px;
            margin: 0 0 20px 0;
            line-height: 26px;
            height: 46px; }
            .slicknav_menu .slicknav_nav ul li a:after {
              content: 'Â';
              color: #112233;
              font-family: web_symbolsregular;
              text-align: center;
              font-size: inherit;
              position: absolute;
              right: -54px;
              top: 0;
              height: 100%; }
            .slicknav_menu .slicknav_nav ul li a:after {
              border: 2px solid #ffdd00; }
            .slicknav_menu .slicknav_nav ul li a:hover:after, .slicknav_menu .slicknav_nav ul li a:active:after, .slicknav_menu .slicknav_nav ul li a:focus:after {
              color: #112233;
              background: #ffdd00; }
            .slicknav_menu .slicknav_nav ul li a:after {
              line-height: 44px;
              right: -50px;
              width: 46px; }
            .slicknav_menu .slicknav_nav ul li a:after {
              display: none; }
            .slicknav_menu .slicknav_nav ul li a:hover, .slicknav_menu .slicknav_nav ul li a:active, .slicknav_menu .slicknav_nav ul li a:focus, .slicknav_menu .slicknav_nav ul li a.active, .slicknav_menu .slicknav_nav ul li a.current-menu-item, .slicknav_menu .slicknav_nav ul li a.current-page-item {
              background: white;
              color: #112233 !important;
              border-radius: 0; } }

.servicesOverview {
  background: #ffdd00; }
  .servicesOverview .linkbutton {
    display: inline-block;
    background: #112233;
    color: #f3f3f4 !important;
    position: relative;
    padding: 10px;
    margin: 0 0 20px 0;
    line-height: 26px;
    height: 46px; }
    .servicesOverview .linkbutton:after {
      content: 'Â';
      color: #112233;
      font-family: web_symbolsregular;
      text-align: center;
      font-size: inherit;
      position: absolute;
      right: -54px;
      top: 0;
      height: 100%; }
    .servicesOverview .linkbutton:after {
      border: 2px solid #f3f3f4; }
    .servicesOverview .linkbutton:hover:after, .servicesOverview .linkbutton:active:after, .servicesOverview .linkbutton:focus:after {
      color: #112233;
      background: #f3f3f4; }
    .servicesOverview .linkbutton:after {
      line-height: 44px;
      right: -50px;
      width: 46px; }
  .servicesOverview .linkbutton-small {
    display: inline-block;
    background: #112233;
    color: #f3f3f4 !important;
    position: relative;
    padding: 10px;
    margin: 0 0 20px 0;
    line-height: 14px;
    height: 32px; }
    .servicesOverview .linkbutton-small:after {
      content: 'Â';
      color: #112233;
      font-family: web_symbolsregular;
      text-align: center;
      font-size: inherit;
      position: absolute;
      right: -54px;
      top: 0;
      height: 100%; }
    .servicesOverview .linkbutton-small:after {
      border: 2px solid #f3f3f4; }
    .servicesOverview .linkbutton-small:hover:after, .servicesOverview .linkbutton-small:active:after, .servicesOverview .linkbutton-small:focus:after {
      color: #112233;
      background: #f3f3f4; }
    .servicesOverview .linkbutton-small:after {
      line-height: 30px;
      right: -36px;
      width: 32px; }
  .servicesOverview--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 40px 0; }
    .servicesOverview--inner::after {
      clear: both;
      content: "";
      display: table; }
    .servicesOverview--inner > p {
      margin-bottom: 30px;
      padding-right: 50%; }
      @media screen and (max-width: 1024px) {
        .servicesOverview--inner > p {
          padding-right: 15%; } }
      @media screen and (max-width: 568px) {
        .servicesOverview--inner > p {
          padding-right: 0; } }
  .servicesOverview--boxes {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 100%;
    /*    @include rwd($pad) {
      @include span-columns(7);

    }*/
    /*    @include rwd($phone) {
      @include span-columns(12);
    }*/ }
    .servicesOverview--boxes:last-child {
      margin-right: 0; }
    .servicesOverview--boxes .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 24.74916%;
      position: relative;
      padding: 0; }
      .servicesOverview--boxes .box:last-child {
        margin-right: 0; }
      .servicesOverview--boxes .box:nth-child(4n) {
        margin-right: 0; }
      .servicesOverview--boxes .box:nth-child(4n+1) {
        clear: left; }
      .servicesOverview--boxes .box .overlaylink {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      @media screen and (max-width: 667px) {
        .servicesOverview--boxes .box {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 49.83278%; }
          .servicesOverview--boxes .box:last-child {
            margin-right: 0; }
          .servicesOverview--boxes .box:nth-child(4n) {
            margin-right: 0.33445%; }
          .servicesOverview--boxes .box:nth-child(4n+1) {
            clear: none; }
          .servicesOverview--boxes .box:nth-child(2n) {
            margin-right: 0; }
          .servicesOverview--boxes .box:nth-child(2n+1) {
            clear: left; } }
  .servicesOverview--sidebar {
    margin-left: 8.3612%;
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 24.74916%; }
    .servicesOverview--sidebar:last-child {
      margin-right: 0; }
    .servicesOverview--sidebar img {
      display: block;
      max-width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center; }
    @media screen and (max-width: 1024px) {
      .servicesOverview--sidebar {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 41.47157%; }
        .servicesOverview--sidebar:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 568px) {
      .servicesOverview--sidebar {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .servicesOverview--sidebar:last-child {
          margin-right: 0; } }

.infos {
  background: white; }
  .infos .linkbutton {
    display: inline-block;
    background: #112233;
    color: #f3f3f4 !important;
    position: relative;
    padding: 10px;
    margin: 0 0 20px 0;
    line-height: 26px;
    height: 46px;
    margin-bottom: 4px; }
    .infos .linkbutton:after {
      content: 'Â';
      color: #112233;
      font-family: web_symbolsregular;
      text-align: center;
      font-size: inherit;
      position: absolute;
      right: -54px;
      top: 0;
      height: 100%; }
    .infos .linkbutton:after {
      border: 2px solid #ffdd00; }
    .infos .linkbutton:hover:after, .infos .linkbutton:active:after, .infos .linkbutton:focus:after {
      color: #112233;
      background: #ffdd00; }
    .infos .linkbutton:after {
      line-height: 44px;
      right: -50px;
      width: 46px; }
  .infos .linkbutton-small {
    display: inline-block;
    background: #112233;
    color: #f3f3f4 !important;
    position: relative;
    padding: 10px;
    margin: 0 0 20px 0;
    line-height: 14px;
    height: 32px;
    margin-bottom: 4px; }
    .infos .linkbutton-small:after {
      content: 'Â';
      color: #112233;
      font-family: web_symbolsregular;
      text-align: center;
      font-size: inherit;
      position: absolute;
      right: -54px;
      top: 0;
      height: 100%; }
    .infos .linkbutton-small:after {
      border: 2px solid #ffdd00; }
    .infos .linkbutton-small:hover:after, .infos .linkbutton-small:active:after, .infos .linkbutton-small:focus:after {
      color: #112233;
      background: #ffdd00; }
    .infos .linkbutton-small:after {
      line-height: 30px;
      right: -36px;
      width: 32px; }
  .infos--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0; }
    .infos--inner::after {
      clear: both;
      content: "";
      display: table; }
  .infos .newsListing {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 66.55518%; }
    .infos .newsListing:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .infos .newsListing {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        margin-bottom: 47px; }
        .infos .newsListing:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 568px) {
      .infos .newsListing {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .infos .newsListing:last-child {
          margin-right: 0; } }
  .infos .newsItem {
    float: left;
    display: block;
    margin-right: 0.50251%;
    width: 49.74874%;
    position: relative;
    overflow: hidden;
    margin-bottom: 4px;
    padding-bottom: 96px;
    max-height: 96px; }
    .infos .newsItem:last-child {
      margin-right: 0; }
    .infos .newsItem:nth-child(2n) {
      margin-right: 0; }
    .infos .newsItem:nth-child(2n+1) {
      clear: left; }
    .infos .newsItem--image {
      display: inline-block;
      min-width: 97px;
      min-height: 100%;
      max-width: 97px;
      height: 97px;
      position: relative; }
      .infos .newsItem--image img {
        overflow: hidden;
        width: 100%;
        min-width: 100%;
        height: 97px;
        object-fit: cover;
        object-position: center; }
    .infos .newsItem--text {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      overflow: hidden;
      margin-left: 97px;
      min-height: 97px;
      max-height: 97px;
      background: #f3f3f4;
      text-overflow: ellipsis;
      min-width: calc(100% - 97px); }
    .infos .newsItem:first-of-type {
      padding: 0 0 194px 0;
      max-height: 194px;
      float: left;
      display: block;
      margin-right: 0.50251%;
      width: 100%; }
      .infos .newsItem:first-of-type:last-child {
        margin-right: 0; }
      .infos .newsItem:first-of-type .newsItem--image {
        min-width: 194px;
        max-width: 194px;
        width: 194px;
        height: 194px; }
        @media screen and (max-width: 667px) {
          .infos .newsItem:first-of-type .newsItem--image {
            display: none; } }
        .infos .newsItem:first-of-type .newsItem--image img {
          height: 194px; }
      .infos .newsItem:first-of-type .newsItem--text {
        margin-left: 199px;
        min-height: 194px; }
        @media screen and (max-width: 667px) {
          .infos .newsItem:first-of-type .newsItem--text {
            margin-left: 0; } }
        .infos .newsItem:first-of-type .newsItem--text p {
          height: calc(194px - 30px - 20px); }
    .infos .newsItem time {
      display: inline-block;
      margin: 0;
      width: 100%;
      height: 20px;
      color: #112233; }
    .infos .newsItem p {
      display: block;
      overflow: hidden;
      margin: 0;
      height: calc(97px - 30px - 20px);
      text-overflow: ellipsis;
      white-space: normal; }
    @media screen and (max-width: 1024px) {
      .infos .newsItem {
        padding: 0 0 194px 0;
        max-height: 194px;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .infos .newsItem:last-child {
          margin-right: 0; }
        .infos .newsItem:nth-child(2n) {
          margin-right: 0.33445%; }
        .infos .newsItem:nth-child(2n+1) {
          clear: none; }
        .infos .newsItem .newsItem--image {
          min-width: 194px;
          max-width: 194px;
          width: 194px; }
          .infos .newsItem .newsItem--image img {
            height: 194px; }
        .infos .newsItem .newsItem--text {
          margin-left: 199px;
          min-height: 194px; }
          .infos .newsItem .newsItem--text p {
            height: calc(194px - 30px - 20px); }
        .infos .newsItem:nth-of-type(n+5) {
          display: none; }
        .infos .newsItem:nth-of-type(4) {
          margin-bottom: 40px; } }
    @media screen and (max-width: 667px) {
      .infos .newsItem {
        padding: 0 0 194px 0;
        max-height: 194px;
        min-width: 100%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .infos .newsItem:last-child {
          margin-right: 0; }
        .infos .newsItem:nth-child(n) {
          margin-right: 0; }
        .infos .newsItem .newsItem--image {
          display: none; }
          .infos .newsItem .newsItem--image img {
            height: 194px; }
        .infos .newsItem .newsItem--text {
          margin-left: 0;
          width: 100%; } }
  .infos .businessInfos {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 33.11037%; }
    .infos .businessInfos:last-child {
      margin-right: 0; }
    .infos .businessInfos--image {
      overflow: hidden;
      max-height: 296px;
      width: 100%; }
      .infos .businessInfos--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .infos .businessInfos--text p {
      margin-bottom: 25px; }
    .infos .businessInfos--text a {
      display: block; }
      .infos .businessInfos--text a:hover {
        color: #005577; }
    @media screen and (max-width: 1024px) {
      .infos .businessInfos {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .infos .businessInfos:last-child {
          margin-right: 0; }
        .infos .businessInfos--image, .infos .businessInfos--text {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 49.83278%; }
          .infos .businessInfos--image:last-child, .infos .businessInfos--text:last-child {
            margin-right: 0; }
          .infos .businessInfos--image p, .infos .businessInfos--text p {
            margin-top: 0; } }
    @media screen and (max-width: 667px) {
      .infos .businessInfos {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .infos .businessInfos:last-child {
          margin-right: 0; }
        .infos .businessInfos--image, .infos .businessInfos--text {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 100%; }
          .infos .businessInfos--image:last-child, .infos .businessInfos--text:last-child {
            margin-right: 0; } }

.referenzInfo {
  background: white; }
  .referenzInfo .linkbutton {
    display: inline-block;
    background: #112233;
    color: #f3f3f4 !important;
    position: relative;
    padding: 10px;
    margin: 0 0 20px 0;
    line-height: 26px;
    height: 46px; }
    .referenzInfo .linkbutton:after {
      content: 'Â';
      color: #112233;
      font-family: web_symbolsregular;
      text-align: center;
      font-size: inherit;
      position: absolute;
      right: -54px;
      top: 0;
      height: 100%; }
    .referenzInfo .linkbutton:after {
      border: 2px solid #ffdd00; }
    .referenzInfo .linkbutton:hover:after, .referenzInfo .linkbutton:active:after, .referenzInfo .linkbutton:focus:after {
      color: #112233;
      background: #ffdd00; }
    .referenzInfo .linkbutton:after {
      line-height: 44px;
      right: -50px;
      width: 46px; }
  .referenzInfo .linkbutton-small {
    display: inline-block;
    background: #112233;
    color: #f3f3f4 !important;
    position: relative;
    padding: 10px;
    margin: 0 0 20px 0;
    line-height: 14px;
    height: 32px; }
    .referenzInfo .linkbutton-small:after {
      content: 'Â';
      color: #112233;
      font-family: web_symbolsregular;
      text-align: center;
      font-size: inherit;
      position: absolute;
      right: -54px;
      top: 0;
      height: 100%; }
    .referenzInfo .linkbutton-small:after {
      border: 2px solid #ffdd00; }
    .referenzInfo .linkbutton-small:hover:after, .referenzInfo .linkbutton-small:active:after, .referenzInfo .linkbutton-small:focus:after {
      color: #112233;
      background: #ffdd00; }
    .referenzInfo .linkbutton-small:after {
      line-height: 30px;
      right: -36px;
      width: 32px; }
  .referenzInfo--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0; }
    .referenzInfo--inner::after {
      clear: both;
      content: "";
      display: table; }
    .referenzInfo--inner .referenzInfo--text {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 66.55518%; }
      .referenzInfo--inner .referenzInfo--text:last-child {
        margin-right: 0; }
    .referenzInfo--inner .referenzInfo--description {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .referenzInfo--inner .referenzInfo--description:last-child {
        margin-right: 0; }
  .referenzInfo--text p {
    float: left;
    display: block;
    margin-right: 0.50251%;
    width: 74.87437%;
    margin: 0;
    padding: 0; }
    .referenzInfo--text p:last-child {
      margin-right: 0; }
  .referenzInfo--description .gspul, .referenzInfo--description .gfras, .referenzInfo--description .gbohr, .referenzInfo--description .gflug {
    position: relative;
    padding: 10px 10px 10px 66px;
    height: 76px;
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 24.74916%;
    background: #f3f3f4; }
    .referenzInfo--description .gspul:last-child, .referenzInfo--description .gfras:last-child, .referenzInfo--description .gbohr:last-child, .referenzInfo--description .gflug:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .referenzInfo--description .gspul, .referenzInfo--description .gfras, .referenzInfo--description .gbohr, .referenzInfo--description .gflug {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 49.83278%;
        margin-bottom: 4px; }
        .referenzInfo--description .gspul:last-child, .referenzInfo--description .gfras:last-child, .referenzInfo--description .gbohr:last-child, .referenzInfo--description .gflug:last-child {
          margin-right: 0; }
        .referenzInfo--description .gspul:nth-child(2n), .referenzInfo--description .gfras:nth-child(2n), .referenzInfo--description .gbohr:nth-child(2n), .referenzInfo--description .gflug:nth-child(2n) {
          margin-right: 0; }
        .referenzInfo--description .gspul:nth-child(2n+1), .referenzInfo--description .gfras:nth-child(2n+1), .referenzInfo--description .gbohr:nth-child(2n+1), .referenzInfo--description .gflug:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 667px) {
      .referenzInfo--description .gspul, .referenzInfo--description .gfras, .referenzInfo--description .gbohr, .referenzInfo--description .gflug {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        margin-bottom: 4px; }
        .referenzInfo--description .gspul:last-child, .referenzInfo--description .gfras:last-child, .referenzInfo--description .gbohr:last-child, .referenzInfo--description .gflug:last-child {
          margin-right: 0; }
        .referenzInfo--description .gspul:nth-child(2n), .referenzInfo--description .gfras:nth-child(2n), .referenzInfo--description .gbohr:nth-child(2n), .referenzInfo--description .gflug:nth-child(2n) {
          margin-right: 0.33445%; }
        .referenzInfo--description .gspul:nth-child(2n+1), .referenzInfo--description .gfras:nth-child(2n+1), .referenzInfo--description .gbohr:nth-child(2n+1), .referenzInfo--description .gflug:nth-child(2n+1) {
          clear: none; } }
    .referenzInfo--description .gspul h4, .referenzInfo--description .gfras h4, .referenzInfo--description .gbohr h4, .referenzInfo--description .gflug h4 {
      margin: 0;
      padding: 0;
      color: #112233; }
    .referenzInfo--description .gspul p, .referenzInfo--description .gfras p, .referenzInfo--description .gbohr p, .referenzInfo--description .gflug p {
      margin: 0;
      padding: 0; }
    .referenzInfo--description .gspul:before, .referenzInfo--description .gfras:before, .referenzInfo--description .gbohr:before, .referenzInfo--description .gflug:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 100%;
      content: ''; }
  .referenzInfo--description .gspul:before {
    background: url('../img/pin-gruen.png') center center no-repeat;
    background-size: 60% auto; }
  .referenzInfo--description .gflug:before {
    background: url('../img/pin-gelb.png') center center no-repeat;
    background-size: 60% auto; }
  .referenzInfo--description .gbohr:before {
    background: url('../img/pin-orange.png') center center no-repeat;
    background-size: 60% auto; }
  .referenzInfo--description .gfras:before {
    background: url('../img/pin-hellblau.png') center center no-repeat;
    background-size: 60% auto; }

#gmap {
  width: 100%;
  height: 500px;
  background: #fff; }

.intro {
  background: #ffdd00; }
  .intro--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 40px 0; }
    .intro--inner::after {
      clear: both;
      content: "";
      display: table; }
  .intro h1.btnlk {
    margin: 0;
    padding: 5px 10px;
    max-height: 46px;
    display: table; }
  .intro p {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 49.83278%; }
    .intro p:last-child {
      margin-right: 0; }
    @media screen and (max-width: 667px) {
      .intro p {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        padding-right: 0; }
        .intro p:last-child {
          margin-right: 0; } }

.history {
  margin: 0 0 40px 0;
  background: white; }
  .history--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px; }
    .history--inner::after {
      clear: both;
      content: "";
      display: table; }
    .history--inner .historyBoxes {
      margin: 0;
      padding: 0; }
    .history--inner .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 24.74916%;
      overflow: hidden; }
      .history--inner .box:last-child {
        margin-right: 0; }
      .history--inner .box:nth-child(4n) {
        margin-right: 0; }
      .history--inner .box:nth-child(4n+1) {
        clear: left; }
      .history--inner .box .image {
        position: relative;
        display: block;
        overflow: hidden;
        margin-bottom: 4px;
        max-width: 100%;
        width: 100%;
        height: auto; }
        .history--inner .box .image span.year {
          position: absolute;
          bottom: 0px;
          left: 0;
          display: inline-block;
          padding: 5px 10px;
          background: #ffdd00;
          color: #112233; }
        .history--inner .box .image img {
          min-height: 0;
          height: auto; }
      .history--inner .box .content {
        margin-bottom: 10px;
        padding: 15px 10px;
        min-height: 196px;
        background: #f3f3f4; }
        .history--inner .box .content h4 {
          margin: 0;
          color: #005577; }
        .history--inner .box .content p {
          height: 100%;
          color: #889099; }
      @media screen and (max-width: 900px) {
        .history--inner .box {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 49.83278%; }
          .history--inner .box:last-child {
            margin-right: 0; }
          .history--inner .box:nth-child(4n) {
            margin-right: 0.33445%; }
          .history--inner .box:nth-child(4n+1) {
            clear: none; }
          .history--inner .box:nth-child(2n) {
            margin-right: 0; }
          .history--inner .box:nth-child(2n+1) {
            clear: left; } }
      @media screen and (max-width: 568px) {
        .history--inner .box {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 100%;
          margin-right: 0; }
          .history--inner .box:last-child {
            margin-right: 0; }
          .history--inner .box:nth-child(2n) {
            margin-right: 0.33445%; }
          .history--inner .box:nth-child(2n+1) {
            clear: none; } }

.approvals {
  margin: 0 0 40px 0;
  background: white; }
  .approvals--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px; }
    .approvals--inner::after {
      clear: both;
      content: "";
      display: table; }
    .approvals--inner .approvals--boxes {
      margin: 0;
      padding: 0; }
    .approvals--inner .approvals--text {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .approvals--inner .approvals--text:last-child {
        margin-right: 0; }
      .approvals--inner .approvals--text h2 {
        margin-top: 0; }
      @media screen and (max-width: 1024px) {
        .approvals--inner .approvals--text {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 100%; }
          .approvals--inner .approvals--text:last-child {
            margin-right: 0; } }
    .approvals--inner .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 24.74916%;
      overflow: hidden; }
      .approvals--inner .box:last-child {
        margin-right: 0; }
      .approvals--inner .box:nth-child(4n) {
        margin-right: 0; }
      .approvals--inner .box:nth-child(4n+1) {
        clear: left; }
      .approvals--inner .box .image {
        position: relative;
        display: block;
        overflow: hidden;
        margin-bottom: 4px;
        max-width: 100%;
        width: 100%;
        height: auto; }
        .approvals--inner .box .image img {
          min-height: 0;
          height: auto; }
      .approvals--inner .box .content {
        margin-bottom: 10px;
        padding: 15px 10px;
        min-height: 196px;
        background: #f3f3f4; }
        .approvals--inner .box .content h4 {
          margin: 0;
          color: #005577; }
        .approvals--inner .box .content p {
          height: 100%;
          color: #889099; }
      @media screen and (max-width: 900px) {
        .approvals--inner .box {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 49.83278%; }
          .approvals--inner .box:last-child {
            margin-right: 0; }
          .approvals--inner .box:nth-child(4n) {
            margin-right: 0.33445%; }
          .approvals--inner .box:nth-child(4n+1) {
            clear: none; }
          .approvals--inner .box:nth-child(2n) {
            margin-right: 0; }
          .approvals--inner .box:nth-child(2n+1) {
            clear: left; } }
      @media screen and (max-width: 568px) {
        .approvals--inner .box {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 100%;
          margin-right: 0; }
          .approvals--inner .box:last-child {
            margin-right: 0; }
          .approvals--inner .box:nth-child(2n) {
            margin-right: 0.33445%; }
          .approvals--inner .box:nth-child(2n+1) {
            clear: none; } }

.workingPlaces {
  padding: 44px 0 84px 0;
  background: white; }
  .workingPlaces--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto; }
    .workingPlaces--inner::after {
      clear: both;
      content: "";
      display: table; }
    .workingPlaces--inner .workingPlacesMap {
      height: 674px !important;
      background: white; }

.reference {
  padding: 44px 0 84px 0;
  background: white; }
  .reference--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto; }
    .reference--inner::after {
      clear: both;
      content: "";
      display: table; }
    .reference--inner .referenceMap {
      height: 674px;
      background: white; }
    @media screen and (max-width: 1024px) {
      .reference--inner .reference--map {
        margin: 0 auto;
        position: relative; }
        .reference--inner .reference--map:before {
          content: "";
          display: block;
          padding-top: 100%; }
        .reference--inner .reference--map .referenceMap {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .reference--inner .reference--map .referenceMap {
          height: auto !important; } }
  .reference--text_left, .reference--text_right {
    padding: 25px 0 20px 0; }
  .reference--text_left {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 66.55518%; }
    .reference--text_left:last-child {
      margin-right: 0; }
    .reference--text_left h2 {
      margin: 0;
      padding: 0;
      color: #005577; }
    .reference--text_left p {
      width: 100%; }
    @media screen and (max-width: 1024px) {
      .reference--text_left {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .reference--text_left:last-child {
          margin-right: 0; } }
  .reference--text_right {
    margin-left: 8.3612%;
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 24.74916%; }
    .reference--text_right:last-child {
      margin-right: 0; }
    .reference--text_right .gearth, .reference--text_right .gstreet {
      position: relative;
      padding-left: 66px;
      height: 56px; }
      .reference--text_right .gearth h4, .reference--text_right .gstreet h4 {
        margin: 0;
        padding: 0;
        color: #112233; }
      .reference--text_right .gearth p, .reference--text_right .gstreet p {
        margin: 0;
        padding: 0; }
      .reference--text_right .gearth:before, .reference--text_right .gstreet:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 100%;
        background-size: 100% auto;
        content: ''; }
      @media screen and (max-width: 1024px) {
        .reference--text_right .gearth, .reference--text_right .gstreet {
          margin-left: 0%;
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 49.83278%;
          margin: 0; }
          .reference--text_right .gearth:last-child, .reference--text_right .gstreet:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 568px) {
        .reference--text_right .gearth, .reference--text_right .gstreet {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 100%; }
          .reference--text_right .gearth:last-child, .reference--text_right .gstreet:last-child {
            margin-right: 0; } }
    .reference--text_right .gearth {
      margin-bottom: 20px; }
      .reference--text_right .gearth:before {
        background: url('../img/pin-gelb.png') center center no-repeat; }
    .reference--text_right .gstreet:before {
      background: url('../img/pin-gruen.png') center center no-repeat; }
    @media screen and (max-width: 1024px) {
      .reference--text_right {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .reference--text_right:last-child {
          margin-right: 0; } }
  .reference--listing .referenceBox {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 24.74916%;
    overflow: hidden; }
    .reference--listing .referenceBox:last-child {
      margin-right: 0; }
    .reference--listing .referenceBox:nth-child(4n) {
      margin-right: 0; }
    .reference--listing .referenceBox:nth-child(4n+1) {
      clear: left; }
    .reference--listing .referenceBox--image {
      position: relative;
      display: block;
      overflow: hidden;
      margin-bottom: 4px;
      max-width: 100%;
      width: 100%;
      /*a {
          position: absolute;
          bottom: 0px;
          left: 0;
          display: block;
          padding: 5px 10px;
          width: 100%;
          height: 100%;
          background: none;
          color: $color-black;
          span {
            position: absolute;
            right: 0;
            bottom: 0;
            display: inline-block;
            padding: 5px 10px;
            background: $color-yellow;
            color: $color-black;
            font-family: $font-icon;
          }
        }*/ }
      .reference--listing .referenceBox--image a.fancybox:nth-of-type(n+2) {
        display: none; }
    .reference--listing .referenceBox--text {
      overflow: hidden;
      margin-bottom: 10px;
      padding: 15px 10px;
      max-height: 196px;
      background: #f3f3f4; }
      .reference--listing .referenceBox--text h4 {
        margin: 0;
        color: #005577; }
      .reference--listing .referenceBox--text p {
        height: 100%;
        color: #889099; }
    @media screen and (max-width: 1024px) {
      .reference--listing .referenceBox {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 33.11037%; }
        .reference--listing .referenceBox:last-child {
          margin-right: 0; }
        .reference--listing .referenceBox:nth-child(4n) {
          margin-right: 0.33445%; }
        .reference--listing .referenceBox:nth-child(4n+1) {
          clear: none; }
        .reference--listing .referenceBox:nth-child(3n) {
          margin-right: 0; }
        .reference--listing .referenceBox:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 768px) {
      .reference--listing .referenceBox {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 49.83278%; }
        .reference--listing .referenceBox:last-child {
          margin-right: 0; }
        .reference--listing .referenceBox:nth-child(3n) {
          margin-right: 0.33445%; }
        .reference--listing .referenceBox:nth-child(3n+1) {
          clear: none; }
        .reference--listing .referenceBox:nth-child(2n) {
          margin-right: 0; }
        .reference--listing .referenceBox:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 568px) {
      .reference--listing .referenceBox {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        margin-right: 0; }
        .reference--listing .referenceBox:last-child {
          margin-right: 0; }
        .reference--listing .referenceBox:nth-child(2n) {
          margin-right: 0.33445%; }
        .reference--listing .referenceBox:nth-child(2n+1) {
          clear: none; } }

.inventory {
  background: white; }
  .inventory--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 44px 0 84px 0; }
    .inventory--inner::after {
      clear: both;
      content: "";
      display: table; }
  .inventory--listing div[id^="inventory-"] {
    position: relative;
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 0;
    height: 196px;
    border: none;
    background-color: #f3f3f4;
    background-size: 100% 100%;
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 24.74916%; }
    .inventory--listing div[id^="inventory-"]:last-child {
      margin-right: 0; }
    .inventory--listing div[id^="inventory-"]:nth-child(4n) {
      margin-right: 0; }
    .inventory--listing div[id^="inventory-"]:nth-child(4n+1) {
      clear: left; }
    .inventory--listing div[id^="inventory-"] svg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%; }
    .inventory--listing div[id^="inventory-"] .caption {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      background: none; }
      .inventory--listing div[id^="inventory-"] .caption span.count, .inventory--listing div[id^="inventory-"] .caption span.kind {
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 20;
        display: inline-block; }
      .inventory--listing div[id^="inventory-"] .caption span.count {
        margin-right: 4px;
        padding: 10px 15px 10px 15px;
        background: #ffdd00;
        color: #112233;
        text-align: left; }
      .inventory--listing div[id^="inventory-"] .caption span.kind {
        position: absolute;
        left: auto;
        padding: 5px 10px 5px 10px;
        background: #112233;
        color: white;
        text-align: left; }
    @media screen and (max-width: 1024px) {
      .inventory--listing div[id^="inventory-"] {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 33.11037%; }
        .inventory--listing div[id^="inventory-"]:last-child {
          margin-right: 0; }
        .inventory--listing div[id^="inventory-"]:nth-child(4n) {
          margin-right: 0.33445%; }
        .inventory--listing div[id^="inventory-"]:nth-child(4n+1) {
          clear: none; }
        .inventory--listing div[id^="inventory-"]:nth-child(3n) {
          margin-right: 0; }
        .inventory--listing div[id^="inventory-"]:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 768px) {
      .inventory--listing div[id^="inventory-"] {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 49.83278%; }
        .inventory--listing div[id^="inventory-"]:last-child {
          margin-right: 0; }
        .inventory--listing div[id^="inventory-"]:nth-child(3n) {
          margin-right: 0.33445%; }
        .inventory--listing div[id^="inventory-"]:nth-child(3n+1) {
          clear: none; }
        .inventory--listing div[id^="inventory-"]:nth-child(2n) {
          margin-right: 0; }
        .inventory--listing div[id^="inventory-"]:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 400px) {
      .inventory--listing div[id^="inventory-"] {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        margin-right: 0; }
        .inventory--listing div[id^="inventory-"]:last-child {
          margin-right: 0; }
        .inventory--listing div[id^="inventory-"]:nth-child(2n) {
          margin-right: 0.33445%; }
        .inventory--listing div[id^="inventory-"]:nth-child(2n+1) {
          clear: none; } }
  .inventory--text {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 66.55518%; }
    .inventory--text:last-child {
      margin-right: 0; }
    .inventory--text h2 {
      color: #55bbee; }
    @media screen and (max-width: 768px) {
      .inventory--text {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .inventory--text:last-child {
          margin-right: 0; } }

.building {
  background: white; }
  .building--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 44px 0 84px 0; }
    .building--inner::after {
      clear: both;
      content: "";
      display: table; }
  .building--listing div[id^="building-"] {
    position: relative;
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 0;
    height: 196px;
    border: none;
    background-color: #f3f3f4;
    background-size: 100% 100%;
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 24.74916%; }
    .building--listing div[id^="building-"]:last-child {
      margin-right: 0; }
    .building--listing div[id^="building-"]:nth-child(4n) {
      margin-right: 0; }
    .building--listing div[id^="building-"]:nth-child(4n+1) {
      clear: left; }
    .building--listing div[id^="building-"] svg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%; }
    .building--listing div[id^="building-"] .caption {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      background: none;
      top: 0; }
      .building--listing div[id^="building-"] .caption span.subtext {
        position: absolute;
        top: 10px;
        right: 5px;
        color: #005577;
        font-family: 'Montserrat', 'Verdana', 'Lucida Grande', Arial, sans-serif;
        font-size: 15px; }
      .building--listing div[id^="building-"] .caption-wrap {
        position: absolute;
        bottom: 0; }
      .building--listing div[id^="building-"] .caption span.count, .building--listing div[id^="building-"] .caption span.kind {
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 20;
        display: inline-block; }
      .building--listing div[id^="building-"] .caption span.count {
        float: none;
        margin-right: 4px;
        margin-bottom: 4px;
        padding: 10px 15px 10px 15px;
        background: #ffdd00;
        color: #112233;
        text-align: left;
        font-size: 20px; }
      .building--listing div[id^="building-"] .caption span.kind {
        left: auto;
        display: inline;
        float: none;
        margin-left: 10px;
        padding: 5px 4px;
        background: #112233;
        box-decoration-break: clone;
        box-shadow: 10px 0 0 #112233, -10px 0 0 #112233;
        color: white;
        text-align: left;
        white-space: initial;
        line-height: 2.3;
        -webkit-box-decoration-break: clone;
        -ms-box-decoration-break: clone;
        -o-box-decoration-break: clone; }
    @media screen and (max-width: 1024px) {
      .building--listing div[id^="building-"] {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 33.11037%; }
        .building--listing div[id^="building-"]:last-child {
          margin-right: 0; }
        .building--listing div[id^="building-"]:nth-child(4n) {
          margin-right: 0.33445%; }
        .building--listing div[id^="building-"]:nth-child(4n+1) {
          clear: none; }
        .building--listing div[id^="building-"]:nth-child(3n) {
          margin-right: 0; }
        .building--listing div[id^="building-"]:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 768px) {
      .building--listing div[id^="building-"] {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 49.83278%; }
        .building--listing div[id^="building-"]:last-child {
          margin-right: 0; }
        .building--listing div[id^="building-"]:nth-child(3n) {
          margin-right: 0.33445%; }
        .building--listing div[id^="building-"]:nth-child(3n+1) {
          clear: none; }
        .building--listing div[id^="building-"]:nth-child(2n) {
          margin-right: 0; }
        .building--listing div[id^="building-"]:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 568px) {
      .building--listing div[id^="building-"] {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        margin-right: 0; }
        .building--listing div[id^="building-"]:last-child {
          margin-right: 0; }
        .building--listing div[id^="building-"]:nth-child(2n) {
          margin-right: 0.33445%; }
        .building--listing div[id^="building-"]:nth-child(2n+1) {
          clear: none; } }
  .building--text {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 66.55518%;
    margin-right: 0; }
    .building--text:last-child {
      margin-right: 0; }
    .building--text h2 {
      color: #005577; }
    @media screen and (max-width: 768px) {
      .building--text {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .building--text:last-child {
          margin-right: 0; } }

.news {
  background: white; }
  .news--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 44px 0 84px 0; }
    .news--inner::after {
      clear: both;
      content: "";
      display: table; }
  .news--listing {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 58.19398%; }
    .news--listing:last-child {
      margin-right: 0; }
    @media screen and (max-width: 900px) {
      .news--listing {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .news--listing:last-child {
          margin-right: 0; } }
  .news--archive {
    margin-left: 8.3612%;
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 33.11037%; }
    .news--archive:last-child {
      margin-right: 0; }
    @media screen and (max-width: 900px) {
      .news--archive {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .news--archive:last-child {
          margin-right: 0; } }
  .news .news-item {
    display: block;
    overflow: hidden;
    margin-bottom: 4px; }
    .news .news-item .image {
      float: left;
      display: block;
      margin-right: 0.50251%;
      width: 30.90452%;
      position: relative;
      display: block;
      overflow: hidden;
      min-height: 100%;
      height: 100%; }
      .news .news-item .image:last-child {
        margin-right: 0; }
      @media screen and (max-width: 667px) {
        .news .news-item .image {
          display: none; } }
      .news .news-item .image a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%; }
        .news .news-item .image a span {
          position: absolute;
          right: 0;
          bottom: 0;
          display: block;
          width: 32px;
          height: 32px;
          background: #ffdd00;
          color: #112233;
          text-align: center;
          font-size: 30px;
          font-family: 'web_symbolsregular' !important;
          line-height: 32px; }
    .news .news-item .content {
      float: left;
      display: block;
      margin-right: 0.50251%;
      width: 68.59296%;
      position: relative;
      padding: 10px 15px;
      height: 196px;
      background: #f3f3f4; }
      .news .news-item .content:last-child {
        margin-right: 0; }
      @media screen and (max-width: 667px) {
        .news .news-item .content {
          float: left;
          display: block;
          margin-right: 0.50251%;
          width: 100%; }
          .news .news-item .content:last-child {
            margin-right: 0; } }
      .news .news-item .content h4 {
        margin: 0;
        color: #005577; }
      .news .news-item .content p {
        margin: 0; }
      .news .news-item .content a.overlaylink {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%; }
  .news .monthBox {
    margin-bottom: 74px; }
    .news .monthBox:last-of-type {
      margin-bottom: 0; }
      @media screen and (max-width: 900px) {
        .news .monthBox:last-of-type {
          margin-bottom: 74px; } }
    .news .monthBox .heading {
      position: relative;
      margin-bottom: 4px;
      height: 32px; }
      .news .monthBox .heading .anchorpoint {
        position: relative;
        top: -140px;
        display: inline-block;
        visibility: hidden;
        font-family: 'web_symbolsregular' !important; }
      .news .monthBox .heading h3 {
        position: absolute;
        left: 0; }
      .news .monthBox .heading .prevnext {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%; }
        .news .monthBox .heading .prevnext a {
          display: inline-block;
          width: 32px;
          height: 32px;
          background: #ffdd00;
          color: #112233;
          text-align: center;
          font-size: 30px;
          font-family: 'web_symbolsregular' !important;
          line-height: 32px; }
    .news .monthBox .news-item {
      max-width: 8;
      margin-left: auto;
      margin-right: auto;
      height: 196px; }
      .news .monthBox .news-item::after {
        clear: both;
        content: "";
        display: table; }
      .news .monthBox .news-item--single {
        height: 100% !important; }
        .news .monthBox .news-item--single .image {
          max-height: 194px;
          height: 194px; }
        .news .monthBox .news-item--single .content {
          padding-bottom: 40px;
          height: auto; }
          .news .monthBox .news-item--single .content h1 {
            margin: 0 0 20px 0;
            color: #112233; }
          .news .monthBox .news-item--single .content p {
            margin-bottom: 10px; }
            .news .monthBox .news-item--single .content p:last-of-type {
              margin-bottom: 0; }
  .news--archive .news-item {
    max-width: 12;
    margin-left: auto;
    margin-right: auto;
    height: 96px; }
    .news--archive .news-item::after {
      clear: both;
      content: "";
      display: table; }
    .news--archive .news-item .content {
      height: 96px; }
      @media screen and (max-width: 900px) {
        .news--archive .news-item .content {
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 83.27759%; }
          .news--archive .news-item .content:last-child {
            margin-right: 0; } }
    @media screen and (max-width: 900px) {
      .news--archive .news-item .image {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 16.38796%; }
        .news--archive .news-item .image:last-child {
          margin-right: 0; } }
    .news--archive .news-item aside a.overlaylink {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background: transparent; }
  .news.single .monthBox a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #ffdd00;
    color: #112233;
    text-align: center;
    font-size: 30px;
    font-family: web_symbolsregular;
    font-family: 'web_symbolsregular' !important;
    line-height: 32px;
    z-index: 20; }
  .news.single .monthBox .image a {
    display: none;
    background: none;}
  .news.single .monthBox .image a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  @media screen and (max-width: 600px) {
    .news.single .monthBox {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .news.single .monthBox:last-child {
        margin-right: 0; }
      .news.single .monthBox aside.image {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        height: auto;
        max-height: none;
        margin-bottom: 4px; }
        .news.single .monthBox aside.image:last-child {
          margin-right: 0; }
      .news.single .monthBox .content {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .news.single .monthBox .content:last-child {
          margin-right: 0; } }

.servicesListing {
  background: white; }
  .servicesListing--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0; }
    .servicesListing--inner::after {
      clear: both;
      content: "";
      display: table; }

.servicesSingle--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .servicesSingle--inner::after {
    clear: both;
    content: "";
    display: table; }
.servicesSingle .servicesReferenzes .refenenzItem {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%;
  border: none;
  background: #f3f3f4 no-repeat;
  background-size: 100% 100%;
  transition: background 150ms linear; }
  .servicesSingle .servicesReferenzes .refenenzItem:last-child {
    margin-right: 0; }
  .servicesSingle .servicesReferenzes .refenenzItem:nth-child(5n) {
    margin-right: 0; }
  .servicesSingle .servicesReferenzes .refenenzItem:nth-child(5n+1) {
    clear: left; }
  .servicesSingle .servicesReferenzes .refenenzItem--image img {
    display: block;
    visibility: visible;
    width: 100%;
    height: 100%; }
  .servicesSingle .servicesReferenzes .refenenzItem--image a.fancybox:nth-of-type(n+2) {
    display: none; }
  .servicesSingle .servicesReferenzes .refenenzItem--text {
    height: auto;
    border-top: 4px solid white;
    background: #f3f3f4; }
    .servicesSingle .servicesReferenzes .refenenzItem--text h3 {
      margin: 0;
      padding: 0;
      color: #005577; }
  @media screen and (max-width: 1024px) {
    .servicesSingle .servicesReferenzes .refenenzItem {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 33.11037%;
      margin-bottom: 4px; }
      .servicesSingle .servicesReferenzes .refenenzItem:last-child {
        margin-right: 0; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(5n) {
        margin-right: 0.33445%; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(5n+1) {
        clear: none; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(4n) {
        margin-right: 0; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(4n+1) {
        clear: left; } }
  @media screen and (max-width: 768px) {
    .servicesSingle .servicesReferenzes .refenenzItem {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .servicesSingle .servicesReferenzes .refenenzItem:last-child {
        margin-right: 0; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(4n) {
        margin-right: 0.33445%; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(4n+1) {
        clear: none; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(3n) {
        margin-right: 0; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(3n+1) {
        clear: left; } }
  @media screen and (max-width: 568px) {
    .servicesSingle .servicesReferenzes .refenenzItem {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-right: 0; }
      .servicesSingle .servicesReferenzes .refenenzItem:last-child {
        margin-right: 0; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(3n) {
        margin-right: 0.33445%; }
      .servicesSingle .servicesReferenzes .refenenzItem:nth-child(3n+1) {
        clear: none; } }

.otherServices--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .otherServices--inner::after {
    clear: both;
    content: "";
    display: table; }
.otherServices .otherServices--text {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%; }
  .otherServices .otherServices--text:last-child {
    margin-right: 0; }
  .otherServices .otherServices--text h3 {
    margin: 0;
    color: #112233; }
  @media screen and (max-width: 1024px) {
    .otherServices .otherServices--text {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .otherServices .otherServices--text:last-child {
        margin-right: 0; } }
.otherServices .otherServices--listing {
  margin-left: 8.3612%;
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 66.55518%; }
  .otherServices .otherServices--listing:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .otherServices .otherServices--listing {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .otherServices .otherServices--listing:last-child {
        margin-right: 0; } }

.hero--inner .lang-switch {
  position: absolute;
  right: 0;
  bottom: -8px;
  height: 54px; }
  @media screen and (max-width: 1196px) {
    .hero--inner .lang-switch {
      right: 30px; } }
  .hero--inner .lang-switch .lang.german, .hero--inner .lang-switch .lang.english {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 2px solid #f3f3f4;
    background: #ffdd00; }
    .hero--inner .lang-switch .lang.german:before, .hero--inner .lang-switch .lang.english:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: inline-block;
      padding: 0;
      width: 41px;
      height: 41px;
      color: #112233;
      vertical-align: middle;
      text-align: center;
      text-indent: 0;
      font-size: 22px;
      line-height: 41px; }
    .hero--inner .lang-switch .lang.german:hover, .hero--inner .lang-switch .lang.german:active, .hero--inner .lang-switch .lang.german:focus, .hero--inner .lang-switch .lang.german.active, .hero--inner .lang-switch .lang.english:hover, .hero--inner .lang-switch .lang.english:active, .hero--inner .lang-switch .lang.english:focus, .hero--inner .lang-switch .lang.english.active {
      background: #f3f3f4;
      color: #112233; }
  .hero--inner .lang-switch .lang.german:before {
    content: "de"; }
  .hero--inner .lang-switch .lang.german {
    margin-right: 4px; }
  .hero--inner .lang-switch .lang.english:before {
    content: "en"; }

.sstgmbh--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .sstgmbh--inner::after {
    clear: both;
    content: "";
    display: table; }
.sstgmbh--text {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 66.55518%; }
  .sstgmbh--text:last-child {
    margin-right: 0; }
  @media screen and (max-width: 900px) {
    .sstgmbh--text {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-bottom: 20px; }
      .sstgmbh--text:last-child {
        margin-right: 0; } }
  .sstgmbh--text aside {
    display: block;
    overflow: hidden;
    margin-bottom: 4px;
    max-width: 100%;
    width: 100%; }
    .sstgmbh--text aside img {
      background: #f3f3f4;
      min-height: 0; }
  .sstgmbh--text .col1, .sstgmbh--text .col2 {
    float: left;
    display: block;
    margin-right: 0.50251%;
    width: 43.46734%; }
    .sstgmbh--text .col1:last-child, .sstgmbh--text .col2:last-child {
      margin-right: 0; }
    @media screen and (max-width: 568px) {
      .sstgmbh--text .col1, .sstgmbh--text .col2 {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .sstgmbh--text .col1:last-child, .sstgmbh--text .col2:last-child {
          margin-right: 0; } }
    .sstgmbh--text .col1 h1, .sstgmbh--text .col2 h1 {
      color: #112233 !important; }
    .sstgmbh--text .col1 p, .sstgmbh--text .col2 p {
      color: #889099; }
  .sstgmbh--text .col2 {
    margin-left: 8.3612%; }
    @media screen and (max-width: 568px) {
      .sstgmbh--text .col2 {
        margin-left: 0%; } }
.sstgmbh aside.video {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 33.11037%;
  padding: 0; }
  .sstgmbh aside.video:last-child {
    margin-right: 0; }
  .sstgmbh aside.video p {
    padding: 0 10px 15px 10px; }
  .sstgmbh aside.video #video {
    display: block;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* @TODO: eventually polyfill it */ }
  @media screen and (min-width: 568px) and (max-width: 900px) {
    .sstgmbh aside.video {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .sstgmbh aside.video:last-child {
        margin-right: 0; }
      .sstgmbh aside.video #video {
        max-width: 50%;
        min-width: 0;
        width: 50%;
        float: left; }
      .sstgmbh aside.video p {
        width: 50%;
        float: right; } }
  @media screen and (max-width: 568px) {
    .sstgmbh aside.video {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .sstgmbh aside.video:last-child {
        margin-right: 0; } }

.cooperation--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .cooperation--inner::after {
    clear: both;
    content: "";
    display: table; }
.cooperation--boxes {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 66.55518%; }
  .cooperation--boxes:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .cooperation--boxes {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .cooperation--boxes:last-child {
        margin-right: 0; } }
  .cooperation--boxes .coop-item.contacts {
    float: left;
    display: block;
    margin-right: 0.50251%;
    width: 62.31156%; }
    .cooperation--boxes .coop-item.contacts:last-child {
      margin-right: 0; }
    @media screen and (max-width: 568px) {
      .cooperation--boxes .coop-item.contacts {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .cooperation--boxes .coop-item.contacts:last-child {
          margin-right: 0; } }
  .cooperation--boxes .coop-item.coops {
    float: left;
    display: block;
    margin-right: 0.50251%;
    width: 37.18593%; }
    .cooperation--boxes .coop-item.coops:last-child {
      margin-right: 0; }
    @media screen and (max-width: 568px) {
      .cooperation--boxes .coop-item.coops {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .cooperation--boxes .coop-item.coops:last-child {
          margin-right: 0; } }
  .cooperation--boxes .coop-item .box p {
    margin: 0 0 15px 0; }
  .cooperation--boxes .coop-item .box.thyssen {
    color: #112233; }
    .cooperation--boxes .coop-item .box.thyssen .coop-logo {
      width: 100px; }
      .cooperation--boxes .coop-item .box.thyssen .coop-logo img {
        min-height: 0; }
  .cooperation--boxes .coop-item .box.sst .content {
    position: relative;
    height: 100%;
    display: table; }
  .cooperation--boxes .coop-item .box.sst .coop-logo {
    top: 15px;
    left: 0px;
    bottom: 15px;
    width: 120px;
    height: auto;
    display: table-cell; }
    .cooperation--boxes .coop-item .box.sst .coop-logo img {
      object-fit: contain;
      min-height: 0; }
  .cooperation--boxes .coop-item .box.sst .address {
    padding: 0 0 0 20px;
    color: #112233;
    float: left; }
    .cooperation--boxes .coop-item .box.sst .address [itemprop="address"] {
      margin-bottom: 15px; }

.ffText--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .ffText--inner::after {
    clear: both;
    content: "";
    display: table; }
.ffText--text {
  width: calc(((1196px / 12) * 8) + 96px);
  background: #f3f3f4; }
  @media screen and (max-width: 1024px) {
    .ffText--text {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .ffText--text:last-child {
        margin-right: 0; } }
.ffText--slider {
  width: calc(((1196px / 12) * 8) + 96px);
  height: 100%;
  position: relative;
  margin-bottom: 4px;
  margin-bottom: 54px; }
  .ffText--slider .sliderCon {
    min-height: 400px;
    position: relative;
    width: 100% !important; }
    .ffText--slider .sliderCon ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .ffText--slider .sliderCon ul li {
        margin: 0;
        padding: 0;
        float: left; }
    .ffText--slider .sliderCon .slcaption {
      margin: 4px 0 0 0;
      padding: 20px 15px;
      background: #f3f3f4;
      width: calc(((1196px / 12) * 8) + 96px); }
      @media screen and (max-width: 1024px) {
        .ffText--slider .sliderCon .slcaption {
          margin-left: 0%;
          float: left;
          display: block;
          margin-right: 0.33445%;
          width: 100%; }
          .ffText--slider .sliderCon .slcaption:last-child {
            margin-right: 0; } }
      .ffText--slider .sliderCon .slcaption p:first-of-type {
        margin-top: 0; }
      .ffText--slider .sliderCon .slcaption p:last-of-type {
        margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    .ffText--slider {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .ffText--slider:last-child {
        margin-right: 0; } }
  .ffText--slider .prevnext {
    bottom: -54px;
    height: 54px;
    position: absolute;
    right: 0; }
    @media screen and (max-width: 1024px) {
      .ffText--slider .prevnext {
        bottom: -1px;
        right: 4px;
        z-index: 2000;
        display: none; } }
    @media screen and (max-width: 667px) {
      .ffText--slider .prevnext {
        display: none; } }
    .ffText--slider .prevnext .unslider-arrow {
      margin-top: 4px; }
      .ffText--slider .prevnext .unslider-arrow.prev, .ffText--slider .prevnext .unslider-arrow.next {
        display: inline-block;
        position: relative;
        background: #ffdd00;
        border: 2px solid #f3f3f4;
        width: 45px;
        height: 45px; }
        .ffText--slider .prevnext .unslider-arrow.prev:before, .ffText--slider .prevnext .unslider-arrow.next:before {
          position: absolute;
          display: inline-block;
          padding: 0;
          width: 45px;
          height: 45px;
          color: #112233;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          text-indent: 0;
          text-align: center;
          vertical-align: middle;
          font-size: 28px;
          line-height: 41px;
          font-family: web_symbolsregular; }
        .ffText--slider .prevnext .unslider-arrow.prev:hover, .ffText--slider .prevnext .unslider-arrow.next:hover {
          color: #112233;
          background: #f3f3f4; }
      .ffText--slider .prevnext .unslider-arrow.prev:before {
        content: "Ô"; }
      .ffText--slider .prevnext .unslider-arrow.next:before {
        content: "×"; }

.jobs--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .jobs--inner::after {
    clear: both;
    content: "";
    display: table; }
.jobs--listing {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 66.55518%; }
  .jobs--listing:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .jobs--listing {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-bottom: 40px; }
      .jobs--listing:last-child {
        margin-right: 0; } }
.jobs--contact {
  margin-left: 8.3612%;
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%; }
  .jobs--contact:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .jobs--contact {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .jobs--contact:last-child {
        margin-right: 0; } }
.jobs .job-item a.overlaylink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%; }
.jobs .job-item:hover .image {
  background-color: transparent;
  box-shadow: 0 0 0px 2px #f3f3f4 inset; }
  .jobs .job-item:hover .image svg.svg-non-hover {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0; }
  .jobs .job-item:hover .image svg.svg-hover {
    display: block;
    visibility: visible;
    width: 100%;
    height: 100%; }
.jobs .job-item:hover .content, .jobs .job-item:hover h4, .jobs .job-item:hover p, .jobs .job-item:focus .content, .jobs .job-item:focus h4, .jobs .job-item:focus p {
  background: #ffdd00;
  color: #112233; }
@media screen and (max-width: 568px) {
  .jobs .job-item aside {
    display: none !important; }
  .jobs .job-item .content {
    margin-left: 0 !important; } }

.jobdetails .heading {
  position: relative; }
  .jobdetails .heading a {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    font-family: 'web_symbolsregular' !important;
    font-size: 30px;
    max-width: 32px;
    padding: 10px 0 0 0;
    text-align: center; }
.jobdetails aside > .heading:nth-of-type(1n+2) {
  margin-top: 60px; }
.jobdetails--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .jobdetails--inner::after {
    clear: both;
    content: "";
    display: table; }
.jobdetails--detail {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 58.19398%; }
  .jobdetails--detail:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .jobdetails--detail {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-bottom: 40px; }
      .jobdetails--detail:last-child {
        margin-right: 0; } }
  .jobdetails--detail .heading a {
    font-family: 'web_symbolsregular' !important;
    text-transform: uppercase; }
.jobdetails--contact {
  margin-left: 8.3612%;
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 33.11037%; }
  .jobdetails--contact:last-child {
    margin-right: 0; }
  .jobdetails--contact .jobdetails--speak {
    margin-bottom: 40px; }
  @media screen and (max-width: 1024px) {
    .jobdetails--contact {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .jobdetails--contact:last-child {
        margin-right: 0; }
      .jobdetails--contact .jobdetails--speak, .jobdetails--contact .jobdetails--more {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 49.83278%; }
        .jobdetails--contact .jobdetails--speak:last-child, .jobdetails--contact .jobdetails--more:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 667px) {
    .jobdetails--contact {
      margin-left: 0%;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .jobdetails--contact:last-child {
        margin-right: 0; }
      .jobdetails--contact .jobdetails--speak, .jobdetails--contact .jobdetails--more {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .jobdetails--contact .jobdetails--speak:last-child, .jobdetails--contact .jobdetails--more:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 568px) {
    .jobdetails--contact .job-item aside {
      display: none !important; }
    .jobdetails--contact .job-item .content {
      margin-left: 0 !important; } }
.jobdetails--desc .content {
  margin-bottom: 4px; }
  .jobdetails--desc .content h1 {
    color: #112233;
    margin: 0 0 15px 0; }
  .jobdetails--desc .content table {
    border: none;
    border-collapse: separate;
    border-spacing: 0px;
    color: #112233;
    font-family: 'Montserrat', 'Verdana', 'Lucida Grande', Arial, sans-serif;
    margin-bottom: 25px; }
  .jobdetails--desc .content th, .jobdetails--desc .content tr {
    text-align: left;
    padding-right: 20px;
    font-weight: 400; }
  .jobdetails--desc .content h2, .jobdetails--desc .content h3, .jobdetails--desc .content h4, .jobdetails--desc .content h5, .jobdetails--desc .content h6 {
    color: #112233;
    margin: 0; }
  .jobdetails--desc .content p {
    margin: 0 0 15px 0; }
.jobdetails--desc .cus--image {
  float: left;
  display: block;
  margin-right: 0.50251%;
  width: 30.90452%; }
  .jobdetails--desc .cus--image:last-child {
    margin-right: 0; }
  @media screen and (max-width: 667px) {
    .jobdetails--desc .cus--image {
      display: none; } }
  .jobdetails--desc .cus--image .ratio {
    height: 194px;
    background: #cfd2d6;
    position: relative; }
    .jobdetails--desc .cus--image .ratio:before {
      content: 'm';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      font-family: 'web_symbolsregular' !important;
      font-size: 140px;
      line-height: 194px;
      text-align: center;
      color: white; }
.jobdetails--desc .cus--text {
  float: left;
  display: block;
  margin-right: 0.50251%;
  width: 68.59296%;
  background: #ffdd00;
  min-height: 194px;
  color: #112233;
  padding: 10px 15px; }
  .jobdetails--desc .cus--text:last-child {
    margin-right: 0; }
  @media screen and (max-width: 667px) {
    .jobdetails--desc .cus--text {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .jobdetails--desc .cus--text:last-child {
        margin-right: 0; } }
  .jobdetails--desc .cus--text strong {
    margin: 0;
    color: #112233; }
  .jobdetails--desc .cus--text a {
    color: #112233;
    margin: 0; }
  .jobdetails--desc .cus--text p {
    margin-top: 0; }
    .jobdetails--desc .cus--text p:last-of-type {
      margin: 0; }

.contact--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .contact--inner::after {
    clear: both;
    content: "";
    display: table; }
  .contact--inner article {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 49.83278%; }
    .contact--inner article:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .contact--inner article {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .contact--inner article:last-child {
          margin-right: 0; }
        .contact--inner article:first-of-type {
          margin-bottom: 4px; } }
  .contact--inner .gmap {
    height: 500px;
    background: #fff; }

.workplaces--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .workplaces--inner::after {
    clear: both;
    content: "";
    display: table; }
  .workplaces--inner .referenceBox {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 24.74916%; }
    .workplaces--inner .referenceBox:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .workplaces--inner .referenceBox {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 33.11037%; }
        .workplaces--inner .referenceBox:last-child {
          margin-right: 0; }
        .workplaces--inner .referenceBox:nth-child(4n) {
          margin-right: 0.33445%; }
        .workplaces--inner .referenceBox:nth-child(4n+1) {
          clear: none; }
        .workplaces--inner .referenceBox:nth-child(3n) {
          margin-right: 0; }
        .workplaces--inner .referenceBox:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 768px) {
      .workplaces--inner .referenceBox {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 49.83278%; }
        .workplaces--inner .referenceBox:last-child {
          margin-right: 0; }
        .workplaces--inner .referenceBox:nth-child(4n) {
          margin-right: 0.33445%; }
        .workplaces--inner .referenceBox:nth-child(4n+1) {
          clear: none; }
        .workplaces--inner .referenceBox:nth-child(2n) {
          margin-right: 0; }
        .workplaces--inner .referenceBox:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 568px) {
      .workplaces--inner .referenceBox {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%;
        margin-right: 0; }
        .workplaces--inner .referenceBox:last-child {
          margin-right: 0; }
        .workplaces--inner .referenceBox:nth-child(2n) {
          margin-right: 0.33445%; }
        .workplaces--inner .referenceBox:nth-child(2n+1) {
          clear: none; } }
    .workplaces--inner .referenceBox--image {
      position: relative; }
      .workplaces--inner .referenceBox--image .map {
        padding-bottom: 4px; }
    .workplaces--inner .referenceBox .gmap, .workplaces--inner .referenceBox [id^="gmap-"] {
      width: 100%;
      height: 300px;
      background: #fff; }
    .workplaces--inner .referenceBox h2 {
      color: #005577;
      margin: 0; }
    .workplaces--inner .referenceBox p {
      margin: 0 0 10px 0;
      color: #889099; }
    .workplaces--inner .referenceBox .mapnav {
      position: absolute;
      right: 0;
      bottom: 5px;
      z-index: 100;
      width: 100%;
      height: 60px;
      text-align: right; }
      .workplaces--inner .referenceBox .mapnav > span {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 100%;
        background: #ffdd00;
        text-align: center;
        text-indent: -9999px; }
        .workplaces--inner .referenceBox .mapnav > span:hover, .workplaces--inner .referenceBox .mapnav > span:active, .workplaces--inner .referenceBox .mapnav > span:focus, .workplaces--inner .referenceBox .mapnav > span.active {
          background: #112233; }
        .workplaces--inner .referenceBox .mapnav > span[class^="icon-"] {
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          content: ''; }
        .workplaces--inner .referenceBox .mapnav > span.icon-streetview:before {
          content: '';
          background: url('../img/pin-karte.svg') no-repeat;
          background-size: 100% 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
        .workplaces--inner .referenceBox .mapnav > span.icon-streetview.active:before {
          content: '';
          background: url('../img/pin-karte-hover.svg') no-repeat;
          background-size: 100% 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
        .workplaces--inner .referenceBox .mapnav > span.icon-satellite:before {
          content: '';
          background: url('../img/pin-earth.svg') no-repeat;
          background-size: 100% 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
        .workplaces--inner .referenceBox .mapnav > span.icon-satellite.active:before {
          content: '';
          background: url('../img/pin-earth-hover.svg') no-repeat;
          background-size: 100% 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }

.people {
  /*  &-tech,
  &-trading,
  &-sales,
  &-ceo {
    margin-bottom: 25px;
  }
  &-ceo {
    @include span-columns(8);
    .box {
      @extend %box;
      @include span-columns(4 of 8);
    }
  }
  &-tech,
  &-trading,
  &-sales {
    @include span-columns(4);
    .box {
      @extend %box;
      @include span-columns(4 of 4);
    }
  }
  &-tech,
  &-trading {
    @include min-screen($pad) {
      @include omega();
    }
  }*/ }
  .people--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0; }
    .people--inner::after {
      clear: both;
      content: "";
      display: table; }
  .people-cont {
    float: left;
    display: block;
    margin-right: 0.33445%;
    width: 33.11037%;
    margin-bottom: 65px; }
    .people-cont:last-child {
      margin-right: 0; }
    .people-cont .box {
      background: #f3f3f4; }
    @media screen and (max-width: 1024px) {
      .people-cont {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 49.83278%; }
        .people-cont:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 667px) {
      .people-cont {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .people-cont:last-child {
          margin-right: 0; } }
  .people .box {
    color: #889099; }
    .people .box h2 {
      margin: 0;
      color: #005577; }
    .people .box a.tel {
      display: inline-block;
      color: #889099 !important;
      white-space: pre-line; }
      .people .box a.tel:hover {
        color: #889099 !important; }
    .people .box a.mail {
      display: block; }
  @media screen and (max-width: 1024px) {
    .people-tech, .people-trading, .people-sales {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .people-tech:last-child, .people-trading:last-child, .people-sales:last-child {
        margin-right: 0; }
    .people-ceo {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .people-ceo:last-child {
        margin-right: 0; }
    .people-sales {
      margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .people-tech, .people-trading, .people-sales {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-right: 0; }
      .people-tech:last-child, .people-trading:last-child, .people-sales:last-child {
        margin-right: 0; }
    .people-ceo {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .people-ceo:last-child {
        margin-right: 0; }
      .people-ceo .box {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 100%; }
        .people-ceo .box:last-child {
          margin-right: 0; }
    .people-sales {
      margin-right: 0; } }

@media screen and (max-width: 1196px) {
  [class$="--inner"] {
    padding-left: 30px;
    padding-right: 30px; } }

#popout {
  padding: 5px 10px;
  width: 500px;
  height: 180px;
  background: white;
  display: block;
  position: relative;
  padding-bottom: 20%; }
  #popout .right {
    float: left;
    width: 150px;
    /* 2 columns in a 5 column grid */
    height: 150px;
    margin-left: 0;
    margin-right: -100%;
    padding: 0; }
  #popout .left {
    float: left;
    width: 60%;
    margin-left: 40%;
    margin-right: -100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: white;
    padding: 0 10px 10px 10px; }
    #popout .left h1 {
      margin: 10px 0 0 0; }
    #popout .left p:first-of-type {
      margin: 0;
      padding: 0; }
    #popout .left p:nth-of-type(2) {
      margin: 10px 0 0 0;
      padding: 0; }
    #popout .left p:nth-of-type(3) {
      margin: 0 0 10px 0;
      padding: 0; }
    #popout .left a {
      margin: 0;
      padding: 0; }

.maplegend--container {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px; }
  .maplegend--container::after {
    clear: both;
    content: "";
    display: table; }
.maplegend--item {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%;
  background: #f3f3f4;
  padding: 10px 15px;
  position: relative; }
  .maplegend--item:last-child {
    margin-right: 0; }
  .maplegend--item:nth-child(4n) {
    margin-right: 0; }
  .maplegend--item:nth-child(4n+1) {
    clear: left; }
  .maplegend--item h4 {
    margin: 0;
    color: #112233; }
  .maplegend--item p {
    margin: 0;
    padding: 0;
    color: #889099; }
  .maplegend--item h4, .maplegend--item p {
    margin-left: 50px; }
  .maplegend--item::before {
    content: '';
    width: 50px;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: none; }
  .maplegend--item.spul::before {
    background: url('../img/pin-gruen.png') center center no-repeat;
    background-size: 60% auto; }
  .maplegend--item.flug::before {
    background: url('../img/pin-gelb.png') center center no-repeat;
    background-size: 60% auto; }
  .maplegend--item.fras::before {
    background: url('../img/pin-hellblau.png') center center no-repeat;
    background-size: 60% auto; }
  .maplegend--item.rohr::before {
    background: url('../img/pin-orange.png') center center no-repeat;
    background-size: 60% auto; }
  @media screen and (max-width: 1024px) {
    .maplegend--item {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%;
      margin-bottom: 4px; }
      .maplegend--item:last-child {
        margin-right: 0; }
      .maplegend--item:nth-child(4n) {
        margin-right: 0.33445%; }
      .maplegend--item:nth-child(4n+1) {
        clear: none; }
      .maplegend--item:nth-child(2n) {
        margin-right: 0; }
      .maplegend--item:nth-child(2n+1) {
        clear: left; } }
  @media screen and (max-width: 667px) {
    .maplegend--item {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-bottom: 4px; }
      .maplegend--item:last-child {
        margin-right: 0; }
      .maplegend--item:nth-child(2n) {
        margin-right: 0.33445%; }
      .maplegend--item:nth-child(2n+1) {
        clear: none; }
      .maplegend--item:nth-child(1n) {
        margin-right: 0; }
      .maplegend--item:nth-child(1n+1) {
        clear: left; } }

.refList--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .refList--inner::after {
    clear: both;
    content: "";
    display: table; }
.refList--listing.hide > .box {
  display: none; }
.refList--listing .ref {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 33.11037%;
  clear: none !important; }
  .refList--listing .ref:last-child {
    margin-right: 0; }
  .refList--listing .ref:nth-child(3n) {
    margin-right: 0; }
  .refList--listing .ref:nth-child(3n+1) {
    clear: left; }
  .refList--listing .ref h1 {
    margin: 0;
    color: #112233; }
  .refList--listing .ref h4 {
    color: #005577;
    margin-bottom: 5px; }
  .refList--listing .ref table tr:first-of-type td {
    padding-bottom: 10px;
    color: #889099; }
  .refList--listing .ref table tr td:last-of-type {
    padding-left: 20px; }
  .refList--listing .ref table tr span.button {
    display: inline-block;
    padding: 3px 5px; }
    .refList--listing .ref table tr span.button.dume {
      background: #cfd2d6;
      color: #112233; }
    .refList--listing .ref table tr span.button.bohr {
      background: #112233;
      color: white; }
    .refList--listing .ref table tr span.button.flug {
      background: #ffdd00;
      color: #112233; }
    .refList--listing .ref table tr span.button.fras {
      background: #005577;
      color: white; }
    .refList--listing .ref table tr span.button.rohr {
      background: #fca726;
      color: white; }
  @media screen and (max-width: 1024px) {
    .refList--listing .ref {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%;
      clear: none !important; }
      .refList--listing .ref:last-child {
        margin-right: 0; }
      .refList--listing .ref:nth-child(3n) {
        margin-right: 0.33445%; }
      .refList--listing .ref:nth-child(3n+1) {
        clear: none; }
      .refList--listing .ref:nth-child(2n) {
        margin-right: 0; }
      .refList--listing .ref:nth-child(2n+1) {
        clear: left; } }
  @media screen and (max-width: 667px) {
    .refList--listing .ref {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      clear: none !important; }
      .refList--listing .ref:last-child {
        margin-right: 0; }
      .refList--listing .ref:nth-child(2n) {
        margin-right: 0.33445%; }
      .refList--listing .ref:nth-child(2n+1) {
        clear: none; }
      .refList--listing .ref:nth-child(1n) {
        margin-right: 0; }
      .refList--listing .ref:nth-child(1n+1) {
        clear: left; } }

.processlisting--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .processlisting--inner::after {
    clear: both;
    content: "";
    display: table; }
.processlisting .process--box {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%;
  position: relative;
  padding: 0; }
  .processlisting .process--box:last-child {
    margin-right: 0; }
  .processlisting .process--box:nth-child(4n) {
    margin-right: 0; }
  .processlisting .process--box:nth-child(4n+1) {
    clear: left; }
  .processlisting .process--box .overlaylink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  @media screen and (max-width: 768px) {
    .processlisting .process--box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .processlisting .process--box:last-child {
        margin-right: 0; }
      .processlisting .process--box:nth-child(4n) {
        margin-right: 0.33445%; }
      .processlisting .process--box:nth-child(4n+1) {
        clear: none; }
      .processlisting .process--box:nth-child(2n) {
        margin-right: 0; }
      .processlisting .process--box:nth-child(2n+1) {
        clear: left; } }
  @media screen and (max-width: 568px) {
    .processlisting .process--box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .processlisting .process--box:last-child {
        margin-right: 0; }
      .processlisting .process--box:nth-child(2n) {
        margin-right: 0.33445%; }
      .processlisting .process--box:nth-child(2n+1) {
        clear: none; } }

.processdetail--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .processdetail--inner::after {
    clear: both;
    content: "";
    display: table; }
.processdetail--image .mainimg {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 74.91639%; }
  .processdetail--image .mainimg:last-child {
    margin-right: 0; }
  @media screen and (max-width: 667px) {
    .processdetail--image .mainimg {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .processdetail--image .mainimg:last-child {
        margin-right: 0; } }
.processdetail--image .sideimg {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%; }
  .processdetail--image .sideimg:last-child {
    margin-right: 0; }
  @media screen and (max-width: 667px) {
    .processdetail--image .sideimg {
      display: none; } }

.whatTheHell--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .whatTheHell--inner::after {
    clear: both;
    content: "";
    display: table; }
.whatTheHell--text {
  color: #112233;
  font-size: 15px; }
  .whatTheHell--text h1, .whatTheHell--text h2, .whatTheHell--text h3, .whatTheHell--text h4 {
    margin-top: 0;
    color: #112233; }
  .whatTheHell--text ul {
    margin: 0;
    padding: 0; }
    .whatTheHell--text ul li {
      padding: 0;
      margin-bottom: 5px;
      margin: 0; }
.whatTheHell--benefits .box {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%;
  background: #f3f3f4;
  padding: 20px 15px; }
  .whatTheHell--benefits .box:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .whatTheHell--benefits .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .whatTheHell--benefits .box:last-child {
        margin-right: 0; }
      .whatTheHell--benefits .box:nth-child(2n) {
        margin-right: 0; }
      .whatTheHell--benefits .box:nth-child(2n+1) {
        clear: left; }
      .whatTheHell--benefits .box:first-of-type {
        margin-bottom: 4px; } }
  @media screen and (max-width: 667px) {
    .whatTheHell--benefits .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      margin-bottom: 4px; }
      .whatTheHell--benefits .box:last-child {
        margin-right: 0; }
      .whatTheHell--benefits .box:last-of-type {
        margin-bottom: 0; } }
  .whatTheHell--benefits .box h4 {
    color: #005577;
    margin: 0; }
  .whatTheHell--benefits .box p {
    color: #889099; }

[class$="--text"] ul {
  padding: 0; }
  [class$="--text"] ul li {
    list-style-type: none;
    padding: 0;
    margin: 0 0 8px 0; }
    [class$="--text"] ul li:last-of-type {
      margin: 0; }
[class$="--text"] strong {
  color: #005577;
  margin: 20px 0 40px 0;
  display: block; }

.reflist--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .reflist--inner::after {
    clear: both;
    content: "";
    display: table; }
.reflist .box {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%;
  background: #f3f3f4;
  position: relative; }
  .reflist .box:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .reflist .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%;
      margin-bottom: 4px; }
      .reflist .box:last-child {
        margin-right: 0; }
      .reflist .box:nth-of-type(2n+1) {
        clear: both; }
      .reflist .box:nth-of-type(2n) {
        margin-right: 0 !important; } }
  @media screen and (max-width: 568px) {
    .reflist .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .reflist .box:last-child {
        margin-right: 0; }
      .reflist .box:nth-child(1n) {
        margin-right: 0.33445%; }
      .reflist .box:nth-child(1n+1) {
        clear: none; } }
  .reflist .box .overlaylink {
    display: none !important; }
  .reflist .box .image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 4px;
    max-width: 100%;
    width: 100%;
    height: auto; }
  .reflist .box img {
    min-height: 0;
    max-height: 100%;
    max-width: 100%;
    height: auto; }
  .reflist .box .desc h3 {
    color: #005577;
    margin: 0; }

.more--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0; }
  .more--inner::after {
    clear: both;
    content: "";
    display: table; }
.more--text {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%; }
  .more--text:last-child {
    margin-right: 0; }
  .more--text h2 {
    margin: 0 0 10px 0; }
  .more--text p {
    margin: 0; }
  @media screen and (max-width: 667px) {
    .more--text {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .more--text:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 568px) {
    .more--text {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .more--text:last-child {
        margin-right: 0; } }
.more .box {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 24.74916%;
  position: relative; }
  .more .box:last-child {
    margin-right: 0; }
  @media screen and (max-width: 667px) {
    .more .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 49.83278%; }
      .more .box:last-child {
        margin-right: 0; }
      .more .box:nth-of-type(odd) {
        clear: both;
        margin-bottom: 4px; }
      .more .box:nth-of-type(even) {
        margin-right: 0 !important;
        margin-bottom: 4px; } }
  @media screen and (max-width: 568px) {
    .more .box {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%; }
      .more .box:last-child {
        margin-right: 0; } }

.overlaylink {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

.anchor {
  position: relative;
  top: -95px;
  display: block; }

@media screen and (max-width: 1024px) {
  [class$="--inner"] {
    padding-left: 30px;
    padding-right: 30px; } }

.footer .mainFooter {
  background: #112233;
  padding: 45px 0; }
.footer .mainFooter--inner {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .footer .mainFooter--inner::after {
    clear: both;
    content: "";
    display: table; }
.footer nav.footerNav {
  float: left;
  display: block;
  margin-right: 0.33445%;
  width: 66.55518%; }
  .footer nav.footerNav:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .footer nav.footerNav {
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      height: 100%; }
      .footer nav.footerNav:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 667px) {
    .footer nav.footerNav {
      display: none; } }
  .footer nav.footerNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .footer nav.footerNav ul li {
      padding: 0;
      margin: 0;
      margin-bottom: 25px; }
      .footer nav.footerNav ul li a {
        color: #ffdd00;
        text-decoration: none;
        font-family: 'Montserrat Alternates', 'Verdana', 'Lucida Grande', Arial, sans-serif; }
      .footer nav.footerNav ul li ul li {
        margin-bottom: 0; }
        .footer nav.footerNav ul li ul li a {
          color: white; }
        .footer nav.footerNav ul li ul li:first-of-type {
          margin-top: 15px; }
  .footer nav.footerNav ul[class^="column-"] {
    float: left;
    display: block;
    margin-right: 0.50251%;
    width: 32.99832%; }
    .footer nav.footerNav ul[class^="column-"]:last-child {
      margin-right: 0; }
.footer .mainFooter--icons {
  position: absolute;
  right: 0; }
  @media screen and (max-width: 1024px) {
    .footer .mainFooter--icons {
      position: relative;
      float: left;
      display: block;
      margin-right: 0.33445%;
      width: 100%;
      height: 100%; }
      .footer .mainFooter--icons:last-child {
        margin-right: 0; } }
.footer .mainFooter--icons--inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-width: 300px; }
  @media screen and (max-width: 1024px) {
    .footer .mainFooter--icons--inner ul {
      max-width: 600px; } }
  @media screen and (max-width: 667px) {
    .footer .mainFooter--icons--inner ul {
      max-width: 300px; } }
  .footer .mainFooter--icons--inner ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
    max-width: 96px;
    max-height: 96px;
    height: 96px;
    width: 96px; }
    .footer .mainFooter--icons--inner ul li svg {
      width: 100%;
      height: 100%; }
    @media screen and (max-width: 667px) {
      .footer .mainFooter--icons--inner ul li {
        float: left;
        display: block;
        margin-right: 0.33445%;
        width: 24.74916%;
        max-width: none;
        min-width: 0;
        height: 150px;
        max-height: 96px; }
        .footer .mainFooter--icons--inner ul li:last-child {
          margin-right: 0; } }
.footer .subFooter {
  background: #ffdd00;
  height: 180px; }
  @media screen and (max-width: 768px) {
    .footer .subFooter {
      height: auto; } }
  .footer .subFooter--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 50px 0 0 0; }
    .footer .subFooter--inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 1196px) {
      .footer .subFooter--inner {
        padding-left: 30px;
        padding-right: 30px; } }
  .footer .subFooter .subFooter--inner--left div[itemscope] a, .footer .subFooter .subFooter--inner--left div[itemscope] a:hover, .footer .subFooter .subFooter--inner--left div[itemscope] a:focus, .footer .subFooter .subFooter--inner--left div[itemscope] span, .footer .subFooter .subFooter--inner--left div[itemscope] div {
    text-decoration: none;
    color: #112233; }
  @media screen and (max-width: 768px) {
    .footer .subFooter .subFooter--inner--left div[itemscope] {
      margin-bottom: 40px; } }
  .footer .subFooter .subFooter--inner--right {
    position: absolute;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 768px) {
      .footer .subFooter .subFooter--inner--right {
        bottom: 10px;
        right: 30px; } }
    .footer .subFooter .subFooter--inner--right .aklink a, .footer .subFooter .subFooter--inner--right .aklink a:hover, .footer .subFooter .subFooter--inner--right .aklink a:focus {
      text-decoration: none;
      color: #112233; }

a.more:visited {
  color: #112233; }

main h1 {
  color: #005577; }
main h2 {
  color: #112233; }
main ul, main ol {
  margin: 10px 0;
  padding: 0 0 0 15px; }
main a {
  position: relative; }
  main a[href^="http://"] {
    /*     &:hover:after {
        background: #333;
        background: rgba($color-black-20, .8);
        //box-shadow: 1px 1px 1px $color-black-50;
        border-radius: 5px;
        bottom: 26px;
        color: $color-green;
        content: attr(href);
        left: 20%;
        padding: 5px 15px;
        position: absolute;
        z-index: 98;
        width: auto;
      }*/ }
main ::-moz-selection {
  color: #f3f3f4;
  background: #55bbee; }
main ::selection {
  color: #f3f3f4;
  background: #55bbee; }
main ::-moz-selection {
  color: #f3f3f4;
  background: #55bbee; }

::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

::-webkit-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

.hero.slider {
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #ffdd00 60%, #ffdd00 100%); }
  .hero.slider .hero--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    height: 600px;
    padding: 0 0 45px 0;
    position: relative;
    background: #ffdd00; }
    .hero.slider .hero--inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 1196px) {
      .hero.slider .hero--inner {
        padding-left: 30px;
        padding-right: 30px; } }
    @media screen and (max-width: 667px) {
      .hero.slider .hero--inner {
        height: auto; } }
  .hero.slider .prevnext {
    bottom: -4px;
    position: absolute;
    right: 0;
    height: 54px; }
    @media screen and (max-width: 1196px) {
      .hero.slider .prevnext {
        right: 30px; } }
    @media screen and (max-width: 667px) {
      .hero.slider .prevnext {
        display: none; } }
    .hero.slider .prevnext .unslider-arrow {
      margin-top: 4px; }
      .hero.slider .prevnext .unslider-arrow.prev, .hero.slider .prevnext .unslider-arrow.next {
        display: inline-block;
        position: relative;
        background: #ffdd00;
        border: 2px solid #f3f3f4;
        width: 45px;
        height: 45px; }
        .hero.slider .prevnext .unslider-arrow.prev:before, .hero.slider .prevnext .unslider-arrow.next:before {
          position: absolute;
          display: inline-block;
          padding: 0;
          width: 45px;
          height: 45px;
          color: #112233;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          text-indent: 0;
          text-align: center;
          vertical-align: middle;
          font-size: 28px;
          line-height: 41px;
          font-family: web_symbolsregular; }
        .hero.slider .prevnext .unslider-arrow.prev:hover, .hero.slider .prevnext .unslider-arrow.prev:active, .hero.slider .prevnext .unslider-arrow.prev:focus, .hero.slider .prevnext .unslider-arrow.next:hover, .hero.slider .prevnext .unslider-arrow.next:active, .hero.slider .prevnext .unslider-arrow.next:focus {
          color: #112233;
          background: #f3f3f4; }
      .hero.slider .prevnext .unslider-arrow.prev:before {
        content: "Ô"; }
      .hero.slider .prevnext .unslider-arrow.next:before {
        content: "×"; }
  .hero.slider #slider {
    min-height: 550px;
    overflow: auto;
    position: relative;
    width: 100% !important; }
    .hero.slider #slider ul {
      margin: 0;
      padding: 0;
      height: 550px !important; }
      .hero.slider #slider ul li {
        display: block;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        height: 550px !important; }
    .hero.slider #slider .slider-content {
      display: block;
      height: 100%;
      position: relative;
      width: 100%; }
      @media screen and (max-width: 1196px) {
        .hero.slider #slider .slider-content {
          height: 550px !important;
          margin-bottom: 4px; } }
      @media screen and (max-width: 667px) {
        .hero.slider #slider .slider-content {
          display: none; } }
      .hero.slider #slider .slider-content img {
        height: 100%;
        min-width: 100%;
        width: 100%;
        min-height: 550px;
        object-fit: cover;
        object-position: center; }
      .hero.slider #slider .slider-content .slider-overlay {
        background: #112233;
        bottom: 50px;
        max-width: 500px;
        position: absolute;
        right: 100px; }
        .hero.slider #slider .slider-content .slider-overlay h1 {
          color: #ffdd00;
          margin: 0 0 20px 0;
          padding: 0; }
        .hero.slider #slider .slider-content .slider-overlay p {
          color: white;
          margin: 0 0;
          padding: 0; }
        .hero.slider #slider .slider-content .slider-overlay a.more {
          background: #ffdd00;
          color: #112233;
          display: block;
          margin: 0;
          position: absolute;
          right: 0;
          top: -53px; }
    @media screen and (max-width: 667px) {
      .hero.slider #slider {
        display: none; } }

#phplhldr {
  display: none; }
  @media screen and (max-width: 667px) {
    #phplhldr {
      display: block;
      height: 400px;
      width: 100%; } }

.hero {
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #ffdd00 60%, #ffdd00 100%); }
  .hero .hero--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    padding: 0 0 45px 0;
    position: relative;
    background: #ffdd00; }
    .hero .hero--inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 1196px) {
      .hero .hero--inner {
        padding-left: 30px;
        padding-right: 30px; } }
    .hero .hero--inner img {
      width: 100%;
      height: auto; }

.tablist {
  background: #ffdd00; }
  .tablist--inner {
    max-width: 119.6rem;
    margin-left: auto;
    margin-right: auto; }
    .tablist--inner::after {
      clear: both;
      content: "";
      display: table; }

#tabigation ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffdd00; }
  #tabigation ul li {
    display: inline-block;
    background: #ffdd00; }
    #tabigation ul li.bubble {
      position: relative; }
      #tabigation ul li.bubble a:before {
        content: '';
        border: 2px solid white;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        display: inline-block;
        top: 3px;
        left: 0;
        bottom: 0;
        line-height: 15px;
        margin-right: 5px; }
      #tabigation ul li.bubble.bohr a:before {
        background-color: #112233; }
      #tabigation ul li.bubble.flug a:before {
        background-color: #ffdd00; }
      #tabigation ul li.bubble.fras a:before {
        background-color: #005577; }
      #tabigation ul li.bubble.rohr a:before {
        background-color: #fca726; }
    #tabigation ul li a {
      background: #ffdd00;
      color: #112233;
      width: 100%;
      height: 100%;
      padding: 10px;
      display: block; }
    #tabigation ul li.active a, #tabigation ul li:hover a, #tabigation ul li:active a {
      background: #fff; }
    @media screen and (max-width: 750px) {
      #tabigation ul li {
        width: 200px;
        display: block;
        margin-bottom: 4px; } }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

html {
  margin: 0 !important; }

main.styleguide {
  max-width: 119.6rem;
  margin-left: auto;
  margin-right: auto; }
  main.styleguide::after {
    clear: both;
    content: "";
    display: table; }
  main.styleguide div {
    width: 100px;
    height: 100px;
    display: inline-block;
    float: left;
    padding: 10px;
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem; }
  main.styleguide div#black {
    width: 600px;
    height: 200px;
    margin: 100px auto 0 auto;
    padding: 50px;
    background: #000;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  main.styleguide div#white {
    width: 600px;
    height: 200px;
    margin: 400px auto 0 auto;
    padding: 50px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  main.styleguide div.one {
    background: #112233;
    color: white; }
  main.styleguide div.two {
    background: #889099; }
  main.styleguide div.three {
    background: #cfd2d6; }
  main.styleguide div.four {
    background: #f3f3f4; }
  main.styleguide div.green {
    background: #005577;
    color: white; }

.grid-toogle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNjVweCIgaGVpZ2h0PSI3NXB4IiB2aWV3Qm94PSIwIDAgNjUgNzUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmdyaWQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJncmlkIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiBmaWxsPSIjNDQ0NDQ0Ij4gICAgICAgICAgICA8cmVjdCBpZD0idGhpcmQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNSIgaGVpZ2h0PSI3NSIgcng9IjMiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0ic2Vjb25kIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIyNSIgeT0iMCIgd2lkdGg9IjE1IiBoZWlnaHQ9Ijc1IiByeD0iMyI+PC9yZWN0PiAgICAgICAgICAgIDxyZWN0IGlkPSJmaXJzdCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iNTAiIHk9IjAiIHdpZHRoPSIxNSIgaGVpZ2h0PSI3NSIgcng9IjMiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 9999; }
  .grid-toogle:hover, .grid-toogle.showgrid {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNjVweCIgaGVpZ2h0PSI3NXB4IiB2aWV3Qm94PSIwIDAgNjUgNzUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmdyaWQtaG92ZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJncmlkIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiBmaWxsPSIjRjA1NjU2Ij4gICAgICAgICAgICA8cmVjdCBpZD0idGhpcmQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNSIgaGVpZ2h0PSI3NSIgcng9IjMiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0ic2Vjb25kIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIyNSIgeT0iMCIgd2lkdGg9IjE1IiBoZWlnaHQ9Ijc1IiByeD0iMyI+PC9yZWN0PiAgICAgICAgICAgIDxyZWN0IGlkPSJmaXJzdCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iNTAiIHk9IjAiIHdpZHRoPSIxNSIgaGVpZ2h0PSI3NSIgcng9IjMiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); }

body.showgrid:before {
  background-image: linear-gradient(to left, transparent 0, #54bff0 0, #54bff0 8.02676%, transparent 8.02676%, transparent 8.3612%, #54bff0 8.3612%, #54bff0 16.38796%, transparent 16.38796%, transparent 16.72241%, #54bff0 16.72241%, #54bff0 24.74916%, transparent 24.74916%, transparent 25.08361%, #54bff0 25.08361%, #54bff0 33.11037%, transparent 33.11037%, transparent 33.44482%, #54bff0 33.44482%, #54bff0 41.47157%, transparent 41.47157%, transparent 41.80602%, #54bff0 41.80602%, #54bff0 49.83278%, transparent 49.83278%, transparent 50.16722%, #54bff0 50.16722%, #54bff0 58.19398%, transparent 58.19398%, transparent 58.52843%, #54bff0 58.52843%, #54bff0 66.55518%, transparent 66.55518%, transparent 66.88963%, #54bff0 66.88963%, #54bff0 74.91639%, transparent 74.91639%, transparent 75.25084%, #54bff0 75.25084%, #54bff0 83.27759%, transparent 83.27759%, transparent 83.61204%, #54bff0 83.61204%, #54bff0 91.6388%, transparent 91.6388%, transparent 91.97324%, #54bff0 91.97324%, #54bff0 100%, transparent 100%);
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  max-width: 119.6rem;
  opacity: 0.4;
  pointer-events: none;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 9999; }