@charset "UTF-8";
.content.frontpage {
  padding-top: 0; }

/* Fix Solution World in other Languages
-------------------------------------------------------------------------------*/
.solutionWorldWrapper.padding-top {
  padding-top: 38px; }

/* Replaces h1, where h1 is not optimal for SEO
-------------------------------------------------------------------------------*/
.top-heading, .small-heading {
  color: #0e3a63;
  font-size: 3.4em;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 1.16em; }

.top-heading.margin-bottom {
  margin-bottom: 50px; }

.small-heading {
  font-size: 2.142em; }

.sub-heading {
  color: #0e3a63;
  font-weight: 700;
  font-size: 1.4em;
  margin-bottom: 14px;
  text-transform: none;
  line-height: 1.2em; }

.text-padding-right {
  padding-right: 16px; }

/* Slider
-------------------------------------------------------------------------------*/
.slider {
  background-color: #e2e2e2;
  height: 474px; }

.social-icons-container {
  background-color: #e2e2e2;
  padding: 50px;
  text-align: center; }
  .social-icons-container .social-icons-headline, .social-icons-container .social-icons-subheadline {
    font-weight: 300;
    color: #0e3a63;
    line-height: 1.17;
    font-size: 4em;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 4px; }
  .social-icons-container .social-icons-subheadline {
    font-size: 2.571em;
    margin-bottom: 64px; }
  .social-icons-container .social-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    background-color: #0e3a63;
    border-radius: 50%;
    margin-right: 42px;
    padding: 16px 0;
    text-align: center; }
    .social-icons-container .social-icon img {
      display: inline-block;
      height: 28px; }
  .social-icons-container .social-icon:last-child {
    margin-right: 0; }

.slider-container {
  position: relative;
  margin-top: 88px; }
  .slider-container .grid-inner {
    position: relative; }
    .slider-container .grid-inner .search {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2; }

.frontpage-slider {
  width: 100% !important;
  height: 474px !important;
  position: absolute;
  top: 0;
  left: 0; }

.stage-new .rsImg, .slide .rsImg {
  position: absolute;
  top: 0;
  left: 0; }
.stage-new .read-more, .slide .read-more {
  background-color: #0e3a63;
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding: 5px 0 5px 30px;
  background-image: url("/fileadmin/templates/img/button-arrow.jpg");
  background-size: 30px;
  background-position: 0 0;
  background-repeat: no-repeat; }
.stage-new .stage-text-box, .slide .stage-text-box {
  padding: 0;
  bottom: 45px; }
  .stage-new .stage-text-box .inner, .slide .stage-text-box .inner {
    padding: 18px 18px 7px 18px; }

