.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }

select, input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none; }

input, select, textarea, button {
  font-family: inherit; }

html {
  box-sizing: border-box; }

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

* {
  margin: 0;
  padding: 0; }

ul {
  padding: 1em; }

a {
  color: inherit;
  text-decoration: none; }

p {
  margin-top: 1em; }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-weight: normal; }

.image.border .image-holder {
  border: 2px solid #dd332c; }

.image-holder {
  display: block; }
  .image-holder > img {
    display: block;
    width: 100%;
    height: auto; }

.columns-2 .inner-content {
  display: flex;
  flex-direction: column-reverse;
  padding: 2em 0; }
  .columns-2 .inner-content > * {
    flex: 1 1 auto;
    padding-bottom: 1em;
    font-size: calc(0.29762vw - -13.71429px);
    line-height: 1.27778em;
    font-weight: 300; }
    @media (max-width: 768px) {
      .columns-2 .inner-content > * {
        font-size: 16px; } }
    @media (min-width: 1440px) {
      .columns-2 .inner-content > * {
        font-size: 18px; } }
    .columns-2 .inner-content > * .image {
      float: left; }
      .columns-2 .inner-content > * .image:after {
        content: '';
        display: table;
        clear: left; }
    .columns-2 .inner-content > * .image + .image {
      margin-top: 2em; }
.columns-2 > input[type="checkbox"] + .section-content .text2 {
  display: none; }
  .columns-2 > input[type="checkbox"] + .section-content .text2 + label.button.more {
    float: right;
    margin-right: 1em; }
.columns-2 > input[type="checkbox"]:checked + .section-content .text2 {
  display: block; }
  .columns-2 > input[type="checkbox"]:checked + .section-content .text2 + div.more .button:after {
    transform: rotate(-90deg); }
@media (min-width: 700px) {
  .columns-2 .inner-content {
    justify-content: space-between;
    flex-direction: row;
    padding: 4em 0; }
    .columns-2 .inner-content > *:nth-child(1) {
      flex-basis: 40%; }
    .columns-2 .inner-content > *:nth-child(2) {
      flex-basis: 60%;
      margin-left: 2em; } }

#nav-expand:checked + * .hamburger.rotate > span {
  color: #000000;
  transform: rotate(90deg); }

.hamburger {
  top: 24px;
  right: 50px;
  display: block;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transform: scale(1.5);
  z-index: 2; }
  .hamburger > span {
    transition: all 0.3s;
    position: relative;
    display: block;
    font-size: 20px;
    width: 1em;
    height: 1em; }
  .hamburger:focus {
    outline: none; }
  .hamburger > span > span {
    color: currentColor;
    display: block;
    position: absolute;
    top: 0.45em;
    left: 0.15em;
    right: 0.15em;
    height: 0.1em;
    background-color: currentColor; }
    .hamburger > span > span, .hamburger > span > span:before, .hamburger > span > span:after {
      border-radius: 0.04em; }
    .hamburger > span > span:before, .hamburger > span > span:after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 0.1em;
      background-color: currentColor;
      content: ""; }
    .hamburger > span > span::before {
      top: -0.25em; }
    .hamburger > span > span::after {
      bottom: -0.25em; }
  .hamburger.rotate > span > span {
    transition: transform 0.3s; }

.video-player.active > div:before, .video-player.active > div iframe + .poster {
  z-index: -1; }