/* Quicknavigation
-------------------------------------------------------------------------------*/
.quick-navigation-container {
  background-color: #e2e2e2; }
  .quick-navigation-container .quick-navigation {
    display: flex; }
    .quick-navigation-container .quick-navigation .item {
      width: 16.6%;
      font-size: 1.428em;
      font-weight: 300;
      color: #0e3a63;
      text-transform: uppercase;
      line-height: 1em;
      cursor: pointer;
      text-align: center; }
      .quick-navigation-container .quick-navigation .item .icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 32px;
        border-radius: 50%;
        background-color: transparent;
        border: 1px solid #0e3a63;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center; }
      .quick-navigation-container .quick-navigation .item .icon.focus {
        background-image: url("/fileadmin/templates/img/focus.svg");
        background-size: 43px 45px; }
      .quick-navigation-container .quick-navigation .item .icon.solutionworld {
        background-image: url("/fileadmin/templates/img/solutionworld.svg");
        background-size: 43px 45px; }
      .quick-navigation-container .quick-navigation .item .icon.merkliste {
        background-image: url("/fileadmin/templates/img/merkliste.svg");
        background-size: 43px 45px; }
      .quick-navigation-container .quick-navigation .item .icon.planungstool {
        background-image: url("/fileadmin/templates/img/planungstool.svg");
        background-size: 43px 45px; }
      .quick-navigation-container .quick-navigation .item .icon.bimtool {
        background-image: url("/fileadmin/templates/img/bm-tool.svg");
        background-size: 43px 45px; }
      .quick-navigation-container .quick-navigation .item .icon.find-us {
        background-image: url("/fileadmin/templates/img/map.svg");
        background-size: 43px 45px; }
    .quick-navigation-container .quick-navigation .item:hover, .quick-navigation-container .quick-navigation .item.active {
      text-decoration: underline; }
      .quick-navigation-container .quick-navigation .item:hover .icon, .quick-navigation-container .quick-navigation .item.active .icon {
        background-color: #fff; }
  .quick-navigation-container .quick-navigation-mobile {
    display: none;
    text-align: center; }
    .quick-navigation-container .quick-navigation-mobile select {
      font-size: 1.3em; }
  .quick-navigation-container .grid-inner {
    position: relative;
    padding: 50px 0; }
  .quick-navigation-container > .grid-inner:after {
    content: ' ';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 22px 26px 0 26px;
    border-color: #e2e2e2 transparent transparent transparent;
    position: absolute;
    bottom: -22px;
    margin-left: -26px;
    z-index: 2; }
  .quick-navigation-container > .grid-inner.first:after {
    left: 8.3%; }
  .quick-navigation-container > .grid-inner.second:after {
    left: 25%; }
  .quick-navigation-container > .grid-inner.third:after {
    left: 41.67%; }
  .quick-navigation-container > .grid-inner.fourth:after {
    left: 58.27%; }
  .quick-navigation-container > .grid-inner.fifth:after {
    left: 75%; }
  .quick-navigation-container > .grid-inner.sixth:after {
    left: 91.67%; }
  .quick-navigation-container .content-container .tab-content {
    display: none;
    background-color: #fff;
    position: relative; }
  .quick-navigation-container .content-container .tab-content.active {
    display: block; }
  .quick-navigation-container .content-container .grid-inner {
    padding: 0; }
  .quick-navigation-container .content-container .text-container, .quick-navigation-container .content-container .image-container {
    width: 50%; }
  .quick-navigation-container .content-container .text-container {
    padding: 74px 90px 106px 0; }
    .quick-navigation-container .content-container .text-container .top-heading {
      margin-bottom: 24px; }
    .quick-navigation-container .content-container .text-container p {
      line-height: 1.57em;
      margin-bottom: 1.5em; }
  .quick-navigation-container .content-container .image-container {
    width: 50%;
    left: 50%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    height: 100%; }
    .quick-navigation-container .content-container .image-container .normal-image {
      display: none; }
    .quick-navigation-container .content-container .image-container .big-icon {
      width: 130px;
      max-width: 130px;
      margin-top: 154px;
      margin-left: 64px; }
  .quick-navigation-container .content-container .solutionWorldWrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding: 83px 0 83px; }
  .quick-navigation-container .single-content-container {
    padding: 74px 0 106px 0; }

/* Neuster Event/Messe
-------------------------------------------------------------------------------*/
.newest-event-container {
  /*padding: 70px 0 90px;*/ }
  .newest-event-container .top-heading {
    margin-bottom: 48px; }
  .newest-event-container .events {
    border-top: 1px solid #0e3a63;
    border-bottom: 1px solid #0e3a63;
    margin-bottom: 40px;
    padding: 36px 0; }
    .newest-event-container .events .event.newest .event-title, .newest-event-container .events .event.newest .event-location, .newest-event-container .events .event.newest .event-date {
      font-size: 1.5em; }
  .newest-event-container a .icon-link-text {
    color: #0e3a63; }

/* Vier Kästen
-------------------------------------------------------------------------------*/
.four-boxes {
  padding: 70px 0; }
  .four-boxes .single-box .box-image {
    display: block;
    margin-bottom: 16px;
    display: block;
    background-size: cover;
    background-position: center;
    height: 210px; }
  .four-boxes .single-box .box-date {
    color: #6e6e6e; }

.special-dealer-box .box-image {
  display: block;
  margin-bottom: 16px; }
.special-dealer-box input[type=text] {
  width: 54%;
  display: inline-block;
  background: #e2e2e2;
  padding: 8px 20px 10px;
  font-size: 1.428em;
  border: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300; }
.special-dealer-box input[type=text]::placeholder {
  color: #6e6e6e;
  font-family: "Open Sans", sans-serif; }
.special-dealer-box input[type=submit] {
  width: 46%;
  display: inline-block;
  padding: 7px 12px;
  text-transform: uppercase; }

/* Referenzen
-------------------------------------------------------------------------------*/
.top-heading.references {
  margin-bottom: 50px; }

.references .icon-link-text {
  color: #0e3a63; }

.grid-sizer,
.grid-item {
  /*width: calc(25% - 3px);*/
  width: 25%;
  display: block;
  position: relative; }
  .grid-sizer img,
  .grid-item img {
    width: 100%;
    display: block; }

.packery.references {
  margin-bottom: 40px; }
  .packery.references .grid-sizer,
  .packery.references .grid-item {
    width: 25%;
    display: block;
    position: relative; }
    .packery.references .grid-sizer img,
    .packery.references .grid-item img {
      width: 100%;
      display: block; }
  .packery.references .grid-item {
    margin-bottom: 0; }
  .packery.references .gutter-sizer {
    width: 0; }
  .packery.references .grid-item {
    height: 225px; }
    .packery.references .grid-item .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      background-color: rgba(14, 58, 99, 0.8);
      display: none;
      padding: 15px; }
      .packery.references .grid-item .overlay .date {
        font-size: 1em;
        font-weight: 400; }
      .packery.references .grid-item .overlay h4 {
        color: #fff;
        text-transform: none;
        font-size: 1.428em;
        font-weight: 600;
        line-height: 1.15em;
        margin-bottom: 14px; }
      .packery.references .grid-item .overlay .preview-text h2 {
        font-size: 1em;
        font-weight: normal;
        margin-bottom: 0; }
      .packery.references .grid-item .overlay .preview-text p {
        margin-bottom: 0; }
  .packery.references .grid-item:hover .overlay {
    display: block; }
  .packery.references .grid-item-width2 {
    /*width: calc(50% - 3px);*/
    width: 50%; }
  .packery.references .grid-item-height2 {
    height: 450px; }

/* Radon Seite
-------------------------------------------------------------------------------*/
.animated-numbers {
  font-size: 4.5em;
  line-height: 1.1em;
  margin-bottom: 36px; }
  .animated-numbers .unit {
    font-size: 0.5em; }

/* Media Queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1220px) {
  .slider-container .slide .stage-inner .stage-text-box {
    right: 16px; }

  .four-boxes .single-box .box-image {
    height: 170px; } }
@media screen and (max-width: 1024px) {
  .stage, .stage-inner {
    height: 420px; }

  .quick-navigation-container .grid-inner {
    padding: 24px 0; }

  .quick-navigation-container .quick-navigation .item .icon {
    width: 60px;
    height: 60px;
    background-size: 32px 33px !important;
    margin: 0 auto 18px; } }
@media screen and (max-width: 1006px) {
  .slider-container {
    margin-top: 0; }

  .frontpage-slider {
    height: 370px !important; }

  .four-boxes .single-box .box-image {
    height: 120px; }

  .quick-navigation-container .content-container .image-container .big-icon {
    width: 84px;
    margin-top: 138px;
    margin-left: 0; } }
@media screen and (max-width: 720px) {
  .quick-navigation-container .quick-navigation {
    display: none; }

  .quick-navigation-container .quick-navigation-mobile {
    display: block; }

  .quick-navigation-container > .grid-inner.first:after, .quick-navigation-container > .grid-inner.second:after, .quick-navigation-container > .grid-inner.third:after, .quick-navigation-container > .grid-inner.fourth:after, .quick-navigation-container > .grid-inner.fifth:after, .quick-navigation-container > .grid-inner.sixth:after {
    left: 50%; }

  .quick-navigation-container #content-second {
    padding-top: 84px; }

  .social-icons-container .social-icon {
    width: 40px;
    height: 40px;
    margin-right: 24px;
    padding-top: 11px; }
    .social-icons-container .social-icon img {
      height: 20px; }

  .slider-container .slide .stage-inner .stage-text-box {
    right: auto; }

  .quick-navigation-container .content-container .text-container, .quick-navigation-container .content-container .image-container {
    width: 100%; }
  .quick-navigation-container .content-container .text-container {
    padding: 74px 0 36px 0; }
  .quick-navigation-container .content-container .image-container {
    position: static;
    background: none; }
    .quick-navigation-container .content-container .image-container .normal-image {
      display: block; }
  .quick-navigation-container .content-container #content-third .image-container, .quick-navigation-container .content-container #content-fifth .image-container {
    display: none; } }
@media screen and (max-width: 620px) {
  .frontpage-slider {
    height: 270px !important; }

  .top-heading, .social-icons-container .social-icons-headline {
    font-size: 2.8em; }

  .social-icons-container .social-icons-subheadline {
    font-size: 1.8em;
    margin-bottom: 48px; }

  .slider-container .slide .stage-inner .stage-text-box {
    width: 84%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 32px; }

  .quick-navigation-container .content-container .grid-inner {
    padding: 0 16px; }

  .newest-event-container, .four-boxes {
    padding-left: 16px;
    padding-right: 16px; }

  .four-boxes .single-box {
    margin-bottom: 24px !important; }

  .four-boxes .single-box .box-image {
    height: 170px; } }

/*# sourceMappingURL=frontpage.css.map */