.video-player > * {
  display: block;
  position: relative;
  border: 2px solid #dd332c; }
  .video-player > * > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
  .video-player > * .poster {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    .video-player > * .poster img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .video-player > * .poster:after {
      content: '\e91c';
      font-family: icons;
      color: #FFFFFF;
      border-radius: 12px;
      width: 2.5em;
      height: 2.5em;
      line-height: 2.375em;
      background: #dd332c;
      font-size: 3em;
      font-size: calc(1.13636vw - -16.36364px);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      vertical-align: top; }
      @media (max-width: 320px) {
        .video-player > * .poster:after {
          font-size: 20px; } }
      @media (min-width: 1200px) {
        .video-player > * .poster:after {
          font-size: 30px; } }
  .video-player > * img {
    display: block; }

@keyframes grow {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes slideInFromTop {
  from {
    transform: translate3d(0, -100%, 0); }
  to {
    transform: translate3d(0, 0, 0); } }
@keyframes slideInFromBottom {
  from {
    transform: translate3d(0, 100%, 0); }
  to {
    transform: translate3d(0, 0, 0); } }
@keyframes slideInFromLeft {
  from {
    transform: translate3d(-100vw, 0, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0); } }
@keyframes slideInFromRight {
  from {
    transform: translate3d(100vw, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }
@keyframes moveToRight {
  to {
    transform: translate3d(100vw, 0, 0); } }
@keyframes moveToLeft {
  to {
    transform: translate3d(-100vw, 0, 0); } }
@keyframes moveToBottom {
  from {
    transform: translate3d(0, 100vh, 0); }
  to {
    transform: translate3d(0, 100vh, 0); } }
@keyframes rotateY {
  to {
    transform: rotateY(360deg); } }
#nav-expand {
  display: none;
  position: absolute;
  left: -9999px; }
  #nav-expand:checked + .inner-content .main {
    display: block; }

.layer-navigation {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 40px;
  background: #dd332c;
  text-transform: uppercase;
  font-size: 15px; }
  .layer-navigation + * {
    padding-top: 40px; }
  .layer-navigation .section-content {
    height: 100%; }
    .layer-navigation .section-content .inner-content {
      border-bottom: #000000 solid 6px;
      height: 100%;
      margin-left: 30px;
      background: #fff;
      display: flex;
      align-items: center; }
      @media (min-width: 500px) {
        .layer-navigation .section-content .inner-content {
          margin-left: 160px; } }
      .layer-navigation .section-content .inner-content .logo {
        order: 1;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center; }
        .layer-navigation .section-content .inner-content .logo a {
          display: inline-block; }
        .layer-navigation .section-content .inner-content .logo svg {
          display: block;
          max-height: 100%;
          width: auto; }
          @media (max-width: 400px) {
            .layer-navigation .section-content .inner-content .logo svg {
              width: 100px; } }
      .layer-navigation .section-content .inner-content > .navham {
        order: 3;
        margin-left: auto;
        margin-right: 0.5em; }
      .layer-navigation .section-content .inner-content > .main {
        order: 2;
        position: absolute;
        left: 0;
        display: none;
        top: 100%;
        background: #fff;
        width: 100%; }
        .layer-navigation .section-content .inner-content > .main > ul {
          border-bottom: 6px solid #000000; }
          .layer-navigation .section-content .inner-content > .main > ul, .layer-navigation .section-content .inner-content > .main > ul ul {
            list-style: none;
            margin: 0;
            padding: 0; }
          .layer-navigation .section-content .inner-content > .main > ul ul {
            padding: 0.1em 0 0.3em 0.5em; }
            .layer-navigation .section-content .inner-content > .main > ul ul li {
              padding: 0.25em 0; }
              .layer-navigation .section-content .inner-content > .main > ul ul li li {
                padding-left: 0.75em;
                position: relative; }
                .layer-navigation .section-content .inner-content > .main > ul ul li li:before {
                  content: '\e91e';
                  font-family: icons;
                  position: absolute;
                  left: -0.5em;
                  transform: scale(0.8);
                  color: #dd332c; }
          .layer-navigation .section-content .inner-content > .main > ul li.dropdown {
            position: relative; }
            .layer-navigation .section-content .inner-content > .main > ul li.dropdown:after {
              content: '\e91e';
              font-family: icons;
              position: absolute;
              right: 0.75em;
              top: 0.3em;
              transform-origin: center center;
              transform: rotate(90deg) scale(0.9);
              opacity: 0.2; }
            .layer-navigation .section-content .inner-content > .main > ul li.dropdown.open:after {
              transform: rotate(-90deg) scale(0.9);
              opacity: 0.9; }
          .layer-navigation .section-content .inner-content > .main > ul > li {
            padding: 0.4em 0 0.4em 1em; }
            .layer-navigation .section-content .inner-content > .main > ul > li:nth-child(odd) {
              background-color: #EFEFEF; }
          .layer-navigation .section-content .inner-content > .main > ul li.open > a {
            background-color: #dd332c;
            color: #FFFFFF; }
            .layer-navigation .section-content .inner-content > .main > ul li.open > a + .submenu {
              display: block; }
          .layer-navigation .section-content .inner-content > .main > ul li > div > ul > li > div > div, .layer-navigation .section-content .inner-content > .main > ul li > div > ul > li > span {
            display: none; }
          .layer-navigation .section-content .inner-content > .main > ul li.open > div {
            display: block; }
            .layer-navigation .section-content .inner-content > .main > ul li.open > div > ul > li.open > div {
              display: block; }
        .layer-navigation .section-content .inner-content > .main .submenu {
          display: none; }
        .layer-navigation .section-content .inner-content > .main .brands {
          padding-left: 1em; }
          .layer-navigation .section-content .inner-content > .main .brands .icon span img {
            display: none; }
          .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) {
            display: none; }
            .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) > div {
              display: none; }
          .layer-navigation .section-content .inner-content > .main .brands:hover > div:nth-child(2) {
            display: block; }
  @media (min-width: 500px) {
    .layer-navigation {
      height: 90px; }
      .layer-navigation + * {
        padding-top: 90px; }
      .layer-navigation .section-content .inner-content {
        border-bottom-width: 16px; } }
  @media (min-width: 1200px) {
    .layer-navigation .section-content .inner-content > .navham {
      display: none; }
    .layer-navigation .section-content .inner-content > .main {
      display: flex;
      height: 100%;
      top: inherit;
      position: relative;
      align-items: center; }
      .layer-navigation .section-content .inner-content > .main > ul {
        height: 100%;
        padding: 0;
        display: flex;
        margin-left: auto;
        border-bottom: none; }
        .layer-navigation .section-content .inner-content > .main > ul > li {
          height: calc(100%);
          padding: 0; }
          .layer-navigation .section-content .inner-content > .main > ul > li:nth-child(odd) {
            background-color: transparent; }
          .layer-navigation .section-content .inner-content > .main > ul > li:not(.dropdown) a {
            padding-top: calc(0.5em + 16px); }
          .layer-navigation .section-content .inner-content > .main > ul > li.dropdown {
            height: calc(100% + 16px); }
            .layer-navigation .section-content .inner-content > .main > ul > li.dropdown, .layer-navigation .section-content .inner-content > .main > ul > li.dropdown li.dropdown {
              position: static; }
              .layer-navigation .section-content .inner-content > .main > ul > li.dropdown a, .layer-navigation .section-content .inner-content > .main > ul > li.dropdown li.dropdown a {
                background-color: transparent;
                color: inherit; }
              .layer-navigation .section-content .inner-content > .main > ul > li.dropdown:after, .layer-navigation .section-content .inner-content > .main > ul > li.dropdown li.dropdown:after {
                content: none; }
            .layer-navigation .section-content .inner-content > .main > ul > li.dropdown:after {
              content: none; }
          .layer-navigation .section-content .inner-content > .main > ul > li:hover > :first-child {
            position: relative; }
          .layer-navigation .section-content .inner-content > .main > ul > li:hover > :first-child:after, .layer-navigation .section-content .inner-content > .main > ul > li:hover > div:nth-child(2):before {
            content: '';
            position: absolute;
            left: -2em;
            top: -2em;
            right: -2em;
            bottom: -2em;
            z-index: -1; }
          .layer-navigation .section-content .inner-content > .main > ul > li > .menuitem {
            padding: 0.5em 0.5em 0.3em 0.5em;
            margin: 0 0.5em;
            height: 100%;
            display: flex;
            align-items: center; }
          .layer-navigation .section-content .inner-content > .main > ul > li .submenu {
            position: absolute;
            z-index: 1;
            top: 100%;
            margin-top: 16px;
            background: rgba(255, 255, 255, 0.96);
            color: #dd332c;
            font-weight: bold;
            white-space: nowrap;
            margin-left: 0.5em; }
            .layer-navigation .section-content .inner-content > .main > ul > li .submenu.type0 > ul > li a {
              margin-left: 1em; }
              .layer-navigation .section-content .inner-content > .main > ul > li .submenu.type0 > ul > li a:after {
                left: -1em;
                right: auto; }
            .layer-navigation .section-content .inner-content > .main > ul > li .submenu.type1 {
              left: auto;
              right: 1em; }
              .layer-navigation .section-content .inner-content > .main > ul > li .submenu.type1:after {
                content: '';
                width: 530px;
                display: inline-block; }
            .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul {
              padding: 1em;
              display: inline-block; }
              .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li {
                display: block;
                border-bottom: 1px solid #EFEFEF; }
                .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > a {
                  position: relative;
                  padding-right: 4em;
                  display: flex;
                  align-items: center;
                  height: 2em; }
                  .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > a:after {
                    content: '\e91e';
                    font-family: icons;
                    position: absolute;
                    top: 0.57em;
                    right: 0.25em;
                    transform: scale(0.75); }
                .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > div {
                  display: none;
                  position: absolute;
                  top: 1em;
                  right: 260px;
                  width: 240px; }
                  .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > div > div {
                    display: block;
                    background: #dd332c;
                    color: #FFFFFF;
                    padding: 0.25em; }
                  .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > div > ul {
                    text-transform: none;
                    font-size: 17px;
                    font-size: 15px;
                    white-space: normal; }
                    .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > div > ul > li:before {
                      content: none; }
                    .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > div > ul > li > a {
                      position: relative;
                      font-weight: 500; }
                      .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > div > ul > li > a:before {
                        content: '\e91e';
                        font-family: icons;
                        position: absolute;
                        top: 0.1em;
                        left: -1em;
                        transform: scale(0.75); }
                .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li > span {
                  display: none;
                  position: absolute;
                  top: 1em;
                  right: 1em; }
                .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li.active {
                  color: #000000; }
                  .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li.active > div, .layer-navigation .section-content .inner-content > .main > ul > li .submenu > ul > li.active > span {
                    display: block; }
          .layer-navigation .section-content .inner-content > .main > ul > li:hover > div.menuitem {
            cursor: default; }
          .layer-navigation .section-content .inner-content > .main > ul > li:hover > .menuitem {
            background: #FFFFFF;
            position: relative;
            z-index: 1; }
          .layer-navigation .section-content .inner-content > .main > ul > li:hover > div.submenu {
            display: table; }
      .layer-navigation .section-content .inner-content > .main .brands {
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 1em;
        position: relative; }
        .layer-navigation .section-content .inner-content > .main .brands > div.icon {
          height: 100%; }
          .layer-navigation .section-content .inner-content > .main .brands > div.icon > span {
            display: block;
            text-transform: none;
            font-weight: bold;
            position: relative;
            height: calc(100% - 1.25em + 16px);
            margin-top: 1.25em; }
            .layer-navigation .section-content .inner-content > .main .brands > div.icon > span > span {
              background: #f7f7f7;
              height: calc(100% - 16px);
              display: block;
              padding: 0.5em;
              font-size: 0.75em; }
            .layer-navigation .section-content .inner-content > .main .brands > div.icon > span img {
              width: 2em;
              display: block;
              margin: 0 auto; }
        .layer-navigation .section-content .inner-content > .main .brands:hover > div.icon span {
          background: #fff;
          z-index: 1; }
        .layer-navigation .section-content .inner-content > .main .brands:hover > div.icon + div {
          display: block; }
        .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) {
          display: none;
          position: absolute;
          top: 100%;
          margin-top: 16px;
          right: 0;
          background: #fff;
          padding: 1em;
          z-index: 1; }
          .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) > div {
            display: block;
            white-space: nowrap;
            font-size: calc(0.89286vw - -11.14286px);
            font-weight: bold; } }
        @media (min-width: 1200px) and (max-width: 768px) {
          .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) > div {
            font-size: 18px; } }
        @media (min-width: 1200px) and (min-width: 1440px) {
          .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) > div {
            font-size: 24px; } }
  @media (min-width: 1200px) {
            .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) > div:after {
              content: ':'; }
          .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) ul {
            list-style: none;
            color: #dd332c;
            white-space: nowrap; }
            .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) ul li {
              margin: 0.5em 0 0.5em 0.6em; }
              .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) ul li a {
                padding: 0;
                display: block; }
                .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) ul li a:hover {
                  color: #000000; }
                .layer-navigation .section-content .inner-content > .main .brands > div:nth-child(2) ul li a:before {
                  content: '\e91e';
                  font-family: icons;
                  position: absolute;
                  margin-left: -1.5em;
                  margin-top: 0.1em; }
      .layer-navigation .section-content .inner-content > .main .menu > li:hover:before, .layer-navigation .section-content .inner-content > .main .brands:hover:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        z-index: 1;
        pointer-events: none; } }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.layer-breadcrumbs {
  background: #EFEFEF; }
  .layer-breadcrumbs .section-content {
    max-width: 1280px; }
    .layer-breadcrumbs .section-content .inner-content {
      color: #000000;
      text-align: right;
      font-size: calc(0.29762vw - -9.71429px); }
      @media (max-width: 768px) {
        .layer-breadcrumbs .section-content .inner-content {
          font-size: 12px; } }
      @media (min-width: 1440px) {
        .layer-breadcrumbs .section-content .inner-content {
          font-size: 14px; } }
      .layer-breadcrumbs .section-content .inner-content ul {
        list-style-type: none; }
        .layer-breadcrumbs .section-content .inner-content ul li {
          display: inline-block;
          color: rgba(0, 0, 0, 0.75); }
          .layer-breadcrumbs .section-content .inner-content ul li a {
            color: currentColor;
            text-transform: lowercase; }
          .layer-breadcrumbs .section-content .inner-content ul li + li:before {
            content: '\e900';
            font-family: icons;
            display: inline-block;
            color: #dd332c;
            transform: scale(1, 0.75);
            font-size: 0.7em;
            text-decoration: none;
            margin: 0 0.5em 0 0.5em; }

.layer-article .inner-content {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto; }
  .layer-article .inner-content .backlink {
    display: block;
    color: #dd332c;
    margin-top: 0.25em;
    margin-bottom: 1em;
    font-size: calc(0.29762vw - -13.71429px);
    text-transform: uppercase;
    font-weight: 600; }
    @media (max-width: 768px) {
      .layer-article .inner-content .backlink {
        font-size: 16px; } }
    @media (min-width: 1440px) {
      .layer-article .inner-content .backlink {
        font-size: 18px; } }
    .layer-article .inner-content .backlink:before {
      content: '\e91e';
      font-family: icons;
      font-size: 0.9em;
      font-weight: 100;
      border: 2px solid #dd332c;
      color: #dd332c;
      display: inline-block;
      border-radius: 6px;
      width: 2em;
      height: 2em;
      line-height: 2em;
      text-align: center;
      line-height: 1.75em;
      text-indent: 0.2em;
      text-align: center;
      transform: scaleX(-1);
      margin-right: 0.6em; }
  .layer-article .inner-content .title {
    font-size: calc(1.4881vw - -14.57143px);
    line-height: 1.08333em;
    font-weight: bold;
    margin: 2em 0 0 0; }
    @media (max-width: 768px) {
      .layer-article .inner-content .title {
        font-size: 26px; } }
    @media (min-width: 1440px) {
      .layer-article .inner-content .title {
        font-size: 36px; } }
  .layer-article .inner-content .date {
    display: block;
    font-weight: 600;
    margin-bottom: 1.5em; }
  .layer-article .inner-content label {
    cursor: pointer;
    margin-top: 2em; }
    .layer-article .inner-content label span:nth-child(1) {
      display: none; }
    .layer-article .inner-content label:after {
      transform: rotate(90deg);
      position: relative; }

.layer-banners {
  padding: 3em 1em;
  background: #EFEFEF; }
  .layer-banners.module-products-overview {
    background: #dd332c; }
    .layer-banners.module-products-overview .section-content > .title {
      color: #FFFFFF;
      width: 100%;
      text-align: center;
      margin: 1em 0;
      font-size: calc(1.19048vw - -10.85714px);
      font-weight: bold; }
      @media (max-width: 768px) {
        .layer-banners.module-products-overview .section-content > .title {
          font-size: 20px; } }
      @media (min-width: 1440px) {
        .layer-banners.module-products-overview .section-content > .title {
          font-size: 28px; } }
    .layer-banners.module-products-overview .section-content .inner-content > * .title {
      background: #000;
      color: #FFFFFF; }
  .layer-banners .section-content {
    max-width: 1280px;
    margin: 0 auto; }
    .layer-banners .section-content > .inner-content {
      display: flex;
      flex-wrap: wrap; }
      .layer-banners .section-content > .inner-content > .item {
        display: flex;
        flex-direction: column;
        flex-grow: 1; }
        .layer-banners .section-content > .inner-content > .item > .item-content {
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          background: #FFFFFF; }
          .layer-banners .section-content > .inner-content > .item > .item-content .title {
            font-size: 15px;
            line-height: 1.46667em;
            color: #dd332c;
            text-transform: uppercase;
            font-weight: 500;
            padding: 0.5em 0.5em 0.5em 0.5em;
            flex-grow: 1;
            margin-left: 1.2em; }
            .layer-banners .section-content > .inner-content > .item > .item-content .title:before {
              content: '\e91e';
              font-family: icons;
              position: absolute;
              margin-left: -1.2em; }
    .layer-banners .section-content > .title {
      font-size: calc(1.19048vw - -14.85714px);
      font-weight: 300;
      text-transform: uppercase;
      margin-left: 1em; }
      @media (max-width: 768px) {
        .layer-banners .section-content > .title {
          font-size: 24px; } }
      @media (min-width: 1440px) {
        .layer-banners .section-content > .title {
          font-size: 32px; } }
  @media (min-width: 500px) {
    .layer-banners .section-content .inner-content {
      justify-content: space-between; }
      .layer-banners .section-content .inner-content > .item {
        width: calc(50% - 4px);
        flex-grow: 0; } }
  @media (min-width: 850px) {
    .layer-banners .section-content .inner-content > .item {
      width: calc(25% - 4px); } }

.layer-brochures-overview .section-content {
  max-width: 1440px; }
  .layer-brochures-overview .section-content .inner-content .container {
    display: flex;
    flex-wrap: wrap;
    margin: 4em 0;
    padding: 1em; }
    .layer-brochures-overview .section-content .inner-content .container > * {
      flex: 0 1 auto;
      width: 100%;
      display: flex; }
      .layer-brochures-overview .section-content .inner-content .container > * > .item-content {
        width: 100%;
        margin: 1em 2em;
        font-size: calc(1.19048vw - 1.14286px);
        background: #EFEFEF; }
        @media (max-width: 768px) {
          .layer-brochures-overview .section-content .inner-content .container > * > .item-content {
            font-size: 8px; } }
        @media (min-width: 1440px) {
          .layer-brochures-overview .section-content .inner-content .container > * > .item-content {
            font-size: 16px; } }
        .layer-brochures-overview .section-content .inner-content .container > * > .item-content .image.empty .image-holder {
          background: #dd332c url(../img/logo-lankhorst-ropes-white.png) no-repeat center center; }
        .layer-brochures-overview .section-content .inner-content .container > * > .item-content .image.empty img {
          visibility: hidden; }
        .layer-brochures-overview .section-content .inner-content .container > * > .item-content .image-holder {
          border: 2px solid #dd332c; }
        .layer-brochures-overview .section-content .inner-content .container > * > .item-content .text {
          padding: 1em 2em 1em 1em;
          font-weight: 600;
          text-transform: uppercase;
          font-size: calc(0.29762vw - -11.71429px); }
          @media (max-width: 768px) {
            .layer-brochures-overview .section-content .inner-content .container > * > .item-content .text {
              font-size: 14px; } }
          @media (min-width: 1440px) {
            .layer-brochures-overview .section-content .inner-content .container > * > .item-content .text {
              font-size: 16px; } }
@media (min-width: 500px) {
  .layer-brochures-overview .section-content .inner-content .container > * {
    width: 25%; } }
@media (min-width: 700px) {
  .layer-brochures-overview .section-content .inner-content .container > * {
    width: 20%; } }

.layer-casestudy-detail {
  background: #EFEFEF; }
  .layer-casestudy-detail .section-content {
    max-width: 1280px; }
    .layer-casestudy-detail .section-content .inner-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 4em 0;
      padding: 1em;
      justify-content: space-between; }
      .layer-casestudy-detail .section-content .inner-content > * {
        flex: 1 1 calc(65%);
        background: #EFEFEF; }
        .layer-casestudy-detail .section-content .inner-content > *:first-child {
          flex: 1 1 25%;
          min-width: 250px;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: -3em; }
          .layer-casestudy-detail .section-content .inner-content > *:first-child .head {
            display: inline-block;
            padding: 0.25em 1em;
            background: #dd332c;
            color: #FFFFFF; }
          .layer-casestudy-detail .section-content .inner-content > *:first-child .title {
            color: #dd332c;
            font-size: calc(1.78571vw - -4.28571px);
            line-height: 1.2em;
            margin-top: 1em; }
            @media (max-width: 768px) {
              .layer-casestudy-detail .section-content .inner-content > *:first-child .title {
                font-size: 18px; } }
            @media (min-width: 1440px) {
              .layer-casestudy-detail .section-content .inner-content > *:first-child .title {
                font-size: 30px; } }
        .layer-casestudy-detail .section-content .inner-content > *:nth-child(2) {
          margin-top: 3em; }
        .layer-casestudy-detail .section-content .inner-content > * .text {
          font-size: calc(0.29762vw - -13.71429px);
          line-height: 1.38889em;
          color: #000000; }
          @media (max-width: 768px) {
            .layer-casestudy-detail .section-content .inner-content > * .text {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-casestudy-detail .section-content .inner-content > * .text {
              font-size: 18px; } }
        .layer-casestudy-detail .section-content .inner-content > * .button {
          float: right;
          margin-right: 2em; }

.layer-casestudies-overview .section-content {
  max-width: 1440px; }
  .layer-casestudies-overview .section-content .inner-content .container {
    display: flex;
    flex-wrap: wrap;
    margin: 4em 0;
    padding: 1em; }
    .layer-casestudies-overview .section-content .inner-content .container > * {
      flex: 0 1 auto;
      width: 100%;
      display: flex; }
      .layer-casestudies-overview .section-content .inner-content .container > * > .item-content {
        width: 100%;
        margin: 1em 2em;
        font-size: calc(1.19048vw - 1.14286px);
        background: #EFEFEF; }
        @media (max-width: 768px) {
          .layer-casestudies-overview .section-content .inner-content .container > * > .item-content {
            font-size: 8px; } }
        @media (min-width: 1440px) {
          .layer-casestudies-overview .section-content .inner-content .container > * > .item-content {
            font-size: 16px; } }
        .layer-casestudies-overview .section-content .inner-content .container > * > .item-content .image.empty .image-holder {
          background: #dd332c url(../img/logo-lankhorst-ropes-white.png) no-repeat center center; }
        .layer-casestudies-overview .section-content .inner-content .container > * > .item-content .image.empty img {
          visibility: hidden; }
        .layer-casestudies-overview .section-content .inner-content .container > * > .item-content .image-holder {
          border: 2px solid #dd332c; }
        .layer-casestudies-overview .section-content .inner-content .container > * > .item-content .text {
          padding: 1em 2em 1em 1em;
          font-weight: 600;
          text-transform: uppercase;
          font-size: calc(0.74405vw - -10.28571px); }
          @media (max-width: 768px) {
            .layer-casestudies-overview .section-content .inner-content .container > * > .item-content .text {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-casestudies-overview .section-content .inner-content .container > * > .item-content .text {
              font-size: 21px; } }
@media (min-width: 500px) {
  .layer-casestudies-overview .section-content .inner-content .container > * {
    width: 50%; } }
@media (min-width: 700px) {
  .layer-casestudies-overview .section-content .inner-content .container > * {
    width: 33.33333%; } }

.layer-dealers {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-basis: auto; }
  .layer-dealers .section-content {
    display: flex;
    width: 100%;
    max-width: 1440px;
    min-height: 100%; }
    .layer-dealers .section-content .inner-content .left > .title {
      background: #dd332c;
      color: #FFFFFF;
      padding: 1em 2em;
      font-size: calc(0.59524vw - -12.42857px);
      text-transform: uppercase;
      font-weight: bold;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .layer-dealers .section-content .inner-content .left > .title {
          font-size: 17px; } }
      @media (min-width: 1440px) {
        .layer-dealers .section-content .inner-content .left > .title {
          font-size: 21px; } }
      .layer-dealers .section-content .inner-content .left > .title:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(100%, -100%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #dd332c; }
    .layer-dealers .section-content .inner-content .left > .info, .layer-dealers .section-content .inner-content .left > .stock {
      padding: 2em 3em;
      font-size: calc(0.14881vw - -12.85714px);
      text-transform: uppercase;
      font-weight: 500; }
      @media (max-width: 768px) {
        .layer-dealers .section-content .inner-content .left > .info, .layer-dealers .section-content .inner-content .left > .stock {
          font-size: 14px; } }
      @media (min-width: 1440px) {
        .layer-dealers .section-content .inner-content .left > .info, .layer-dealers .section-content .inner-content .left > .stock {
          font-size: 15px; } }
      .layer-dealers .section-content .inner-content .left > .info div.explanation, .layer-dealers .section-content .inner-content .left > .stock div.explanation {
        position: relative; }
        .layer-dealers .section-content .inner-content .left > .info div.explanation div, .layer-dealers .section-content .inner-content .left > .stock div.explanation div {
          text-align: right;
          padding-top: 2em; }
          .layer-dealers .section-content .inner-content .left > .info div.explanation div span, .layer-dealers .section-content .inner-content .left > .stock div.explanation div span {
            display: inline-block;
            color: #dd332c;
            transform: scaleX(0.75); }
      .layer-dealers .section-content .inner-content .left > .info div.content, .layer-dealers .section-content .inner-content .left > .stock div.content {
        background: #EFEFEF;
        padding: 1.5em 1em;
        display: flex;
        flex-wrap: wrap; }
        .layer-dealers .section-content .inner-content .left > .info div.content > *, .layer-dealers .section-content .inner-content .left > .stock div.content > * {
          padding: 0.4em; }
        .layer-dealers .section-content .inner-content .left > .info div.content ul, .layer-dealers .section-content .inner-content .left > .stock div.content ul {
          max-height: 200px;
          overflow: auto;
          position: relative; }
        .layer-dealers .section-content .inner-content .left > .info div.content address, .layer-dealers .section-content .inner-content .left > .stock div.content address {
          font-style: normal; }
      .layer-dealers .section-content .inner-content .left > .info div.title, .layer-dealers .section-content .inner-content .left > .stock div.title {
        font-size: calc(0.59524vw - -12.42857px);
        font-weight: bold;
        padding: 0.2em 0.5em;
        background: #000000;
        color: #FFFFFF; }
        @media (max-width: 768px) {
          .layer-dealers .section-content .inner-content .left > .info div.title, .layer-dealers .section-content .inner-content .left > .stock div.title {
            font-size: 17px; } }
        @media (min-width: 1440px) {
          .layer-dealers .section-content .inner-content .left > .info div.title, .layer-dealers .section-content .inner-content .left > .stock div.title {
            font-size: 21px; } }
      .layer-dealers .section-content .inner-content .left > .info div.text, .layer-dealers .section-content .inner-content .left > .stock div.text {
        white-space: pre;
        margin-bottom: 0.5em; }
      .layer-dealers .section-content .inner-content .left > .info div.address, .layer-dealers .section-content .inner-content .left > .stock div.address {
        color: #000000;
        margin-bottom: 0.5em;
        width: 50%; }
        .layer-dealers .section-content .inner-content .left > .info div.address a, .layer-dealers .section-content .inner-content .left > .stock div.address a {
          display: inline-block; }
      .layer-dealers .section-content .inner-content .left > .info .image-holder, .layer-dealers .section-content .inner-content .left > .stock .image-holder {
        position: relative;
        width: 50%;
        max-width: 120px; }
        .layer-dealers .section-content .inner-content .left > .info .image-holder:before, .layer-dealers .section-content .inner-content .left > .stock .image-holder:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          border: 2px solid rgba(255, 255, 255, 0.2);
          z-index: 1; }
      .layer-dealers .section-content .inner-content .left > .info ul, .layer-dealers .section-content .inner-content .left > .stock ul {
        list-style: none;
        font-weight: 600; }
        .layer-dealers .section-content .inner-content .left > .info ul li, .layer-dealers .section-content .inner-content .left > .stock ul li {
          margin: 0.5em 0 0.5em 0.8em; }
          .layer-dealers .section-content .inner-content .left > .info ul li a, .layer-dealers .section-content .inner-content .left > .stock ul li a {
            padding: 0;
            display: block;
            color: #dd332c; }
            .layer-dealers .section-content .inner-content .left > .info ul li a:hover, .layer-dealers .section-content .inner-content .left > .stock ul li a:hover {
              color: #000000; }
            .layer-dealers .section-content .inner-content .left > .info ul li a:before, .layer-dealers .section-content .inner-content .left > .stock ul li a:before {
              content: '\e91e';
              font-family: icons;
              position: absolute;
              margin-left: -1.25em;
              margin-top: 0em; }
    .layer-dealers .section-content .inner-content .right {
      min-height: 200px;
      position: relative; }
      .layer-dealers .section-content .inner-content .right .map {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0; }
  .layer-dealers .button {
    margin: 1em auto 0 auto;
    height: 2.5em;
    background-color: #dd332c;
    color: #FFFFFF;
    padding-right: 1.5em; }
    .layer-dealers .button:before {
      content: '\e900';
      transform: scale(0.7); }
  .layer-dealers .popup {
    display: none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; }
    .layer-dealers .popup.open {
      display: block; }
    .layer-dealers .popup:before {
      content: '';
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: -1; }
    .layer-dealers .popup .popup-content {
      max-width: 900px;
      position: relative;
      text-transform: uppercase; }
      .layer-dealers .popup .popup-content > .head {
        background: #dd332c;
        border-bottom: 16px solid #000000;
        font-size: calc(2.38095vw - -1.71429px);
        color: #FFFFFF;
        font-weight: bold;
        padding: 0.5em 0.25em 0.5em 0.5em; }
        @media (max-width: 768px) {
          .layer-dealers .popup .popup-content > .head {
            font-size: 20px; } }
        @media (min-width: 1440px) {
          .layer-dealers .popup .popup-content > .head {
            font-size: 36px; } }
        .layer-dealers .popup .popup-content > .head > div.close {
          cursor: pointer;
          float: right;
          font-size: 0.5em;
          position: relative; }
          .layer-dealers .popup .popup-content > .head > div.close:after {
            content: '\e91f';
            font-family: icons;
            color: #FFFFFF;
            background: #000000;
            padding: 0.5em; }
      .layer-dealers .popup .popup-content > .content {
        background: #f7f7f7;
        padding: 1em; }
        .layer-dealers .popup .popup-content > .content > .box {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between;
          max-width: none;
          margin-right: -1em; }
          .layer-dealers .popup .popup-content > .content > .box > .step1 {
            flex: 1 1 auto;
            width: calc(40% - 1.5em);
            margin-bottom: 1em; }
          .layer-dealers .popup .popup-content > .content > .box > .step2 {
            flex: 1 1 auto;
            width: calc(60% - 1.5em); }
          .layer-dealers .popup .popup-content > .content > .box > .footer {
            flex: 1 1 100%;
            margin-left: auto;
            margin-right: 1em;
            text-align: right; }
          .layer-dealers .popup .popup-content > .content > .box .step1 > .content {
            max-height: 300px;
            overflow: auto; }
          .layer-dealers .popup .popup-content > .content > .box .step1, .layer-dealers .popup .popup-content > .content > .box .step2 {
            margin-right: 1em; }
            .layer-dealers .popup .popup-content > .content > .box .step1 > .head, .layer-dealers .popup .popup-content > .content > .box .step2 > .head {
              min-width: 300px;
              background: #000000;
              color: #FFFFFF;
              font-size: calc(0.44643vw - -11.57143px);
              font-weight: bold;
              padding: 0.5em; }
              @media (max-width: 768px) {
                .layer-dealers .popup .popup-content > .content > .box .step1 > .head, .layer-dealers .popup .popup-content > .content > .box .step2 > .head {
                  font-size: 15px; } }
              @media (min-width: 1440px) {
                .layer-dealers .popup .popup-content > .content > .box .step1 > .head, .layer-dealers .popup .popup-content > .content > .box .step2 > .head {
                  font-size: 18px; } }
            .layer-dealers .popup .popup-content > .content > .box .step1 > .content, .layer-dealers .popup .popup-content > .content > .box .step2 > .content {
              background: #EFEFEF;
              padding: 1em 0.5em;
              font-size: calc(0.14881vw - -12.85714px);
              font-weight: 600; }
              @media (max-width: 768px) {
                .layer-dealers .popup .popup-content > .content > .box .step1 > .content, .layer-dealers .popup .popup-content > .content > .box .step2 > .content {
                  font-size: 14px; } }
              @media (min-width: 1440px) {
                .layer-dealers .popup .popup-content > .content > .box .step1 > .content, .layer-dealers .popup .popup-content > .content > .box .step2 > .content {
                  font-size: 15px; } }
              .layer-dealers .popup .popup-content > .content > .box .step1 > .content label, .layer-dealers .popup .popup-content > .content > .box .step2 > .content label {
                display: block; }
                .layer-dealers .popup .popup-content > .content > .box .step1 > .content label select, .layer-dealers .popup .popup-content > .content > .box .step2 > .content label select {
                  margin: 0.3em 0.75em 0.3em 0; }
                .layer-dealers .popup .popup-content > .content > .box .step1 > .content label span, .layer-dealers .popup .popup-content > .content > .box .step2 > .content label span {
                  color: #dd332c; }
            .layer-dealers .popup .popup-content > .content > .box .step1.step2, .layer-dealers .popup .popup-content > .content > .box .step2.step2 {
              /*label {*/ }
              .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                /*> span:nth-child(1) {*/
                /*> span:nth-child(2) {*/ }
                .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row:nth-child(6), .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row:nth-child(6) {
                  display: block; }
                  .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row:nth-child(6) label, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row:nth-child(6) label {
                    display: block; }
                  .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row:nth-child(6) .element, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row:nth-child(6) .element {
                    display: block;
                    width: 100%; }
                .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row:last-child, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row:last-child {
                  display: none; }
                .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row > label, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row > label {
                  flex: 1 1 35%;
                  line-height: 3em;
                  min-width: 170px;
                  color: #dd332c; }
                  .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row > label:after, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row > label:after {
                    content: ':'; }
                .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row .element, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row .element {
                  flex: 1 1 auto;
                  width: calc(65% - 1em);
                  margin-left: auto; }
                  .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row .element input, .layer-dealers .popup .popup-content > .content > .box .step1.step2 .rows .row .element textarea, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row .element input, .layer-dealers .popup .popup-content > .content > .box .step2.step2 .rows .row .element textarea {
                    margin: 0;
                    background: #FFFFFF; }
  @media (min-width: 600px) {
    .layer-dealers {
      display: flex; }
      .layer-dealers .section-content .inner-content {
        display: flex;
        width: 100%;
        margin-right: 0; }
        .layer-dealers .section-content .inner-content .left {
          flex: 0 1 30%;
          max-width: 440px; }
        .layer-dealers .section-content .inner-content .right {
          flex: 1 1 auto; } }
  @media (min-width: 900px) {
    .layer-dealers .popup .popup-content {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); } }

.layer-designer .section-content .inner-content {
  max-width: 1040px;
  margin: 1em auto;
  padding: 0 1em;
  position: relative; }
  .layer-designer .section-content .inner-content h1 {
    margin-bottom: 1em;
    background: #FDC134;
    color: #fff;
    font-size: calc(0.29762vw - -17.71429px);
    line-height: 1.13636em;
    padding: 0.8em 0.6em 0em 0.4em;
    display: inline-block;
    position: relative;
    z-index: 0;
    margin-bottom: 0;
    text-transform: uppercase; }
    .layer-designer .section-content .inner-content h1 svg {
      height: 1.5em;
      float: left;
      top: -0.2em;
      position: relative; }
      .layer-designer .section-content .inner-content h1 svg path {
        fill: #fff !important; }
    @media (max-width: 768px) {
      .layer-designer .section-content .inner-content h1 {
        font-size: 20px; } }
    @media (min-width: 1440px) {
      .layer-designer .section-content .inner-content h1 {
        font-size: 22px; } }
    .layer-designer .section-content .inner-content h1 span {
      margin-right: 0.5em;
      font-size: 0.9em; }
  .layer-designer .section-content .inner-content hr {
    font-size: calc(0.29762vw - -17.71429px);
    line-height: 1.13636em;
    height: 0.4em;
    background: #FDC134;
    border: 0;
    position: relative; }
    @media (max-width: 768px) {
      .layer-designer .section-content .inner-content hr {
        font-size: 20px; } }
    @media (min-width: 1440px) {
      .layer-designer .section-content .inner-content hr {
        font-size: 22px; } }
  .layer-designer .section-content .inner-content .dropzone .info {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .layer-designer .section-content .inner-content .dropzone .info .icon {
      background: #000000;
      border-radius: 50%;
      display: inline-block;
      border-radius: 50%;
      width: 10em;
      height: 10em;
      line-height: 10em;
      text-align: center;
      padding: 2em;
      margin-bottom: 1em; }
      .layer-designer .section-content .inner-content .dropzone .info .icon svg path {
        fill: #fff !important; }
    .layer-designer .section-content .inner-content .dropzone .info label {
      margin-top: 1em; }
  .layer-designer .section-content .inner-content .dropzone.hover {
    background: #0C65AF; }
  .layer-designer .section-content .inner-content .dropzone [type="file"] {
    position: absolute;
    left: -9999px; }
  .layer-designer .section-content .inner-content .editor {
    display: flex;
    border: 3px solid #EFEFEF;
    border: 3px solid #FDC134;
    width: calc(1040px - 2em);
    height: 600px;
    margin: 1em auto;
    margin: 0 auto 1em auto; }
    .layer-designer .section-content .inner-content .editor .ui-resizable-se {
      right: -3px;
      bottom: -3px; }
    .layer-designer .section-content .inner-content .editor .ui-rotatable-handle {
      left: -16px;
      bottom: -16px;
      position: absolute; }
    .layer-designer .section-content .inner-content .editor .dropzone {
      flex: 1 1 100%;
      border-right: 1px solid #EFEFEF;
      position: relative;
      overflow: auto; }
      .layer-designer .section-content .inner-content .editor .dropzone .canvas {
        background: #fff; }
        .layer-designer .section-content .inner-content .editor .dropzone .canvas .watermark {
          position: absolute;
          left: 0;
          top: 0.5em;
          width: 8em;
          background: rgba(255, 255, 255, 0.5);
          padding: 0.3em 0.6em; }
      .layer-designer .section-content .inner-content .editor .dropzone img.main {
        width: 100%;
        display: block; }
    .layer-designer .section-content .inner-content .editor div.item img {
      display: block;
      max-width: 100%; }
    .layer-designer .section-content .inner-content .editor .toolbox {
      display: none;
      flex: 0 1 160px;
      overflow: auto;
      background-color: rgba(12, 101, 175, 0.4);
      user-select: none; }
      .layer-designer .section-content .inner-content .editor .toolbox div.title {
        background: #EFEFEF;
        padding: 0.25em;
        text-align: center;
        color: #fff;
        text-transform: uppercase; }
      .layer-designer .section-content .inner-content .editor .toolbox div.item {
        margin: 0.5em 0; }
        .layer-designer .section-content .inner-content .editor .toolbox div.item img {
          margin: 0 auto; }
    .layer-designer .section-content .inner-content .editor .canvas {
      display: none; }
    .layer-designer .section-content .inner-content .editor.active .info {
      display: none; }
    .layer-designer .section-content .inner-content .editor.active .canvas {
      display: block; }
    .layer-designer .section-content .inner-content .editor.active .toolbox {
      display: block; }
    .layer-designer .section-content .inner-content .editor .ui-draggable-handle {
      cursor: move; }
  .layer-designer .section-content .inner-content .reset.button {
    margin-left: 1em;
    padding-left: 1em; }
    .layer-designer .section-content .inner-content .reset.button span {
      margin-right: 0.5em; }
  .layer-designer .section-content .inner-content .download.button {
    background: #EFEFEF;
    float: right;
    color: #fff;
    padding-left: 1em;
    margin-right: 1em; }
    .layer-designer .section-content .inner-content .download.button svg {
      height: 1.75em;
      float: left;
      position: relative;
      top: 0.2em;
      margin-right: 0.2em; }
      .layer-designer .section-content .inner-content .download.button svg path {
        fill: #fff !important; }

.layer-designer-teaser {
  background: #0C65AF;
  min-height: 20em;
  position: relative;
  z-index: 0;
  overflow: hidden; }
  @media (max-width: 1000px) {
    .layer-designer-teaser {
      display: none; } }
  .layer-designer-teaser img.bg {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 100%; }
  .layer-designer-teaser img.contents {
    padding: 6em;
    max-width: 100%; }
  .layer-designer-teaser img {
    margin-left: 50%;
    transform: translateX(-50%); }

.layer-employees {
  padding: 6em 0; }
  .layer-teaser + .layer-employees {
    padding-top: 0; }
  .layer-employees .section-content {
    max-width: 1280px;
    margin: 0 auto; }
    .layer-employees .section-content .inner-content > .items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .layer-employees .section-content .inner-content > .items > * {
        flex: 1 1 auto;
        position: relative;
        background: #EFEFEF;
        border: 1px solid #FFFFFF;
        text-align: center;
        padding: 2em; }
        .layer-employees .section-content .inner-content > .items > * .image {
          width: 100%;
          margin-right: 1em;
          position: relative;
          max-width: 200px;
          margin: 0 auto; }
          .layer-employees .section-content .inner-content > .items > * .image .image-holder:hover img {
            border-radius: 0.5em; }
          .layer-employees .section-content .inner-content > .items > * .image .image-holder:hover + a {
            right: -1.25em; }
          .layer-employees .section-content .inner-content > .items > * .image .image-holder img {
            border-radius: 50%;
            transition: all 0.3s; }
          .layer-employees .section-content .inner-content > .items > * .image a {
            transition: all 0.3s;
            position: absolute;
            right: 0;
            bottom: 0.4em;
            background-color: #000000;
            color: #FFFFFF;
            font-size: 1.5em;
            display: inline-block;
            border-radius: 0;
            width: 1.75em;
            height: 1.75em;
            line-height: 1.75em;
            text-align: center;
            box-shadow: -1px -1px 5px rgba(255, 255, 255, 0.25), -1px 1px 5px rgba(255, 255, 255, 0.25), 1px -1px 5px rgba(255, 255, 255, 0.25), 1px 1px 5px rgba(255, 255, 255, 0.25); }
            .layer-employees .section-content .inner-content > .items > * .image a:after {
              content: '\e90d';
              font-family: icons; }
        .layer-employees .section-content .inner-content > .items > * .title {
          font-size: calc(0.59524vw - -11.42857px);
          color: #dd332c;
          font-weight: 500;
          margin-top: 0.5em; }
          @media (max-width: 768px) {
            .layer-employees .section-content .inner-content > .items > * .title {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-employees .section-content .inner-content > .items > * .title {
              font-size: 20px; } }
        .layer-employees .section-content .inner-content > .items > * .position, .layer-employees .section-content .inner-content > .items > * .phone, .layer-employees .section-content .inner-content > .items > * .email {
          font-size: calc(0.14881vw - -13.85714px);
          color: #000000;
          display: block; }
          @media (max-width: 768px) {
            .layer-employees .section-content .inner-content > .items > * .position, .layer-employees .section-content .inner-content > .items > * .phone, .layer-employees .section-content .inner-content > .items > * .email {
              font-size: 15px; } }
          @media (min-width: 1440px) {
            .layer-employees .section-content .inner-content > .items > * .position, .layer-employees .section-content .inner-content > .items > * .phone, .layer-employees .section-content .inner-content > .items > * .email {
              font-size: 16px; } }
        .layer-employees .section-content .inner-content > .items > * .position {
          margin-top: 0.5em;
          margin-bottom: 2em; }
        .layer-employees .section-content .inner-content > .items > * .phone:before, .layer-employees .section-content .inner-content > .items > * .email:before {
          font-family: icons;
          color: #dd332c;
          margin-right: 0.25em;
          display: inline-block;
          transform: scale(1.5); }
        .layer-employees .section-content .inner-content > .items > * .phone:before {
          content: '\e904'; }
        .layer-employees .section-content .inner-content > .items > * .email {
          margin-top: 0.5em; }
          .layer-employees .section-content .inner-content > .items > * .email:before {
            content: '\e921'; }
      @media (min-width: 550px) {
        .layer-employees .section-content .inner-content > .items > * {
          width: 50%;
          flex-grow: 0; } }
      @media (min-width: 825px) {
        .layer-employees .section-content .inner-content > .items > * {
          width: 25%;
          margin: 0; } }

.layer-employee-contact {
  background: #000000; }
  .layer-employee-contact .section-content {
    padding: 4em 1em;
    max-width: 1440px; }
    .layer-employee-contact .section-content .inner-content {
      display: flex;
      flex-direction: column; }
      .layer-employee-contact .section-content .inner-content .item {
        flex: 1 1 58%; }
        .layer-employee-contact .section-content .inner-content .item > div {
          position: relative;
          margin-bottom: 2em; }
          .layer-employee-contact .section-content .inner-content .item > div:after {
            content: '';
            display: table;
            clear: both; }
        .layer-employee-contact .section-content .inner-content .item .image {
          max-width: 131px;
          width: 23%;
          float: left;
          margin: 0 0.5em 0.5em 0; }
        .layer-employee-contact .section-content .inner-content .item .title {
          padding-top: 0.6em; }
          .layer-employee-contact .section-content .inner-content .item .title:after {
            content: '';
            display: table;
            clear: left; }
        .layer-employee-contact .section-content .inner-content .item .name > span {
          display: inline-block;
          background: #dd332c;
          padding: 0.25em;
          margin-bottom: 0.25em; }
        .layer-employee-contact .section-content .inner-content .item .phonenumber:before, .layer-employee-contact .section-content .inner-content .item .emailaddress:before {
          font-family: icons;
          position: relative;
          top: 0.1em;
          display: inline-block;
          width: 1.4em;
          text-align: center; }
        .layer-employee-contact .section-content .inner-content .item .phonenumber:before {
          content: '\e904'; }
        .layer-employee-contact .section-content .inner-content .item .emailaddress:before {
          content: '\e921'; }
        .layer-employee-contact .section-content .inner-content .item .name, .layer-employee-contact .section-content .inner-content .item .phonenumber, .layer-employee-contact .section-content .inner-content .item .emailaddress {
          font-size: calc(0.44643vw - -11.57143px);
          font-weight: 500;
          display: block;
          color: #FFFFFF; }
          @media (max-width: 768px) {
            .layer-employee-contact .section-content .inner-content .item .name, .layer-employee-contact .section-content .inner-content .item .phonenumber, .layer-employee-contact .section-content .inner-content .item .emailaddress {
              font-size: 15px; } }
          @media (min-width: 1440px) {
            .layer-employee-contact .section-content .inner-content .item .name, .layer-employee-contact .section-content .inner-content .item .phonenumber, .layer-employee-contact .section-content .inner-content .item .emailaddress {
              font-size: 18px; } }
        .layer-employee-contact .section-content .inner-content .item .name {
          color: #FFFFFF; }
      .layer-employee-contact .section-content .inner-content .newsletter {
        flex: 1 1 42%;
        font-size: calc(0.89286vw - -3.14286px);
        padding-left: 5em; }
        @media (max-width: 768px) {
          .layer-employee-contact .section-content .inner-content .newsletter {
            font-size: 10px; } }
        @media (min-width: 1440px) {
          .layer-employee-contact .section-content .inner-content .newsletter {
            font-size: 16px; } }
        .layer-employee-contact .section-content .inner-content .newsletter:before {
          content: '\e922';
          font-family: icons;
          position: absolute;
          padding: 0.25em;
          background: #dd332c;
          color: #FFFFFF;
          font-size: 3em;
          margin-left: -1.66em; }
      .layer-employee-contact .section-content .inner-content .title, .layer-employee-contact .section-content .inner-content .position {
        font-size: calc(2.08333vw - 2px);
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase; }
        @media (max-width: 768px) {
          .layer-employee-contact .section-content .inner-content .title, .layer-employee-contact .section-content .inner-content .position {
            font-size: 14px; } }
        @media (min-width: 1440px) {
          .layer-employee-contact .section-content .inner-content .title, .layer-employee-contact .section-content .inner-content .position {
            font-size: 28px; } }
      .layer-employee-contact .section-content .inner-content .result {
        font-size: calc(0.59524vw - -9.42857px);
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase; }
        @media (max-width: 768px) {
          .layer-employee-contact .section-content .inner-content .result {
            font-size: 14px; } }
        @media (min-width: 1440px) {
          .layer-employee-contact .section-content .inner-content .result {
            font-size: 18px; } }
      .layer-employee-contact .section-content .inner-content .block {
        display: flex;
        margin-top: 0.2em; }
        .layer-employee-contact .section-content .inner-content .block input {
          margin: 0;
          border-color: #FFFFFF;
          color: #FFFFFF;
          margin-right: 0.5em; }
        .layer-employee-contact .section-content .inner-content .block button {
          margin: 0;
          background: #dd332c;
          color: #FFFFFF;
          flex-shrink: 0; }
          .layer-employee-contact .section-content .inner-content .block button:before {
            content: '\e900';
            transform: scale(0.6) translateY(-10%); }
  @media (min-width: 700px) {
    .layer-employee-contact .section-content > .inner-content {
      flex-direction: row; }
      .layer-employee-contact .section-content > .inner-content .item .title:after {
        content: none; }
      .layer-employee-contact .section-content > .inner-content .item .name {
        position: absolute;
        left: 7%;
        bottom: -0.3em; }
      .layer-employee-contact .section-content > .inner-content .item .phonenumber, .layer-employee-contact .section-content > .inner-content .item .emailaddress {
        display: inline-block;
        margin-right: 1em; } }

.layer-form .section-content {
  max-width: 1440px;
  padding: 4em 0em 10em 0em; }
  .layer-form .section-content .inner-content {
    max-width: 1280px;
    margin: 0 auto;
    width: 90%; }
    .layer-form .section-content .inner-content > h1, .layer-form .section-content .inner-content > h2 {
      margin-left: calc(19.94048vw - 137.14286px); }
      @media (max-width: 768px) {
        .layer-form .section-content .inner-content > h1, .layer-form .section-content .inner-content > h2 {
          margin-left: 16px; } }
      @media (min-width: 1440px) {
        .layer-form .section-content .inner-content > h1, .layer-form .section-content .inner-content > h2 {
          margin-left: 150px; } }
    .layer-form .section-content .inner-content > div {
      display: flex;
      flex-direction: column; }
      .layer-form .section-content .inner-content > div > * {
        font-size: calc(0.29762vw - -13.71429px);
        line-height: 1.27778em;
        font-weight: 300; }
        @media (max-width: 768px) {
          .layer-form .section-content .inner-content > div > * {
            font-size: 16px; } }
        @media (min-width: 1440px) {
          .layer-form .section-content .inner-content > div > * {
            font-size: 18px; } }
      .layer-form .section-content .inner-content > div .info .block {
        font-size: calc(0.89286vw - -8.14286px);
        line-height: 1.2381em;
        padding: 0; }
        @media (max-width: 768px) {
          .layer-form .section-content .inner-content > div .info .block {
            font-size: 15px; } }
        @media (min-width: 1440px) {
          .layer-form .section-content .inner-content > div .info .block {
            font-size: 21px; } }
        .layer-form .section-content .inner-content > div .info .block .socials {
          font-size: 0.7em;
          text-align: right;
          margin-top: 2em; }
          .layer-form .section-content .inner-content > div .info .block .socials a {
            margin: 0 0.25em;
            padding: 1em; }
        .layer-form .section-content .inner-content > div .info .block + .block {
          margin-top: 2em; }
      .layer-form .section-content .inner-content > div .content h1 {
        font-size: calc(2.38095vw - -1.71429px);
        line-height: 1.08333em;
        font-weight: bold;
        margin: 2em 0 0 0; }
        @media (max-width: 768px) {
          .layer-form .section-content .inner-content > div .content h1 {
            font-size: 20px; } }
        @media (min-width: 1440px) {
          .layer-form .section-content .inner-content > div .content h1 {
            font-size: 36px; } }
    .layer-form .section-content .inner-content .form {
      margin-top: 1em;
      display: flex; }
      .layer-form .section-content .inner-content .form .left {
        display: none; }
      .layer-form .section-content .inner-content .form .left:not(:empty) + .right {
        padding-top: 2em; }
      .layer-form .section-content .inner-content .form > .module-form {
        width: 100%; }
        .layer-form .section-content .inner-content .form > .module-form form > h2 {
          font-size: calc(0.29762vw - -13.71429px);
          color: #dd332c;
          font-weight: bold;
          margin-bottom: 0.25em; }
          @media (max-width: 768px) {
            .layer-form .section-content .inner-content .form > .module-form form > h2 {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-form .section-content .inner-content .form > .module-form form > h2 {
              font-size: 18px; } }
        .layer-form .section-content .inner-content .form > .module-form form > div.text {
          margin-bottom: 1em; }
@media (min-width: 700px) {
  .layer-form .section-content .inner-content > div {
    flex-direction: row; }
    .layer-form .section-content .inner-content > div .info:not(:empty) {
      flex: 1 1 40%;
      min-width: 320px;
      max-width: 500px; }
      .layer-form .section-content .inner-content > div .info:not(:empty) + .form {
        margin-top: 8em;
        flex: 1 1 60%; }
        .layer-form .section-content .inner-content > div .info:not(:empty) + .form .left {
          display: none; } }
    @media (min-width: 700px) and (min-width: 800px) {
      .layer-form .section-content .inner-content > div .info:not(:empty) + .form .left {
        display: block; } }
@media (min-width: 700px) {
    .layer-form .section-content .inner-content > div .content {
      flex: 1 1 60%;
      margin-left: 2em; } }
@media (min-width: 500px) {
  .layer-form .section-content .inner-content .form .left {
    display: block;
    flex: 1 1 20%;
    max-width: 130px;
    margin-right: 2em; }
  .layer-form .section-content .inner-content .form .right {
    flex: 1 1 80%; } }

.layer-footer {
  margin: 4em 0 5em 0;
  padding: 0 1em; }
  .layer-footer .section-content {
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden; }
    .layer-footer .section-content .inner-content {
      padding: 0 1em;
      margin: 0 -3em; }
      .layer-footer .section-content .inner-content > .column {
        width: 100%;
        margin: 0 2em;
        min-width: 200px;
        padding-bottom: 2em;
        box-sizing: border-box;
        display: flex;
        flex-direction: column; }
        .layer-footer .section-content .inner-content > .column:last-child {
          position: relative; }
          .layer-footer .section-content .inner-content > .column:last-child .inner {
            padding-top: 0;
            display: flex;
            flex-wrap: wrap; }
            .layer-footer .section-content .inner-content > .column:last-child .inner > div:first-child {
              width: 40%;
              background-size: cover;
              width: 100%;
              min-height: 200px; }
        .layer-footer .section-content .inner-content > .column .head {
          background: #000000;
          color: #FFFFFF;
          text-transform: uppercase;
          display: inline-block;
          padding: 0.5em 1em;
          font-weight: 600;
          width: 175px; }
        .layer-footer .section-content .inner-content > .column .inner {
          background: #EFEFEF;
          display: inline-block;
          color: #dd332c;
          width: 100%;
          position: relative;
          padding-top: 0.5em; }
          .layer-footer .section-content .inner-content > .column .inner > ul {
            list-style: none;
            padding: 0; }
            .layer-footer .section-content .inner-content > .column .inner > ul > li > a {
              font-size: 15px;
              font-weight: 500;
              display: inline-block;
              padding: 0.5em 0 0.5em 1em;
              margin-left: 1.1em;
              text-transform: uppercase;
              transition: all 0.3s; }
              .layer-footer .section-content .inner-content > .column .inner > ul > li > a:before {
                content: '\e91e';
                font-family: icons;
                position: absolute;
                margin-left: -1.1em;
                margin-top: 0.05em;
                transition: all 0.3s; }
              .layer-footer .section-content .inner-content > .column .inner > ul > li > a:hover {
                margin-left: 1.32em;
                color: #000000; }
                .layer-footer .section-content .inner-content > .column .inner > ul > li > a:hover:before {
                  transform: scale(0.75); }
          .layer-footer .section-content .inner-content > .column .inner address {
            width: 100%;
            font-style: normal;
            font-size: 15px;
            font-weight: 500;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            padding: 0 1em 4em 1em;
            padding: 1em 1em 0 1em;
            line-height: 1.75em;
            white-space: nowrap; }
            .layer-footer .section-content .inner-content > .column .inner address + address {
              padding-bottom: 1em; }
  @media (min-width: 640px) {
    .layer-footer .section-content .inner-content .column:last-child {
      width: calc(50% - 4em); }
      .layer-footer .section-content .inner-content .column:last-child .inner > div:first-child {
        width: 40%;
        max-width: 40%;
        width: auto;
        flex-grow: 1; }
      .layer-footer .section-content .inner-content .column:last-child .inner address {
        width: 30%;
        min-width: 30%;
        width: auto;
        padding-bottom: 4em; }
      .layer-footer .section-content .inner-content .column:last-child .inner .module-contact {
        position: absolute;
        width: auto;
        left: 1em; }
        .layer-footer .section-content .inner-content .column:last-child .inner .module-contact > div:first-child {
          flex-basis: auto; } }
  @media (min-width: 500px) {
    .layer-footer .section-content .inner-content {
      display: flex;
      flex-wrap: wrap; }
      .layer-footer .section-content .inner-content .column {
        flex-grow: 1;
        width: calc(25% - 4em); }
        .layer-footer .section-content .inner-content .column:last-child {
          width: 50%; }
        .layer-footer .section-content .inner-content .column .inner {
          min-height: calc(100% - 2em); } }
  @media (min-width: 1280px) {
    .layer-footer .section-content .inner-content .column:last-child {
      width: calc(50% - 4em); } }

.layer-footer-links {
  background: #dadada; }
  .layer-footer-links .section-content .inner-content {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .layer-footer-links .section-content .inner-content > * {
      padding: 0.9em 1em; }
    .layer-footer-links .section-content .inner-content .text {
      padding: 0; }
      .layer-footer-links .section-content .inner-content .text img {
        height: 3em;
        max-width: 90%;
        text-align: center;
        position: relative;
        top: 0.2em;
        left: .2em; }
    .layer-footer-links .section-content .inner-content > ul {
      color: #9d9d9d;
      margin-left: auto;
      display: inline-block;
      list-style-type: none;
      padding: 0;
      margin-right: 1em;
      text-transform: lowercase; }
      .layer-footer-links .section-content .inner-content > ul li {
        display: inline-block;
        margin: 0 0.5em; }
        .layer-footer-links .section-content .inner-content > ul li a {
          transition: color 0.5s; }
          .layer-footer-links .section-content .inner-content > ul li a:hover {
            color: #000000; }
    .layer-footer-links .section-content .inner-content > a {
      color: #c6c6c6; }
      .layer-footer-links .section-content .inner-content > a span {
        font-size: 1.5em; }

.layer-header {
  overflow: hidden;
  position: relative;
  z-index: 1;
  min-height: 60px; }
  .layer-header.invisible .section-content #toggle-offshore:checked + .offshore, .layer-header.invisible .section-content .offshore {
    transform: translateX(calc(100% + 66px));
    transform: translateX(calc(100%)); }
  .layer-header .carousel {
    position: relative; }
    .layer-header .carousel:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 40%;
      height: 1em;
      background: #000000; }
  .layer-header #toggle-offshore {
    display: none; }
    .layer-header #toggle-offshore:checked + .offshore {
      transform: translateX(66px); }
  .layer-header .offshore {
    position: fixed;
    z-index: 1;
    transform: translateX(100%);
    transition: transform 1s;
    right: 62px;
    top: 13vw;
    display: flex;
    overflow: hidden; }
    .layer-header .offshore .image-holder img {
      margin-top: 0.75em;
      border: 2px solid #000000;
      cursor: pointer;
      width: 48px;
      height: 48px; }
    .layer-header .offshore > div {
      height: 105px;
      background: #000000;
      color: #FFFFFF; }
      .layer-header .offshore > div > div {
        padding: 1em; }
        .layer-header .offshore > div > div > div {
          font-size: calc(0.74405vw - -10.28571px);
          font-weight: bold;
          text-transform: uppercase; }
          @media (max-width: 768px) {
            .layer-header .offshore > div > div > div {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-header .offshore > div > div > div {
              font-size: 21px; } }
          .layer-header .offshore > div > div > div > label {
            background: #dd332c;
            float: right; }
            .layer-header .offshore > div > div > div > label:after {
              content: '\e91f';
              color: #fff;
              display: block;
              transform: scale(0.65);
              font-family: icons;
              padding: 0.1em; }
        .layer-header .offshore > div > div > a {
          margin-top: 1em;
          margin-right: 1em;
          display: block;
          border: 2px solid #FFFFFF;
          border-radius: 6px;
          text-transform: uppercase;
          padding: 0.25em 0.5em; }
          .layer-header .offshore > div > div > a:before {
            content: '';
            background: url("/img/triangle-multicolor.png") no-repeat center center/contain;
            display: inline-block;
            width: 1em;
            height: 1em;
            position: relative;
            top: 0.1em;
            margin-right: 0.5em; }
    .layer-header .offshore:after {
      content: '';
      display: block;
      width: 14px;
      background: #000000;
      font-size: 15px; }
  .layer-header .logo2 {
    background: #dd332c; }
    .layer-header .logo2 .image-holder {
      margin-left: calc(8.33333vw - 56px);
      padding: calc(1.78571vw - 5.71429px);
      position: absolute;
      z-index: 1; }
      @media (max-width: 768px) {
        .layer-header .logo2 .image-holder {
          margin-left: 8px; } }
      @media (min-width: 1440px) {
        .layer-header .logo2 .image-holder {
          margin-left: 64px; } }
      @media (max-width: 768px) {
        .layer-header .logo2 .image-holder {
          padding: 8px; } }
      @media (min-width: 1440px) {
        .layer-header .logo2 .image-holder {
          padding: 20px; } }
      .layer-header .logo2 .image-holder img {
        width: 60%;
        max-width: 170px; }
  .layer-header.format0 .division {
    position: absolute;
    left: 1em;
    bottom: 2em;
    max-width: 40%; }
    @media (min-width: 500px) {
      .layer-header.format0 .division {
        left: 7em; } }
  .layer-header.format2 {
    background: #dd332c; }
    .layer-header.format2 .section-content > .text {
      margin: 0 auto;
      max-width: 1280px;
      color: #FFFFFF;
      position: relative;
      padding: 1em 1em 1em 0;
      text-align: right;
      left: 0; }
      .layer-header.format2 .section-content > .text .title {
        background: none;
        font-size: calc(2.97619vw - -5.14286px);
        font-weight: bold;
        text-transform: uppercase; }
        @media (max-width: 768px) {
          .layer-header.format2 .section-content > .text .title {
            font-size: 28px; } }
        @media (min-width: 1440px) {
          .layer-header.format2 .section-content > .text .title {
            font-size: 48px; } }
  .layer-header.format3 .section-content {
    display: flex;
    flex-direction: column; }
    .layer-header.format3 .section-content > div:first-child {
      flex: 1 1 64%;
      min-width: 0; }
    .layer-header.format3 .section-content > .sidebar {
      flex: 1 1 36%;
      position: relative;
      display: flex;
      flex-direction: column; }
      .layer-header.format3 .section-content > .sidebar > .text {
        margin-top: auto; }
  .layer-header.format4 .section-content > .text {
    width: 100%;
    transform: unset;
    left: 1em;
    top: 0;
    text-align: left; }
  .layer-header.format4 .section-content .logo2 .image-holder {
    width: 100%; }
  .layer-header .section-content .carousel .slick-track {
    position: relative;
    z-index: 0; }
  .layer-header .section-content .carousel > [data-slick] > * img {
    display: block;
    width: 100%;
    height: auto; }
  .layer-header .section-content .carousel > [data-slick] > * + :not(.slick-slide) {
    display: none; }
  .layer-header .section-content .navigation {
    position: absolute;
    right: calc(9.52381vw - 57.14286px);
    bottom: 1em; }
    @media (max-width: 768px) {
      .layer-header .section-content .navigation {
        right: 16px; } }
    @media (min-width: 1440px) {
      .layer-header .section-content .navigation {
        right: 80px; } }
  .layer-header .section-content .slick-dots {
    font-size: 0.3em;
    list-style: none;
    width: 100%;
    margin-top: 1em;
    background: #000000;
    padding: 0.5em 1em;
    left: 0; }
    .layer-header .section-content .slick-dots > * {
      cursor: pointer;
      display: inline-block;
      border: 1px solid #FFFFFF;
      background: #FFFFFF;
      display: inline-block;
      border-radius: 50%;
      width: 1em;
      height: 1em;
      line-height: 1em;
      text-align: center;
      margin: 0.25em; }
      .layer-header .section-content .slick-dots > *.slick-active {
        border-color: #dd332c;
        background: #dd332c; }
      .layer-header .section-content .slick-dots > * button {
        display: none; }
  .layer-header .section-content > .icon {
    display: none;
    max-width: 1440px;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: right;
    bottom: 68px;
    padding-right: 3.75em; }
  .layer-header .section-content .carousel + .text {
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 0em;
    left: 15px;
    padding-bottom: 2em;
    padding-right: 1em;
    font-size: calc(2.52976vw - 4.42857px); }
    @media (min-width: 500px) {
      .layer-header .section-content .carousel + .text {
        left: 80px; } }
    @media (max-width: 768px) {
      .layer-header .section-content .carousel + .text {
        font-size: 15px; } }
    @media (min-width: 1440px) {
      .layer-header .section-content .carousel + .text {
        font-size: 32px; } }
    .layer-header .section-content .carousel + .text .title {
      display: inline-block;
      background: rgba(221, 51, 44, 0.86);
      font-weight: bold;
      padding: 0.5em 0.75em;
      position: relative;
      color: #FFFFFF; }
    @media (min-width: 500px) {
      html.home .layer-header .section-content .carousel + .text {
        bottom: 50%; } }
  .layer-header .section-content > .footer {
    width: 100%;
    background: #dd332c;
    color: #FFFFFF;
    text-align: right;
    position: relative;
    padding: 2em 0; }
    .layer-header .section-content > .footer > .logo2 {
      float: left; }
    .layer-header .section-content > .footer .head {
      font-weight: 900;
      padding-top: 1em;
      padding-right: 10%;
      position: relative;
      font-size: calc(0.89286vw - -9.14286px);
      line-height: 1.04545em;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .layer-header .section-content > .footer .head {
          font-size: 16px; } }
      @media (min-width: 1440px) {
        .layer-header .section-content > .footer .head {
          font-size: 22px; } }
    .layer-header .section-content > .footer .subhead {
      font-weight: 900;
      padding-right: 10%;
      padding-bottom: 0.25em;
      position: relative;
      font-size: calc(4.7619vw - 18.57143px);
      line-height: 1.02em;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .layer-header .section-content > .footer .subhead {
          font-size: 18px; } }
      @media (min-width: 1440px) {
        .layer-header .section-content > .footer .subhead {
          font-size: 50px; } }
    .layer-header .section-content > .footer .text {
      font-weight: 900;
      padding-right: 10%;
      padding-bottom: 0.25em;
      position: relative;
      font-size: calc(0.44643vw - -8.57143px);
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .layer-header .section-content > .footer .text {
          font-size: 12px; } }
      @media (min-width: 1440px) {
        .layer-header .section-content > .footer .text {
          font-size: 15px; } }
  .layer-header .section-content > .sidebar {
    color: #FFFFFF;
    background: #dd332c;
    padding: 1em 0 0 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: calc(1.6369vw - -0.42857px);
    line-height: 1.04167em;
    text-align: right; }
    @media (max-width: 768px) {
      .layer-header .section-content > .sidebar {
        font-size: 13px; } }
    @media (min-width: 1440px) {
      .layer-header .section-content > .sidebar {
        font-size: 24px; } }
    .layer-header .section-content > .sidebar .head {
      padding: 0 1em; }
    .layer-header .section-content > .sidebar .subhead {
      padding: 0 1em 1em 0; }
      .layer-header .section-content > .sidebar .subhead > div {
        font-size: calc(5.95238vw - 21.71429px);
        line-height: 1.01563em; }
        @media (max-width: 768px) {
          .layer-header .section-content > .sidebar .subhead > div {
            font-size: 24px; } }
        @media (min-width: 1440px) {
          .layer-header .section-content > .sidebar .subhead > div {
            font-size: 64px; } }
    .layer-header .section-content > .sidebar .text {
      text-align: left;
      background: #000000;
      bottom: 0;
      padding: 1em;
      font-size: calc(1.4881vw - -8.57143px);
      line-height: normal; }
      @media (max-width: 768px) {
        .layer-header .section-content > .sidebar .text {
          font-size: 20px; } }
      @media (min-width: 1440px) {
        .layer-header .section-content > .sidebar .text {
          font-size: 30px; } }

@media (min-width: 500px) {
  html.home .layer-header + .section > .section-content:before, html.home .layer-header + .section > .section-content:after {
    display: block; }

  .layer-header.line .section-content > .text .line {
    display: block; }
  .layer-header.line + .section > .section-content:after, .layer-header.line + .section > .section-content:before {
    display: block; }
  .layer-header.line + .section > .section-content > .inner-content {
    padding-top: 4em; } }
@media (min-width: 700px) {
  .layer-header .logo2 .image-holder {
    position: relative; }
  .layer-header.format3 .section-content {
    flex-direction: row; }
  .layer-header .section-content .icon {
    display: block; }
  .layer-header .section-content > .sidebar > div {
    padding: 3em 3em 0 0; } }
.layer-markets {
  padding: 0em 1em;
  background: #EFEFEF;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff; }
  .layer-markets .swiper-slide {
    min-width: 160px;
    max-width: 300px; }
  .layer-markets.type-markets {
    padding-top: 2em;
    padding-bottom: 2em;
    border: none;
    background: none; }
    .layer-markets.type-markets .section-content {
      max-width: none; }
      .layer-markets.type-markets .section-content .inner-content a {
        width: calc(50% - 2em);
        margin: 4px;
        padding: 0; }
    @media (min-width: 700px) {
      .layer-markets.type-markets .section-content .inner-content {
        flex-wrap: nowrap; } }
  .layer-markets .section-content {
    max-width: 1280px;
    margin: 0 auto; }
    .layer-markets .section-content > .title {
      font-size: calc(1.19048vw - -14.85714px);
      font-weight: 300;
      text-transform: uppercase;
      margin-left: 1em; }
      @media (max-width: 768px) {
        .layer-markets .section-content > .title {
          font-size: 24px; } }
      @media (min-width: 1440px) {
        .layer-markets .section-content > .title {
          font-size: 32px; } }
    .layer-markets .section-content .inner-content {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .layer-markets .section-content .inner-content a {
        flex: 0 1 auto;
        width: 50%;
        display: flex;
        flex-flow: column;
        height: auto;
        margin: 0;
        position: relative;
        padding: 2px;
        background: #fff; }
        .layer-markets .section-content .inner-content a:hover .image-holder img {
          transform: scale(1); }
        .layer-markets .section-content .inner-content a .image-holder {
          position: relative;
          height: 0;
          padding-bottom: 74%;
          overflow: hidden; }
          .layer-markets .section-content .inner-content a .image-holder img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: auto;
            transform: scale(1.2);
            transition: transform 0.3s; }
        .layer-markets .section-content .inner-content a:hover .image-holder:after {
          opacity: 0; }
        .layer-markets .section-content .inner-content a .title {
          background: #dd332c;
          font-size: calc(0.74405vw - -6.28571px);
          color: #FFFFFF;
          font-weight: 600;
          padding: 0.6em 1em 0.6em 0.5em;
          flex-grow: 1;
          text-align: right;
          text-transform: uppercase; }
          @media (max-width: 768px) {
            .layer-markets .section-content .inner-content a .title {
              font-size: 12px; } }
          @media (min-width: 1440px) {
            .layer-markets .section-content .inner-content a .title {
              font-size: 17px; } }
          .layer-markets .section-content .inner-content a .title:after {
            content: '.'; }
  @media (min-width: 500px) {
    .layer-markets .section-content .inner-content a {
      width: calc(50% - 3em);
      padding: 2px; } }
  @media (min-width: 600px) {
    .layer-markets .section-content .inner-content a {
      width: 20%; } }

.layer-media .section-content {
  max-width: 1312px; }
.layer-media h1 {
  font-size: calc(2.38095vw - -1.71429px);
  line-height: 1.30556em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.75em;
  color: #dd332c; }
  @media (max-width: 768px) {
    .layer-media h1 {
      font-size: 20px; } }
  @media (min-width: 1440px) {
    .layer-media h1 {
      font-size: 36px; } }
.layer-media h2 {
  font-size: calc(1.19048vw - -8.85714px);
  line-height: 1.26923em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1em;
  color: #000000; }
  @media (max-width: 768px) {
    .layer-media h2 {
      font-size: 18px; } }
  @media (min-width: 1440px) {
    .layer-media h2 {
      font-size: 26px; } }
.layer-media h3 {
  font-size: calc(1.19048vw - -6.85714px);
  text-transform: uppercase;
  padding-bottom: 3em;
  font-weight: 600;
  color: #dd332c; }
  @media (max-width: 768px) {
    .layer-media h3 {
      font-size: 16px; } }
  @media (min-width: 1440px) {
    .layer-media h3 {
      font-size: 24px; } }
.layer-media h4 {
  font-size: calc(0.74405vw - -10.28571px);
  text-transform: uppercase;
  padding-bottom: 3em;
  font-weight: 600;
  color: #000000; }
  @media (max-width: 768px) {
    .layer-media h4 {
      font-size: 16px; } }
  @media (min-width: 1440px) {
    .layer-media h4 {
      font-size: 21px; } }
.layer-media .image-holder {
  border: 2px solid #dd332c; }
.layer-media.section.main {
  background: #EFEFEF; }
  .layer-media.section.main .inner-content {
    padding: 4em 1em 4em 1em; }
    @media (min-width: 768px) {
      .layer-media.section.main .inner-content {
        display: flex; }
        .layer-media.section.main .inner-content > .video-player {
          flex: 0 1 calc(60% - 0.5em);
          margin-right: 1em; }
        .layer-media.section.main .inner-content > .content {
          flex: 0 1 40%; } }
    .layer-media.section.main .inner-content .content {
      padding: 1em 0.5em; }
      .layer-media.section.main .inner-content .content .text {
        font-size: calc(0.14881vw - -13.85714px);
        line-height: 1.8125em; }
        @media (max-width: 768px) {
          .layer-media.section.main .inner-content .content .text {
            font-size: 15px; } }
        @media (min-width: 1440px) {
          .layer-media.section.main .inner-content .content .text {
            font-size: 16px; } }
.layer-media.section:not(.main) .video-player .poster:after {
  display: none; }
.layer-media.section.highlights .inner-content {
  padding-top: 4em;
  padding-bottom: 4em; }
  .layer-media.section.highlights .inner-content > h2 {
    text-align: center; }
  .layer-media.section.highlights .inner-content .items > * {
    display: flex; }
    .layer-media.section.highlights .inner-content .items > * > :nth-child(1) {
      flex: 0 1 52%; }
    .layer-media.section.highlights .inner-content .items > * > :nth-child(2) {
      flex: 0 1 48%; }
  @media (min-width: 768px) {
    .layer-media.section.highlights .inner-content .items {
      display: flex;
      flex-wrap: wrap; }
      .layer-media.section.highlights .inner-content .items > * {
        flex: 0 1 auto;
        width: calc(50% - 2em); } }
.layer-media.section.albums .inner-content {
  padding-bottom: 8em; }
  .layer-media.section.albums .inner-content h3 {
    color: #000000; }
  .layer-media.section.albums .inner-content .album > h2 {
    margin-top: 2em;
    margin-left: 1em; }
  .layer-media.section.albums .inner-content .album > div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
    .layer-media.section.albums .inner-content .album > div .item {
      align-items: flex-start; }
      @media (min-width: 500px) {
        .layer-media.section.albums .inner-content .album > div .item {
          width: calc(50% - 2em); } }
      @media (min-width: 768px) {
        .layer-media.section.albums .inner-content .album > div .item {
          width: calc(100%/3 - 2em); } }
.layer-media.section.main .image-holder, .layer-media.section.main .video-player > div, .layer-media.section.highlights .image-holder, .layer-media.section.highlights .video-player > div, .layer-media.section.albums .image-holder, .layer-media.section.albums .video-player > div {
  position: relative; }
  .layer-media.section.main .image-holder:before, .layer-media.section.main .video-player > div:before, .layer-media.section.highlights .image-holder:before, .layer-media.section.highlights .video-player > div:before, .layer-media.section.albums .image-holder:before, .layer-media.section.albums .video-player > div:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 56.25%; }
  .layer-media.section.main .image-holder > *, .layer-media.section.main .video-player > div > *, .layer-media.section.highlights .image-holder > *, .layer-media.section.highlights .video-player > div > *, .layer-media.section.albums .image-holder > *, .layer-media.section.albums .video-player > div > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
.layer-media .items {
  text-align: center;
  overflow: auto; }
  .layer-media .items .item {
    text-align: left;
    margin: 1em;
    display: inline-block;
    background: #EFEFEF; }
    .layer-media .items .item .media {
      background: red; }
    .layer-media .items .item .content {
      padding: 1em 2em 1em 1em; }

.layer-news-overview .section-content {
  max-width: 1440px; }
  .layer-news-overview .section-content .inner-content .container {
    display: flex;
    flex-wrap: wrap;
    margin: 4em 0;
    padding: 1em; }
    .layer-news-overview .section-content .inner-content .container > * {
      flex: 0 1 auto;
      width: 100%;
      display: flex; }
      .layer-news-overview .section-content .inner-content .container > * > .item-content {
        width: 100%;
        margin: 1em 2em;
        font-size: calc(1.19048vw - 1.14286px);
        background: #EFEFEF; }
        @media (max-width: 768px) {
          .layer-news-overview .section-content .inner-content .container > * > .item-content {
            font-size: 8px; } }
        @media (min-width: 1440px) {
          .layer-news-overview .section-content .inner-content .container > * > .item-content {
            font-size: 16px; } }
        .layer-news-overview .section-content .inner-content .container > * > .item-content .image.empty .image-holder {
          background: #dd332c url(../img/logo-lankhorst-ropes-white.png) no-repeat center center; }
        .layer-news-overview .section-content .inner-content .container > * > .item-content .image.empty img {
          visibility: hidden; }
        .layer-news-overview .section-content .inner-content .container > * > .item-content .image-holder {
          border: 2px solid #dd332c; }
        .layer-news-overview .section-content .inner-content .container > * > .item-content .text {
          padding: 1em 2em 1em 1em;
          font-weight: 600;
          text-transform: uppercase;
          font-size: calc(0.74405vw - -10.28571px); }
          @media (max-width: 768px) {
            .layer-news-overview .section-content .inner-content .container > * > .item-content .text {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-news-overview .section-content .inner-content .container > * > .item-content .text {
              font-size: 21px; } }
@media (min-width: 500px) {
  .layer-news-overview .section-content .inner-content .container > * {
    width: 50%; } }
@media (min-width: 700px) {
  .layer-news-overview .section-content .inner-content .container > * {
    width: 33.33333%; } }

.layer-projects-search {
  margin-top: 16px;
  margin-bottom: 16px; }
  .layer-projects-search .section-content {
    max-width: 1280px; }
    .layer-projects-search .section-content .inner-content {
      overflow: hidden; }
    .layer-projects-search .section-content form {
      max-width: none;
      display: flex;
      flex-wrap: wrap;
      padding: 16px;
      margin: -4px;
      background: #EFEFEF; }
      .layer-projects-search .section-content form > * {
        margin: 4px; }
      .layer-projects-search .section-content form select, .layer-projects-search .section-content form input {
        background-color: #fff;
        color: #dd332c;
        font-weight: 500;
        border: 1px solid #dd332c;
        border-radius: 4px;
        line-height: 24px;
        padding: 4px 8px;
        font-size: 16px; }
      .layer-projects-search .section-content form select {
        flex: 1 2 0%;
        display: inline-block;
        padding-right: 32px;
        background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2019.535%2019.535%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.884%201.768l8%208-8%208%22%20fill%3D%22none%22%20stroke%3D%22%23dd332c%22%20transform%3D%22rotate%2890%209.7675%209.7675%29%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%225%22%2F%3E%3C%2Fsvg%3E");
        background-size: 29.36932px 10px;
        background-position: right center;
        background-repeat: no-repeat; }
      .layer-projects-search .section-content form input {
        flex: 2 1 40%;
        min-width: 250px; }
      .layer-projects-search .section-content form button {
        flex: 1 1 200px;
        border: none;
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        font-size: 1.2em;
        padding: 4px; }
        .layer-projects-search .section-content form button[type="submit"] {
          background-color: #dd332c;
          color: #fff; }

.layer-projects .section-content {
  max-width: 1280px;
  overflow: hidden; }
.layer-projects .inner-content {
  display: flex;
  flex-flow: row wrap; }
.layer-projects .item {
  flex: 1 1 25%;
  display: flex;
  min-width: 270px; }
  .layer-projects .item a {
    width: 100%;
    margin: 16px;
    display: flex;
    flex-flow: column;
    border-top: 4px solid #dd332c;
    background-color: #EFEFEF; }
    .layer-projects .item a > div {
      flex-grow: 1;
      display: flex;
      flex-flow: column;
      padding: 16px; }
      .layer-projects .item a > div [data-role="title"] {
        font-weight: 600;
        color: #dd332c;
        text-transform: uppercase; }
      .layer-projects .item a > div [data-role="intro"] {
        margin-top: 16px; }
      .layer-projects .item a > div [data-role="market"]:not(:empty) {
        margin-top: auto;
        padding-top: 32px;
        font-size: .9em;
        opacity: .76; }

.layer-project .section-content .inner-content > [data-role="media"] {
  background-color: #dd332c; }
  .layer-project .section-content .inner-content > [data-role="media"] > * {
    max-width: 800px;
    margin: 0 auto; }
    .layer-project .section-content .inner-content > [data-role="media"] > * > * {
      padding: 20px; }
  .layer-project .section-content .inner-content > [data-role="media"] ~ div.layer-breadcrumbs .section-content {
    max-width: 800px; }
  .layer-project .section-content .inner-content > [data-role="media"] ~ div.content {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px; }
.layer-project .section-content [data-role="title"] {
  font-weight: 500;
  margin-top: 32px;
  margin-bottom: 32px;
  color: #dd332c;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 600; }
.layer-project .section-content [data-role="intro"] {
  font-style: italic; }
.layer-project .section-content .columns {
  display: flex;
  margin: -16px;
  flex-wrap: wrap; }
  .layer-project .section-content .columns > * > * {
    margin: 16px; }
  .layer-project .section-content .columns > :nth-child(1) {
    flex: 1 1 75%; }
  .layer-project .section-content .columns > :nth-child(2) {
    flex: 1 1 25%;
    min-width: 150px; }
    .layer-project .section-content .columns > :nth-child(2) > * > * {
      display: inline-block;
      margin-bottom: 16px;
      width: 100%; }

.section .text + input[type="checkbox"] {
  display: none;
  width: 0;
  height: 0;
  position: absolute; }
  .section .text + input[type="checkbox"] + .text2 {
    height: 0;
    opacity: 0;
    transition: all 0.3s; }
    .section .text + input[type="checkbox"] + .text2:empty + label {
      display: none; }
    .section .text + input[type="checkbox"] + .text2 + label + .button.pdf {
      cursor: pointer;
      margin-bottom: 1em;
      margin-top: 3em;
      margin-right: 1em;
      float: right; }
    .section .text + input[type="checkbox"] + .text2 + label {
      cursor: pointer;
      margin-bottom: 1em;
      margin-top: 3em;
      float: right; }
      .section .text + input[type="checkbox"] + .text2 + label:before {
        transform-origin: center center;
        transform: rotate(90deg); }
      .section .text + input[type="checkbox"] + .text2 + label span:nth-child(2) {
        display: none; }
  .section .text + input[type="checkbox"]:not(:checked) + .text2 * {
    margin: 0;
    padding: 0; }
  .section .text + input[type="checkbox"]:checked + .text2 {
    height: auto;
    opacity: 1; }
    .section .text + input[type="checkbox"]:checked + .text2 + label:before, .section .text + input[type="checkbox"]:checked + .text2 + a.pdf + label:before {
      transform: rotate(-90deg); }
    .section .text + input[type="checkbox"]:checked + .text2 + label span:nth-child(1), .section .text + input[type="checkbox"]:checked + .text2 + a.pdf + label span:nth-child(1) {
      display: none; }
    .section .text + input[type="checkbox"]:checked + .text2 + label span:nth-child(2), .section .text + input[type="checkbox"]:checked + .text2 + a.pdf + label span:nth-child(2) {
      display: inline-block; }
.section .text + a.button, .section .text2 + a.button {
  margin-top: 2em; }
.section .text + a.pdf, .section .text2 + a.pdf {
  cursor: pointer;
  margin-bottom: 1em;
  margin-top: 3em;
  margin-right: 1em;
  float: right; }

.layer-teaser > input[type="checkbox"] {
  display: none;
  position: absolute;
  left: -9999px; }
.layer-teaser.black {
  background: #FFFFFF; }
  .layer-teaser.black .section-content .inner-content > :nth-child(1) {
    margin-right: 7vw; }
    .layer-teaser.black .section-content .inner-content > :nth-child(1) > div {
      background-color: #000000;
      padding: 2em;
      max-width: 400px;
      margin-left: 0; }
      .layer-teaser.black .section-content .inner-content > :nth-child(1) > div .subtitle {
        font-size: calc(2.08333vw - -12px);
        line-height: 1.16667em;
        text-transform: uppercase;
        font-weight: 300;
        width: calc(100% + 7vw);
        white-space: pre-wrap; }
        @media (max-width: 768px) {
          .layer-teaser.black .section-content .inner-content > :nth-child(1) > div .subtitle {
            font-size: 28px; } }
        @media (min-width: 1440px) {
          .layer-teaser.black .section-content .inner-content > :nth-child(1) > div .subtitle {
            font-size: 42px; } }
.layer-teaser.brown .section-content .inner-content .title {
  color: #FFFFFF; }
.layer-teaser.brown .section-content .inner-content .subtitle {
  color: #dd332c; }
.layer-teaser .section-content {
  padding: 1em;
  max-width: 1440px; }
  .layer-teaser .section-content .inner-content {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 0; }
  .layer-teaser .section-content.rtl .inner-content :nth-child(1) {
    order: 2;
    margin: 2em 1em 0 0; }
    .layer-teaser .section-content.rtl .inner-content :nth-child(1):before {
      right: -2rem; }
  .layer-teaser .section-content.rtl .inner-content :nth-child(2) {
    order: 1; }
    .layer-teaser .section-content.rtl .inner-content :nth-child(2) .button {
      float: left; }

.layer-teaser-logo {
  background: #dd332c; }
  .layer-teaser-logo .section-content {
    max-width: 1200px;
    margin: 0 auto; }
    .layer-teaser-logo .section-content .inner-content {
      display: flex;
      flex-wrap: wrap;
      overflow: hidden; }
      .layer-teaser-logo .section-content .inner-content > :nth-child(1) {
        flex-basis: 250px;
        flex-grow: 0;
        padding-top: 2.5em;
        margin-bottom: -3em;
        text-align: center; }
        @media (min-width: 500px) {
          .layer-teaser-logo .section-content .inner-content > :nth-child(1) {
            text-align: left; } }
      .layer-teaser-logo .section-content .inner-content > :nth-child(2) {
        padding: 4.5em 3em 4em 3em; }
      .layer-teaser-logo .section-content .inner-content > * {
        flex: 1 1 50%;
        margin-right: auto;
        position: relative;
        height: 100%;
        z-index: 0; }
        .layer-teaser-logo .section-content .inner-content > *.logo .image-holder {
          display: inline-block; }
        .layer-teaser-logo .section-content .inner-content > * .title {
          font-size: calc(1.78571vw - -6.28571px);
          line-height: 1.09375em;
          color: #EFEFEF;
          text-transform: uppercase;
          font-weight: 600; }
          @media (max-width: 768px) {
            .layer-teaser-logo .section-content .inner-content > * .title {
              font-size: 20px; } }
          @media (min-width: 1440px) {
            .layer-teaser-logo .section-content .inner-content > * .title {
              font-size: 32px; } }
        .layer-teaser-logo .section-content .inner-content > * .text, .layer-teaser-logo .section-content .inner-content > * .text2 {
          font-size: calc(0.14881vw - -13.85714px);
          line-height: 1.5625em; }
          @media (max-width: 768px) {
            .layer-teaser-logo .section-content .inner-content > * .text, .layer-teaser-logo .section-content .inner-content > * .text2 {
              font-size: 15px; } }
          @media (min-width: 1440px) {
            .layer-teaser-logo .section-content .inner-content > * .text, .layer-teaser-logo .section-content .inner-content > * .text2 {
              font-size: 16px; } }
          .layer-teaser-logo .section-content .inner-content > * .text, .layer-teaser-logo .section-content .inner-content > * .text a, .layer-teaser-logo .section-content .inner-content > * .text2, .layer-teaser-logo .section-content .inner-content > * .text2 a {
            color: #EFEFEF; }
          .layer-teaser-logo .section-content .inner-content > * .text a, .layer-teaser-logo .section-content .inner-content > * .text2 a {
            text-decoration: underline; }
        .layer-teaser-logo .section-content .inner-content > * .text2 + .button {
          color: #FFFFFF; }

.layer-teaser-image {
  background: #dd332c; }
  .layer-teaser-image .section-content {
    max-width: 1440px;
    margin: 0 auto; }
    .layer-teaser-image .section-content .inner-content {
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      .layer-teaser-image .section-content .inner-content > *.title > div {
        font-size: calc(1.93452vw - -2.14286px);
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: bold;
        background: #000000;
        padding: 0.5em; }
        @media (max-width: 768px) {
          .layer-teaser-image .section-content .inner-content > *.title > div {
            font-size: 17px; } }
        @media (min-width: 1440px) {
          .layer-teaser-image .section-content .inner-content > *.title > div {
            font-size: 30px; } }
      .layer-teaser-image .section-content .inner-content > *.content {
        padding: 1em; }
        .layer-teaser-image .section-content .inner-content > *.content > .button {
          color: #FFFFFF; }
      .layer-teaser-image .section-content .inner-content > *.logo .image-holder {
        display: inline-block; }
      .layer-teaser-image .section-content .inner-content > * .text, .layer-teaser-image .section-content .inner-content > * .text2 {
        font-size: calc(0.29762vw - -13.71429px);
        line-height: 1.38889em;
        color: #EFEFEF; }
        @media (max-width: 768px) {
          .layer-teaser-image .section-content .inner-content > * .text, .layer-teaser-image .section-content .inner-content > * .text2 {
            font-size: 16px; } }
        @media (min-width: 1440px) {
          .layer-teaser-image .section-content .inner-content > * .text, .layer-teaser-image .section-content .inner-content > * .text2 {
            font-size: 18px; } }
  @media (min-width: 500px) {
    .layer-teaser-image .section-content .inner-content {
      flex-direction: row;
      flex-wrap: wrap;
      padding-top: 7em;
      position: relative; }
      .layer-teaser-image .section-content .inner-content > .title {
        flex: 0 1 100%;
        text-align: center; }
        .layer-teaser-image .section-content .inner-content > .title > div {
          text-align: left;
          display: inline-block;
          width: 60%;
          max-width: 650px;
          position: relative;
          z-index: 1; }
      .layer-teaser-image .section-content .inner-content > .image {
        position: relative; }
        .layer-teaser-image .section-content .inner-content > .image > .image-holder {
          position: absolute;
          margin-top: calc(-4.7619vw - 11.42857px); } }
      @media (min-width: 500px) and (max-width: 768px) {
        .layer-teaser-image .section-content .inner-content > .image > .image-holder {
          margin-top: -48px; } }
      @media (min-width: 500px) and (min-width: 1440px) {
        .layer-teaser-image .section-content .inner-content > .image > .image-holder {
          margin-top: -80px; } }
  @media (min-width: 500px) {
      .layer-teaser-image .section-content .inner-content > .image, .layer-teaser-image .section-content .inner-content .content {
        flex: 1 1 auto;
        width: calc(50% - 4em);
        padding: 2em;
        margin-right: auto; } }

.layer-teaser-news .section-content {
  max-width: 1280px;
  margin: 0 auto;
  margin-top: calc(17.85714vw - 57.14286px);
  margin-bottom: calc(8.92857vw - -11.42857px);
  position: relative; }
  @media (max-width: 320px) {
    .layer-teaser-news .section-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .layer-teaser-news .section-content {
      margin-top: 80px; } }
  @media (max-width: 320px) {
    .layer-teaser-news .section-content {
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .layer-teaser-news .section-content {
      margin-bottom: 80px; } }
  .layer-teaser-news .section-content .inner-content {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden; }
    html.home .layer-teaser-news .section-content .inner-content > :nth-child(1) {
      width: calc(42% - 4em);
      min-width: 300px; }
    html.home .layer-teaser-news .section-content .inner-content > :nth-child(2) {
      flex-basis: 58%;
      position: relative;
      margin-top: 7em; }
    html:not(.home) .layer-teaser-news .section-content .inner-content > :nth-child(1) {
      width: calc(69% - 4em);
      min-width: 300px; }
    html:not(.home) .layer-teaser-news .section-content .inner-content > :nth-child(2) {
      flex-basis: 31%;
      position: relative;
      margin-top: -2em; }
    .layer-teaser-news .section-content .inner-content > * {
      flex: 1 1 auto;
      padding: 2em;
      height: 100%;
      z-index: 0; }
      .layer-teaser-news .section-content .inner-content > *.news ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: -1.5em -1.5em;
        list-style: none; }
        .layer-teaser-news .section-content .inner-content > *.news ul li {
          flex: 1 1 auto;
          width: calc(50% - 3em);
          margin: 1.5em;
          background: #EFEFEF;
          min-width: 250px; }
          .layer-teaser-news .section-content .inner-content > *.news ul li a {
            display: flex; }
            .layer-teaser-news .section-content .inner-content > *.news ul li a > span {
              width: 40%;
              display: inline-block;
              float: left; }
              .layer-teaser-news .section-content .inner-content > *.news ul li a > span:nth-child(2) {
                width: 60%;
                margin: 1em; }
      .layer-teaser-news .section-content .inner-content > * > span {
        background: #000000;
        color: #FFFFFF;
        padding: 0.5em 1em;
        position: relative;
        margin-bottom: 1.75em;
        text-transform: uppercase;
        font-weight: bold;
        display: inline-block; }
      .layer-teaser-news .section-content .inner-content > * .socials {
        position: absolute;
        text-align: center;
        top: -7em;
        right: 1em;
        width: calc(100% - 2em);
        max-width: 400px; }
      .layer-teaser-news .section-content .inner-content > * .title {
        font-size: calc(2.38095vw - -1.71429px);
        line-height: 1.08333em;
        color: #dd332c;
        text-transform: uppercase;
        font-weight: bold; }
        @media (max-width: 768px) {
          .layer-teaser-news .section-content .inner-content > * .title {
            font-size: 20px; } }
        @media (min-width: 1440px) {
          .layer-teaser-news .section-content .inner-content > * .title {
            font-size: 36px; } }
      .layer-teaser-news .section-content .inner-content > * .text, .layer-teaser-news .section-content .inner-content > * .text2 {
        font-size: calc(0.29762vw - -13.71429px);
        line-height: 1.38889em;
        color: #000000; }
        @media (max-width: 768px) {
          .layer-teaser-news .section-content .inner-content > * .text, .layer-teaser-news .section-content .inner-content > * .text2 {
            font-size: 16px; } }
        @media (min-width: 1440px) {
          .layer-teaser-news .section-content .inner-content > * .text, .layer-teaser-news .section-content .inner-content > * .text2 {
            font-size: 18px; } }
        .layer-teaser-news .section-content .inner-content > * .text + label, .layer-teaser-news .section-content .inner-content > * .text2 + label {
          cursor: pointer;
          margin-bottom: 1em;
          margin-top: 1em; }
          .layer-teaser-news .section-content .inner-content > * .text + label span:nth-child(2), .layer-teaser-news .section-content .inner-content > * .text2 + label span:nth-child(2) {
            display: none; }
        .layer-teaser-news .section-content .inner-content > * .text + .button.pdf, .layer-teaser-news .section-content .inner-content > * .text2 + .button.pdf {
          cursor: pointer;
          margin-bottom: 1em;
          margin-top: 1em; }
        .layer-teaser-news .section-content .inner-content > * .text > .button, .layer-teaser-news .section-content .inner-content > * .text2 > .button {
          margin-top: 3em; }
      .layer-teaser-news .section-content .inner-content > * input[type="checkbox"] {
        display: none;
        width: 0;
        height: 0;
        position: absolute; }
        .layer-teaser-news .section-content .inner-content > * input[type="checkbox"]:checked + div.text {
          max-height: none; }
          .layer-teaser-news .section-content .inner-content > * input[type="checkbox"]:checked + div.text + label span:nth-child(1) {
            display: none; }
          .layer-teaser-news .section-content .inner-content > * input[type="checkbox"]:checked + div.text + label span:nth-child(2) {
            display: inline-block; }

.layer-teasers .section-content .inner-content {
  display: flex;
  flex-direction: row; }
  .layer-teasers .section-content .inner-content div.main {
    display: none;
    flex: 0 1 50%; }
    .layer-teasers .section-content .inner-content div.main img {
      width: 100%; }
  .layer-teasers .section-content .inner-content div.items {
    flex: 0 1 100%;
    flex-wrap: wrap;
    justify-content: space-between; }
    .layer-teasers .section-content .inner-content div.items > div > * {
      margin: 1em;
      flex-basis: calc(50% - 2em);
      flex-grow: 1; }
    .layer-teasers .section-content .inner-content div.items .item {
      display: inline-block;
      position: relative; }
      .layer-teasers .section-content .inner-content div.items .item .image-holder {
        position: relative; }
        .layer-teasers .section-content .inner-content div.items .item .image-holder:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          border: 2px solid rgba(255, 255, 255, 0.2);
          z-index: 1; }
        .layer-teasers .section-content .inner-content div.items .item .image-holder:after {
          content: '';
          background: #FFFFFF;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          transition: opacity 0.3s; }
      .layer-teasers .section-content .inner-content div.items .item .link {
        position: absolute; }
      .layer-teasers .section-content .inner-content div.items .item:hover .image-holder {
        overflow: hidden; }
        .layer-teasers .section-content .inner-content div.items .item:hover .image-holder img {
          filter: blur(2px); }
        .layer-teasers .section-content .inner-content div.items .item:hover .image-holder:after {
          opacity: 0.6; }
      .layer-teasers .section-content .inner-content div.items .item:hover .link {
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        text-align: center; }
      .layer-teasers .section-content .inner-content div.items .item:not(:hover) .link {
        right: 1em;
        top: 1em;
        font-size: calc(0.9375vw - 2px);
        white-space: nowrap; }
        @media (max-width: 320px) {
          .layer-teasers .section-content .inner-content div.items .item:not(:hover) .link {
            font-size: 1px; } }
        @media (min-width: 1920px) {
          .layer-teasers .section-content .inner-content div.items .item:not(:hover) .link {
            font-size: 16px; } }
        .layer-teasers .section-content .inner-content div.items .item:not(:hover) .link .button {
          font-size: calc(0.375vw - -8.8px);
          color: #FFFFFF;
          background: rgba(0, 0, 0, 0.4);
          border: 0; }
          @media (max-width: 320px) {
            .layer-teasers .section-content .inner-content div.items .item:not(:hover) .link .button {
              font-size: 10px; } }
          @media (min-width: 1920px) {
            .layer-teasers .section-content .inner-content div.items .item:not(:hover) .link .button {
              font-size: 16px; } }
          .layer-teasers .section-content .inner-content div.items .item:not(:hover) .link .button:after {
            border: none;
            margin-left: 0;
            margin: 0;
            float: none;
            padding: 0 0.5em 0 0.5em; }
@media (min-width: 400px) {
  .layer-teasers .section-content .inner-content div.items {
    display: flex;
    align-items: center; }
    .layer-teasers .section-content .inner-content div.items > div {
      display: flex;
      flex-wrap: wrap; } }
@media (min-width: 800px) {
  .layer-teasers .section-content .inner-content div.main {
    display: block;
    position: relative; }
    .layer-teasers .section-content .inner-content div.main > .image-holder:after {
      content: '';
      background: #FFFFFF;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0.4; }
    .layer-teasers .section-content .inner-content div.main > .image-holder > img + img {
      position: absolute;
      top: 0;
      opacity: 0;
      transition: all 1s; }
      .layer-teasers .section-content .inner-content div.main > .image-holder > img + img.hover {
        opacity: 1; }
    .layer-teasers .section-content .inner-content div.main > div {
      position: absolute;
      left: 50%;
      top: 20%;
      transform: translateX(-50%);
      background: rgba(255, 255, 255, 0.3);
      text-transform: uppercase;
      font-weight: 300;
      padding: 0.1em 0.2em;
      font-size: calc(2.97619vw - 0.85714px); } }
    @media (min-width: 800px) and (max-width: 768px) {
      .layer-teasers .section-content .inner-content div.main > div {
        font-size: 22px; } }
    @media (min-width: 800px) and (min-width: 1440px) {
      .layer-teasers .section-content .inner-content div.main > div {
        font-size: 42px; } }
@media (min-width: 800px) {
      .layer-teasers .section-content .inner-content div.main > div:empty {
        display: none; }
  .layer-teasers .section-content .inner-content div.items {
    flex-basis: 40%; }
    .layer-teasers .section-content .inner-content div.items > div {
      position: relative;
      left: -22%; } }

.layer-testimonial .section-content {
  max-width: 1440px;
  padding: 1em; }
  .layer-testimonial .section-content .inner-content > :nth-child(2) {
    margin-top: 1em; }
  .layer-testimonial .section-content .inner-content .title {
    font-size: calc(2.67857vw - 2.57143px);
    color: #000000;
    text-align: right;
    font-weight: 300; }
    @media (max-width: 768px) {
      .layer-testimonial .section-content .inner-content .title {
        font-size: 18px; } }
    @media (min-width: 1440px) {
      .layer-testimonial .section-content .inner-content .title {
        font-size: 36px; } }
    .layer-testimonial .section-content .inner-content .title:before {
      content: '\2018';
      color: #dd332c; }
    .layer-testimonial .section-content .inner-content .title:after {
      content: '\2019';
      color: #dd332c; }
  .layer-testimonial .section-content .inner-content .content {
    color: #dd332c;
    font-size: calc(0.44643vw - -14.57143px);
    line-height: normal;
    font-weight: normal; }
    @media (max-width: 768px) {
      .layer-testimonial .section-content .inner-content .content {
        font-size: 18px; } }
    @media (min-width: 1440px) {
      .layer-testimonial .section-content .inner-content .content {
        font-size: 21px; } }
    .layer-testimonial .section-content .inner-content .content:before {
      content: '\2018';
      color: #dd332c; }
    .layer-testimonial .section-content .inner-content .content:after {
      content: '\2019';
      color: #dd332c; }
    .layer-testimonial .section-content .inner-content .content + .button {
      margin-top: 2em; }
.layer-testimonial.rtl .section-content .inner-content .title {
  text-align: left; }

.layer-highlights {
  margin: 1em 1em; }
  .layer-product-detail + .layer-highlights {
    background: linear-gradient(to right, rgba(214, 218, 219, 0.25) 50%, rgba(214, 218, 219, 0.0625) 100%); }
  .layer-highlights .section-content {
    max-width: 1280px; }
    .layer-highlights .section-content h3 {
      font-size: calc(2.08333vw - -2px);
      line-height: 1.03125em;
      color: #e0e0e0;
      font-weight: 500;
      text-transform: uppercase;
      margin-left: 1em;
      margin-top: 3em;
      position: relative;
      transform: translateY(-82%); }
      @media (max-width: 768px) {
        .layer-highlights .section-content h3 {
          font-size: 18px; } }
      @media (min-width: 1440px) {
        .layer-highlights .section-content h3 {
          font-size: 32px; } }
    .layer-highlights .section-content .inner-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 2em 0; }
      .layer-highlights .section-content .inner-content > * {
        flex-basis: calc(50% - 2em);
        margin: 1em;
        flex-grow: 1;
        min-width: 200px;
        background: #88AE20; }
        @media (min-width: 1000px) {
          .layer-highlights .section-content .inner-content > * {
            flex-basis: calc(25% - 2em); } }
        .layer-highlights .section-content .inner-content > * > .item-content {
          position: relative;
          height: 100%;
          background: #88AE20; }

.layer-product .section-content {
  padding: 1em; }
  .layer-product .section-content.media {
    max-width: none;
    background: linear-gradient(to right, #EFEFEF, #fcfcfc);
    padding-top: 2em; }
  .layer-product .section-content .inner-content {
    max-width: 1280px;
    margin: 0 auto; }
    .layer-product .section-content .inner-content .title {
      background: #dd332c;
      color: #FFFFFF;
      padding: 0.5em 1em;
      display: inline-block;
      text-transform: uppercase;
      white-space: pre-wrap;
      font-weight: 500; }
      .layer-product .section-content .inner-content .title:after {
        content: '\a0'; }
      .layer-product .section-content .inner-content .title:empty {
        visibility: hidden; }
    .layer-product .section-content .inner-content .section.flex {
      display: flex;
      flex-wrap: wrap;
      margin: -2em -1em 0 -1em; }
    .layer-product .section-content .inner-content .section.content {
      padding: 2em 0 4em 0; }
      .layer-product .section-content .inner-content .section.content .left {
        width: calc(65% - 2em);
        max-width: none; }
        .layer-product .section-content .inner-content .section.content .left > .title {
          margin-bottom: 1em; }
        .layer-product .section-content .inner-content .section.content .left div.row {
          margin-left: -3em;
          padding-top: 2em; }
          .layer-product .section-content .inner-content .section.content .left div.row > span {
            float: left;
            margin-left: 3em; }
            .layer-product .section-content .inner-content .section.content .left div.row > span .head {
              display: block;
              font-style: italic;
              font-size: 14px;
              color: #dd332c;
              white-space: pre-wrap; }
              .layer-product .section-content .inner-content .section.content .left div.row > span .head:before {
                content: ' '; }
          .layer-product .section-content .inner-content .section.content .left div.row ul {
            display: inline-block;
            padding: 0.5em 0; }
            .layer-product .section-content .inner-content .section.content .left div.row ul li {
              width: auto; }
              .layer-product .section-content .inner-content .section.content .left div.row ul li span {
                display: none; }
        .layer-product .section-content .inner-content .section.content .left ul.specs {
          padding: 5em 0 1em 0;
          list-style: none; }
          .layer-product .section-content .inner-content .section.content .left ul.specs:after {
            content: '';
            display: table;
            clear: both; }
          .layer-product .section-content .inner-content .section.content .left ul.specs li {
            float: left;
            width: 100%; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li > span {
              display: block; }
              .layer-product .section-content .inner-content .section.content .left ul.specs li > span:nth-child(1) {
                text-transform: uppercase; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li:before {
              content: '';
              float: left;
              width: 3.125em;
              height: 3.125em;
              background: url(/img/specifications.png);
              background-position: 0 0;
              margin-right: 0.5em;
              margin-bottom: 0.5em; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_specific_gravity:before {
              background-position: 0 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_tcll_value:before {
              background-position: -50px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_uv-resistance:before {
              background-position: -100px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_color:before {
              background-position: -150px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_abrasion_resistance:before {
              background-position: -200px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_marker_yarn:before {
              background-position: -250px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_chemical_resistance:before {
              background-position: -300px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_water_absorption:before {
              background-position: -350px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_melting_point:before {
              background-position: -400px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_elongation:before {
              background-position: -450px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_construction:before {
              background-position: -500px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_a3_splice:before {
              background-position: -550px 0; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_quick_bury_splice:before {
              background-position: 0 -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel:before {
              background-position: -50px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_galvanized:before {
              background-position: -100px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_greased:before {
              background-position: -150px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_1960:before {
              background-position: -200px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_2060:before {
              background-position: -250px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_2160:before {
              background-position: -300px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_rhrl:before {
              background-position: -350px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_rhll:before {
              background-position: -400px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_lhrl:before {
              background-position: -450px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_lhll:before {
              background-position: -500px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_fibre_core:before {
              background-position: -550px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_no_swivel:before {
              background-position: -600px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_swivel:before {
              background-position: -650px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_bio_degradable_lubricant:before {
              background-position: -700px -50px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_1570:before {
              background-position: -200px -100px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_1770:before {
              background-position: -150px -100px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_ungalvanized:before {
              background-position: -250px -100px; }
            .layer-product .section-content .inner-content .section.content .left ul.specs li.specs_steel_iwrc_core:before {
              background-position: -300px -100px; }
      .layer-product .section-content .inner-content .section.content .right {
        width: calc(35% - 2em);
        max-width: none; }
        .layer-product .section-content .inner-content .section.content .right > div {
          display: flex;
          flex-wrap: wrap;
          margin: -2em -0.5em 0 -0.5em; }
          .layer-product .section-content .inner-content .section.content .right > div > p {
            float: left;
            margin: 2em 0.5em 0 0.5em;
            flex: 1 1 auto;
            width: calc(50% - 1em);
            min-width: 220px; }
            .layer-product .section-content .inner-content .section.content .right > div > p > .image-holder {
              border: 2px solid #dd332c;
              cursor: pointer; }
            .layer-product .section-content .inner-content .section.content .right > div > p > .image-enlarge {
              float: right;
              font-size: calc(0.29762vw - -9.71429px);
              margin-top: 1em;
              color: #dd332c; }
              @media (max-width: 768px) {
                .layer-product .section-content .inner-content .section.content .right > div > p > .image-enlarge {
                  font-size: 12px; } }
              @media (min-width: 1440px) {
                .layer-product .section-content .inner-content .section.content .right > div > p > .image-enlarge {
                  font-size: 14px; } }
              .layer-product .section-content .inner-content .section.content .right > div > p > .image-enlarge > span {
                display: inline-block;
                font-size: 1em;
                position: relative;
                transform: scaleX(-1);
                margin-right: 0.25em; }
                .layer-product .section-content .inner-content .section.content .right > div > p > .image-enlarge > span:before {
                  content: '\e901';
                  font-family: icons; }
                .layer-product .section-content .inner-content .section.content .right > div > p > .image-enlarge > span:after {
                  content: '+';
                  font-weight: bold;
                  font-size: 0.7em;
                  position: absolute;
                  left: 0.3em;
                  top: 0em;
                  display: inline-block; }
    .layer-product .section-content .inner-content .section .left {
      min-width: 280px;
      flex: 1 1 auto;
      margin: 2em 1em 0 1em;
      width: calc(40% - 2em); }
      .layer-product .section-content .inner-content .section .left > .image {
        border: 2px solid #dd332c;
        position: relative;
        max-width: 540px;
        margin: 0 auto; }
        .layer-product .section-content .inner-content .section .left > .image .icon {
          position: absolute;
          bottom: 0;
          transform: translateY(50%);
          right: 2em;
          max-width: 78px; }
        .layer-product .section-content .inner-content .section .left > .image a.icon {
          max-width: 140px;
          background: #fff;
          color: #dd332c;
          border: 2px solid #dd332c;
          padding: 0.5em; }
          .layer-product .section-content .inner-content .section .left > .image a.icon:before {
            content: '\e901';
            font-family: icons;
            transform: scaleX(-1);
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 0.9em; }
          .layer-product .section-content .inner-content .section .left > .image a.icon:after {
            content: '+';
            font-weight: bold;
            font-size: 0.7em;
            position: absolute;
            right: 0.25em;
            bottom: 0.15em; }
      .layer-product .section-content .inner-content .section .left > .contact {
        padding-top: calc(-2.23214vw - -57.14286px);
        max-width: 540px;
        margin: 0 auto; }
        @media (max-width: 768px) {
          .layer-product .section-content .inner-content .section .left > .contact {
            padding-top: 40px; } }
        @media (min-width: 1440px) {
          .layer-product .section-content .inner-content .section .left > .contact {
            padding-top: 25px; } }
        .layer-product .section-content .inner-content .section .left > .contact strong {
          font-size: calc(0.59524vw - -13.42857px);
          font-weight: bold;
          text-transform: uppercase;
          max-width: 300px;
          display: block; }
          @media (max-width: 768px) {
            .layer-product .section-content .inner-content .section .left > .contact strong {
              font-size: 18px; } }
          @media (min-width: 1440px) {
            .layer-product .section-content .inner-content .section .left > .contact strong {
              font-size: 22px; } }
        .layer-product .section-content .inner-content .section .left > .contact p {
          font-size: calc(0.29762vw - -13.71429px);
          line-height: 1.72222em;
          background: #000000;
          color: #FFFFFF;
          padding: 0.8125em; }
          @media (max-width: 768px) {
            .layer-product .section-content .inner-content .section .left > .contact p {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-product .section-content .inner-content .section .left > .contact p {
              font-size: 18px; } }
          .layer-product .section-content .inner-content .section .left > .contact p > a {
            color: #FFFFFF; }
    .layer-product .section-content .inner-content .section .right {
      min-width: 280px;
      max-width: 540px;
      margin: 0 1em;
      margin: 2em auto 0 auto;
      padding: 0 1em;
      flex: 1 1 auto;
      width: calc(60% - 2em); }
      .layer-product .section-content .inner-content .section .right .slider {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        border: 2px solid #dd332c;
        position: relative; }
        .layer-product .section-content .inner-content .section .right .slider .slick-arrow {
          position: absolute;
          z-index: 1;
          bottom: 1em;
          width: 2.375em;
          height: 2.375em;
          display: inline-block; }
          .layer-product .section-content .inner-content .section .right .slider .slick-arrow.slick-prev {
            right: 4em; }
          .layer-product .section-content .inner-content .section .right .slider .slick-arrow.slick-next {
            right: 1em; }
          .layer-product .section-content .inner-content .section .right .slider .slick-arrow::after {
            background: #000000;
            color: #FFFFFF;
            border-radius: 5px; }
    .layer-product .section-content .inner-content .specifications .inner-item {
      max-width: none; }
    .layer-product .section-content .inner-content .specifications ul.head {
      list-style: none;
      max-width: 1280px;
      margin: 0 auto;
      display: block;
      padding: 0 2em;
      padding: 0;
      font-size: calc(0.29762vw - -13.71429px); }
      .layer-product .section-content .inner-content .specifications ul.head li {
        display: inline-block; }
        .layer-product .section-content .inner-content .specifications ul.head li label {
          padding-left: 0.5em;
          padding-right: 0.5em;
          font-size: calc(0.44643vw - -11.57143px); }
          @media (max-width: 768px) {
            .layer-product .section-content .inner-content .specifications ul.head li label {
              font-size: 15px; } }
          @media (min-width: 1440px) {
            .layer-product .section-content .inner-content .specifications ul.head li label {
              font-size: 18px; } }
      @media (max-width: 768px) {
        .layer-product .section-content .inner-content .specifications ul.head {
          font-size: 16px; } }
      @media (min-width: 1440px) {
        .layer-product .section-content .inner-content .specifications ul.head {
          font-size: 18px; } }
      .layer-product .section-content .inner-content .specifications ul.head li {
        background: #000000;
        cursor: pointer; }
        .layer-product .section-content .inner-content .specifications ul.head li:hover {
          color: #dd332c; }
        .layer-product .section-content .inner-content .specifications ul.head li label {
          display: block;
          padding: 0.5em 1em;
          position: relative;
          cursor: pointer; }
          .layer-product .section-content .inner-content .specifications ul.head li label:after {
            content: '';
            position: absolute;
            left: 1em;
            right: 1em;
            bottom: 0.3em;
            border-bottom: 2px solid #dd332c; }
    .layer-product .section-content .inner-content .specifications .section .section-content {
      max-width: 1280px;
      margin: 0 auto;
      padding: 2em 1em 4em 1em; }
      .layer-product .section-content .inner-content .specifications .section .section-content > div {
        display: none; }
        .layer-product .section-content .inner-content .specifications .section .section-content > div h2 {
          font-weight: 300;
          font-size: calc(2.08333vw - -2px);
          line-height: 1.03125em; }
          @media (max-width: 768px) {
            .layer-product .section-content .inner-content .specifications .section .section-content > div h2 {
              font-size: 18px; } }
          @media (min-width: 1440px) {
            .layer-product .section-content .inner-content .specifications .section .section-content > div h2 {
              font-size: 32px; } }
        .layer-product .section-content .inner-content .specifications .section .section-content > div ul {
          list-style: none;
          padding: 0;
          width: 100%;
          max-width: 60em; }
          .layer-product .section-content .inner-content .specifications .section .section-content > div ul li + li {
            margin-top: 0.5em; }
          .layer-product .section-content .inner-content .specifications .section .section-content > div ul li, .layer-product .section-content .inner-content .specifications .section .section-content > div ul li > span {
            display: block; }
          .layer-product .section-content .inner-content .specifications .section .section-content > div ul li > span:nth-child(2) {
            font-weight: 300; }
@media (min-width: 500px) {
  .layer-product .section-content .inner-content .section .left, .layer-product .section-content .inner-content .section .right {
    max-width: none; }
  .layer-product .section-content .inner-content .section.content .left ul.specs li {
    width: 50%; }
    .layer-product .section-content .inner-content .section.content .left ul.specs li > span {
      line-height: 24px; } }

.layer-product-usps {
  background: #dd332c; }
  .layer-product-usps .section-content {
    max-width: 1280px; }
    .layer-product-usps .section-content .inner-content {
      position: relative;
      margin: 3em 0em;
      display: flex;
      flex-wrap: wrap; }
      .layer-product-usps .section-content .inner-content[data-active="0"] .images > div > div:nth-child(1), .layer-product-usps .section-content .inner-content[data-active="0"] .usps > div:nth-child(1) {
        opacity: 1;
        pointer-events: initial; }
      .layer-product-usps .section-content .inner-content[data-active="0"] .navigation li:nth-child(1):before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="0"] .navigation li:nth-child(1):before {
            left: 50%;
            top: 0;
            transform: translate(-50%, -100%);
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent currentColor transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="0"] .navigation li:nth-child(1):before {
            left: 0;
            top: 50%;
            transform: translate(-100%, -50%);
            border-width: 6px 6px 6px 0;
            border-color: transparent currentColor transparent transparent; } }
      .layer-product-usps .section-content .inner-content[data-active="0"] .navigation li:nth-child(1):after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="0"] .navigation li:nth-child(1):after {
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 100%);
            border-width: 6px 6px 0 6px;
            border-color: currentColor transparent transparent transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="0"] .navigation li:nth-child(1):after {
            right: 0;
            top: 50%;
            transform: translate(100%, -50%);
            border-width: 6px 0 6px 6px;
            border-color: transparent transparent transparent currentColor; } }
      .layer-product-usps .section-content .inner-content[data-active="1"] .images > div > div:nth-child(2), .layer-product-usps .section-content .inner-content[data-active="1"] .usps > div:nth-child(2) {
        opacity: 1;
        pointer-events: initial; }
      .layer-product-usps .section-content .inner-content[data-active="1"] .navigation li:nth-child(2):before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="1"] .navigation li:nth-child(2):before {
            left: 50%;
            top: 0;
            transform: translate(-50%, -100%);
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent currentColor transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="1"] .navigation li:nth-child(2):before {
            left: 0;
            top: 50%;
            transform: translate(-100%, -50%);
            border-width: 6px 6px 6px 0;
            border-color: transparent currentColor transparent transparent; } }
      .layer-product-usps .section-content .inner-content[data-active="1"] .navigation li:nth-child(2):after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="1"] .navigation li:nth-child(2):after {
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 100%);
            border-width: 6px 6px 0 6px;
            border-color: currentColor transparent transparent transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="1"] .navigation li:nth-child(2):after {
            right: 0;
            top: 50%;
            transform: translate(100%, -50%);
            border-width: 6px 0 6px 6px;
            border-color: transparent transparent transparent currentColor; } }
      .layer-product-usps .section-content .inner-content[data-active="2"] .images > div > div:nth-child(3), .layer-product-usps .section-content .inner-content[data-active="2"] .usps > div:nth-child(3) {
        opacity: 1;
        pointer-events: initial; }
      .layer-product-usps .section-content .inner-content[data-active="2"] .navigation li:nth-child(3):before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="2"] .navigation li:nth-child(3):before {
            left: 50%;
            top: 0;
            transform: translate(-50%, -100%);
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent currentColor transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="2"] .navigation li:nth-child(3):before {
            left: 0;
            top: 50%;
            transform: translate(-100%, -50%);
            border-width: 6px 6px 6px 0;
            border-color: transparent currentColor transparent transparent; } }
      .layer-product-usps .section-content .inner-content[data-active="2"] .navigation li:nth-child(3):after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="2"] .navigation li:nth-child(3):after {
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 100%);
            border-width: 6px 6px 0 6px;
            border-color: currentColor transparent transparent transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="2"] .navigation li:nth-child(3):after {
            right: 0;
            top: 50%;
            transform: translate(100%, -50%);
            border-width: 6px 0 6px 6px;
            border-color: transparent transparent transparent currentColor; } }
      .layer-product-usps .section-content .inner-content[data-active="3"] .images > div > div:nth-child(4), .layer-product-usps .section-content .inner-content[data-active="3"] .usps > div:nth-child(4) {
        opacity: 1;
        pointer-events: initial; }
      .layer-product-usps .section-content .inner-content[data-active="3"] .navigation li:nth-child(4):before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="3"] .navigation li:nth-child(4):before {
            left: 50%;
            top: 0;
            transform: translate(-50%, -100%);
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent currentColor transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="3"] .navigation li:nth-child(4):before {
            left: 0;
            top: 50%;
            transform: translate(-100%, -50%);
            border-width: 6px 6px 6px 0;
            border-color: transparent currentColor transparent transparent; } }
      .layer-product-usps .section-content .inner-content[data-active="3"] .navigation li:nth-child(4):after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
        @media (max-width: 599px) {
          .layer-product-usps .section-content .inner-content[data-active="3"] .navigation li:nth-child(4):after {
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 100%);
            border-width: 6px 6px 0 6px;
            border-color: currentColor transparent transparent transparent; } }
        @media (min-width: 600px) {
          .layer-product-usps .section-content .inner-content[data-active="3"] .navigation li:nth-child(4):after {
            right: 0;
            top: 50%;
            transform: translate(100%, -50%);
            border-width: 6px 0 6px 6px;
            border-color: transparent transparent transparent currentColor; } }
      .layer-product-usps .section-content .inner-content .navigation {
        order: 2;
        width: 100%;
        z-index: 1;
        list-style: none;
        padding: 0;
        background: #000000;
        display: flex;
        font-size: calc(0.89286vw - -3.14286px); }
        @media (max-width: 768px) {
          .layer-product-usps .section-content .inner-content .navigation {
            font-size: 10px; } }
        @media (min-width: 1440px) {
          .layer-product-usps .section-content .inner-content .navigation {
            font-size: 16px; } }
        .layer-product-usps .section-content .inner-content .navigation li {
          flex-basis: 25%;
          padding: 1.5em;
          display: flex;
          align-items: center;
          background: currentColor;
          position: relative; }
          .layer-product-usps .section-content .inner-content .navigation li:nth-child(even) {
            color: #242424; }
      .layer-product-usps .section-content .inner-content .images {
        order: 1;
        width: 100%; }
        .layer-product-usps .section-content .inner-content .images > div {
          position: relative;
          height: 0;
          padding-bottom: 46.343%; }
          .layer-product-usps .section-content .inner-content .images > div > div {
            background-position: center center;
            background-size: cover;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
      .layer-product-usps .section-content .inner-content .usps {
        position: relative;
        order: 3;
        width: 100%;
        background: #fff;
        padding: 2em; }
        .layer-product-usps .section-content .inner-content .usps .title, .layer-product-usps .section-content .inner-content .usps .head {
          color: #dd332c;
          font-weight: bold;
          text-transform: uppercase; }
        .layer-product-usps .section-content .inner-content .usps .title {
          font-size: calc(0.29762vw - -11.71429px);
          line-height: 1.375em;
          margin-bottom: 0.5em; }
          @media (max-width: 768px) {
            .layer-product-usps .section-content .inner-content .usps .title {
              font-size: 14px; } }
          @media (min-width: 1440px) {
            .layer-product-usps .section-content .inner-content .usps .title {
              font-size: 16px; } }
        .layer-product-usps .section-content .inner-content .usps .head {
          font-size: calc(1.78571vw - -6.28571px);
          line-height: 1.03125em;
          margin-bottom: 1em; }
          @media (max-width: 768px) {
            .layer-product-usps .section-content .inner-content .usps .head {
              font-size: 20px; } }
          @media (min-width: 1440px) {
            .layer-product-usps .section-content .inner-content .usps .head {
              font-size: 32px; } }
        .layer-product-usps .section-content .inner-content .usps .text .button {
          float: right;
          margin-right: 1.5em;
          margin-top: 1.5em; }
        .layer-product-usps .section-content .inner-content .usps .text:after {
          content: '';
          display: block;
          clear: both; }
      .layer-product-usps .section-content .inner-content .images > div > *, .layer-product-usps .section-content .inner-content .usps > * {
        opacity: 0;
        transition: opacity 0.3s;
        position: absolute;
        pointer-events: none; }
  @media (min-width: 600px) {
    .layer-product-usps .section-content .inner-content {
      flex-direction: row; }
      .layer-product-usps .section-content .inner-content .images {
        width: 90%; }
      .layer-product-usps .section-content .inner-content .navigation {
        order: 2;
        width: 10%;
        flex-direction: column; } }
  @media (min-width: 800px) {
    .layer-product-usps .section-content .inner-content {
      flex-wrap: nowrap;
      flex-direction: row; }
      .layer-product-usps .section-content .inner-content .navigation {
        order: 2;
        flex-direction: column;
        min-width: 92px; }
      .layer-product-usps .section-content .inner-content .images > div {
        padding-bottom: 0;
        height: 100%;
        position: relative; }
      .layer-product-usps .section-content .inner-content .usps {
        width: 43%;
        min-width: 320px; } }

.layer-products {
  padding: 4em 0; }
  .layer-products .section-content {
    max-width: 1280px;
    margin: 0 auto; }
    .layer-products .section-content .inner-content .categorie {
      display: flex;
      align-items: center;
      font-size: calc(1.04167vw - -14px);
      font-weight: bold;
      text-transform: uppercase;
      margin: 3em 0 1em; }
      @media (max-width: 768px) {
        .layer-products .section-content .inner-content .categorie {
          font-size: 22px; } }
      @media (min-width: 1440px) {
        .layer-products .section-content .inner-content .categorie {
          font-size: 29px; } }
      .layer-products .section-content .inner-content .categorie .image-holder {
        width: 3em;
        margin-right: 0.5em; }
    .layer-products .section-content .inner-content .products {
      display: flex;
      flex-wrap: wrap; }
      .layer-products .section-content .inner-content .products .product {
        flex: 0 1 calc(25%);
        background: #fff;
        margin: 2vw 0; }
        .layer-products .section-content .inner-content .products .product .item-content {
          margin: 2px;
          position: relative; }
        .layer-products .section-content .inner-content .products .product .image {
          position: relative; }
        .layer-products .section-content .inner-content .products .product .type {
          position: absolute;
          right: 0;
          bottom: 0;
          background: #dd332c;
          color: #FFFFFF;
          padding: 0.5em; }
        .layer-products .section-content .inner-content .products .product .title {
          font-size: calc(1.19048vw - -6.85714px);
          color: #FFFFFF;
          font-weight: 600;
          text-transform: uppercase;
          background: #000000;
          position: relative;
          display: inline-block;
          bottom: 0;
          right: 0;
          width: 100%;
          padding: 0.1em 0.2em; }
          @media (max-width: 768px) {
            .layer-products .section-content .inner-content .products .product .title {
              font-size: 16px; } }
          @media (min-width: 1440px) {
            .layer-products .section-content .inner-content .products .product .title {
              font-size: 24px; } }
          .layer-products .section-content .inner-content .products .product .title:after {
            content: '\e906';
            font-family: icons;
            display: inline-block;
            transform: scale(0.6);
            position: relative;
            top: 0.1em;
            margin-left: 0.25em; }

.layer-products-banners {
  padding: 4em 1em;
  background: #EFEFEF; }
  .layer-products-banners .section-content {
    max-width: 1280px;
    margin: 0 auto; }
    .layer-products-banners .section-content .inner-content > .title {
      font-size: calc(1.19048vw - -12.85714px);
      font-weight: bold;
      text-transform: uppercase;
      color: #dd332c;
      flex: 0 0 100%; }
      @media (max-width: 768px) {
        .layer-products-banners .section-content .inner-content > .title {
          font-size: 22px; } }
      @media (min-width: 1440px) {
        .layer-products-banners .section-content .inner-content > .title {
          font-size: 30px; } }
    .layer-products-banners .section-content .inner-content .button {
      float: right;
      margin-top: 3em;
      margin-right: 2em;
      border-color: #dd332c;
      color: #dd332c; }
  @media (min-width: 500px) {
    .layer-products-banners .section-content .inner-content {
      justify-content: space-between; } }
  @media (min-width: 600px) {
    .layer-products-banners .section-content .inner-content .products > * {
      width: 25%; } }

.layer-productusps {
  margin: 4em 1em 6em 1em;
  background: #dd332c; }
  .layer-productusps .section-content {
    max-width: 1440px;
    padding: 4em 0; }
    .layer-productusps .section-content .inner-content {
      background: #FFFFFF;
      color: #000000; }
      .layer-productusps .section-content .inner-content .navigation {
        background: #000000;
        display: inline-block;
        width: 100px;
        height: 100%;
        float: left; }
      .layer-productusps .section-content .inner-content .usps {
        display: inline-block;
        width: 800px; }
        .layer-productusps .section-content .inner-content .usps .usp {
          display: none; }
          .layer-productusps .section-content .inner-content .usps .usp:first-child {
            display: inline-block; }
          .layer-productusps .section-content .inner-content .usps .usp .image-holder {
            float: left;
            width: 50%; }
          .layer-productusps .section-content .inner-content .usps .usp .title {
            color: #dd332c;
            font-size: calc(0.59524vw - -13.42857px); }
            @media (max-width: 768px) {
              .layer-productusps .section-content .inner-content .usps .usp .title {
                font-size: 18px; } }
            @media (min-width: 1440px) {
              .layer-productusps .section-content .inner-content .usps .usp .title {
                font-size: 22px; } }
          .layer-productusps .section-content .inner-content .usps .usp .head {
            color: #dd332c;
            font-size: calc(0.59524vw - -19.42857px); }
            @media (max-width: 768px) {
              .layer-productusps .section-content .inner-content .usps .usp .head {
                font-size: 24px; } }
            @media (min-width: 1440px) {
              .layer-productusps .section-content .inner-content .usps .usp .head {
                font-size: 28px; } }

.layer-search .section-content {
  margin: 5em 0; }
  .layer-search .section-content .inner-content {
    max-width: 600px;
    margin: 0 auto; }
    .layer-search .section-content .inner-content form {
      background: #88AE20;
      padding: 1em 2em;
      display: flex; }
      .layer-search .section-content .inner-content form input {
        flex: 1 1 auto;
        border: 2px solid #0C65AF;
        font-size: 1.2em;
        margin-right: 1em;
        padding: 0.25em 0.5em; }
    .layer-search .section-content .inner-content .results > * {
      display: block;
      margin: 1em 0;
      padding: 0.5em;
      background: #88AE20;
      line-height: 1.2em; }
      .layer-search .section-content .inner-content .results > * em {
        font-style: normal;
        font-weight: 600; }
      .layer-search .section-content .inner-content .results > * > div:first-child {
        color: #FDC134; }
      .layer-search .section-content .inner-content .results > * > .link {
        opacity: 0.7; }

.layer-usps {
  background: #dd332c; }
  .layer-usps .section-content {
    max-width: 1440px; }
    .layer-usps .section-content .inner-content {
      position: relative;
      display: flex;
      flex-direction: column;
      color: #fff; }
      .layer-usps .section-content .inner-content > * {
        flex: 1 1 auto;
        min-width: 300px; }
      .layer-usps .section-content .inner-content > :nth-child(1) {
        min-width: 60%;
        background-position: center center;
        background-size: cover;
        min-height: 200px; }
      .layer-usps .section-content .inner-content > :nth-child(2) {
        min-width: 40%; }
      .layer-usps .section-content .inner-content .module-contact {
        background: #000000;
        position: relative;
        left: 1em;
        margin-bottom: 2em; }
        .layer-usps .section-content .inner-content .module-contact > div:nth-child(1) {
          display: block; }
        .layer-usps .section-content .inner-content .module-contact > div:nth-child(2) {
          display: inline-block; }
      .layer-usps .section-content .inner-content h4, .layer-usps .section-content .inner-content .title {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        margin-bottom: 0.5em; }
      .layer-usps .section-content .inner-content h4 {
        font-size: calc(1.78571vw - -4.28571px); }
        @media (max-width: 768px) {
          .layer-usps .section-content .inner-content h4 {
            font-size: 18px; } }
        @media (min-width: 1440px) {
          .layer-usps .section-content .inner-content h4 {
            font-size: 30px; } }
      .layer-usps .section-content .inner-content .title {
        font-size: calc(0.29762vw - -13.71429px); }
        @media (max-width: 768px) {
          .layer-usps .section-content .inner-content .title {
            font-size: 16px; } }
        @media (min-width: 1440px) {
          .layer-usps .section-content .inner-content .title {
            font-size: 18px; } }
      .layer-usps .section-content .inner-content .usps {
        padding: calc(3.57143vw - 19.42857px); }
        @media (max-width: 768px) {
          .layer-usps .section-content .inner-content .usps {
            padding: 8px; } }
        @media (min-width: 1440px) {
          .layer-usps .section-content .inner-content .usps {
            padding: 32px; } }
      .layer-usps .section-content .inner-content .usp {
        font-size: calc(0.14881vw - -12.85714px);
        margin-top: 2em;
        margin-left: calc(4.7619vw - 4.57143px);
        position: relative;
        color: #000000; }
        @media (max-width: 768px) {
          .layer-usps .section-content .inner-content .usp {
            font-size: 14px; } }
        @media (min-width: 1440px) {
          .layer-usps .section-content .inner-content .usp {
            font-size: 15px; } }
        @media (max-width: 768px) {
          .layer-usps .section-content .inner-content .usp {
            margin-left: 32px; } }
        @media (min-width: 1440px) {
          .layer-usps .section-content .inner-content .usp {
            margin-left: 64px; } }
        .layer-usps .section-content .inner-content .usp:before {
          font-size: calc(1.19048vw - 1.14286px);
          content: '\e920';
          font-family: icons;
          border: 2px solid #fff;
          border-radius: 0.2em;
          position: absolute;
          left: -4em;
          top: -0.5em;
          color: #fff;
          width: 3em;
          height: 3em;
          line-height: 3em;
          text-align: center; }
          @media (max-width: 768px) {
            .layer-usps .section-content .inner-content .usp:before {
              font-size: 8px; } }
          @media (min-width: 1440px) {
            .layer-usps .section-content .inner-content .usp:before {
              font-size: 16px; } }
  @media (min-width: 700px) {
    .layer-usps .section-content .inner-content {
      flex-direction: row; }
      .layer-usps .section-content .inner-content .module-contact {
        display: inline-block;
        width: auto;
        left: -3em; } }

.layer-quote .section-content {
  max-width: 1200px;
  margin: 0 auto; }
  .layer-quote .section-content .inner-content {
    text-align: center;
    padding: 5em 0; }
    .layer-quote .section-content .inner-content .head {
      color: #000000;
      text-transform: uppercase;
      font-weight: bold;
      display: inline-block;
      width: 100%;
      margin-bottom: 0.5em; }
    .layer-quote .section-content .inner-content .title {
      font-size: calc(1.19048vw - -14.85714px);
      line-height: 1.09375em;
      color: #dd332c;
      text-transform: uppercase;
      font-weight: bold;
      display: inline-block;
      width: 100%;
      margin-bottom: 1.25em; }
      @media (max-width: 768px) {
        .layer-quote .section-content .inner-content .title {
          font-size: 24px; } }
      @media (min-width: 1440px) {
        .layer-quote .section-content .inner-content .title {
          font-size: 32px; } }

.popup {
  display: none;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; }
  .popup:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1; }
  .popup .popup-content {
    max-width: 900px;
    position: relative;
    text-transform: uppercase; }
    .popup .popup-content > .head {
      background: #dd332c;
      border-bottom: 16px solid #000000;
      font-size: calc(2.38095vw - -1.71429px);
      color: #FFFFFF;
      font-weight: bold;
      padding: 0.5em 0.25em 0.5em 0.5em; }
      @media (max-width: 768px) {
        .popup .popup-content > .head {
          font-size: 20px; } }
      @media (min-width: 1440px) {
        .popup .popup-content > .head {
          font-size: 36px; } }
      .popup .popup-content > .head > div.close {
        cursor: pointer;
        float: right;
        font-size: 0.5em;
        position: relative;
        margin-left: 1em; }
        .popup .popup-content > .head > div.close:after {
          content: '\e91f';
          font-family: icons;
          color: #FFFFFF;
          background: #000000;
          padding: 0.5em; }
    .popup .popup-content > .content {
      background: #f7f7f7;
      padding: 1em; }
      .popup .popup-content > .content > .box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: none;
        margin-right: -1em; }
        .popup .popup-content > .content > .box > .step1 {
          flex: 1 1 auto;
          width: calc(40% - 1.5em);
          margin-bottom: 1em; }
        .popup .popup-content > .content > .box > .step2 {
          flex: 1 1 auto;
          width: calc(60% - 1.5em); }
        .popup .popup-content > .content > .box > .footer {
          flex: 1 1 100%;
          margin-left: auto;
          margin-right: 1em;
          text-align: right; }
        .popup .popup-content > .content > .box .step1 > .content {
          max-height: 300px;
          overflow: auto; }
        .popup .popup-content > .content > .box .step1, .popup .popup-content > .content > .box .step2 {
          margin-right: 1em; }
          .popup .popup-content > .content > .box .step1 > .head, .popup .popup-content > .content > .box .step2 > .head {
            min-width: 300px;
            background: #000000;
            color: #FFFFFF;
            font-size: calc(0.44643vw - -11.57143px);
            font-weight: bold;
            padding: 0.5em; }
            @media (max-width: 768px) {
              .popup .popup-content > .content > .box .step1 > .head, .popup .popup-content > .content > .box .step2 > .head {
                font-size: 15px; } }
            @media (min-width: 1440px) {
              .popup .popup-content > .content > .box .step1 > .head, .popup .popup-content > .content > .box .step2 > .head {
                font-size: 18px; } }
          .popup .popup-content > .content > .box .step1 > .content, .popup .popup-content > .content > .box .step2 > .content {
            background: #EFEFEF;
            padding: 1em 0.5em;
            font-size: calc(0.14881vw - -12.85714px);
            font-weight: 600; }
            @media (max-width: 768px) {
              .popup .popup-content > .content > .box .step1 > .content, .popup .popup-content > .content > .box .step2 > .content {
                font-size: 14px; } }
            @media (min-width: 1440px) {
              .popup .popup-content > .content > .box .step1 > .content, .popup .popup-content > .content > .box .step2 > .content {
                font-size: 15px; } }
            .popup .popup-content > .content > .box .step1 > .content label, .popup .popup-content > .content > .box .step2 > .content label {
              display: block; }
              .popup .popup-content > .content > .box .step1 > .content label select, .popup .popup-content > .content > .box .step2 > .content label select {
                margin: 0.3em 0.75em 0.3em 0; }
              .popup .popup-content > .content > .box .step1 > .content label span, .popup .popup-content > .content > .box .step2 > .content label span {
                color: #dd332c; }
          .popup .popup-content > .content > .box .step1.step2, .popup .popup-content > .content > .box .step2.step2 {
            /*label {*/ }
            .popup .popup-content > .content > .box .step1.step2 .rows .row, .popup .popup-content > .content > .box .step2.step2 .rows .row {
              display: flex;
              align-items: center;
              flex-wrap: wrap;
              /*> span:nth-child(1) {*/
              /*> span:nth-child(2) {*/ }
              .popup .popup-content > .content > .box .step1.step2 .rows .row:nth-child(6), .popup .popup-content > .content > .box .step2.step2 .rows .row:nth-child(6) {
                display: block; }
                .popup .popup-content > .content > .box .step1.step2 .rows .row:nth-child(6) label, .popup .popup-content > .content > .box .step2.step2 .rows .row:nth-child(6) label {
                  display: block; }
                .popup .popup-content > .content > .box .step1.step2 .rows .row:nth-child(6) .element, .popup .popup-content > .content > .box .step2.step2 .rows .row:nth-child(6) .element {
                  display: block;
                  width: 100%; }
              .popup .popup-content > .content > .box .step1.step2 .rows .row:last-child, .popup .popup-content > .content > .box .step2.step2 .rows .row:last-child {
                display: none; }
              .popup .popup-content > .content > .box .step1.step2 .rows .row > label, .popup .popup-content > .content > .box .step2.step2 .rows .row > label {
                flex: 1 1 35%;
                line-height: 3em;
                min-width: 170px;
                color: #dd332c; }
                .popup .popup-content > .content > .box .step1.step2 .rows .row > label:after, .popup .popup-content > .content > .box .step2.step2 .rows .row > label:after {
                  content: ':'; }
              .popup .popup-content > .content > .box .step1.step2 .rows .row .element, .popup .popup-content > .content > .box .step2.step2 .rows .row .element {
                flex: 1 1 auto;
                width: calc(65% - 1em);
                margin-left: auto; }
                .popup .popup-content > .content > .box .step1.step2 .rows .row .element input, .popup .popup-content > .content > .box .step1.step2 .rows .row .element textarea, .popup .popup-content > .content > .box .step2.step2 .rows .row .element input, .popup .popup-content > .content > .box .step2.step2 .rows .row .element textarea {
                  margin: 0;
                  background: #FFFFFF; }
  .popup.open {
    display: block; }
  @media (min-width: 900px) {
    .popup {
      align-items: center;
      justify-content: center; }
      .popup.open {
        display: flex; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.layer-loader {
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.4); }
  .layer-loader .section-loader {
    display: table;
    width: 100%;
    height: 100%; }
    .layer-loader .section-loader .inner-loader {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .layer-loader .section-loader .inner-loader div {
        text-indent: -9999px;
        border: 5px solid #f3f3f3;
        /* Light grey */
        border-top: 5px solid #dd332c;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        animation: spin 2s linear infinite;
        margin: 0 auto;
        position: relative;
        overflow: hidden; }

form {
  max-width: 500px;
  overflow: auto; }
  form .rows .row {
    display: flex;
    align-items: center; }
    form .rows .row label {
      flex: 0 1 47%;
      text-transform: uppercase;
      font-size: 15px;
      color: #000000; }
      form .rows .row label:after {
        content: ':'; }
    form .rows .row .element {
      flex: 0 1 80%; }
      form .rows .row .element > * {
        width: 100%; }
    form .rows .row.textarea label {
      display: none; }
    form .rows .row.textarea .element {
      flex-basis: 100%; }
  form .rows .row.error input, form .rows .row.error textarea, form > label.error input, form > label.error textarea {
    border-color: rgba(255, 0, 0, 0.5);
    background-color: rgba(255, 0, 0, 0.1); }
  form > label {
    display: flex;
    align-items: center;
    flex-direction: row; }
    form > label > span {
      display: block; }
    form > label > span:first-child {
      font-size: 16px;
      color: #dd332c;
      text-transform: uppercase; }
    form > label > span:nth-child(2), form > label > textarea {
      flex-grow: 1; }
  form input, form textarea {
    font-size: calc(0.29762vw - -13.71429px);
    border: 2px solid #dd332c;
    border-radius: 6px;
    background-color: transparent;
    color: #000000;
    padding: 0.25em;
    margin: 0.5em 0;
    width: 100%;
    font-weight: 300; }
    @media (max-width: 768px) {
      form input, form textarea {
        font-size: 16px; } }
    @media (min-width: 1440px) {
      form input, form textarea {
        font-size: 18px; } }
  form textarea {
    resize: none;
    min-height: 10em;
    padding-left: 0.5em; }
  form .button {
    float: right;
    background: #dd332c;
    color: #FFFFFF;
    flex-shrink: 0; }
    form .button:before {
      content: '\e900';
      transform: scale(0.6) translateY(-10%); }

.module-formstatus {
  margin: 1em 0;
  display: none; }
  .module-formstatus.show {
    display: block; }
  .module-formstatus .message {
    padding: 0.5em; }
    .module-formstatus .message.error {
      border: 1px solid #FF0000;
      background: #FFCCCC;
      color: #FF0000; }
    .module-formstatus .message.send {
      border: 1px solid #008000;
      background: #EAF8E9;
      color: #008000; }

.section-paging {
  text-align: right;
  max-width: 1040px;
  margin: 0 auto;
  color: #000000; }
  .section-paging .inner-content {
    counter-set: page 0;
    font-size: calc(0.29762vw - -11.71429px);
    padding: 1em; }
    @media (max-width: 768px) {
      .section-paging .inner-content {
        font-size: 14px; } }
    @media (min-width: 1440px) {
      .section-paging .inner-content {
        font-size: 16px; } }
    .section-paging .inner-content > .num {
      counter-increment: page;
      display: inline-block;
      margin: 0.05em 0.05em;
      padding: 0 0.25em;
      position: relative;
      font-weight: 900;
      /*&.active:after {
        content: '';
        width: 60%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 1px solid currentColor;
      }*/ }
      .section-paging .inner-content > .num:before {
        content: counter(page); }
      .section-paging .inner-content > .num.active {
        color: #dd332c; }
    .section-paging .inner-content span {
      opacity: 0.5; }
    .section-paging .inner-content .prev:before, .section-paging .inner-content .next:before {
      margin-left: 0.5em;
      content: '\e91e';
      font-family: icons;
      font-size: 1em;
      font-weight: 100;
      border: 2px solid #0C64AE;
      color: #0C64AE;
      display: inline-block;
      border-radius: 6px;
      width: 2em;
      height: 2em;
      line-height: 2em;
      text-align: center;
      line-height: 1.75em;
      text-indent: 0.2em;
      text-align: center; }
    .section-paging .inner-content .prev:before {
      margin-left: 0;
      margin-right: 0.5em;
      transform: scaleX(-1); }

.module-contact {
  padding: 1em;
  bottom: 0;
  width: calc(100% - 2em);
  background: #dd332c;
  color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-transform: uppercase;
  font-size: calc(0.59524vw - -9.42857px); }
  @media (max-width: 768px) {
    .module-contact {
      font-size: 14px; } }
  @media (min-width: 1440px) {
    .module-contact {
      font-size: 18px; } }
  .module-contact > * {
    margin: 0.25em 0; }
  .module-contact div:nth-child(1) {
    font-size: calc(0.89286vw - -11.14286px);
    display: inline-block;
    flex: 0 1 100%;
    margin-right: 1em;
    font-weight: 600; }
    @media (max-width: 768px) {
      .module-contact div:nth-child(1) {
        font-size: 18px; } }
    @media (min-width: 1440px) {
      .module-contact div:nth-child(1) {
        font-size: 24px; } }
  .module-contact div:nth-child(2) {
    font-size: calc(0.59524vw - -9.42857px);
    margin-right: 0.5em; }
    @media (max-width: 768px) {
      .module-contact div:nth-child(2) {
        font-size: 14px; } }
    @media (min-width: 1440px) {
      .module-contact div:nth-child(2) {
        font-size: 18px; } }
  .module-contact a {
    color: inherit;
    border-color: #FFFFFF;
    font-size: 15px; }

.section .section-content .module-products-overview {
  display: flex;
  flex-wrap: wrap;
  margin: 1em -2px; }
  .section .section-content .module-products-overview > .item {
    display: flex; }
    .section .section-content .module-products-overview > .item .item-content {
      border: 1px solid rgba(0, 0, 0, 0.1);
      margin: 2px 2px 2em 2px;
      position: relative;
      text-transform: uppercase;
      display: flex;
      flex-direction: column; }
      .section .section-content .module-products-overview > .item .item-content:hover :after {
        opacity: 1; }
      .section .section-content .module-products-overview > .item .item-content .image {
        position: relative; }
        .section .section-content .module-products-overview > .item .item-content .image .image-holder:nth-of-type(2) {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 1; }
        .section .section-content .module-products-overview > .item .item-content .image .type {
          position: absolute;
          right: 0;
          bottom: 0;
          background: #dd332c;
          color: #FFFFFF;
          padding: 0.5em 0.75em;
          font-size: 14px;
          font-weight: bold; }
          .section .section-content .module-products-overview > .item .item-content .image .type:empty {
            display: none; }
      .section .section-content .module-products-overview > .item .item-content .title {
        background: #000;
        font-size: calc(0.59524vw - -11.42857px);
        color: #FFF;
        font-weight: bold;
        padding: 0.5em 0.5em 0.5em 0.5em;
        flex-grow: 1;
        margin-left: 0;
        padding-left: 2em; }
        @media (max-width: 768px) {
          .section .section-content .module-products-overview > .item .item-content .title {
            font-size: 16px; } }
        @media (min-width: 1440px) {
          .section .section-content .module-products-overview > .item .item-content .title {
            font-size: 20px; } }
        .section .section-content .module-products-overview > .item .item-content .title:before {
          content: '';
          background: url(/img/triangle-multicolor.png) no-repeat center center/cover;
          width: 1.1em;
          height: 1.1em;
          position: absolute;
          margin-left: -1.5em;
          margin-top: 0.1em;
          transform: scale(0.8); }
  @media (min-width: 500px) {
    .section .section-content .module-products-overview > * {
      width: calc(50% - 3em); } }
  @media (min-width: 600px) {
    .section .section-content .module-products-overview > * {
      width: 25%; } }

html, body {
  height: 100%;
  background: #FFFFFF; }

.section > input[type="checkbox"] {
  display: none; }

.socials a {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20height%3D%2253.15%22%20viewBox%3D%220%200%2053.150002%2053.150002%22%20width%3D%2253.15%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cpath%20style%3D%22fill%3A%23EFEFEF%22%20d%3D%22m0%200.0005v53.15h53.15v-43.66c-3.164-3.1633-6.328-6.3267-9.491-9.49h-43.659z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain;
  color: #dd332c;
  transition: all 0.3s;
  padding: 0.7em;
  margin: 0.6em;
  position: relative;
  display: inline-block; }
  .socials a:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20height%3D%2253.15%22%20viewBox%3D%220%200%2053.150002%2053.150002%22%20width%3D%2253.15%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cpath%20style%3D%22fill%3A%23dd332c%22%20d%3D%22m0%200.0005v53.15h53.15v-43.66c-3.164-3.1633-6.328-6.3267-9.491-9.49h-43.659z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain;
    color: #FFFFFF; }
  .socials a:after {
    content: '\e90a';
    font-family: icons;
    font-size: 2em;
    display: block; }
  .socials a.facebook:after {
    content: '\e90a'; }
  .socials a.youtube:after {
    content: '\e90f'; }
  .socials a.linkedin:after {
    content: '\e90d'; }
  .socials a.twitter:after {
    content: '\e90e'; }

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column; }
  .wrapper > :first-child {
    flex-grow: 1;
    display: flex;
    flex-direction: column; }

[data-shadow] {
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 0;
  font-size: calc(1.78571vw - -2.28571px);
  font-weight: 600; }
  @media (max-width: 768px) {
    [data-shadow] {
      font-size: 16px; } }
  @media (min-width: 1440px) {
    [data-shadow] {
      font-size: 28px; } }
  [data-shadow]:after {
    content: attr(data-shadow);
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%) scale(2.28571);
    color: #439ac2;
    opacity: 0.8;
    font-weight: 900; }

@font-face {
  font-family: 'icons';
  src: url("/fonts/fonts/icons.eot?wg585s");
  src: url("/fonts/fonts/icons.eot?wg585s#iefix") format("embedded-opentype"), url("/fonts/fonts/icons.ttf?wg585s") format("truetype"), url("/fonts/fonts/icons.woff?wg585s") format("woff"), url("/fonts/fonts/icons.svg?wg585s#icons") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-basket:before {
  content: "\e902"; }

.icon-plus:before {
  content: "\e907"; }

.icon-minus:before {
  content: "\e910"; }

.icon-close:before {
  content: "\e911"; }

.icon-trash:before {
  content: "\e915"; }

.icon-trash-o:before {
  content: "\e916"; }

.icon-multiminded:before {
  content: "\e912"; }

.icon-123boeken:before {
  content: "\e913"; }

.icon-whatsapp:before {
  content: "\e91b"; }

.icon-facebook:before {
  content: "\e90a"; }

.icon-google_plus:before {
  content: "\e90b"; }

.icon-instagram:before {
  content: "\e90c"; }

.icon-linkedin:before {
  content: "\e90d"; }

.icon-twitter:before {
  content: "\e90e"; }

.icon-youtube:before {
  content: "\e90f"; }

.icon-youtube-outline:before {
  content: "\e91c"; }

.icon-newsletter:before {
  content: "\e922"; }

.icon-close-thin:before {
  content: "\e91f"; }

.icon-triangle-outline:before {
  content: "\e91e"; }

.icon-undo-button:before {
  content: "\e917"; }

.icon-check1:before {
  content: "\e905"; }

.icon-check2:before {
  content: "\e920"; }

.icon-arrow:before {
  content: "\e903"; }

.icon-phone:before {
  content: "\e904"; }

.icon-phone-outline:before {
  content: "\e919"; }

.icon-envelope:before {
  content: "\e914"; }

.icon-envelop2:before {
  content: "\e921"; }

.icon-envelope-outline:before {
  content: "\e91a"; }

.icon-search:before {
  content: "\e901"; }

.icon-house:before {
  content: "\e91d"; }

.icon-triangle:before {
  content: "\e900"; }

.icon-chevron:before {
  content: "\e906"; }

.icon-chevron2:before {
  content: "\e918"; }

.icon-location:before {
  content: "\e908"; }

.icon-search-outline:before {
  content: "\e909"; }

body {
  font-family: "Libre Franklin", sans-serif;
  color: #000000; }

div.more {
  text-align: right;
  padding: 1em 0; }
  div.more .button:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.9)), linear-gradient(to bottom, #000000, #EFEFEF); }
  div.more .button:after {
    font-size: 0.7em;
    width: calc(2.8125em - 4px);
    height: calc(2.8125em - 4px);
    line-height: calc(2.25em + 2px);
    transform: scaleY(-1) rotate(-90deg); }

.button {
  background: transparent;
  border: 2px solid;
  border-color: #dd332c;
  border-color: currentColor;
  color: #dd332c;
  border-radius: 6px;
  cursor: pointer;
  font-size: calc(0.59524vw - -7.42857px);
  display: inline-block;
  display: inline-flex;
  align-items: center;
  padding-right: 0.5em;
  height: 2em;
  text-transform: uppercase;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  z-index: 0; }
  .button.inverse {
    border-color: #FFFFFF;
    color: #FFFFFF; }
  @media (max-width: 768px) {
    .button {
      font-size: 12px; } }
  @media (min-width: 1440px) {
    .button {
      font-size: 16px; } }
  .button:before {
    content: '\e91e';
    font-family: icons;
    font-size: 1em;
    font-weight: 100;
    margin-left: 0.5em;
    margin-right: 0.5em; }
  .button.black {
    background: #000000;
    border-color: #000000; }
    .button.black:before {
      content: '';
      background: url("/img/triangle-multicolor.png") no-repeat center center/contain;
      display: inline-block;
      width: 1em;
      height: 1em;
      position: relative;
      top: 0.1em;
      margin-right: 0.5em; }
  .button:empty {
    padding-left: 0; }
    .button:empty:after {
      border-left: 0;
      margin-left: 0; }
  .button.back:before {
    content: '\e904';
    font-family: icons;
    font-size: 0.75em;
    margin-right: 1em;
    font-weight: 100;
    display: inline-block;
    transform: scaleX(-1); }
  .button.back:after {
    content: none; }
  .button:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    opacity: 0;
    transition: opacity 0.3s; }
  .button:hover:after {
    opacity: 0.1; }

select {
  background: url("/img/select.png") no-repeat;
  background-size: 100% 100%;
  border: none;
  padding: 0.4em 3em 0.4em 0.75em;
  font-size: 15px;
  font-weight: 600;
  color: #dd332c; }

h1 {
  font-size: calc(0.89286vw - -11.14286px);
  line-height: 1.54167em;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1em;
  color: #dd332c; }
  @media (max-width: 768px) {
    h1 {
      font-size: 18px; } }
  @media (min-width: 1440px) {
    h1 {
      font-size: 24px; } }

h2 {
  font-size: calc(3.86905vw - 9.71429px);
  line-height: 1.02174em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1em;
  color: #000000; }
  @media (max-width: 768px) {
    h2 {
      font-size: 20px; } }
  @media (min-width: 1440px) {
    h2 {
      font-size: 46px; } }

.viewport-element {
  transition: opacity 1s; }
  .viewport-element.invisible {
    opacity: 0; }

.section.rtl.glow .section-content:before {
  transform: translateX(40%); }
.section.rtl .section-content .inner-content {
  direction: rtl; }
  .section.rtl .section-content .inner-content > * {
    direction: ltr; }

.section-content {
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }

.shadow-hover {
  transition: box-shadow 0.3s; }
  .shadow-hover.item {
    cursor: pointer; }
  .shadow-hover:hover {
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3); }

div.todo {
  padding: 2em;
  background: #ccc;
  font-size: calc(2.97619vw - -7.14286px);
  text-align: center; }
  @media (max-width: 768px) {
    div.todo {
      font-size: 30px; } }
  @media (min-width: 1440px) {
    div.todo {
      font-size: 50px; } }

.more-button {
  position: relative; }
  .more-button:after {
    content: '\e91e';
    font-family: icons;
    font-size: 1em;
    font-weight: 100;
    position: absolute;
    right: 1em;
    bottom: 1em;
    border: 2px solid #dd332c;
    color: #dd332c;
    display: inline-block;
    border-radius: 6px;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    line-height: 1.75em;
    text-indent: 0.2em;
    text-align: center; }

.slick-prev, .slick-next {
  cursor: pointer;
  background: #000000 url(/img/triangle-multicolor.png) no-repeat 60% 50%/40%;
  border-radius: 0.3em; }
  .slick-prev.slick-prev, .slick-next.slick-prev {
    transform: scaleX(-1); }

.checkmark {
  position: relative; }
  .checkmark:before {
    content: '';
    position: absolute;
    font-weight: 400;
    background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2251%22%20height%3D%2251%22%3E%3Cpath%20style%3D%22fill%3A%23EFEFEF%22%20d%3D%22m48.571%2027.853c-0.45167-2.4525%201.5193-4.7732%201.2267-7.4341%200.47801-2.025%200.35416-4.7021-1.9166-5.581-1.141-0.656-1.827-1.121-2.035-2.396-1.189-0.696-2.126-1.646-2.729%200.162-4.979%207.745-9.958%2015.491-14.937%2023.236-1.599%202.428-5.434%202.149-6.908-0.254-3.203-3.759-6.449-7.483-9.625-11.263-1.9152-2.4944%200.14456-6.5221%203.2877-6.4311%202.6978-0.09166%203.9675%202.5606%205.5962%204.2382%201.3405%201.5636%202.6809%203.1272%204.0214%204.6909%205.425-6.541%2010.849-13.081%2016.273-19.622-1.286-0.7184-2.171-2.7743-4.22-2.5553-0.456-2.4712-3.632-1.7771-5.214-3.4722-1.994-1.5094-4.354%200.1806-6.234-1.1717-2.269-0.42824-4.193%202.724-6.194%201.4873-2.852-0.4008-4.632%202.9335-7.502%202.6835-1.231%201.6979-3.6721%202.5166-5.158%204.131-2.9012-0.0559-2.6623%203.2614-3.8239%204.8014-0.98692%201.0909-1.3294%203.4485-1.9183%205.0645-1.1834%201.6943-0.42574%204.1733%200.42734%205.705-1.5183%202.1%201.1597%204.6124%201.3519%206.927%201.2066%202.3378-0.50707%205.6073%202.1087%207.1994%202.0917%201.2163%203.3953%202.9478%204.3759%205.0208%201.3063%202.5371%204.1179%201.9901%206.2104%202.8823%200.34312%201.6456%202.2811%203.8004%203.465%201.8325%200.69312%202.6379%204.0198-0.95802%204.8612%201.8862%201.6939-0.5772%203.2105%200.77935%204.712%200.76826%201.4242-1.2059%204.2903-0.20864%205.7631-2.19%202.4356-1.1501%204.4476-2.7353%206.8436-4.0406%200.78813-0.65626%203.1499-0.06803%203.9012-1.9055%200.79151-2.2234%204.128-1.6946%203.41-4.5672%200.55107-2.4661%202.5055-5.1853%201.5385-7.9655-0.249-0.658-0.679-1.225-0.958-1.868z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -2em;
    margin-top: -0.15em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em; }

.editor-content-processed a {
  color: #dd332c; }
.editor-content-processed img {
  max-width: 100% !important;
  height: auto; }

.fancybox-slide .fancybox-image-wrap {
  border: 2px solid #dd332c; }

.layer-404 .section-content {
  max-width: 1040px;
  padding: 8em; }

.module-cookie .inner-content .button {
  font-weight: normal; }

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