@charset "UTF-8";
/*
 * (DEFAULT HELPER)
 */
.wide-only,
.medium-only,
.medium-wide-only {
  display: none !important; }

/*
 * Project Specifics
 */
@font-face {
  font-family: 'icons';
  src: url(../res/fonts/font/icons.woff) format("woff"); }

/*
 * @Section General Styling
 */
body {
  font-family: 'Titillium Web', Sans-Serif;
  background-color: #eeeeee;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none; }
  body.overlay-open {
    overflow: hidden; }
  body.show-mobile-menu {
    position: fixed;
    overflow: hidden;
    height: 100%; }

html body.admin-menu {
  margin-top: 55px !important; }
  html body.admin-menu #header-mobile .mobile-toggle {
    top: 38px; }

div.status,
div.error {
  margin: 70px 0 0 0; }

*:focus {
  outline: none; }

.ir {
  text-indent: -999em;
  overflow: hidden;
  display: none; }

.icon {
  font-family: 'icons'; }

.blue, .blue > p {
  color: #147dd6; }

.italic {
  font-style: italic; }

.has-slider h1 {
  margin-top: 0; }

h1, h1 > p {
  color: #147dd6;
  letter-spacing: 0.75px;
  font-weight: 600;
  margin: 35px 0 0 0;
  font-size: 24px;
  line-height: 28px; }

h1 + .strong,
h1 + .person,
h2 + .strong {
  margin-top: 12px; }

.view,
.menu-childrens {
  margin-top: 25px; }

.view-display-id-faq {
  margin-top: 37px; }

h2, h2 > p {
  font-size: 22px;
  line-height: 28px;
  color: #147dd6;
  letter-spacing: 0.75px;
  margin: 20px 0 10px 0;
  font-weight: 600; }

h3, h3 > p {
  font-size: 24px;
  line-height: 30px;
  color: #1a1919;
  letter-spacing: 0.75px;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px; }

h4, h4 > p, h4 > a, .quote-text {
  color: #1a1919;
  font-weight: 600;
  margin: 0 0 25px 0;
  text-align: center;
  -webkit-text-size-adjust: none;
  font-size: 18px;
  line-height: 25px; }

a {
  font-family: 'Source Sans Pro', Sans-Serif;
  font-size: 16px;
  line-height: 22px;
  color: #147dd6;
  text-decoration: none;
  -webkit-transition: color .3s;
          transition: color .3s; }
  a.wrapper-link {
    display: block; }
  a:hover {
    color: #4f9ee0;
    cursor: pointer; }

a > h3:hover,
a > h3 > p:hover {
  color: #4f9ee0; }

p {
  font-family: 'Source Sans Pro', Sans-Serif;
  font-size: 16px;
  line-height: 22px;
  color: #4d4d4d;
  margin: 5px 0 20px 0; }

.strong, .strong > p {
  font-family: 'Source Sans Pro', Sans-Serif;
  font-size: 18px;
  line-height: 24px;
  color: #4d4d4d;
  font-weight: 600; }

.button-operator {
  display: none; }

.form-item,
.form-actions {
  display: inline-block;
  margin: 0; }

.form-item.form-item-customer-profile-billing-addressbook {
  display: block; }

.container-inline div {
  display: inline-block;
  vertical-align: top; }

.form-actions {
  margin-top: 22px;
  position: relative; }

fieldset {
  padding: 0;
  margin: 0;
  padding-top: 15px; }

#edit-actions-top input,
.form-actions input.form-submit,
.fieldset-wrapper input.checkout-continue {
  background-color: #147dd6;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #4f9ee0;
  cursor: pointer;
  letter-spacing: 0.75px;
  font-weight: 600;
  color: white;
  -webkit-appearance: none;
  background-image: url(../res/img/svg/arrow_button_off.svg);
  background-position: right top;
  background-repeat: no-repeat;
  padding-right: 50px; }
  #edit-actions-top input + .form-submit,
  .form-actions input.form-submit + .form-submit,
  .fieldset-wrapper input.checkout-continue + .form-submit {
    margin-top: 15px;
    display: block; }
  #edit-actions-top input:hover,
  .form-actions input.form-submit:hover,
  .fieldset-wrapper input.checkout-continue:hover {
    background-color: #4f9ee0;
    border: 1px solid #147dd6;
    background-image: url(../res/img/svg/arrow_button_on.svg); }

.fieldset-wrapper .checkout-buttons,
.fieldset-wrapper .checkout-cancel,
.fieldset-wrapper .checkout-back {
  padding: 0 15px;
  cursor: pointer; }

input.form-text,
input.form-file,
textarea {
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-appearance: none; }

input {
  font-family: 'Titillium Web', Sans-Serif;
  outline: none;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 15px;
  color: #4d4d4d;
  border: 1px solid #e5e5e5; }
  input:disabled {
    background-color: #dcecf9; }
  input ::-webkit-input-placeholder {
    font-size: 15px; }
  input ::-moz-placeholder {
    font-size: 15px; }
  input :-ms-input-placeholder {
    font-size: 15px; }
  input input:-moz-placeholder {
    font-size: 15px; }

label {
  font-family: 'Source Sans Pro', Sans-Serif;
  font-size: 15px;
  color: #1a1919;
  font-weight: 600;
  display: block;
  margin-bottom: 5px; }

label.option,
.pseudo-checkbox-wrapper,
.pseudo-radio-wrapper {
  display: inline-block;
  margin-bottom: 0; }

.pseudo-radio-wrapper {
  vertical-align: middle; }

label.option {
  font-size: 13px;
  margin: 0 0 0 10px;
  font-weight: 600; }

.pseudo-radio {
  margin: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 0;
  border: 1px solid #e5e5e5;
  display: inline-block; }
  .pseudo-radio:after {
    content: ' '; }
  input:checked + .pseudo-radio:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: black;
    display: block; }

.pseudo-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .pseudo-checkbox:after {
    content: ' '; }
  input:checked + .pseudo-checkbox:after {
    content: '✓';
    font-family: 'icons';
    font-size: 12px; }

.hidden-checkbox {
  display: none; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }
  ul.menu {
    padding-left: 0; }
    ul.menu li {
      margin: 0; }

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.button {
  font-size: 14px;
  color: #147dd6;
  border: 1px solid #147dd6;
  padding: 0px 15px;
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  line-height: 33px;
  font-family: 'Titillium Web'; }
  .button.dark, .button:hover, .button.activatable.active {
    font-size: 14px;
    color: #147dd6;
    border: 1px solid #147dd6;
    padding: 0px 15px;
    border-radius: 2px;
    font-weight: 600;
    display: inline-block;
    line-height: 33px;
    font-family: 'Titillium Web';
    color: #fff;
    background-color: #147dd6;
    border: 1px solid #4f9ee0; }
  .button.arrow {
    vertical-align: middle;
    line-height: 38px;
    box-sizing: border-box;
    max-height: 40px; }
    .button.arrow:after {
      vertical-align: middle;
      font-family: 'icons';
      content: '→';
      display: block;
      border-left: 1px solid #4f9ee0;
      font-size: 6px;
      padding-left: 15px;
      margin-left: 20px;
      line-height: 40px;
      height: 39px;
      float: right; }
    .button.arrow:hover, .button.arrow.activatable.active {
      background-color: #4f9ee0;
      border: 1px solid #147dd6; }
      .button.arrow:hover:after, .button.arrow.activatable.active:after {
        border-left: 1px solid #147dd6; }
    .button.arrow.reverse:after {
      content: "←";
      border-right: 1px solid #4f9ee0;
      border-left: none;
      float: none;
      float: left;
      margin-left: 0;
      margin-right: 20px;
      padding-left: 0;
      padding-right: 15px; }
  .button > p {
    font-family: inherit;
    font-size: 14px;
    line-height: 33px;
    color: inherit;
    margin: 0; }

.back-container a {
  font-size: 14px;
  background-color: #147dd6;
  border: 1px solid #4f9ee0;
  color: white;
  font-weight: 600;
  border-radius: 2px;
  padding: 0 15px;
  line-height: 38px;
  box-sizing: border-box;
  max-height: 40px;
  display: inline-block; }
  .back-container a:hover {
    background-color: #4f9ee0;
    border-color: #147dd6; }
    .back-container a:hover:before {
      border-color: #147dd6; }
  .back-container a:before {
    vertical-align: middle;
    font-family: 'icons';
    content: '→';
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    display: block;
    border-left: 1px solid #4f9ee0;
    font-size: 6px;
    padding-left: 15px;
    margin-right: 20px;
    line-height: 40px;
    height: 39px;
    float: left; }

.quote h4:before, .quote h4:after,
.quote h2 > p:before,
.quote h2 > p:after,
.quote .quote-text:before,
.quote .quote-text:after {
  content: '"'; }

.date,
.text-small {
  font-size: 14px;
  line-height: 20px;
  color: #4d4d4d; }

.flag {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
  margin-right: 15px;
  width: 35px;
  height: 25px; }
  .flag img {
    width: 100%;
    height: 100%; }

.bg-image {
  background-position: center;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .bg-image.cover-image {
    background-size: cover; }
  .bg-image.contain-image {
    background-size: contain; }

.play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .play.middle {
    width: 65px;
    height: 65px;
    -webkit-transition: width .5s, height .5s;
            transition: width .5s, height .5s; }
    .play.middle:hover {
      width: 80px;
      height: 80px; }
  .play.big {
    width: 110px;
    height: 110px; }
  .play.small {
    width: 50px;
    height: 50px; }

.corner {
  position: relative;
  padding: 20px;
  border: 1px solid #e5e5e5; }
  .corner:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transition: border-top-width .5s ease-out, border-left-width .5s ease-out;
            transition: border-top-width .5s ease-out, border-left-width .5s ease-out;
    border-width: 22px 0 0 22px;
    border-color: #fff transparent transparent #e5e5e5; }
  .corner.hovered:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transition: border-top-width .5s ease-out, border-left-width .5s ease-out;
            transition: border-top-width .5s ease-out, border-left-width .5s ease-out;
    border-width: 22px 0 0 22px;
    border-color: #fff transparent transparent #e5e5e5; }
  .corner.hovered:hover {
    border-color: #147dd6; }
    .corner.hovered:hover:after {
      -webkit-transition: none;
              transition: none;
      border-width: 0 22px 22px 0;
      border-color: transparent #147dd6 transparent transparent; }

.video {
  margin-top: 35px;
  position: relative;
  overflow: hidden; }
  .video img {
    width: 100%; }
  .video .video-wrapper {
    display: none; }
    .video .video-wrapper iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }

.news .clearit,
.offer .clearit,
.reference .clearit {
  clear: both; }

.item-text {
  font-size: 16px;
  line-height: 20px;
  position: relative; }

.facts-title {
  font-weight: 300;
  text-align: center;
  color: #4d4d4d; }

/*
 * @Section Header
 */
#logo {
  display: block;
  padding: 25px 0 10px 20px;
  vertical-align: bottom;
  width: 50%; }
  #logo img {
    height: 54px; }
  #logo img {
    width: 100%; }

#header {
  position: relative; }
  #header:after {
    content: '';
    display: block;
    clear: both; }

#header-content {
  position: relative; }
  @media screen and (min-width: 1025px) and (max-width: 1199px) {
    #header-content {
      padding-top: 0; } }

#header-left {
  width: 192px; }

#header-right {
  padding-right: 0; }

#header-top {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; }
  #header-top .menu-wrapper ul:first-child {
    background-color: #dcecf9;
    padding: 0; }
    #header-top .menu-wrapper ul:first-child > li a {
      color: #147dd6;
      font-size: 18px;
      letter-spacing: .5px;
      -webkit-transition: background-color .3s ease-in-out;
              transition: background-color .3s ease-in-out; }
      #header-top .menu-wrapper ul:first-child > li a.active, #header-top .menu-wrapper ul:first-child > li a.active-trail, #header-top .menu-wrapper ul:first-child > li a:hover {
        background-color: rgba(20, 125, 214, 0.15); }
  #header-top ul {
    background-color: #147dd6;
    font-size: 0; }
    #header-top ul > li {
      display: inline-block;
      max-height: 45px; }
      #header-top ul > li.first {
        margin-left: 0; }
      #header-top ul > li a {
        font-family: 'Titillium Web';
        color: white;
        line-height: 44px;
        display: inline-block;
        font-size: 14px;
        padding: 0 15px;
        font-weight: 600; }
        #header-top ul > li a.active, #header-top ul > li a:hover {
          background-color: #4f9ee0; }

#header-bottom {
  display: block;
  float: right;
  padding-top: 45px;
  padding-right: 80px; }
  #header-bottom .teaser {
    border: none; }

.after-header {
  text-align: center; }
  .after-header .title-wrapper {
    width: 100%;
    background-color: #147dd6;
    height: 40px; }
    .after-header .title-wrapper h1 {
      margin: 0;
      color: #fff;
      font-weight: 600;
      line-height: 40px;
      font-size: 20px; }
  .after-header .products-bar {
    min-height: 265px;
    border-bottom: 15px solid #147dd6;
    box-sizing: border-box;
    font-size: 0;
    padding: 35px 0;
    margin: 0 auto;
    padding: 35px 20px;
    overflow: hidden; }

.before-full {
  background-color: #dcecf9;
  padding: 20px; }
  .before-full .hover-teaser img {
    display: block; }

/*
 * @Section Layout
 */
#page-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  background-color: #fff; }

#content-top {
  margin: 0 20px; }
  #content-top .melag-cart {
    width: 380px;
    display: table;
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 18px 30px 14px 30px;
    box-sizing: border-box;
    margin: 20px 0;
    float: right;
    z-index: 3;
    width: 100%; }
    #content-top .melag-cart:before {
      width: 100%;
      height: 4px;
      content: "";
      background: #147dd6;
      position: absolute;
      top: 0;
      left: 0; }
  #content-top .cart-quantity,
  #content-top .cart-title,
  #content-top .cart-link {
    vertical-align: middle;
    display: table-cell; }
  #content-top .cart-quantity {
    color: #fff;
    background-color: #147dd6;
    border-radius: 100%;
    width: 31px;
    text-align: center; }
  #content-top .cart-title {
    padding: 0 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: left; }
  #content-top .cart-link {
    text-align: right; }

#content-wrapper {
  padding: 0 20px 40px 20px; }
  .node-type-views.one-sidebar #content-wrapper {
    margin-right: 100px;
    margin-right: 20px; }

.view-id-2_col_panel {
  margin-bottom: 40px; }

.view-display-id-con_dates .teaser .right-content img {
  border: 1px solid #e5e5e5; }

#content {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top; }
  #content ul li {
    list-style-type: disc; }

.education-collection {
  margin: 0 0 55px 0; }

.education-collection img,
.slider.reference img,
.slider.offer img {
  width: 100%;
  display: block; }

.education-collection a,
.slider.reference a,
.slider.offer a {
  vertical-align: top; }
  .education-collection a.middle-big,
  .slider.reference a.middle-big,
  .slider.offer a.middle-big {
    position: relative;
    display: block; }
    .education-collection a.middle-big:hover .overlay,
    .slider.reference a.middle-big:hover .overlay,
    .slider.offer a.middle-big:hover .overlay {
      height: 40%; }
  .education-collection a.side-small,
  .slider.reference a.side-small,
  .slider.offer a.side-small {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top; }
    .education-collection a.side-small:first-child img,
    .slider.reference a.side-small:first-child img,
    .slider.offer a.side-small:first-child img {
      vertical-align: bottom; }
    .education-collection a.side-small:hover .overlay,
    .slider.reference a.side-small:hover .overlay,
    .slider.offer a.side-small:hover .overlay {
      height: 100%; }

.education-collection .one-big.col,
.slider.reference .one-big.col,
.slider.offer .one-big.col {
  width: 100%; }

.education-collection .two-small.col,
.slider.reference .two-small.col,
.slider.offer .two-small.col {
  width: 100%; }

#content-bottom {
  overflow: hidden;
  font-size: 0; }
  #content-bottom .teaser-wrapper,
  #content-bottom .career-teaser {
    padding: 0 20px; }
    #content-bottom .teaser-wrapper .hover-teaser,
    #content-bottom .career-teaser .hover-teaser {
      margin: 0 2.5% 30px 0;
      width: 100%;
      margin-right: 0; }
    #content-bottom .teaser-wrapper .hover-teaser-content,
    #content-bottom .career-teaser .hover-teaser-content {
      padding: 0; }

.overlay {
  background-color: rgba(255, 255, 255, 0.6);
  height: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transition: height 1s;
          transition: height 1s;
  overflow: hidden; }
  .overlay:after {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #147dd6; }
  .overlay h3 {
    margin: 0;
    color: #4d4d4d;
    padding: 20px; }

.row {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box; }

/*
 * @Sidebar Content
 */
.node-type-config-product #content-wrapper,
.node-type-config-bundle #content-wrapper,
.page-user-orders.logged-in #content-wrapper {
  padding-top: 105px; }

#sidebar {
  letter-spacing: 0.75px;
  font-weight: 600;
  position: relative;
  margin-top: 30px; }
  #sidebar h4 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    max-width: 220px;
    margin: 0 auto; }
    #sidebar h4 > p {
      margin: 0; }
  #sidebar .node.config-product.sidebar .tool ul li,
  #sidebar .node.config-bundle.sidebar .tool ul li {
    padding: 10px 0; }
    #sidebar .node.config-product.sidebar .tool ul li:first-child,
    #sidebar .node.config-bundle.sidebar .tool ul li:first-child {
      padding-top: 10px; }
  #sidebar .node.config-product.sidebar .item-text,
  #sidebar .node.config-bundle.sidebar .item-text {
    margin: 5px 22px 5px 12px; }
  #sidebar .node.config-product.sidebar .icon,
  #sidebar .node.config-bundle.sidebar .icon {
    width: 6px;
    height: 6px;
    background-color: #147dd6;
    border-radius: 3px; }
  #sidebar .tool {
    border: 1px solid #e5e5e5;
    padding: 40px 40px 35px 40px; }
    #sidebar .tool:first-child:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background-color: #147dd6;
      height: 4px;
      width: 100%; }
    #sidebar .tool:last-child:after {
      content: '';
      height: 4px;
      width: 100%;
      position: absolute;
      left: 0px;
      bottom: 0px;
      background-color: #147dd6; }
    #sidebar .tool .tool-content {
      padding-top: 20px; }
    #sidebar .tool .contact {
      padding-top: 10px; }
    #sidebar .tool .image-placeholder {
      width: 85px;
      height: 115px;
      background-color: #147dd6;
      display: inline-block;
      margin-right: 6.578947368%; }
    #sidebar .tool .download-description {
      display: inline-block;
      vertical-align: top;
      box-sizing: border-box; }
    #sidebar .tool .body-headline {
      font-size: 18px;
      line-height: 24px;
      color: #1a1919; }
    #sidebar .tool ul li {
      position: relative;
      clear: both;
      vertical-align: middle;
      white-space: nowrap;
      max-width: 220px;
      margin: 0 auto; }
    #sidebar .tool ul li:not(:last-child) {
      border-bottom: 1px solid #e5e5e5; }
    #sidebar .tool .icon {
      display: inline-block;
      font-size: 20px;
      color: #147dd6;
      font-weight: 400;
      max-width: 100px;
      vertical-align: middle;
      margin-left: -10px; }
    #sidebar .tool .item-text {
      font-family: 'Titillium Web';
      color: #4d4d4d;
      display: inline-block;
      max-width: 220px;
      margin: 20px 22px 20px 10%;
      vertical-align: middle;
      white-space: normal; }
    #sidebar .tool .facts-title {
      font-size: 36px;
      margin: 0 0 12px 0; }
    #sidebar .tool.pdf-tool, #sidebar .tool.contact-tool {
      text-align: center; }
      #sidebar .tool.pdf-tool img, #sidebar .tool.contact-tool img {
        margin-right: 6.578947368%;
        vertical-align: top; }
      #sidebar .tool.pdf-tool .text-small, #sidebar .tool.contact-tool .text-small {
        margin-bottom: 20px; }
    #sidebar .tool.download-tool .item-text {
      color: #1a1919; }
      #sidebar .tool.download-tool .item-text:hover {
        color: #147dd6; }
    #sidebar .tool.download-tool .icon {
      font-size: 22px; }
    #sidebar .tool.download-tool a {
      display: block; }
    #sidebar .tool.download-tool .download-footer {
      padding-top: 10px;
      border-top: 1px solid #e5e5e5;
      max-width: 220px;
      margin: 0 auto; }
      #sidebar .tool.download-tool .download-footer .view-all-link {
        margin: 14px 0; }
    #sidebar .tool.teaser-tool {
      text-align: center; }
      #sidebar .tool.teaser-tool .item-text {
        margin: 0 auto 25px auto;
        max-width: 235px;
        text-align: left; }
    #sidebar .tool.facts-tool {
      text-align: center;
      display: block; }
      #sidebar .tool.facts-tool img {
        margin-bottom: 20px; }
      #sidebar .tool.facts-tool li {
        padding: 0; }
      #sidebar .tool.facts-tool .item-text {
        color: #147dd6;
        margin: 20px 0 0 0; }
    #sidebar .tool.link-tool .icon {
      font-size: 10px; }
    #sidebar .tool.contact-tool .tool-content {
      vertical-align: top; }
    #sidebar .tool.contact-tool .text-content {
      padding-top: 20px; }
      #sidebar .tool.contact-tool .text-content h3 {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 6px 0;
        font-weight: bold; }
      #sidebar .tool.contact-tool .text-content p {
        margin: 0; }
    #sidebar .tool.contact-tool a:not(.button) {
      font-size: 14px;
      line-height: 20px; }
    #sidebar .tool.view-tool {
      max-width: 100%; }
      #sidebar .tool.view-tool .news.sub-content {
        max-width: 220px;
        margin: 0 auto;
        padding: 20px 0; }
        #sidebar .tool.view-tool .news.sub-content:not(:last-child) {
          border-bottom: 1px solid #e5e5e5; }
        #sidebar .tool.view-tool .news.sub-content .date {
          font-weight: 400; }
        #sidebar .tool.view-tool .news.sub-content a {
          display: block; }
          #sidebar .tool.view-tool .news.sub-content a:hover .strong {
            color: #147dd6; }
  #sidebar .tutorial-video ul li {
    text-align: left; }
  #sidebar .tutorial-video .icon {
    font-size: 24px;
    margin-right: 20px;
    margin-left: -30px; }
  #sidebar .tutorial-video .item-text a {
    color: #1a1919;
    font-family: 'Titillium Web'; }
    #sidebar .tutorial-video .item-text a:hover {
      color: #147dd6; }
  #sidebar .tutorial-link {
    text-align: center;
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
    max-width: 220px;
    margin: 0 auto; }
    #sidebar .tutorial-link a {
      color: #4d4d4d;
      font-size: 18px; }
      #sidebar .tutorial-link a:hover {
        color: #147dd6; }

/*
 * @Section Elements
 */
.front #header-slider .slider .js-wrapper.text-wrapper {
  display: none; }

#header-slider {
  position: relative;
  width: 100%;
  font-size: 0; }
  .not-front #header-slider {
    padding-bottom: 160px; }
  #header-slider .slider {
    width: 100%; }
    #header-slider .slider .js-wrapper {
      overflow: hidden; }
    #header-slider .slider.alternative .mood-headline.line-one:before, #header-slider .slider.alternative .mood-headline.line-one:after {
      content: '"'; }
    #header-slider .slider.alternative .thumbnail-wrapper {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 10px;
      background-color: rgba(0, 0, 0, 0.4);
      display: none; }
      #header-slider .slider.alternative .thumbnail-wrapper .thumbnail {
        width: 110px;
        height: 60px;
        position: relative; }
        #header-slider .slider.alternative .thumbnail-wrapper .thumbnail + .thumbnail {
          margin-left: 10px; }
        #header-slider .slider.alternative .thumbnail-wrapper .thumbnail.fake-active:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: rgba(0, 0, 0, 0.4); }
    #header-slider .slider.alternative .images-wrapper .slick-arrow {
      bottom: calc(50% - 18px); }
    #header-slider .slider.alternative .images-wrapper .slick-prev {
      left: 30px;
      right: initial; }
    #header-slider .slider.alternative .images-wrapper .slick-next {
      right: 30px; }
    #header-slider .slider .js-wrapper.text-wrapper {
      position: absolute;
      display: inline-block;
      color: #fff;
      font-weight: 600;
      width: 100%;
      bottom: 0;
      bottom: auto;
      top: 100%;
      text-align: center; }
      #header-slider .slider .js-wrapper.text-wrapper .moodarea {
        display: inline-block;
        padding-left: 20px;
        color: #147dd6;
        padding: 20px 0; }
        #header-slider .slider .js-wrapper.text-wrapper .moodarea .mood-tag {
          color: #fff; }
      #header-slider .slider .js-wrapper.text-wrapper .slick-track {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
    #header-slider .slider .js-wrapper.images-wrapper .slick-track {
      max-height: 320px; }
    #header-slider .slider .image {
      display: inline-block;
      position: relative;
      min-height: 150px; }
      #header-slider .slider .image:after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.65) 100%);
        background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
    #header-slider .slider .current-active .moodarea,
    #header-slider .slider .next-active .moodarea {
      left: 50%; }
    #header-slider .slider button.slick-arrow {
      z-index: 100; }
      #header-slider .slider button.slick-arrow.slick-next {
        right: 40px;
        bottom: 45%; }
      #header-slider .slider button.slick-arrow.slick-prev {
        left: 40px;
        bottom: 45%; }
      #header-slider .slider button.slick-arrow.slick-next {
        right: 20px; }
      #header-slider .slider button.slick-arrow.slick-prev {
        left: 20px; }
    #header-slider .slider .mood-tag {
      font-size: 13px;
      line-height: 28px;
      background-color: #147dd6;
      padding: 0 12px;
      display: inline-block;
      margin-bottom: 10px; }
    #header-slider .slider .mood-headline {
      font-size: 17px;
      line-height: 26px;
      text-align: center; }
    #header-slider .slider .mood-subheadline {
      font-size: 18px;
      line-height: 24px;
      width: 100%;
      text-align: center; }
  #header-slider .signet {
    position: absolute;
    width: 130px;
    height: 130px;
    top: 45px;
    right: 25px; }
  #header-slider #header-slider .slider .js-wrapper.text-wrapper .moodarea {
    padding-bottom: 25px; }

#header-slider .slider:not(.alternative) button.slick-arrow.slick-next, #header-slider .slider:not(.alternative) button.slick-arrow.slick-prev {
  display: none !important; }

#header-slider .slider .slick-dots {
  display: none !important; }

ul.slick-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 100; }
  ul.slick-dots > li {
    display: inline-block; }
    ul.slick-dots > li > button {
      background-color: rgba(26, 25, 25, 0.45);
      -webkit-appearance: none;
      border: 1px solid #4d4d4d;
      border-radius: 34px;
      padding: 0;
      width: 13px;
      height: 13px;
      color: transparent;
      margin: 0 7px;
      cursor: pointer; }
    ul.slick-dots > li.slick-active {
      background-color: #fff; }

.slider,
.product-slider,
.product-list,
.config-bottom-wrapper {
  position: relative; }
  .slider button.slick-arrow,
  .product-slider button.slick-arrow,
  .product-list button.slick-arrow,
  .config-bottom-wrapper button.slick-arrow {
    position: absolute;
    width: 35px;
    height: 35px;
    text-indent: -999em;
    overflow: hidden;
    background-color: rgba(26, 25, 25, 0.45);
    border: 1px solid #4d4d4d;
    bottom: 65px; }
    .slider button.slick-arrow.slick-prev:before, .slider button.slick-arrow.slick-next:before,
    .product-slider button.slick-arrow.slick-prev:before,
    .product-slider button.slick-arrow.slick-next:before,
    .product-list button.slick-arrow.slick-prev:before,
    .product-list button.slick-arrow.slick-next:before,
    .config-bottom-wrapper button.slick-arrow.slick-prev:before,
    .config-bottom-wrapper button.slick-arrow.slick-next:before {
      font-family: 'icons';
      font-size: 10px;
      position: absolute;
      left: 0;
      width: 35px;
      line-height: 35px;
      top: 0;
      text-indent: 0;
      opacity: 1;
      color: #fff; }
    .slider button.slick-arrow.slick-prev,
    .product-slider button.slick-arrow.slick-prev,
    .product-list button.slick-arrow.slick-prev,
    .config-bottom-wrapper button.slick-arrow.slick-prev {
      z-index: 10; }
      .slider button.slick-arrow.slick-prev:before,
      .product-slider button.slick-arrow.slick-prev:before,
      .product-list button.slick-arrow.slick-prev:before,
      .config-bottom-wrapper button.slick-arrow.slick-prev:before {
        content: '←';
        left: -1px; }
    .slider button.slick-arrow.slick-next:before,
    .product-slider button.slick-arrow.slick-next:before,
    .product-list button.slick-arrow.slick-next:before,
    .config-bottom-wrapper button.slick-arrow.slick-next:before {
      content: '→'; }
    .slider button.slick-arrow:hover,
    .product-slider button.slick-arrow:hover,
    .product-list button.slick-arrow:hover,
    .config-bottom-wrapper button.slick-arrow:hover {
      background-color: #1a1919;
      cursor: pointer; }
  .slider.reference button, .slider.offer button,
  .product-slider.reference button,
  .product-slider.offer button,
  .product-list.reference button,
  .product-list.offer button,
  .config-bottom-wrapper.reference button,
  .config-bottom-wrapper.offer button {
    background-color: rgba(255, 255, 255, 0.45);
    border: 1px solid #fff; }
    .slider.reference button.slick-prev:before, .slider.reference button.slick-next:before, .slider.offer button.slick-prev:before, .slider.offer button.slick-next:before,
    .product-slider.reference button.slick-prev:before,
    .product-slider.reference button.slick-next:before,
    .product-slider.offer button.slick-prev:before,
    .product-slider.offer button.slick-next:before,
    .product-list.reference button.slick-prev:before,
    .product-list.reference button.slick-next:before,
    .product-list.offer button.slick-prev:before,
    .product-list.offer button.slick-next:before,
    .config-bottom-wrapper.reference button.slick-prev:before,
    .config-bottom-wrapper.reference button.slick-next:before,
    .config-bottom-wrapper.offer button.slick-prev:before,
    .config-bottom-wrapper.offer button.slick-next:before {
      color: #147dd6; }
    .slider.reference button.slick-prev, .slider.offer button.slick-prev,
    .product-slider.reference button.slick-prev,
    .product-slider.offer button.slick-prev,
    .product-list.reference button.slick-prev,
    .product-list.offer button.slick-prev,
    .config-bottom-wrapper.reference button.slick-prev,
    .config-bottom-wrapper.offer button.slick-prev {
      left: 0;
      z-index: 10; }
    .slider.reference button.slick-next, .slider.offer button.slick-next,
    .product-slider.reference button.slick-next,
    .product-slider.offer button.slick-next,
    .product-list.reference button.slick-next,
    .product-list.offer button.slick-next,
    .config-bottom-wrapper.reference button.slick-next,
    .config-bottom-wrapper.offer button.slick-next {
      right: 0; }
    .slider.reference button:hover, .slider.offer button:hover,
    .product-slider.reference button:hover,
    .product-slider.offer button:hover,
    .product-list.reference button:hover,
    .product-list.offer button:hover,
    .config-bottom-wrapper.reference button:hover,
    .config-bottom-wrapper.offer button:hover {
      background-color: white; }
  .slider .slick-track,
  .product-slider .slick-track,
  .product-list .slick-track,
  .config-bottom-wrapper .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

.links-wrapper,
.links {
  margin: 37px 0 40px 0; }
  .links-wrapper li,
  .links li {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    list-style-type: none !important; }
    .links-wrapper li a,
    .links li a {
      color: #1a1919;
      vertical-align: middle;
      display: block;
      font-weight: 600; }
      .links-wrapper li a:after,
      .links li a:after {
        font-family: 'icons';
        content: '⇥';
        color: #147dd6;
        display: inline-block;
        font-size: 17px;
        float: right;
        font-weight: 400; }
    .links-wrapper li a:hover,
    .links li a:hover {
      color: #147dd6; }

.links-wrapper div,
.links div {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
  list-style-type: none !important; }
  .links-wrapper div a,
  .links div a {
    color: #1a1919;
    vertical-align: middle;
    display: block;
    font-weight: 600; }
    .links-wrapper div a:after,
    .links div a:after {
      font-family: 'icons';
      content: '⇥';
      color: #147dd6;
      display: inline-block;
      font-size: 17px;
      float: right;
      font-weight: 400; }
  .links-wrapper div a:hover,
  .links div a:hover {
    color: #147dd6; }

.tabbed-content {
  padding: 20px 20px 0;
  text-align: left;
  white-space: normal;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin-top: 35px; }
  .tabbed-content:after {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #147dd6; }
  .tabbed-content .view {
    margin-top: 0; }
  .tabbed-content .tab-head {
    margin: -21px -21px 0;
    overflow: hidden; }
    .tabbed-content .tab-head > li {
      display: inline; }
      .tabbed-content .tab-head > li.ui-state-active > a {
        background-color: transparent;
        color: #147dd6;
        border: none; }
        .tabbed-content .tab-head > li.ui-state-active > a:first-child {
          border-right: none; }
        .tabbed-content .tab-head > li.ui-state-active > a:last-child {
          border-left: none; }
    .tabbed-content .tab-head a {
      display: block;
      font-weight: 600;
      width: 50%;
      float: left;
      text-align: center;
      padding: 11px;
      box-sizing: border-box;
      outline: none;
      background-color: #f2f2f2;
      color: #4d4d4d;
      border-bottom: 4px solid #e5e5e5; }
      .tabbed-content .tab-head a:hover {
        background-color: #dcecf9;
        color: #147dd6;
        border-bottom: 4px solid #147dd6; }
    .tabbed-content .tab-head .tab-item {
      width: 33.3%; }
  .tabbed-content .news.sub-content {
    margin: 0 auto;
    text-align: center;
    padding: 7.766% 0;
    width: 100%;
    padding: 25px 0;
    max-width: 70%; }
    .tabbed-content .news.sub-content:not(:first-child) {
      border-top: 1px solid #e5e5e5; }
    .tabbed-content .news.sub-content:last-child {
      border-bottom: 1px solid #e5e5e5; }

/*
 * @Breadcrumb
 */
.breadcrumb-navigation {
  list-style: none;
  background-color: #f2f2f2;
  position: relative;
  display: none; }
  .breadcrumb-navigation ul {
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    position: absolute;
    background-color: #f2f2f2;
    width: 100%;
    padding: 30px 1.545%;
    top: 100%;
    list-style: none;
    z-index: 10;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-color: #147dd6;
    box-sizing: border-box;
    left: 0; }
  .breadcrumb-navigation a {
    color: #4d4d4d;
    display: block; }
    .breadcrumb-navigation a:hover {
      color: #147dd6; }
  .breadcrumb-navigation > li {
    display: inline-block;
    position: static;
    margin: 0;
    max-height: 30px; }
    .breadcrumb-navigation > li ul {
      left: 0; }
      .breadcrumb-navigation > li ul > li > a {
        line-height: 30px;
        display: inline-block; }
    .breadcrumb-navigation > li > a,
    .breadcrumb-navigation > li > strong {
      display: inline-block;
      padding: 0 10px 0 20px;
      position: relative;
      line-height: 30px;
      font-size: 14px;
      font-weight: 600; }
    .breadcrumb-navigation > li:not(:first-child) > a.has-children {
      padding-right: 40px; }
      .breadcrumb-navigation > li:not(:first-child) > a.has-children:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #4d4d4d transparent transparent transparent;
        vertical-align: middle;
        position: absolute;
        right: 15px;
        top: 14px; }
    .breadcrumb-navigation > li.first a {
      text-indent: -999em;
      min-width: 100px;
      background: #147dd6; }
      .breadcrumb-navigation > li.first a:before {
        text-indent: 0;
        content: '🏠';
        display: inline-block;
        font-family: 'icons';
        color: white;
        position: absolute;
        right: 20px; }
      .breadcrumb-navigation > li.first a:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 10px;
        border-color: transparent transparent transparent #147dd6;
        right: -10px;
        top: 0;
        position: absolute; }
    .breadcrumb-navigation > li + li {
      margin-left: 0; }
      .breadcrumb-navigation > li + li:before {
        display: none; }
      .breadcrumb-navigation > li + li > a,
      .breadcrumb-navigation > li + li > strong {
        padding-right: 30px; }
        .breadcrumb-navigation > li + li > a:after,
        .breadcrumb-navigation > li + li > strong:after {
          content: '';
          width: 15px;
          height: 30px;
          background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 6 3" preserveAspectRatio="none"><polyline points=".2,0 2.8,1.5 .2,3" stroke-width="2" vector-effect="non-scaling-stroke" fill="none" stroke="white" /></svg>');
          font-family: 'icons';
          color: white;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          font-size: 30px; }
  .breadcrumb-navigation strong {
    font-weight: normal;
    font-size: 16px;
    color: #147dd6; }
  .breadcrumb-navigation > li:not(.first):hover > ul {
    visibility: visible;
    opacity: 1;
    z-index: 1100; }
  .breadcrumb-navigation > li:not(.first):hover > a,
  .breadcrumb-navigation > li:not(.first):hover > strong {
    color: #147dd6; }
    .breadcrumb-navigation > li:not(.first):hover > a:before,
    .breadcrumb-navigation > li:not(.first):hover > strong:before {
      border-color: #147dd6 transparent transparent transparent; }

/*
 * @Section Teaser
 */
.teaser {
  border: 1px solid #e5e5e5; }

.teaser-image,
.teaser-text {
  display: block; }

.teaser-w-image {
  margin-top: 55px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  overflow: hidden; }
  .teaser-w-image.down {
    margin-top: 30px; }
  .teaser-w-image h4, .teaser-w-image h4 > p {
    text-align: left;
    margin-bottom: 10px;
    color: #147dd6; }
  .teaser-w-image svg {
    width: 100%;
    height: 255px; }
  .teaser-w-image .teaser-text {
    vertical-align: top;
    width: 52%;
    padding: 5% 5% 25px 0;
    box-sizing: border-box;
    width: 100%;
    padding-left: 10%; }
    .teaser-w-image .teaser-text h4 > p {
      margin: 0; }
    .teaser-w-image .teaser-text p {
      margin-bottom: 25px; }
  .teaser-w-image .teaser-image {
    height: 100%;
    width: 48%;
    position: relative;
    margin: 0 auto;
    height: 255px;
    width: initial; }

.product-teaser {
  position: relative;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding: 20px 10px;
  width: 50%;
  margin: 0;
  display: inline-block;
  float: left; }
  .product-teaser:first-child {
    margin-left: 0; }
  .product-teaser:last-child {
    margin-right: 0; }
  .product-teaser:after {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #147dd6; }
  .product-teaser:after {
    display: none; }
  .product-teaser:hover {
    border: 1px solid #e5e5e5; }
    .product-teaser:hover:after {
      display: block; }
  .product-teaser img {
    width: 125px;
    height: 125px;
    padding-bottom: 10px; }
  .product-teaser .text {
    color: #1a1919; }

.before-full .hover-teaser .teaser-image-content,
.front.content-bottom .hover-teaser .teaser-image-content,
.overview.full .hover-teaser .teaser-image-content,
.teaser-wrapper .hover-teaser .teaser-image-content {
  height: 100%; }

.before-full .hover-teaser:after,
.front.content-bottom .hover-teaser:after,
.overview.full .hover-teaser:after,
.teaser-wrapper .hover-teaser:after {
  content: '';
  background-color: transparent; }

.hover-teaser {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin: 0 0 30px 0;
  width: 100%;
  margin-right: 0;
  border: 1px solid #e5e5e5; }
  .hover-teaser:after {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #147dd6; }
  .hover-teaser .hover-teaser-content {
    height: 100%; }
  .hover-teaser .teaser-image-content {
    position: relative;
    height: 100%;
    height: 255px; }
    .hover-teaser .teaser-image-content img {
      width: 100%; }
      .hover-teaser .teaser-image-content img.play.middle {
        width: 65px;
        height: 65px; }
  .hover-teaser .strip {
    border: 1px solid transparent;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0 10% 0 10%;
    padding: 1px 10% 25px 10%; }
  .hover-teaser .additional p {
    margin: 13px 0 25px 0; }
  .hover-teaser h3 {
    font-weight: 600;
    color: #4d4d4d;
    -webkit-transition: color 1s;
            transition: color 1s;
    margin-top: 32px; }

.row .teaser-w-image {
  min-height: 257px;
  height: auto; }

.row .strong, .row .strong > p {
  margin: 0; }

.teaser-full .teaser-image {
  display: inline-block;
  float: left;
  padding: 0 3% 10px 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0; }
  .teaser-full .teaser-image img {
    width: 100%; }

.teaser-full .teaser-text {
  display: inline-block;
  width: 100%; }

.teaser-full .strong {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 13px; }

.teaser-full h1 {
  font-weight: 600;
  margin-top: 14px; }

/*
 * @Timeline
 */
.page-node-2180 .timeline .date,
.page-node-2337 .timeline .date,
.page-node-2785 .timeline .date,
.page-node-2935 .timeline .date,
.page-node-2930 .timeline .date,
.page-node-2938 .timeline .date,
.page-node-2869 .timeline .date,
.page-node-2878 .timeline .date,
.page-node-2939 .timeline .date,
.page-node-2940 .timeline .date,
.page-node-2941 .timeline .date {
  visibility: hidden; }

.timeline {
  vertical-align: top;
  overflow: hidden;
  position: relative;
  width: 300px;
  margin: 50px auto; }
  .timeline .thelinecontainer {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: absolute;
    top: 105px;
    left: 0; }
    .timeline .thelinecontainer .first {
      width: 30px;
      height: 30px;
      background: url(../res/img/svg/timeline_anim_pin_on.svg);
      display: inline-block; }
    .timeline .thelinecontainer .theline {
      height: 100%;
      width: 1px;
      margin: -20px 0 0 14px;
      background: #147dd6; }
  .timeline ul {
    display: inline-block;
    padding-left: 45px; }
    .timeline ul > li {
      margin-top: 120px;
      list-style-type: none !important; }
  .timeline .teaser {
    border: none; }
  .timeline .hidden .image-wrapper:after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    background: #147dd6;
    left: -30px; }
  .timeline .image-wrapper {
    opacity: 1;
    position: relative;
    display: inline-block;
    margin-right: 25px;
    max-width: 82%; }
    .timeline .image-wrapper img {
      display: block;
      z-index: 1;
      width: 209.09px;
      height: 121.05px; }
    .timeline .image-wrapper:before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 100%;
      background: #147dd6;
      left: -35px;
      top: 47%; }
    .timeline .image-wrapper:after {
      content: '';
      position: absolute;
      top: 50%;
      height: 1px;
      background: #147dd6;
      left: -30px;
      width: 40px; }
    .timeline .image-wrapper a {
      border: 1px solid transparent;
      display: block;
      position: relative; }
      .timeline .image-wrapper a:before {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        right: -1px;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transition: border-top-width .5s ease-out, border-left-width .5s ease-out;
                transition: border-top-width .5s ease-out, border-left-width .5s ease-out;
        border-width: 0 22px 22px 0;
        border-color: transparent transparent transparent transparent;
        z-index: 100;
        -webkit-transition: border-color .5s ease-in-out;
                transition: border-color .5s ease-in-out; }
      .timeline .image-wrapper a:after {
        opacity: 0;
        -webkit-transition: opacity .5s 1s ease-in-out;
                transition: opacity .5s 1s ease-in-out; }
      .timeline .image-wrapper a:hover {
        border-color: #147dd6; }
        .timeline .image-wrapper a:hover:before {
          border-width: 0 22px 22px 0;
          border-color: transparent #147dd6 transparent transparent; }
        .timeline .image-wrapper a:hover img {
          opacity: .5; }
        .timeline .image-wrapper a:hover:after {
          opacity: 1;
          content: "🔎";
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          color: #147dd6;
          font-size: 28px;
          font-family: "icons";
          z-index: 100; }
  .timeline .date {
    opacity: 1;
    font-size: 32px;
    margin-bottom: 30px;
    -webkit-transition: all .5s ease-out;
            transition: all .5s ease-out; }
  .timeline img {
    max-width: 380px;
    z-index: 100;
    position: relative; }
  .timeline .text-wrapper {
    vertical-align: top;
    opacity: 1;
    margin-top: 20px;
    max-width: 270px; }
    @media screen and (min-width: 1200px) and (max-width: 1250px) {
      .timeline .text-wrapper {
        width: 380px; } }
  .timeline .title {
    font-size: 24px;
    margin: -7px 0 12px 0;
    line-height: 26px; }

/*
 * @Section Nodes
 */
.front #content-wrapper {
  padding: 0;
  margin: 0; }
  .front #content-wrapper .full {
    margin: 0 20px 35px 20px; }

.front .tabbed-content {
  height: auto;
  margin: 30px 0 0 0; }

.company.full .body {
  margin-top: 14px; }

.company.full .image img {
  width: 100%; }

.product.full li,
.config-product.full li,
.config-bundle.full li,
.webform.full > ul li,
.reference.full li,
.offer.full li {
  list-style-type: none !important; }
  .product.full li:before,
  .config-product.full li:before,
  .config-bundle.full li:before,
  .webform.full > ul li:before,
  .reference.full li:before,
  .offer.full li:before {
    content: "• ";
    color: #147dd6;
    font-size: 24px;
    line-height: 24px;
    margin-right: 5px; }
  .product.full li a,
  .config-product.full li a,
  .config-bundle.full li a,
  .webform.full > ul li a,
  .reference.full li a,
  .offer.full li a {
    font-family: Titillium Web;
    font-weight: 600;
    line-height: 27px;
    font-size: 17px; }

.product.full,
.config-product.full,
.config-bundle.full {
  position: relative; }
  .product.full .body,
  .config-product.full .body,
  .config-bundle.full .body {
    margin-top: 25px; }
  .product.full .image,
  .config-product.full .image,
  .config-bundle.full .image {
    display: inline-block;
    cursor: pointer; }
  .product.full .big,
  .config-product.full .big,
  .config-bundle.full .big {
    width: 45%;
    vertical-align: top;
    text-align: center;
    padding-top: 40px;
    width: 100%;
    padding-top: 0; }
    .product.full .big img,
    .config-product.full .big img,
    .config-bundle.full .big img {
      max-width: 100%; }
  .product.full ul,
  .config-product.full ul,
  .config-bundle.full ul {
    padding-top: 5px; }
  .product.full .description,
  .config-product.full .description,
  .config-bundle.full .description {
    width: 55%;
    padding-left: 35px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding-left: 0; }
  .product.full .product.small,
  .config-product.full .product.small,
  .config-bundle.full .product.small {
    position: relative; }
    .product.full .product.small:hover img,
    .config-product.full .product.small:hover img,
    .config-bundle.full .product.small:hover img {
      opacity: 0.6; }
    .product.full .product.small:hover .magnification:before,
    .config-product.full .product.small:hover .magnification:before,
    .config-bundle.full .product.small:hover .magnification:before {
      font-family: 'icons';
      content: '🔎';
      color: #147dd6;
      font-size: 30px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 100; }

.overview.full > .teaser-wrapper {
  margin-top: 42px;
  font-size: 0; }

.academy.full .fact {
  text-align: center;
  width: 60%;
  margin: 0 auto;
  padding: 5px  0 20px 0; }
  .academy.full .fact:not(:last-child) {
    border-bottom: 1px solid #e5e5e5; }

.academy.full .facts-title {
  font-size: 44px; }

.academy.full .item-text {
  color: #147dd6;
  font-weight: 600; }

.academy.full .button {
  margin-top: 25px; }

.academy.sidebar .tabbed-content .tab-head {
  text-align: center; }
  .academy.sidebar .tabbed-content .tab-head > li a {
    display: inline-block;
    float: none; }

.content-bottom.info, .content-bottom.product {
  text-align: center; }
  .content-bottom.info h2, .content-bottom.product h2 {
    margin: 30px 0 0; }
  .content-bottom.info .product img, .content-bottom.product .product img {
    padding-top: 25px; }
  .content-bottom.info .product-name, .content-bottom.product .product-name {
    margin-top: 25px; }
    .content-bottom.info .product-name p, .content-bottom.product .product-name p {
      margin: 0 0 15px 0;
      color: #1a1919;
      font-size: 14px;
      font-weight: 600; }
    .content-bottom.info .product-name .strong, .content-bottom.info .product-name .strong > p, .content-bottom.product .product-name .strong, .content-bottom.product .product-name .strong > p {
      color: #147dd6;
      font-size: 20px;
      margin-bottom: 5px; }
      .content-bottom.info .product-name .strong + p, .content-bottom.info .product-name .strong > p + p, .content-bottom.product .product-name .strong + p, .content-bottom.product .product-name .strong > p + p {
        line-height: 18px; }
  .content-bottom.info .product-slider, .content-bottom.product .product-slider {
    margin: 30px 100px 40px 100px;
    margin: 30px 20px 40px 20px; }
    .content-bottom.info .product-slider .slick-list, .content-bottom.product .product-slider .slick-list {
      margin: 0 92px;
      overflow: hidden;
      margin: 0 45px; }

.content-bottom .product-slider button,
.content-bottom .config-bottom-wrapper button {
  top: 34%;
  background-color: rgba(255, 255, 255, 0.45);
  border: 1px solid #dcecf9; }
  .content-bottom .product-slider button.slick-prev:before, .content-bottom .product-slider button.slick-next:before,
  .content-bottom .config-bottom-wrapper button.slick-prev:before,
  .content-bottom .config-bottom-wrapper button.slick-next:before {
    color: #147dd6; }
  .content-bottom .product-slider button.slick-prev,
  .content-bottom .config-bottom-wrapper button.slick-prev {
    left: 0; }
  .content-bottom .product-slider button.slick-next,
  .content-bottom .config-bottom-wrapper button.slick-next {
    right: 0; }

.content-bottom .product.sub-content,
.content-bottom .config-product.sub-content,
.content-bottom .config-bundle.sub-content {
  display: inline-block;
  border: 1px solid transparent;
  margin: 0 5px;
  box-sizing: border-box;
  position: relative; }

.content-bottom .product.sub-content:after {
  content: '';
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #147dd6; }

.content-bottom .product.sub-content:after {
  display: none; }

.content-bottom .product.sub-content:hover {
  border: 1px solid #e5e5e5; }
  .content-bottom .product.sub-content:hover:after {
    display: block; }

.info.content-bottom {
  text-align: left;
  margin: 0; }
  .info.content-bottom .product-combinations {
    margin: 0 20px; }
  .info.content-bottom .product-slider {
    margin: 30px 0 40px 0;
    text-align: center; }
  .info.content-bottom h2 {
    margin: -8px 0 12px 0; }
  .info.content-bottom .product.sub-content {
    position: relative; }
  .info.content-bottom .slick-active + .slick-active:before {
    font-family: 'icons';
    content: '🜨';
    font-size: 18px;
    color: #147dd6;
    position: absolute;
    left: -16%;
    top: 50%;
    display: none; }
  .info.content-bottom .slider.reference button.slick-prev,
  .info.content-bottom .slider.offer button.slick-prev {
    left: 100px; }
  .info.content-bottom .slider.reference button.slick-next,
  .info.content-bottom .slider.offer button.slick-next {
    right: 100px; }

.product-list {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .product-list .video {
    overflow: visible;
    display: inline-block; }
  .product-list .product {
    display: inline-block;
    width: 21.772151899%;
    margin-top: 10px;
    margin-right: 4.303797468%; }
    .product-list .product:last-child {
      margin-right: 0; }
    .product-list .product img {
      width: 100%; }
  .product-list ul {
    margin-bottom: 20px; }
    .product-list ul a {
      font-weight: 600;
      padding: 5px 0;
      vertical-align: middle; }
      .product-list ul a:before {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #147dd6;
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px; }

.reference.full h4,
.offer.full h4 {
  text-align: left;
  color: #4d4d4d; }

.reference.full h2,
.offer.full h2 {
  color: #147dd6;
  text-align: center;
  margin-top: 45px; }

.reference.full .teaser-full .teaser-image,
.offer.full .teaser-full .teaser-image {
  float: none; }

.reference.full .teaser-text,
.offer.full .teaser-text {
  vertical-align: top; }

.reference.full .strong,
.offer.full .strong {
  padding: 0; }

.reference.full .flag,
.offer.full .flag {
  vertical-align: middle; }

.reference.full .person,
.offer.full .person {
  vertical-align: middle;
  padding: 0 0 13px; }

.reference.full .quote.bottom,
.offer.full .quote.bottom {
  margin: 0 40px; }

.offer.full .flag {
  display: none; }

.offer.full .quote h4:before, .offer.full .quote h4:after {
  display: none; }

.views.full h4, .views.full h4 > a {
  text-align: left;
  font-size: 19px;
  line-height: 20px;
  margin-bottom: 10px; }

.views.full img {
  width: inherit; }

.views.full .teaser.news, .views.full .teaser.reference, .views.full .teaser.offer, .views.full .teaser.con_date, .views.full .teaser.tutorial {
  margin: 0 2.9128570273% 36px 0;
  box-sizing: border-box;
  padding: 35px 40px 40px 40px;
  vertical-align: top;
  width: 100%;
  height: auto;
  display: block; }
  .views.full .teaser.news .right-content, .views.full .teaser.reference .right-content, .views.full .teaser.offer .right-content, .views.full .teaser.con_date .right-content, .views.full .teaser.tutorial .right-content {
    text-align: center; }
    .views.full .teaser.news .right-content > img, .views.full .teaser.reference .right-content > img, .views.full .teaser.offer .right-content > img, .views.full .teaser.con_date .right-content > img, .views.full .teaser.tutorial .right-content > img {
      display: inline-block; }

.views.full .teaser.con_date .right-content:before {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.views.full .teaser.con_date .right-content img {
  width: auto;
  vertical-align: middle; }

.views.full .teaser.cols-2 .news-content,
.views.full .teaser.cols-2 .reference-content,
.views.full .teaser.cols-2 .offer-content,
.views.full .teaser.cols-2 .con-date-content {
  vertical-align: top;
  width: 100%;
  display: block; }

.views.full .teaser.cols-2 .right-content {
  margin-top: 30px; }

.views.full .teaser.cols-2 p + p {
  display: none; }

.views.full .teaser.trim-body .body {
  max-height: 88px;
  overflow: hidden;
  margin-bottom: 30px; }

.views.full .teaser.has-full {
  position: relative; }
  .views.full .teaser.has-full:hover:after {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #147dd6; }
  .views.full .teaser.has-full:hover h4 {
    color: #147dd6; }

.views.full .teaser.course {
  width: 100%;
  border: none; }
  .views.full .teaser.course .line.above {
    padding: 12px 0 4px 0; }
  .views.full .teaser.course .line.under {
    border-bottom: 1px solid #e5e5e5; }
  .views.full .teaser.course h4, .views.full .teaser.course h4 > a {
    margin-bottom: 10px; }
  .views.full .teaser.course .strong {
    display: inline-block; }
    .views.full .teaser.course .strong.blue {
      float: right;
      font-weight: 400; }
  .views.full .teaser.course .button {
    margin: 10px 0 20px; }

.views.full .teaser.tutorial {
  width: 100%;
  height: auto;
  display: block; }
  .views.full .teaser.tutorial:hover {
    cursor: pointer; }
    .views.full .teaser.tutorial:hover h3 {
      color: #147dd6; }
  .views.full .teaser.tutorial .right-content {
    text-align: center; }
    .views.full .teaser.tutorial .right-content > img {
      display: inline-block; }

.view-content {
  overflow: hidden; }
  .view-content .hover-teaser {
    display: block;
    float: left; }

@media screen and (max-width: 660px) {
  .page-user-orders .view-commerce-user-orders .view-content {
    overflow-x: scroll; }
    .page-user-orders .view-commerce-user-orders .view-content table {
      width: 650px; }
      .page-user-orders .view-commerce-user-orders .view-content table tr {
        height: auto; }
        .page-user-orders .view-commerce-user-orders .view-content table tr td {
          display: table-cell; } }

.view-display-id-webinare,
.view-display-id-training {
  margin-top: 25px; }

.view-filters {
  margin: 0 0 20px 0; }
  .view-filters.without-ajax-progressor .ajax-progress-throbber {
    display: none; }

.filters-title {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  color: #1a1919;
  margin-right: 20px; }

.filters-content {
  display: inline-block; }
  .filters-content .button {
    margin-left: 20px;
    margin: 10px 20px 0 0; }

.category.full .page-title + h2 {
  color: #4d4d4d; }

.category.full .menu-childrens {
  font-size: 0;
  margin-bottom: 100px; }
  .category.full .menu-childrens .hover-teaser.product, .category.full .menu-childrens .hover-teaser.category {
    box-sizing: border-box;
    padding: 0; }
    .category.full .menu-childrens .hover-teaser.product .hover-teaser-content, .category.full .menu-childrens .hover-teaser.category .hover-teaser-content {
      text-align: center; }
    .category.full .menu-childrens .hover-teaser.product .teaser-col, .category.full .menu-childrens .hover-teaser.category .teaser-col {
      display: inline-block;
      vertical-align: middle; }
      .category.full .menu-childrens .hover-teaser.product .teaser-col.device, .category.full .menu-childrens .hover-teaser.category .teaser-col.device {
        width: 100%; }
        .category.full .menu-childrens .hover-teaser.product .teaser-col.device img, .category.full .menu-childrens .hover-teaser.category .teaser-col.device img {
          width: auto; }
      .category.full .menu-childrens .hover-teaser.product .teaser-col.indicators, .category.full .menu-childrens .hover-teaser.category .teaser-col.indicators {
        width: 100%;
        margin-top: 20px; }
        .category.full .menu-childrens .hover-teaser.product .teaser-col.indicators img, .category.full .menu-childrens .hover-teaser.category .teaser-col.indicators img {
          width: auto; }
      .category.full .menu-childrens .hover-teaser.product .teaser-col .indicator, .category.full .menu-childrens .hover-teaser.category .teaser-col .indicator {
        display: inline-block;
        padding: 20px; }
    .category.full .menu-childrens .hover-teaser.product .top, .category.full .menu-childrens .hover-teaser.category .top {
      padding: 15px; }

.category.full .c-item {
  margin-bottom: 100px; }
  .category.full .c-item h2 {
    margin-bottom: 30px; }
  .category.full .c-item h3 {
    color: #4d4d4d; }
  .category.full .c-item.c-item--full {
    margin: 0 -20px; }

.category.full .blue-box {
  background-color: #dcecf9;
  padding: 50px 20px; }
  .category.full .blue-box h2 {
    margin: 0 0 10px; }

.category.full .blue-container__icon {
  margin-bottom: 20px;
  text-align: center; }

.category.full .blue-container__body p:last-child {
  margin-bottom: 0; }

.category.full .full-teaser {
  margin-left: -20px;
  margin-right: -20px; }
  .category.full .full-teaser .full-teaser-item {
    padding-left: 20px;
    padding-right: 20px; }
    .category.full .full-teaser .full-teaser-item .body {
      margin-bottom: 40px; }
  .category.full .full-teaser .entity {
    margin-bottom: 30px; }
  .category.full .full-teaser img {
    width: 100%; }
  .category.full .full-teaser ul {
    margin: 1em 1.25em; }

.category.full .field-collection-view {
  margin: 0;
  padding: 0;
  border: none; }

.webform.full form.webform-client-form {
  font-size: 0; }

.webform.full .special input {
  border: 3px solid #e5e5e5; }

.webform.full textarea {
  border: 1px solid #e5e5e5; }

.webform.full input.form-text,
.webform.full input.form-file,
.webform.full textarea {
  width: 100%; }

.webform.full .col-1,
.webform.full .col-2,
.webform.full .col-3,
.webform.full .col-4 {
  margin-right: 4%; }
  .webform.full .col-1.last,
  .webform.full .col-2.last,
  .webform.full .col-3.last,
  .webform.full .col-4.last {
    margin-right: 0;
    vertical-align: bottom; }
  .webform.full .col-1.alone,
  .webform.full .col-2.alone,
  .webform.full .col-3.alone,
  .webform.full .col-4.alone {
    display: block; }

.webform.full .col-1 {
  width: 22%;
  width: 48%; }

.webform.full .col-2 {
  width: 100%; }

.webform.full .col-4 {
  width: 100%; }

.webform.full span.form-required {
  color: #147dd6; }

.webform.full .form-required {
  margin-top: 12px; }

.webform.full .form-item {
  padding: 15px 0 0 0; }
  .webform.full .form-item.form-type-checkbox {
    padding: 0 35px 0 0; }

.webform.full input.form-file {
  line-height: 100%;
  padding: 7px;
  width: 100%;
  margin-right: 0; }

.webform.full input.ajax-processed {
  vertical-align: top;
  color: #147dd6;
  border: 1px solid #147dd6;
  background-color: transparent;
  border-radius: 2px;
  width: 100%;
  margin-top: 5px; }

.webform.full .form-actions .webform-submit {
  margin-top: 20px; }

.form-navi {
  margin: 8px 0 15px; }
  .form-navi li {
    display: inline-block;
    text-align: center;
    width: 33.333333333%; }
    .form-navi li a {
      font-family: 'Titillium Web';
      color: #4d4d4d;
      font-weight: 600;
      display: block;
      border-bottom: 5px solid #e5e5e5;
      margin-right: 6px;
      background-color: #e5e5e5;
      -webkit-transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
              transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
      font-size: 16px;
      line-height: 20px;
      padding: 15px 5px; }
      .form-navi li a.active, .form-navi li a:hover {
        color: #147dd6;
        border-bottom: 5px solid #147dd6;
        background-color: transparent; }

select.has-selected + .select2-container .select2-selection--multiple:before {
  border: none;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.select2-container {
  width: 100% !important;
  font-size: 15px; }
  .select2-container .selection .select2-selection--multiple {
    height: auto !important;
    min-height: 40px;
    font-size: 0 !important; }
    .select2-container .selection .select2-selection--multiple ul.select2-selection__rendered {
      max-width: 95%; }
      .select2-container .selection .select2-selection--multiple ul.select2-selection__rendered li.select2-search.select2-search--inline {
        height: 0; }
      .select2-container .selection .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice {
        background-color: #fff;
        border: none;
        margin: 0;
        line-height: 38px;
        padding: 0 15px 0 0; }
      .select2-container .selection .select2-selection--multiple ul.select2-selection__rendered span.select2-selection__choice__remove {
        margin-right: 5px;
        color: #4d4d4d; }
        .select2-container .selection .select2-selection--multiple ul.select2-selection__rendered span.select2-selection__choice__remove:hover {
          color: #147dd6; }
    .select2-container .selection .select2-selection--multiple:before {
      content: '⇾';
      font-family: 'icons';
      font-size: 7px;
      position: absolute;
      line-height: 39px;
      width: 30px;
      text-align: center;
      color: #4d4d4d;
      right: 0;
      border-left: 1px solid #e5e5e5;
      cursor: pointer; }
    .select2-container .selection .select2-selection--multiple:hover li.select2-selection__choice {
      color: #4d4d4d; }
    .select2-container .selection .select2-selection--multiple:hover:before {
      color: #147dd6; }
  .select2-container .selection .select2-selection {
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e5e5e5; }
    .select2-container .selection .select2-selection .select2-selection__arrow {
      height: 40px;
      top: 0;
      border-left: 1px solid #e5e5e5;
      width: 30px; }
      .select2-container .selection .select2-selection .select2-selection__arrow:before {
        content: '⇾';
        font-family: 'icons';
        font-size: 7px;
        position: absolute;
        line-height: 40px;
        width: 30px;
        text-align: center;
        color: #4d4d4d; }
      .select2-container .selection .select2-selection .select2-selection__arrow b {
        display: none; }
    .select2-container .selection .select2-selection:hover .select2-selection__rendered {
      color: #147dd6; }
    .select2-container .selection .select2-selection:hover .select2-selection__arrow:before {
      color: #147dd6; }
    .select2-container .selection .select2-selection .select2-selection__rendered {
      line-height: 40px;
      padding: 0 15px;
      font-family: 'Source Sans Pro';
      font-weight: 600;
      font-size: 15px;
      color: #4d4d4d; }
  .select2-container .select2-dropdown {
    border: 1px solid #e5e5e5 !important;
    margin-top: 8px;
    border-radius: 2px; }
    .select2-container .select2-dropdown li[aria-selected="true"] {
      color: #147dd6 !important; }
      .select2-container .select2-dropdown li[aria-selected="true"]:after {
        color: #147dd6 !important; }
    .select2-container .select2-dropdown .select2-results__options .select2-results__option {
      font-size: 14px;
      color: #4d4d4d;
      letter-spacing: 0.75px;
      background-color: #fff;
      line-height: 40px;
      padding: 0 15px;
      box-sizing: border-box;
      font-weight: 600;
      position: relative; }
      .select2-container .select2-dropdown .select2-results__options .select2-results__option:not(:last-child) {
        border-bottom: 1px solid #e5e5e5; }
      .select2-container .select2-dropdown .select2-results__options .select2-results__option:after {
        content: '';
        width: 6px;
        max-height: 6px;
        border-radius: 100%;
        background-color: #e5e5e5;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto; }
    .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted[aria-selected] {
      background-color: #fff;
      color: #147dd6; }
      .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted[aria-selected]:after {
        background-color: #147dd6; }
  .select2-container .select2-selection--single .select2-selection__clear {
    padding-right: 31px; }

.faq.sub-content .accordion,
.downloads.sub-content .accordion {
  border-bottom: 1px solid #e5e5e5; }
  .faq.sub-content .accordion .ui-accordion-header,
  .downloads.sub-content .accordion .ui-accordion-header {
    outline: none;
    font-size: 21px; }
  .faq.sub-content .accordion h4,
  .downloads.sub-content .accordion h4 {
    font-size: 22px; }
  .faq.sub-content .accordion h4,
  .faq.sub-content .accordion h2,
  .downloads.sub-content .accordion h4,
  .downloads.sub-content .accordion h2 {
    text-align: left;
    position: relative;
    margin: 0; }
    .faq.sub-content .accordion h4:after,
    .faq.sub-content .accordion h2:after,
    .downloads.sub-content .accordion h4:after,
    .downloads.sub-content .accordion h2:after {
      font-family: 'icons';
      content: '↓';
      color: #147dd6;
      font-size: 4px;
      border: 1px solid #147dd6;
      line-height: 35px;
      border-radius: 2px;
      width: 33px;
      height: 33px;
      text-align: center;
      display: inline-block;
      vertical-align: middle; }
    .faq.sub-content .accordion h4:hover,
    .faq.sub-content .accordion h2:hover,
    .downloads.sub-content .accordion h4:hover,
    .downloads.sub-content .accordion h2:hover {
      color: #147dd6; }
    .faq.sub-content .accordion h4.ui-state-active,
    .faq.sub-content .accordion h2.ui-state-active,
    .downloads.sub-content .accordion h4.ui-state-active,
    .downloads.sub-content .accordion h2.ui-state-active {
      color: #147dd6; }
      .faq.sub-content .accordion h4.ui-state-active:after,
      .faq.sub-content .accordion h2.ui-state-active:after,
      .downloads.sub-content .accordion h4.ui-state-active:after,
      .downloads.sub-content .accordion h2.ui-state-active:after {
        content: '↑'; }

.faq.sub-content:first-child,
.downloads.sub-content:first-child {
  border-top: 4px solid #147dd6; }

.faq.sub-content:last-child,
.downloads.sub-content:last-child {
  border-bottom: 4px solid #147dd6; }

.webform-client-form .form-item.webform-component-markup {
  display: block; }
  .webform-client-form .form-item.webform-component-markup > p {
    margin: 0; }

.webform-client-form div > fieldset {
  border: none;
  margin-top: 15px;
  padding: 0;
  font-family: 'Source Sans Pro', Sans-Serif;
  color: #1a1919;
  font-weight: 600; }
  .webform-client-form div > fieldset legend {
    font-size: 15px; }

.webform-client-form .webform-component-checkboxes .form-item.form-type-checkbox {
  padding-bottom: 5px; }

.webform-client-form .webform-component-radios label.option {
  vertical-align: middle; }

.webform-client-form .form-actions {
  display: block; }

.webform-client-form .form-item.webform-component--visa, .webform-client-form .form-item.webform-component--temp-visa, .webform-client-form .form-item.webform-component--surname-visa, .webform-client-form .form-item.webform-component--name-visa, .webform-client-form .form-item.webform-component--date-of-birth, .webform-client-form .form-item.webform-component--nationality, .webform-client-form .form-item.webform-component--passport-no, .webform-client-form .form-item.webform-component--send-copy, .webform-client-form .form-item.webform-component--issued-on, .webform-client-form .form-item.webform-component--valid-until, .webform-client-form .form-item.webform-component--empl-since {
  display: none; }

.downloads.sub-content .field-collection-item:first-child {
  padding-top: 20px; }

.downloads.sub-content h2 {
  color: #1a1919;
  cursor: pointer; }

.downloads.sub-content h3 {
  color: #147dd6;
  margin: 0; }

.downloads.sub-content .links {
  margin-top: 0; }
  .downloads.sub-content .links a {
    cursor: pointer;
    position: relative; }
    .downloads.sub-content .links a:after {
      content: '↧';
      position: absolute;
      right: 10px;
      top: 0;
      font-size: 20px; }
    .downloads.sub-content .links a p {
      margin: 0;
      padding-right: 40px; }

.faq.sub-content h4 {
  font-size: 20px;
  padding: 20px 0 21px 0;
  cursor: pointer; }

span.text {
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: middle; }
  span.text .accordion-body {
    width: 85%; }
    span.text .accordion-body p:first-child {
      margin-top: 0; }
    span.text .accordion-body p:last-child {
      margin-bottom: 35px; }

.reference.sub-content,
.offer.sub-content {
  display: inline-block;
  background-color: #dcecf9;
  vertical-align: top;
  padding: 40px 30px 80px 30px; }
  .reference.sub-content .side,
  .offer.sub-content .side {
    box-sizing: border-box; }
  .reference.sub-content .person,
  .offer.sub-content .person {
    padding: 0 25px;
    position: relative; }
    .reference.sub-content .person .image,
    .offer.sub-content .person .image {
      border-radius: 100%;
      height: auto;
      overflow: hidden;
      vertical-align: middle;
      display: inline-block;
      width: 47%; }
    .reference.sub-content .person .praxis,
    .offer.sub-content .person .praxis {
      vertical-align: middle;
      display: inline-block;
      width: 53%;
      padding-left: 20px;
      box-sizing: border-box; }
    .reference.sub-content .person .name,
    .offer.sub-content .person .name {
      font-family: 'Titillium Web';
      color: #147dd6; }
    .reference.sub-content .person .city,
    .offer.sub-content .person .city {
      margin-top: 10px;
      position: absolute;
      bottom: -60px;
      left: 0;
      right: 0;
      text-align: center; }
    .reference.sub-content .person .text,
    .offer.sub-content .person .text {
      display: inline-block;
      font-size: 14px;
      line-height: 16px;
      color: #1a1919;
      font-weight: 600;
      vertical-align: middle;
      margin: 0 15px; }
    .reference.sub-content .person .flag,
    .offer.sub-content .person .flag {
      margin: 5px 0; }
  .reference.sub-content .statement,
  .offer.sub-content .statement {
    text-align: center;
    padding: 70px 0 0 0; }
    .reference.sub-content .statement .quote-text,
    .offer.sub-content .statement .quote-text {
      color: #4d4d4d;
      margin: 0; }

.con-date.sub-content,
.course.sub-content,
.view-tool.tool {
  text-align: center;
  padding: 7.766% 0;
  margin: 0 auto;
  max-width: 70%; }
  .con-date.sub-content .flag,
  .course.sub-content .flag,
  .view-tool.tool .flag {
    margin: 0; }
    .con-date.sub-content .flag img,
    .course.sub-content .flag img,
    .view-tool.tool .flag img {
      border: 1px solid #e5e5e5; }
  .con-date.sub-content:not(:first-child),
  .course.sub-content:not(:first-child),
  .view-tool.tool:not(:first-child) {
    border-top: 1px solid #e5e5e5; }
  .con-date.sub-content .title,
  .course.sub-content .title,
  .view-tool.tool .title {
    margin: 7px 0;
    display: block; }

.con-date.sub-content:last-child {
  border-bottom: 1px solid #e5e5e5; }

.view-footer {
  text-align: center;
  margin-bottom: 25px; }

.view-all-link {
  margin: 30px 0; }
  .view-all-link > a {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 600; }

.node.slide.sub-content {
  position: relative; }

.slider.reference,
.slider.offer {
  position: relative; }
  .slider.reference button,
  .slider.offer button {
    position: absolute;
    width: 35px;
    height: 35px;
    text-indent: -999em;
    overflow: hidden;
    z-index: 10;
    bottom: 0;
    margin: 10px 0 20px 0; }
    .slider.reference button.slick-prev,
    .slider.offer button.slick-prev {
      left: calc(50% - 38px); }
    .slider.reference button.slick-next,
    .slider.offer button.slick-next {
      right: calc(50% - 38px); }

.box-wrapper {
  border: 1px solid #e5e5e5;
  padding: 10px 60px 40px 40px;
  margin: 40px 0; }
  .box-wrapper h3 {
    color: #147dd6;
    margin-bottom: 11px; }
  .box-wrapper p {
    margin-bottom: 24px; }
  .box-wrapper.dark {
    background-color: #dcecf9;
    border: none;
    margin-top: 35px; }
    .box-wrapper.dark.corner:after {
      border-width: 22px 0 0 22px;
      border-color: #fff transparent transparent #ecf5fc; }

.bottom-wrapper {
  margin: 25px 20px; }

/*
 * @Section Footer
 */
#footer {
  background-color: #147dd6;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#footer-final {
  background-color: #4f9ee0;
  padding: 20px; }
  #footer-final p {
    margin: 0; }
  #footer-final #footer-bottom a:hover {
    color: #fff; }

#footer-left h2:not(:first-child),
#footer-middle h2:not(:first-child),
#footer-right h2:not(:first-child) {
  margin-top: 25px; }

#footer-left h2,
#footer-middle h2,
#footer-right h2 {
  font-family: 'Titillium Web', Sans-Serif;
  color: white;
  font-weight: 600;
  margin: 0 0 25px 0;
  text-align: left;
  -webkit-text-size-adjust: none;
  font-size: 18px;
  line-height: 25px; }

#footer-left,
#footer-middle {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  width: 50%;
  margin-top: 20px;
  width: 45%; }
  @media screen and (min-width: 1025px) and (max-width: 1280px) {
    #footer-left,
    #footer-middle {
      width: 50%; } }
  #footer-left h2,
  #footer-middle h2 {
    margin: 0 0 17px 0; }
  #footer-left h4,
  #footer-middle h4 {
    color: inherit;
    text-align: left;
    margin-bottom: 13px; }
  #footer-left .strong,
  #footer-middle .strong {
    color: inherit; }
  #footer-left p,
  #footer-middle p {
    color: inherit;
    margin: 10px 0 22px 0;
    font-weight: 400; }
  #footer-left > .menu p,
  #footer-middle > .menu p {
    color: #fff;
    font-size: 14px; }
  #footer-left > .menu li a,
  #footer-middle > .menu li a {
    font-family: 'Titillium Web', Sans-Serif;
    color: #fff; }
    #footer-left > .menu li a:hover,
    #footer-middle > .menu li a:hover {
      color: #4f9ee0;
      border-color: #4f9ee0; }

#footer-right {
  height: auto;
  width: 100%;
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #fff; }
  @media screen and (min-width: 1025px) and (max-width: 1280px) {
    #footer-right {
      margin-top: 25px;
      padding-top: 20px;
      border-top: 1px solid #fff;
      border-left: none;
      padding-left: 0;
      width: 100%; } }
  #footer-right > .menu li:not(:last-child) a {
    display: block;
    padding-right: 40px; }
  #footer-right p {
    color: #fff;
    font-size: 14px; }
  #footer-right li {
    display: inline-block; }
    #footer-right li a {
      font-family: 'Titillium Web', Sans-Serif;
      color: #fff; }
      #footer-right li a:hover {
        color: #4f9ee0;
        border-color: #4f9ee0; }
  #footer-right .footer-right__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  #footer-right .footer-right__wrapper--item {
    width: 100%;
    margin-top: 15px; }
    @media screen and (min-width: 1025px) and (max-width: 1280px) {
      #footer-right .footer-right__wrapper--item {
        width: 50%; } }
    #footer-right .footer-right__wrapper--item:first-of-type {
      margin-top: 0; }
    #footer-right .footer-right__wrapper--item .button {
      width: 95%;
      width: 100%; }
      @media screen and (min-width: 1025px) and (max-width: 1280px) {
        #footer-right .footer-right__wrapper--item .button {
          width: 75%; } }
  #footer-right .social-media {
    margin: 40px 0 25px; }
    #footer-right .social-media li {
      margin: 5px 0 0; }
      #footer-right .social-media li a {
        margin: 0; }
      #footer-right .social-media li:last-child {
        margin-right: 0; }
    #footer-right .social-media a {
      border: 1px solid #fff;
      border-radius: 2px;
      display: block;
      box-sizing: border-box;
      height: 40px;
      display: inline-block;
      padding: 0 4px; }
    #footer-right .social-media svg {
      height: 40px;
      width: 40px; }

#footer-bottom > .menu {
  display: inline-block; }
  #footer-bottom > .menu li:not(:last-child) a {
    display: block;
    padding-right: 40px; }

#footer-bottom p {
  color: #fff; }

#footer-bottom li {
  display: inline-block; }
  #footer-bottom li a {
    font-family: 'Titillium Web', Sans-Serif;
    color: #fff; }
    #footer-bottom li a:hover {
      color: #4f9ee0;
      border-color: #4f9ee0; }

#footer-bottom .footer-copyright {
  display: inline-block;
  font-size: 14px;
  width: 30%;
  width: 100%; }

#newsletter-form,
#melag-newsletter-footer-form {
  width: 73%; }
  #newsletter-form input,
  #melag-newsletter-footer-form input {
    width: 100%;
    background-color: transparent;
    color: #fff;
    box-sizing: border-box;
    border: 1px solid #fff; }
  #newsletter-form label,
  #melag-newsletter-footer-form label {
    color: #fff;
    position: absolute;
    top: 7px;
    left: 15px;
    font-size: 15px;
    font-family: 'Titillium Web';
    font-weight: 600; }
  #newsletter-form .form-item,
  #melag-newsletter-footer-form .form-item {
    width: 84%;
    position: relative; }
    #newsletter-form .form-item label,
    #melag-newsletter-footer-form .form-item label {
      display: none; }
    #newsletter-form .form-item input,
    #melag-newsletter-footer-form .form-item input {
      border-right: none;
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  #newsletter-form .form-actions,
  #melag-newsletter-footer-form .form-actions {
    width: 16%;
    vertical-align: top;
    float: right;
    margin-top: 0; }
    #newsletter-form .form-actions input,
    #melag-newsletter-footer-form .form-actions input {
      font-family: 'icons';
      font-size: 6px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background-image: none;
      padding-right: 15px;
      margin-left: 0; }
  #newsletter-form ::-webkit-input-placeholder,
  #melag-newsletter-footer-form ::-webkit-input-placeholder {
    color: #fff; }
  #newsletter-form ::-moz-placeholder,
  #melag-newsletter-footer-form ::-moz-placeholder {
    color: #fff; }
  #newsletter-form :-ms-input-placeholder,
  #melag-newsletter-footer-form :-ms-input-placeholder {
    color: #fff; }
  #newsletter-form input:-moz-placeholder,
  #melag-newsletter-footer-form input:-moz-placeholder {
    color: #fff; }

#melag-newsletter-footer-form {
  max-width: 220px; }

/*
 * @Section Admin Menu
 */
#admin-menu a {
  font-size: 11px;
  line-height: 15px; }

/*
 * @Section Odd-Gallery
 */
.gallery-slider {
  position: relative;
  overflow: hidden; }
  .gallery-slider img {
    white-space: normal;
    display: inline-block;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.gallery-slider-nav {
  position: relative;
  overflow: hidden;
  max-height: 100px; }
  .gallery-slider-nav img {
    margin: 10px;
    border: 3px solid transparent; }
    .gallery-slider-nav img:hover {
      cursor: pointer; }
    .gallery-slider-nav img.slick-current {
      border: 3px solid #4f9ee0; }
  .gallery-slider-nav.slider .slick-next {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
    z-index: 20; }
  .gallery-slider-nav.slider .slick-prev {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
    z-index: 20; }

/*
 * @Section Overlay
 */
.overlay.reference,
.overlay.offer,
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 5000;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 1s;
          transition: opacity 1s; }
  .overlay.reference.hidden,
  .overlay.offer.hidden,
  #overlay.hidden {
    opacity: 0; }
  .overlay.reference .pager-arrow,
  .overlay.offer .pager-arrow,
  #overlay .pager-arrow {
    z-index: 6000;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 10px; }
  .overlay.reference .button,
  .overlay.offer .button,
  #overlay .button {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #000;
    padding: 0;
    cursor: pointer; }
    .overlay.reference .button:before,
    .overlay.offer .button:before,
    #overlay .button:before {
      display: inline-block;
      width: 100%;
      text-align: center;
      line-height: 35px;
      font-family: 'icons';
      font-size: 12px;
      color: #fff;
      font-weight: 400; }
    .overlay.reference .button.before:before,
    .overlay.offer .button.before:before,
    #overlay .button.before:before {
      content: '←'; }
    .overlay.reference .button.after,
    .overlay.offer .button.after,
    #overlay .button.after {
      right: 10px;
      left: initial; }
      .overlay.reference .button.after:before,
      .overlay.offer .button.after:before,
      #overlay .button.after:before {
        content: '→'; }
    .overlay.reference .button:hover,
    .overlay.offer .button:hover,
    #overlay .button:hover {
      background-color: rgba(0, 0, 0, 0.4);
      border: 1px solid #000;
      padding: 0; }
  .overlay.reference .overlay-content,
  .overlay.offer .overlay-content,
  #overlay .overlay-content {
    padding: 100px;
    height: 100%;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: opacity .5s;
            transition: opacity .5s; }
    .overlay.reference .overlay-content.hidden,
    .overlay.offer .overlay-content.hidden,
    #overlay .overlay-content.hidden {
      opacity: 0; }
  .overlay.reference .product,
  .overlay.offer .product,
  #overlay .product {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .overlay.reference .product img,
    .overlay.offer .product img,
    #overlay .product img {
      width: 95%; }
  .overlay.reference .caption,
  .overlay.offer .caption,
  #overlay .caption {
    padding: 10px 20px;
    font-weight: 600;
    background: #fff; }

.overlay-close {
  z-index: 6000;
  position: absolute;
  top: 10px;
  -webkit-transition: color .5s;
          transition: color .5s;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  left: 10px; }
  .overlay-close:before {
    font-family: 'icons';
    content: 'x';
    font-size: 30px; }
  .overlay-close:hover {
    color: #147dd6; }

/*
 * @Languages, Login, Contact, Search
 */
.languages {
  position: relative; }
  .languages li:hover a {
    color: #fff; }
    .languages li:hover a:before {
      border: 2px solid #fff; }
  .languages li a {
    display: inline-block;
    line-height: 25px; }
    .languages li a:before {
      content: '';
      display: inline-block;
      background-size: cover;
      background-repeat: no-repeat;
      box-sizing: border-box;
      margin-right: 17px;
      border: 2px solid transparent;
      width: 50px;
      height: 35px;
      vertical-align: middle; }
    .languages li a.de:before {
      background-image: url(../res/img/svg/flags/de.svg); }
    .languages li a.en:before {
      background-image: url(../res/img/svg/flags/gb.svg); }
    .languages li a.es:before {
      background-image: url(../res/img/svg/flags/es.svg); }
    .languages li a.pl:before {
      background-image: url(../res/img/svg/flags/pl.svg); }
    .languages li a.ru:before {
      background-image: url(../res/img/svg/flags/ru.svg); }
    .languages li a.fr:before {
      background-image: url(../res/img/svg/flags/fr.svg); }
    .languages li a.it:before {
      background-image: url(../res/img/svg/flags/it.svg); }
    .languages li a.ja:before {
      background-image: url(../res/img/svg/flags/ja.svg); }
    .languages li a.id:before {
      background-image: url(../res/img/svg/flags/id.svg); }
    .languages li a.zh-hans:before {
      background-image: url(../res/img/svg/flags/zh-hans.svg); }
    .languages li a.locale-untranslated {
      opacity: 0.6; }
    .languages li a.active {
      color: #fff;
      cursor: default; }
      .languages li a.active:before {
        border-color: #fff; }

.login .password {
  display: inline-block;
  vertical-align: top; }
  .login .password a {
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
    display: block;
    line-height: 15px;
    letter-spacing: 0.4px; }

.login .form-item {
  width: 180px;
  margin: 5px 10px 0 0; }
  .login .form-item:first-child {
    margin-top: 0; }
  .login .form-item label {
    display: none; }
  .login .form-item input {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500; }
    .login .form-item input.form-text.required {
      background-color: #dcecf9;
      border-radius: 2px;
      width: 180px;
      box-sizing: border-box;
      color: #147dd6; }
  .login .form-item ::-webkit-input-placeholder {
    color: #147dd6; }
  .login .form-item ::-moz-placeholder {
    color: #147dd6; }
  .login .form-item :-ms-input-placeholder {
    color: #147dd6; }
  .login .form-item input:-moz-placeholder {
    color: #147dd6; }

.login .form-actions {
  width: 135px;
  position: relative;
  line-height: 38px;
  vertical-align: bottom;
  margin-top: 0;
  margin-top: 10px; }
  .login .form-actions:hover .form-submit {
    border: 1px solid #fff; }
  .login .form-actions input.form-submit {
    width: 75%;
    color: #fff;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #fff;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-weight: 600;
    background-image: none;
    padding-right: 15px;
    margin-left: 0; }
  .login .form-actions:after {
    font-family: 'icons';
    content: '→';
    color: #fff;
    font-size: 6px;
    border: 1px solid #fff;
    border-left: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: transparent;
    padding: 0 15px; }

.login-stripe {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  padding: 0 15px;
  background: #dcecf9;
  line-height: 25px;
  background: #dcecf9;
  right: 0;
  top: 0;
  z-index: 100; }
  .login-stripe .login-describe {
    font-weight: 600; }

.contacts h3 {
  vertical-align: middle; }

.contacts .address,
.contacts .contact {
  display: inline-block;
  margin-bottom: 10px; }

.contacts .contact {
  vertical-align: top; }

.contacts .text-small {
  color: #fff;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.4px; }

.contacts .left .button {
  margin-left: 10px; }

.contacts .right .button {
  margin-left: 10px; }

.search .form-item {
  display: inline-block; }

.search .form-actions:after {
  content: '';
  border: none;
  padding: 0; }

.search input {
  width: 100%;
  background-color: transparent;
  font-weight: 600;
  border: none;
  color: #fff;
  font-size: 18px; }
  .search input.form-text {
    color: #fff; }
  .search input.form-submit {
    display: none; }

.search ::-webkit-input-placeholder {
  color: #dcecf9;
  opacity: 0.6; }

.search ::-moz-placeholder {
  color: #dcecf9;
  opacity: 0.6; }

.search :-ms-input-placeholder {
  color: #dcecf9;
  opacity: 0.6; }

.search input:-moz-placeholder {
  color: #dcecf9;
  opacity: 0.6; }

.search-results .search-info {
  display: none; }

#page-top {
  background-color: #4f9ee0;
  padding: 0 100px;
  display: none; }
  #page-top .block {
    width: 100%;
    overflow: hidden;
    height: 0;
    padding: 0;
    line-height: 40px;
    -webkit-transition: height .5s ease-in-out, padding .5s ease-in-out;
            transition: height .5s ease-in-out, padding .5s ease-in-out;
    vertical-align: middle; }
    #page-top .block.open {
      padding: 40px 0;
      height: 40px; }
      #page-top .block.open.languages {
        padding: 20px 0;
        height: 80px; }
    #page-top .block.contacts {
      line-height: 60px; }
      #page-top .block.contacts.open {
        height: 60px;
        padding: 30px 0; }
  #page-top h3 {
    color: #fff;
    margin: 0;
    display: inline-block; }
  #page-top form {
    display: inline-block; }
  #page-top .button {
    border: 1px solid #fff;
    color: #fff; }
    #page-top .button:after {
      border-left: 1px solid #fff; }
  #page-top .button > a {
    color: #fff;
    font-size: 14px;
    line-height: 38px; }

#footer .button {
  border: 1px solid #fff;
  color: #fff;
  width: 255px; }
  #footer .button:after {
    border-left: 1px solid #fff; }

.vr {
  display: inline-block;
  height: 39px;
  width: 1px;
  background-color: white; }

/*
 * @Section Mobile menu
 */
@media screen and (max-width: 1199px) {
  .login-stripe {
    top: 0; }
  #header-mobile {
    display: block;
    top: 0;
    left: 0;
    width: 100%; }
    #header-mobile .login,
    #header-mobile .contacts {
      padding: 0 20px; }
    #header-mobile .block h3 {
      color: #fff;
      padding-bottom: 10px; }
    #header-mobile .block .button {
      border: 1px solid #fff;
      color: #fff; }
      #header-mobile .block .button:after {
        border-left: 1px solid #fff; }
    #header-mobile .block .left {
      border-bottom: 1px solid #fff;
      padding-bottom: 35px; }
    #header-mobile .block .right {
      padding-top: 35px; }
    #header-mobile .block a.button {
      line-height: 40px;
      font-size: 14px;
      margin: 0;
      min-width: 260px;
      display: inline-block;
      box-sizing: border-box; }
    #header-mobile .block .vr {
      display: block;
      width: 100%;
      margin: 2em 0;
      height: 1px; }
    #header-mobile .teaser {
      display: none; }
    #header-mobile .mobile-toggle {
      position: absolute;
      z-index: 11000;
      padding: 5px;
      right: 15px;
      height: 25px;
      width: 35px;
      top: 22px;
      right: 20px; } }
    @media screen and (max-width: 1199px) and (min-width: 1025px) and (max-width: 1199px) {
      #header-mobile .mobile-toggle {
        top: 40px; } }

@media screen and (max-width: 1199px) {
      .show-mobile-menu #header-mobile .mobile-toggle {
        position: fixed; }
      .show-mobile-menu.admin-menu #header-mobile .mobile-toggle {
        top: 53px; }
      #header-mobile .mobile-toggle::after, #header-mobile .mobile-toggle::before {
        margin: 10px 0;
        content: '';
        position: absolute;
        display: block;
        height: 5px;
        width: 35px;
        background: #147dd6;
        box-shadow: 0 -10px 0 #147dd6, 0 10px 0 #147dd6;
        -webkit-transition: box-shadow .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s, background .5s ease-in-out .5s;
                transition: box-shadow .5s ease-in-out .5s, transform .5s ease-in-out .5s, background .5s ease-in-out .5s; }
      #header-mobile .mobile-toggle.active::after, #header-mobile .mobile-toggle.active::before {
        box-shadow: none;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: box-shadow .5s, -webkit-transform .5s, background .5s;
                transition: box-shadow .5s, transform .5s, background .5s; }
      #header-mobile .mobile-toggle.active::before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    #header-mobile .menu {
      position: absolute;
      top: 0;
      left: 100%;
      background-color: #4f9ee0;
      width: 100%;
      -webkit-transition: left 1s;
              transition: left 1s;
      box-sizing: border-box;
      z-index: 10000;
      padding: 0; }
      #header-mobile .menu + .menu {
        padding-top: 80px; }
      #header-mobile .menu.show {
        left: 0; }
    #header-mobile .pseudo-menu a {
      font-size: 18px; }
    #header-mobile .mobile-content {
      overflow-x: hidden;
      position: fixed;
      width: 100%;
      bottom: 0;
      box-sizing: border-box;
      background-color: #4f9ee0;
      left: 100%;
      -webkit-transition: left 1s;
              transition: left 1s;
      z-index: 10000;
      top: 135px;
      top: 80px; }
      .admin-menu #header-mobile .mobile-content {
        top: 109px; }
      #header-mobile .mobile-content.show {
        left: 0;
        overflow-y: auto; }
      #header-mobile .mobile-content > .menu {
        position: static;
        height: auto; }
      #header-mobile .mobile-content .address {
        width: 49%;
        padding: 0; }
      #header-mobile .mobile-content .contact {
        width: 50%; }
    #header-mobile .icon {
      color: #dcecf9;
      font-size: 30px; }
      #header-mobile .icon.pseudo-close {
        border: none;
        cursor: pointer;
        line-height: 63px;
        padding-left: 20px; }
      #header-mobile .icon.pseudo-arrow {
        position: absolute;
        right: 0;
        padding: 0 25px;
        border-left: 1px solid #147dd6; }
    #header-mobile li {
      padding: 0 0 0 20px;
      border-bottom: 1px solid #147dd6; }
      #header-mobile li.first {
        border-top: 1px solid #147dd6; }
    #header-mobile a {
      color: #dcecf9;
      font-size: 24px;
      display: block;
      line-height: 62px;
      font-family: 'Titillium Web';
      position: relative; }
    #header-mobile .pseudo-link {
      color: #dcecf9;
      font-size: 18px;
      line-height: 62px;
      position: relative;
      display: block; }
      #header-mobile .pseudo-link .icon {
        font-size: 24px; }
  #header-right {
    display: none; } }

.con-date-content .date-display-range {
  color: #4d4d4d; }

.con-date-content .date-display-start,
.con-date-content .date-display-end,
.con-date-content .date-display-single {
  color: #4d4d4d;
  margin-bottom: 6px;
  display: inline-block; }

.cutted-off,
.readmore[aria-expanded="false"] {
  position: relative;
  height: 12em;
  overflow: hidden; }
  .cutted-off:after,
  .readmore[aria-expanded="false"]:after {
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }

.uncutt {
  color: #147dd6;
  font-weight: 600;
  cursor: pointer; }

/*
 * @Section Nodes Konfigurator
 */
.node.config-front.content-bottom h3 {
  margin-top: 0; }

.node.config-front.content-bottom svg {
  max-width: 100%; }

.node.config-front.content-bottom .teaser-image-content {
  height: auto;
  text-align: right;
  box-sizing: border-box;
  display: inline-block;
  padding-right: 40px;
  width: 50%; }
  @media (max-width: 390px) {
    .node.config-front.content-bottom .teaser-image-content {
      display: block;
      width: 100%; } }
  @media (min-width: 550px) and (max-width: 710px) {
    .node.config-front.content-bottom .teaser-image-content {
      width: 32%; } }

.node.config-front.content-bottom .hover-teaser-content {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  margin-top: 0; }
  @media (max-width: 390px) {
    .node.config-front.content-bottom .hover-teaser-content {
      display: block;
      width: 100%; } }
  @media (min-width: 550px) and (max-width: 710px) {
    .node.config-front.content-bottom .hover-teaser-content {
      width: 68%; }
      .node.config-front.content-bottom .hover-teaser-content .button.arrow {
        padding-right: 10px;
        min-width: 135px; }
        .node.config-front.content-bottom .hover-teaser-content .button.arrow:after {
          margin-left: 10px;
          padding-left: 10px; } }

.node.config-front.content-bottom .product-teaser-wrapper {
  margin: 0 20px; }

.node.config-front.content-bottom .hover-teaser {
  border: 1px solid #e5e5e5;
  width: 48.75%;
  box-sizing: border-box;
  display: inline-block;
  padding: 20px;
  width: 100%;
  margin-right: 0; }
  .node.config-front.content-bottom .hover-teaser:before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 1%;
    vertical-align: middle; }
  .node.config-front.content-bottom .hover-teaser > .teaser-image-content,
  .node.config-front.content-bottom .hover-teaser > .hover-teaser-content {
    margin: 0;
    vertical-align: middle;
    height: auto; }
  .node.config-front.content-bottom .hover-teaser > .teaser-image-content {
    width: 47%;
    width: 100%;
    text-align: center;
    padding-right: 0;
    margin: 0 auto; }
    .node.config-front.content-bottom .hover-teaser > .teaser-image-content svg {
      height: auto !important;
      width: 47%; }
  .node.config-front.content-bottom .hover-teaser > .hover-teaser-content {
    width: 100%;
    margin-top: 20px; }
  @media (max-width: 390px) {
    .node.config-front.content-bottom .hover-teaser {
      display: block; } }
  .node.config-front.content-bottom .hover-teaser:nth-child(2n) {
    margin-right: 0; }
  .node.config-front.content-bottom .hover-teaser:nth-child(3n) {
    margin-right: 2.5%; }

.node.config-front.content-bottom .config-wrapper {
  background-color: #f0fdff;
  padding: 0; }

.node.config-front.content-bottom .config-teaser {
  display: inline-block;
  background-color: #dcf6fc;
  box-sizing: border-box;
  text-align: center;
  width: 35%;
  position: relative;
  padding: 55px 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .node.config-front.content-bottom .config-teaser:first-child, .node.config-front.content-bottom .config-teaser:last-child {
    width: 32.5%;
    background-color: #f0fdff;
    width: 100%; }
  .node.config-front.content-bottom .config-teaser + .config-teaser:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(0%, -50%);
    left: 0;
    right: auto;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 18px;
    border-color: transparent transparent transparent #f0fdff;
    display: none; }
  .node.config-front.content-bottom .config-teaser:last-child:before {
    border-color: transparent transparent transparent #dcf6fc; }
  .node.config-front.content-bottom .config-teaser h4 {
    text-align: left;
    margin: 0;
    color: #4d4d4d; }

.add-button,
.price-number {
  display: inline-block;
  vertical-align: middle; }

.price-number {
  padding-right: 20px;
  font-size: 24px;
  font-weight: 600; }

.product-term {
  font-size: 16px;
  color: #147dd6;
  font-family: 'Source Sans Pro', Sans-Serif; }

.node.config-product.full h1, .node.config-product.full h1 > p,
.node.config-bundle.full h1,
.node.config-bundle.full h1 > p {
  margin-top: 0; }

.node.config-product.full input,
.node.config-bundle.full input {
  -webkit-appearance: none;
  font-size: 14px;
  color: #147dd6;
  border: 1px solid #147dd6;
  padding: 0px 15px;
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  line-height: 33px;
  font-family: 'Titillium Web';
  color: #fff;
  background-color: #147dd6;
  border: 1px solid #4f9ee0; }
  .node.config-product.full input:hover,
  .node.config-bundle.full input:hover {
    cursor: pointer; }

.node.config-product.full .description,
.node.config-bundle.full .description {
  margin-top: 15px; }

.node.config-product.full .wrapper,
.node.config-bundle.full .wrapper {
  padding: 30px 0; }

.node.config-product.full .body,
.node.config-bundle.full .body {
  margin-top: 0; }

.node.config-product.full .image,
.node.config-bundle.full .image {
  cursor: default; }

.node.config-product.full .strong,
.node.config-bundle.full .strong {
  margin-top: 5px; }

.node.config-product.full .commerce-product-sku-label,
.node.config-product.full .commerce-product-sku,
.node.config-bundle.full .commerce-product-sku-label,
.node.config-bundle.full .commerce-product-sku {
  font-weight: 200;
  font-size: 14px;
  font-family: 'Source Sans Pro', Sans-Serif; }

.node.config-product.full .pdf,
.node.config-bundle.full .pdf {
  margin-top: 45px; }
  .node.config-product.full .pdf .text-small,
  .node.config-bundle.full .pdf .text-small {
    display: none; }
  .node.config-product.full .pdf a, .node.config-product.full .pdf a:hover,
  .node.config-bundle.full .pdf a,
  .node.config-bundle.full .pdf a:hover {
    font-family: 'Source Sans Pro', Sans-Serif;
    font-size: 16px;
    color: #4d4d4d;
    border: none;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
    display: block;
    line-height: 45px; }
    .node.config-product.full .pdf a:hover, .node.config-product.full .pdf a:hover:hover,
    .node.config-bundle.full .pdf a:hover,
    .node.config-bundle.full .pdf a:hover:hover {
      background-color: transparent;
      color: #147dd6; }
    .node.config-product.full .pdf a:after, .node.config-product.full .pdf a:hover:after,
    .node.config-bundle.full .pdf a:after,
    .node.config-bundle.full .pdf a:hover:after {
      font-family: 'icons';
      content: '↧';
      color: #147dd6;
      float: right;
      padding-right: 10px;
      font-weight: 400; }

.node.config-product.content-bottom,
.node.config-bundle.content-bottom {
  margin: 0 20px 55px 20px; }
  .node.config-product.content-bottom input,
  .node.config-bundle.content-bottom input {
    font-size: 14px;
    color: #147dd6;
    border: 1px solid #147dd6;
    padding: 0px 15px;
    border-radius: 2px;
    font-weight: 600;
    display: inline-block;
    line-height: 33px;
    font-family: 'Titillium Web';
    background-color: transparent; }
    .node.config-product.content-bottom input:hover,
    .node.config-bundle.content-bottom input:hover {
      font-size: 14px;
      color: #147dd6;
      border: 1px solid #147dd6;
      padding: 0px 15px;
      border-radius: 2px;
      font-weight: 600;
      display: inline-block;
      line-height: 33px;
      font-family: 'Titillium Web';
      color: #fff;
      background-color: #147dd6;
      border: 1px solid #4f9ee0;
      cursor: pointer; }
  .node.config-product.content-bottom h2,
  .node.config-bundle.content-bottom h2 {
    margin-bottom: 23px; }
  .node.config-product.content-bottom img,
  .node.config-bundle.content-bottom img {
    width: 100%; }
  .node.config-product.content-bottom a > p,
  .node.config-bundle.content-bottom a > p {
    text-align: left;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 20px 0;
    color: #1a1919;
    font-weight: 600; }
  .node.config-product.content-bottom .price-number,
  .node.config-product.content-bottom .add-button,
  .node.config-product.content-bottom .image,
  .node.config-bundle.content-bottom .price-number,
  .node.config-bundle.content-bottom .add-button,
  .node.config-bundle.content-bottom .image {
    text-align: center;
    display: block; }
  .node.config-product.content-bottom .image,
  .node.config-bundle.content-bottom .image {
    max-width: 120px;
    margin: 0 auto;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0; }
  .node.config-product.content-bottom .price-number,
  .node.config-bundle.content-bottom .price-number {
    padding: 10px 0;
    font-size: 18px; }
  .node.config-product.content-bottom .price-wrapper,
  .node.config-bundle.content-bottom .price-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center; }
  .node.config-product.content-bottom .config-bottom-wrapper,
  .node.config-bundle.content-bottom .config-bottom-wrapper {
    overflow: hidden; }
  .node.config-product.content-bottom .node.config-product.sub-content,
  .node.config-product.content-bottom .node.config-bundle.sub-content,
  .node.config-bundle.content-bottom .node.config-product.sub-content,
  .node.config-bundle.content-bottom .node.config-bundle.sub-content {
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 25px 25px 225px 25px;
    vertical-align: top;
    position: relative;
    margin: 0; }
    .node.config-product.content-bottom .node.config-product.sub-content:hover:after,
    .node.config-product.content-bottom .node.config-bundle.sub-content:hover:after,
    .node.config-bundle.content-bottom .node.config-product.sub-content:hover:after,
    .node.config-bundle.content-bottom .node.config-bundle.sub-content:hover:after {
      content: '';
      height: 4px;
      width: 100%;
      position: absolute;
      left: 0px;
      bottom: 0px;
      background-color: #147dd6; }
  .node.config-product.content-bottom .slick-list,
  .node.config-bundle.content-bottom .slick-list {
    overflow: hidden;
    margin: 0 50px; }
  .node.config-product.content-bottom button,
  .node.config-bundle.content-bottom button {
    top: 44%; }

ul.pager-load-more li {
  padding: 0 !important;
  margin: 0 !important; }

ul.pager-load-more a {
  font-size: 14px;
  color: #147dd6;
  border: 1px solid #147dd6;
  padding: 0px 15px;
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  line-height: 33px;
  font-family: 'Titillium Web';
  color: #fff;
  background-color: #147dd6;
  border: 1px solid #4f9ee0;
  vertical-align: middle;
  line-height: 38px;
  box-sizing: border-box;
  max-height: 40px; }
  ul.pager-load-more a:after {
    vertical-align: middle;
    font-family: 'icons';
    content: '→';
    display: block;
    border-left: 1px solid #4f9ee0;
    font-size: 6px;
    padding-left: 15px;
    margin-left: 20px;
    line-height: 40px;
    height: 39px;
    float: right; }

.view-display-id-product_listing h3, .view-display-id-product_listing h3 > p,
.view-career h3,
.view-career h3 > p {
  margin: 0;
  word-wrap: break-word;
  line-height: 20px;
  font-size: 20px; }

.view-display-id-product_listing .product-class p,
.view-career .product-class p {
  font-size: 14px;
  line-height: 15px;
  margin: 5px 0; }
  .view-display-id-product_listing .product-class p + p,
  .view-career .product-class p + p {
    margin: 5px 0 20px 0; }

.view-display-id-product_listing .view-content,
.view-career .view-content {
  margin-top: 20px; }

.view-display-id-product_listing .view-filters,
.view-career .view-filters {
  margin: 0;
  float: none; }
  .view-display-id-product_listing .view-filters .button,
  .view-career .view-filters .button {
    margin-right: 20px;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: padding-right .5s ease-in-out;
            transition: padding-right .5s ease-in-out; }
    .view-display-id-product_listing .view-filters .button.loading,
    .view-career .view-filters .button.loading {
      padding-right: 50px; }
      .view-display-id-product_listing .view-filters .button.loading:after,
      .view-career .view-filters .button.loading:after {
        content: '';
        background-image: url("../res/img/ajax-loader.gif");
        background-size: cover;
        position: absolute;
        right: 12px;
        top: 6px;
        width: 20px;
        height: 20px; }

.view-display-id-product_listing .filters-title,
.view-career .filters-title {
  padding-bottom: 15px; }

.view-display-id-product_listing .image,
.view-career .image {
  text-align: center;
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0; }
  .view-display-id-product_listing .image img,
  .view-career .image img {
    display: inline-block; }

.view-display-id-product_listing .price-number,
.view-career .price-number {
  font-size: 18px;
  padding-right: 15px;
  text-align: center; }

.view-display-id-product_listing .view-content,
.view-career .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -2.5%; }

.view-display-id-product_listing .price-wrapper,
.view-career .price-wrapper {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center; }

.view-display-id-product_listing .node.config-product.teaser,
.view-display-id-product_listing .node.config-bundle.teaser,
.view-career .node.config-product.teaser,
.view-career .node.config-bundle.teaser {
  box-sizing: border-box;
  margin: 0 2.5% 30px 0;
  padding: 30px 25px 280px 30px;
  position: relative;
  width: 100%; }
  .view-display-id-product_listing .node.config-product.teaser:hover:after,
  .view-display-id-product_listing .node.config-bundle.teaser:hover:after,
  .view-career .node.config-product.teaser:hover:after,
  .view-career .node.config-bundle.teaser:hover:after {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #147dd6; }

.view-display-id-product_listing input,
.view-career input {
  font-size: 14px;
  color: #147dd6;
  border: 1px solid #147dd6;
  padding: 0px 15px;
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  line-height: 33px;
  font-family: 'Titillium Web';
  background-color: transparent;
  height: 35px; }
  .view-display-id-product_listing input:hover,
  .view-career input:hover {
    font-size: 14px;
    color: #147dd6;
    border: 1px solid #147dd6;
    padding: 0px 15px;
    border-radius: 2px;
    font-weight: 600;
    display: inline-block;
    line-height: 33px;
    font-family: 'Titillium Web';
    color: #fff;
    background-color: #147dd6;
    border: 1px solid #4f9ee0;
    cursor: pointer; }

@media screen and (max-width: 1199px) {
  .view-display-id-product_listing .node.config-product.teaser,
  .view-display-id-product_listing .node.config-bundle.teaser,
  .view-career .node.config-product.teaser,
  .view-career .node.config-bundle.teaser {
    padding-bottom: 302px; }
  .view-display-id-product_listing .price-number,
  .view-career .price-number {
    display: block;
    padding-right: 0; }
  .view-display-id-product_listing .add-button,
  .view-career .add-button {
    margin-top: 10px; }
  .view-display-id-product_listing .image,
  .view-career .image {
    bottom: 102px; } }

.view-display-id-product_listing .price-number,
.view-career .price-number {
  display: inline-block;
  padding-right: 15px; }

.view-display-id-product_listing .add-button,
.view-career .add-button {
  margin-top: 0; }

.view-display-id-product_listing .image,
.view-career .image {
  bottom: 80px; }

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .view-display-id-product_listing h3, .view-display-id-product_listing h3 > p,
  .view-career h3,
  .view-career h3 > p {
    font-size: 18px;
    line-height: 18px; }
  .view-display-id-product_listing .node.config-product.teaser,
  .view-display-id-product_listing .node.config-bundle.teaser,
  .view-career .node.config-product.teaser,
  .view-career .node.config-bundle.teaser {
    width: 22.5%;
    padding: 20px;
    padding-bottom: 302px; }
  .view-display-id-product_listing .product-class p,
  .view-career .product-class p {
    margin: 0px 0 5px 0; }
  .view-display-id-product_listing .price-number,
  .view-career .price-number {
    display: block;
    padding-right: 0; }
  .view-display-id-product_listing .add-button,
  .view-career .add-button {
    margin-top: 10px;
    display: block;
    text-align: center; }
  .view-display-id-product_listing .image,
  .view-career .image {
    bottom: 102px; }
    .view-display-id-product_listing .image img,
    .view-career .image img {
      width: 80%; } }

/*
 * @Section Cart
 */
.page-checkout h1 {
  margin-bottom: 30px; }

.page-checkout .fieldset-wrapper input.checkout-continue + .form-submit {
  margin-left: 0; }

.checkout-processing {
  display: none; }

.code-generator {
  background-color: #dcecf9;
  padding: 31px 40px 48px 40px;
  box-sizing: border-box;
  margin-top: 30px;
  width: 100%;
  margin-bottom: 30px; }
  .code-generator .form-actions {
    margin: 0;
    vertical-align: middle; }
  .code-generator h3 {
    color: #147dd6;
    margin: 0 0 10px 0; }
  .code-generator input.form-text {
    width: 100%;
    margin: 5px 0 10px 0; }
  .code-generator input.form-submit {
    margin-left: 0; }

.view-commerce-user-orders table thead {
  display: table-header-group; }

.view.view-commerce-cart-form {
  margin-top: 0; }

.order-discount table {
  border-bottom: 4px solid #e5e5e5; }

.order-total-summary {
  margin-left: auto;
  width: 50%; }
  .order-total-summary table {
    border-bottom: 4px solid #147dd6; }

.views-field-edit-melag-options .form-wrapper {
  display: inline-block; }

.views-field-edit-melag-options .form-item.form-type-textfield {
  margin: -17px 0 0 10px; }

.views-field-edit-melag-options label {
  font-size: 13px; }

.views-field-edit-melag-options input.form-text {
  width: 55px; }

.form-wrapper {
  display: inline-block;
  vertical-align: top;
  display: block;
  vertical-align: initial; }
  .form-wrapper.checkout-buttons {
    display: block;
    border: none; }
  .form-wrapper.customer_profile_billing {
    max-width: 790px;
    width: 100%; }
  .form-wrapper.field-type-addressfield {
    width: 100%; }

.product-image {
  padding: 0 0 10px 0; }

.component-total {
  font-size: 20px; }
  .component-total .price-number {
    float: right; }

.component-title {
  padding-right: 10px;
  font-size: 20px; }

table {
  width: 100%;
  border-bottom: 4px solid #e5e5e5;
  border-spacing: 0; }
  table.commerce-price-formatted-components {
    border-bottom: none; }
    table.commerce-price-formatted-components tr.odd,
    table.commerce-price-formatted-components tr.even {
      line-height: 45px;
      height: auto; }
  table a {
    display: inline-block; }
  table tbody {
    border: none; }
  table thead {
    display: none; }
  table th.active {
    background-color: transparent; }
  table td {
    font-size: 15px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle; }
    table td.views-field {
      display: block;
      text-align: center;
      padding: 15px 0;
      border-bottom: none; }
    table td.views-field-commerce-total {
      border-bottom: 1px solid #e5e5e5;
      width: 170px; }
  table tr.even,
  table tr.odd {
    background-color: transparent;
    padding: 0;
    height: 125px; }
  table input.form-text {
    padding: 0;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center; }
  table a.attr-title, table a.attr-title > p {
    color: #147dd6;
    font-size: 20px;
    margin: 0;
    font-weight: 600; }
  table .attr-terms > a {
    color: #1a1919;
    font-weight: 600;
    font-size: 18px; }
  table .price-number,
  table .price {
    font-size: 20px;
    padding-right: 15px;
    white-space: nowrap;
    font-weight: 600; }
  table .form-type-checkbox {
    padding-right: 10px;
    display: inline-block; }
  table .pseudo-checkbox-wrapper {
    max-height: 35px;
    vertical-align: middle; }
  table span.pseudo-checkbox {
    box-sizing: border-box; }
    table span.pseudo-checkbox:after {
      line-height: 20px; }
  table label.option {
    vertical-align: middle; }

.commerce-line-item-views-form .commerce-line-item-actions {
  float: left;
  text-align: left; }

.commerce-line-item-views-form input.delete-line-item {
  display: none; }

.commerce-line-item-views-form a.fake-button {
  line-height: 38px; }

.line-item-down,
.line-item-up {
  font-family: 'icons';
  color: #147dd6;
  font-size: 18px;
  display: inline-block;
  padding: 0 15px; }
  .line-item-down:hover,
  .line-item-up:hover {
    cursor: pointer; }

.line-item-summary {
  border-bottom: 4px solid #147dd6;
  padding: 27px 0; }

.line-item-total {
  padding-right: 15px;
  color: #147dd6;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer; }

.line-item-total-label {
  padding-right: 25px; }

#edit-discounts {
  margin: 20px 0;
  display: block; }

.form-item-field-discount {
  width: 85px;
  padding-right: 20px; }
  .form-item-field-discount input {
    width: inherit;
    text-align: center; }

.form-item-field-discount-type {
  vertical-align: top; }
  .form-item-field-discount-type label.option {
    vertical-align: middle;
    line-height: 40px; }

.form-radio {
  display: none; }

.form-type-radio {
  margin-right: 15px; }

#commerce-checkout-form-review .form-wrapper {
  display: block; }

.field-type-addressfield .street-block {
  font-size: 0; }

.field-type-addressfield .form-item {
  width: 48%;
  margin: 0;
  width: 100%; }

.field-type-addressfield .form-wrapper {
  width: 100%;
  max-width: 790px; }
  .field-type-addressfield .form-wrapper > div {
    margin-top: 15px; }
    .field-type-addressfield .form-wrapper > div .form-item:nth-child(2n) {
      margin-top: 15px; }

.field-type-addressfield input.form-text {
  width: 100%; }

.page-user-orders #edit-state-1-wrapper {
  width: 20%; }
  @media screen and (max-width: 500px) {
    .page-user-orders #edit-state-1-wrapper {
      width: 100%;
      margin-bottom: 15px; } }

.page-user-orders .form-item-adopt-code {
  width: 25%; }

.page-user-orders #edit-state-1-wrapper,
.page-user-orders #edit-field-text-value-wrapper,
.page-user-orders .form-item-adopt-code,
.page-user-orders .form-item-adopt-identifiers {
  padding: 0;
  margin-right: 10px; }

.page-user-orders #edit-field-text-value-wrapper {
  margin-bottom: 15px;
  width: 100%; }
  .page-user-orders #edit-field-text-value-wrapper .form-item {
    width: 100%; }

.page-user-orders .views-exposed-form .views-exposed-widget {
  float: none;
  display: inline-block;
  padding: 0;
  width: 100%; }

.page-user-orders #edit-submit-commerce-user-orders {
  margin-top: 0;
  vertical-align: middle;
  line-height: 38px;
  box-sizing: border-box;
  max-height: 40px;
  font-size: 14px;
  color: #147dd6;
  border: 1px solid #147dd6;
  padding: 0px 15px;
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  line-height: 33px;
  font-family: 'Titillium Web';
  color: #fff;
  background-color: #147dd6;
  border: 1px solid #4f9ee0; }
  .page-user-orders #edit-submit-commerce-user-orders:after {
    vertical-align: middle;
    font-family: 'icons';
    content: '→';
    display: block;
    border-left: 1px solid #4f9ee0;
    font-size: 6px;
    padding-left: 15px;
    margin-left: 20px;
    line-height: 40px;
    height: 39px;
    float: right; }

.page-user-orders input {
  width: 100%; }

#melag-config-order-copy-adopt-order-form {
  margin-top: 20px; }
  #melag-config-order-copy-adopt-order-form .form-actions,
  #melag-config-order-copy-adopt-order-form .form-item {
    margin-top: 10px;
    width: 100%; }

.view-filters {
  margin: 0 0 20px 0;
  float: none; }

.view-commerce-user-orders .view-content {
  width: 100%;
  max-width: 960px; }

.view-commerce-user-orders .views-field-nothing {
  width: initial; }

.form-type-select {
  width: 100%; }

/*
 * @Register Form Styling
 */
#user-register-form .form-wrapper {
  display: block; }

#user-register-form .form-item {
  display: block; }

#user-register-form #edit-account {
  padding: 15px 0 25px 0; }
  #user-register-form #edit-account .form-item-name,
  #user-register-form #edit-account .form-item-mail {
    width: 100%; }
    #user-register-form #edit-account .form-item-name > input,
    #user-register-form #edit-account .form-item-mail > input {
      width: 100%; }
  #user-register-form #edit-account .form-item {
    padding-top: 15px; }

#user-register-form .field-type-text {
  display: inline-block;
  width: 48%;
  padding: 15px 0 0 0;
  margin-right: 4%;
  width: 100%;
  margin: 0; }
  #user-register-form .field-type-text input {
    width: 100%; }

#user-register-form .select2 {
  width: 48%; }

#user-register-form .description {
  margin-top: 10px; }

#user-register-form .countries-continent-wrapper {
  font-size: 0; }
  #user-register-form .countries-continent-wrapper .form-item,
  #user-register-form .countries-continent-wrapper .countries-ajax-wrapper {
    display: inline-block;
    box-sizing: border-box;
    width: 100%; }
  #user-register-form .countries-continent-wrapper .countries-ajax-wrapper {
    padding-top: 15px; }
  #user-register-form .countries-continent-wrapper .form-type-country {
    width: 100%; }

#commerce-checkout-form-checkout .form-wrapper .form-wrapper {
  margin-top: 15px; }

#commerce-checkout-form-checkout .field-name-field-office-clinic-institution,
#commerce-checkout-form-checkout .field-type-list-text {
  display: block;
  max-width: 48%; }
  #commerce-checkout-form-checkout .field-name-field-office-clinic-institution input,
  #commerce-checkout-form-checkout .field-type-list-text input {
    width: 100%; }

#commerce-checkout-form-checkout .field-type-list-text .form-item {
  width: 100%; }

#commerce-checkout-form-checkout .select2 {
  width: 48%; }

#commerce-checkout-form-checkout .field-name-field-first-name,
#commerce-checkout-form-checkout .field-name-field-last-name {
  box-sizing: border-box;
  width: 100%;
  display: block; }
  #commerce-checkout-form-checkout .field-name-field-first-name .form-item,
  #commerce-checkout-form-checkout .field-name-field-last-name .form-item {
    display: block; }
  #commerce-checkout-form-checkout .field-name-field-first-name input,
  #commerce-checkout-form-checkout .field-name-field-last-name input {
    width: 100%; }

#commerce-checkout-form-checkout .addressfield-container-inline {
  font-size: 0; }
  #commerce-checkout-form-checkout .addressfield-container-inline > div.form-item {
    margin-right: 0;
    float: none; }

#commerce-checkout-form-checkout #edit-customer-profile-billing-commerce-customer-address,
#commerce-checkout-form-checkout #addressfield-wrapper > .form-wrapper {
  margin: 0; }

.page-cart #views-form-commerce-cart-form-default .views-table,
.page-cart #commerce-checkout-form-review .views-table,
.page-checkout #views-form-commerce-cart-form-default .views-table,
.page-checkout #commerce-checkout-form-review .views-table {
  margin-top: 20px;
  border-bottom: 5px solid #147dd6; }
  .page-cart #views-form-commerce-cart-form-default .views-table thead,
  .page-cart #commerce-checkout-form-review .views-table thead,
  .page-checkout #views-form-commerce-cart-form-default .views-table thead,
  .page-checkout #commerce-checkout-form-review .views-table thead {
    font-size: 16px; }
    .page-cart #views-form-commerce-cart-form-default .views-table thead tr th,
    .page-cart #commerce-checkout-form-review .views-table thead tr th,
    .page-checkout #views-form-commerce-cart-form-default .views-table thead tr th,
    .page-checkout #commerce-checkout-form-review .views-table thead tr th {
      border-bottom: 3px solid #147dd6;
      padding: 0; }

.page-cart .views-table th:not(.views-field-commerce-unit-price):not(.views-field-commerce-total) {
  font-size: 0; }

.page-cart .views-table th.views-field-commerce-total {
  text-align: right;
  padding-right: 15px; }

.page-checkout .views-table th.views-field-nothing {
  font-size: 0; }

.page-checkout .views-table th {
  text-align: right;
  padding-right: 15px; }

.page-checkout .views-table tbody td:not(.views-field-nothing) {
  text-align: right; }

.page-checkout .views-table .views-field-quantity {
  width: 130px; }

.page-cart .view-commerce-cart-form #edit-actions-top {
  float: right;
  text-align: right; }
  @media screen and (max-width: 940px) {
    .page-cart .view-commerce-cart-form #edit-actions-top {
      margin-bottom: 20px; } }

.page-cart #views-form-commerce-cart-form-default .views-table tr .views-field-commerce-unit-price {
  min-width: 60px; }

.page-cart #views-form-commerce-cart-form-default .views-table tr .views-field-commerce-total {
  width: 120px; }

.page-cart #views-form-commerce-cart-form-default .views-table tr .views-field-commerce-unit-price,
.page-cart #views-form-commerce-cart-form-default .views-table tr .views-field-commerce-total {
  display: inline-block;
  width: 50%;
  box-sizing: border-box; }

.page-cart #views-form-commerce-cart-form-default .views-table tr .views-field-commerce-total {
  border-bottom: 0;
  border-left: 1px solid #e5e5e5; }

.page-checkout .view-commerce-cart-summary .views-table {
  border-bottom: 5px solid #147dd6; }

.order-total-wrapper {
  display: block;
  width: 100%;
  margin-left: auto; }
  .order-total-wrapper #edit-middle .row:not(.offer_price) input,
  .order-total-wrapper #edit-middle .row:not(.offer_price) .col-value {
    font-size: 16px;
    font-weight: normal; }

.price-section {
  display: block;
  font-size: 16px;
  border-bottom: 5px solid #147dd6; }
  .price-section:last-child {
    border-bottom: 0; }
  .price-section .col-value {
    padding-right: 0; }
  .price-section .col-label {
    display: inline-block; }
  .price-section .row {
    padding: 10px;
    line-height: 36px; }
    .price-section .row .col-input {
      display: inline-block;
      width: 95px; }
    .price-section .row + .row {
      border-top: 1px solid #e5e5e5; }
    .price-section .row .col-value {
      float: right; }
    .price-section .row .col-input input {
      text-align: right;
      width: 100%; }

.not-logged-in .total_list_price,
.logged-in .offer_price,
.logged-in #edit-total,
.logged-in #edit-cart-contents-order-total-wrapper-total {
  background-color: #f2f2f2; }
  .not-logged-in .total_list_price .label,
  .logged-in .offer_price .label,
  .logged-in #edit-total .label,
  .logged-in #edit-cart-contents-order-total-wrapper-total .label {
    font-size: 24px;
    font-weight: 600; }

.logged-in #edit-cart-contents-order-total-wrapper .row:not(.offer_price):not(.total) .col-value {
  font-size: 16px;
  font-weight: normal; }

.logged-in .total_list_price .col-value {
  font-size: 16px;
  font-weight: normal; }

.not-logged-in .total_list_price .col-label .label {
  font-size: 24px;
  font-weight: 600; }

#edit-checkout-review {
  margin-top: 20px; }
  #edit-checkout-review table.checkout-review {
    border-bottom: 0; }
    #edit-checkout-review table.checkout-review tr.pane-title {
      height: 50px; }
  #edit-checkout-review td,
  #edit-checkout-review .pane-data-full {
    border-bottom: 0;
    padding: 0; }
  #edit-checkout-review .field-title-name,
  #edit-checkout-review .field-first-name,
  #edit-checkout-review .field-last-name,
  #edit-checkout-review .thoroughfare,
  #edit-checkout-review .premise,
  #edit-checkout-review .field-title-billing {
    display: inline-block;
    padding-right: 5px; }
  #edit-checkout-review .postal-code {
    padding-right: 5px; }

table.checkout-review .pane-title td {
  padding-left: 0; }

.item-throbber {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 0px; }
  .item-throbber.loading {
    border: 1px solid #147dd6;
    background-color: #dcecf9; }
    .item-throbber.loading:after {
      content: '';
      background-image: url("../res/img/ajax-loader.gif");
      background-size: cover;
      width: 20px;
      height: 20px;
      display: block;
      margin: 10px; }
  .item-throbber.success {
    border: 1px solid #be7;
    background-color: #f8fff0; }
    .item-throbber.success:after {
      content: '✓';
      font-family: 'icons';
      color: #be7;
      font-size: 30px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      padding: 0 3px; }

.file .file-icon {
  display: none; }

.delta-marker {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background-color: #147dd6;
  border-radius: 15px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 30px; }

.product-list-link {
  margin-top: 20px; }

.product-infos-wrapper {
  margin: 20px 0;
  font-size: 0; }
  .product-infos-wrapper .project-number {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100; }
    .product-infos-wrapper .project-number .number {
      background-color: #147ED6;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border-radius: 50%;
      font-size: 16px;
      color: white;
      margin-right: 10px;
      display: inline-block; }

.node-type-product .product-list {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding-bottom: 50px;
  margin: 0 0 20px 0; }
  .node-type-product .product-list .product {
    margin-right: 10px; }
    .node-type-product .product-list .product .image {
      width: 100%;
      box-sizing: border-box; }
  .node-type-product .product-list button.slick-prev.slick-arrow,
  .node-type-product .product-list button.slick-next.slick-arrow {
    bottom: 0; }
  .node-type-product .product-list button.slick-next.slick-arrow {
    right: 5px; }
  .node-type-product .product-list button.slick-prev.slick-arrow {
    right: 45px; }

.node.career.full .image img {
  width: 100%; }

.career-teaser {
  padding: 0 20px; }

.slick-dots {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    background: #4f9ee0; }
    .slick-dots li:hover {
      background: #147dd6; }
    .slick-dots li button {
      display: none; }

.node-type-career .slick-prev,
.node-type-career .slick-next {
  display: none !important; }

.training-view .pager-load-more {
  margin-top: 30px; }

@-moz-document url-prefix() {
  .webform.full .form-managed-file input.form-file {
    height: auto; } }

.roadmap-item:after {
  content: '';
  position: absolute;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  top: 100%;
  left: 50%;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 15px 0 15px;
  border-color: #f0fdff transparent transparent transparent; }

.roadmap-items {
  margin-top: 50px;
  margin-bottom: 55px;
  margin: 0 -20px; }

.roadmap-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f0fdff;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 30px 30px 30px; }
  .roadmap-item:last-child .roadmap-item-image:after {
    display: none; }
  .roadmap-item:nth-child(2n) {
    background-color: #dcf6fc; }
    .roadmap-item:nth-child(2n):after {
      border-color: #dcf6fc transparent transparent transparent; }
  .roadmap-item .roadmap-item-image {
    text-align: center; }
    .roadmap-item .roadmap-item-image > img {
      width: 60%; }
  .roadmap-item .roadmap-item-content {
    padding-left: 12px; }
  .roadmap-item ul li {
    list-style-type: disc;
    color: #4d4d4d;
    font-weight: 600;
    padding: 3px 0; }
    .roadmap-item ul li > ul li {
      list-style-type: none;
      font-weight: 400;
      padding-left: 22px;
      position: relative; }
      .roadmap-item ul li > ul li:before {
        content: '';
        width: 10px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 7px;
        background-color: #4d4d4d;
        display: inline-block;
        -webkit-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%); }
  .roadmap-item h3 {
    color: #147dd6;
    margin-top: 0;
    margin-bottom: 10px; }

.node-type-career #content ul li,
.node-type-entry-possibilities #content ul li,
.node-type-employer #content ul li,
.node-type-accessories #content ul li {
  list-style: none; }

.node-type-career h3,
.node-type-entry-possibilities h3,
.node-type-employer h3,
.node-type-accessories h3 {
  color: #147dd6;
  margin-bottom: 15px;
  margin-top: 0; }

.node-type-career .benefit-tool,
.node-type-career .anker,
.node-type-entry-possibilities .benefit-tool,
.node-type-entry-possibilities .anker,
.node-type-employer .benefit-tool,
.node-type-employer .anker,
.node-type-accessories .benefit-tool,
.node-type-accessories .anker {
  margin: 30px 0 80px 0; }
  .node-type-career .benefit-tool ul,
  .node-type-career .anker ul,
  .node-type-entry-possibilities .benefit-tool ul,
  .node-type-entry-possibilities .anker ul,
  .node-type-employer .benefit-tool ul,
  .node-type-employer .anker ul,
  .node-type-accessories .benefit-tool ul,
  .node-type-accessories .anker ul {
    font-size: 0; }
  .node-type-career .benefit-tool li,
  .node-type-career .anker li,
  .node-type-entry-possibilities .benefit-tool li,
  .node-type-entry-possibilities .anker li,
  .node-type-employer .benefit-tool li,
  .node-type-employer .anker li,
  .node-type-accessories .benefit-tool li,
  .node-type-accessories .anker li {
    border-bottom: 1px solid #e5e5e5;
    line-height: 55px;
    font-size: 16px;
    width: 100%; }
    .node-type-career .benefit-tool li:nth-child(1),
    .node-type-career .anker li:nth-child(1),
    .node-type-entry-possibilities .benefit-tool li:nth-child(1),
    .node-type-entry-possibilities .anker li:nth-child(1),
    .node-type-employer .benefit-tool li:nth-child(1),
    .node-type-employer .anker li:nth-child(1),
    .node-type-accessories .benefit-tool li:nth-child(1),
    .node-type-accessories .anker li:nth-child(1) {
      border-top: 1px solid #e5e5e5; }
    .node-type-career .benefit-tool li:first-child,
    .node-type-career .anker li:first-child,
    .node-type-entry-possibilities .benefit-tool li:first-child,
    .node-type-entry-possibilities .anker li:first-child,
    .node-type-employer .benefit-tool li:first-child,
    .node-type-employer .anker li:first-child,
    .node-type-accessories .benefit-tool li:first-child,
    .node-type-accessories .anker li:first-child {
      border-bottom: 1px solid #e5e5e5; }
  .node-type-career .benefit-tool .icon,
  .node-type-career .anker .icon,
  .node-type-entry-possibilities .benefit-tool .icon,
  .node-type-entry-possibilities .anker .icon,
  .node-type-employer .benefit-tool .icon,
  .node-type-employer .anker .icon,
  .node-type-accessories .benefit-tool .icon,
  .node-type-accessories .anker .icon {
    color: #147dd6;
    display: block;
    position: absolute; }
  .node-type-career .benefit-tool .item-text,
  .node-type-career .anker .item-text,
  .node-type-entry-possibilities .benefit-tool .item-text,
  .node-type-entry-possibilities .anker .item-text,
  .node-type-employer .benefit-tool .item-text,
  .node-type-employer .anker .item-text,
  .node-type-accessories .benefit-tool .item-text,
  .node-type-accessories .anker .item-text {
    display: inline-block;
    padding-left: 30px;
    color: #4d4d4d;
    font-weight: 600; }

.anker li {
  cursor: pointer; }
  .anker li:hover {
    background-color: #f2f2f2; }
  .anker li .icon {
    width: 25px;
    padding-left: 15px; }
    .anker li .icon + span {
      padding-left: 60px;
      color: #4d4d4d;
      font-weight: 600; }
    .anker li .icon svg {
      vertical-align: middle; }

.tab-buttons {
  margin-top: 40px; }

.tab-link > a,
.item-link > a {
  font-size: 14px;
  color: #147dd6;
  border: 1px solid #147dd6;
  padding: 0px 15px;
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  line-height: 33px;
  font-family: 'Titillium Web';
  color: #fff;
  background-color: #147dd6;
  border: 1px solid #4f9ee0;
  vertical-align: middle;
  line-height: 38px;
  box-sizing: border-box;
  max-height: 40px;
  -webkit-transition: color .3s, background-color .3s;
          transition: color .3s, background-color .3s; }
  .tab-link > a:after,
  .item-link > a:after {
    vertical-align: middle;
    font-family: 'icons';
    content: '→';
    display: block;
    border-left: 1px solid #4f9ee0;
    font-size: 6px;
    padding-left: 15px;
    margin-left: 20px;
    line-height: 40px;
    height: 39px;
    float: right; }
  .tab-link > a:hover,
  .item-link > a:hover {
    background-color: #4f9ee0;
    border-color: #147dd6; }
    .tab-link > a:hover:after,
    .item-link > a:hover:after {
      border-left-color: #147dd6; }

.tab-button > a,
.item-button > a {
  font-size: 14px;
  color: #147dd6;
  border: 1px solid #147dd6;
  padding: 0px 15px;
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  line-height: 33px;
  font-family: 'Titillium Web';
  -webkit-transition: color .3s, background-color .3s;
          transition: color .3s, background-color .3s;
  line-height: 38px;
  margin-top: 10px; }
  .tab-button > a:hover,
  .item-button > a:hover {
    background-color: #147dd6;
    color: white; }

.employer h4, .employer h4 > p {
  text-align: left;
  font-size: 19px;
  margin-bottom: 20px;
  color: #4d4d4d; }

.employer .teaser {
  border: none;
  background-color: #dcecf9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px; }

.employer .teaser-content {
  width: 100%; }

.employer .teaser-image {
  text-align: center;
  width: 100%;
  margin-top: 30px; }

.employer-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .employer-teaser > img {
    max-height: 205px;
    overflow: hidden;
    width: 100%; }

.employer-teaser-content {
  padding-top: 20px; }
  .employer-teaser-content h1 {
    margin: 0 0 5px 0; }

.tabbed-content-images {
  font-size: 0;
  max-height: 205px;
  overflow: hidden; }
  .tabbed-content-images img {
    width: 100%; }

.employer-tabbed-content {
  margin-bottom: 55px; }
  .employer-tabbed-content .tabbed-content-images {
    display: none; }

.tab-headline,
.employer-tabbed-content-desktop .tabbed-content-tabs li {
  line-height: 60px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  color: #4d4d4d;
  font-weight: 600;
  text-align: center;
  -webkit-transition: background-color .5s ease-in-out;
          transition: background-color .5s ease-in-out; }
  .tab-headline.active, .tab-headline.ui-accordion-header-active,
  .employer-tabbed-content-desktop .tabbed-content-tabs li.active,
  .employer-tabbed-content-desktop .tabbed-content-tabs li.ui-accordion-header-active {
    background-color: #dcecf9;
    border-bottom: 3px solid #147dd6;
    color: #147dd6; }

.employer-tabbed-content-desktop .tabbed-content-tabs li:last-child {
  border-bottom: none; }

.tab-content {
  padding: 30px 15px;
  border-bottom: 1px solid #e5e5e5; }

.employer-tabbed-content-desktop {
  border: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 55px;
  display: none; }
  .employer-tabbed-content-desktop .tabbed-content-tabs {
    width: 380px; }
  .employer-tabbed-content-desktop .tabbed-content-main {
    width: calc(100% - 380px);
    box-sizing: border-box;
    padding: 55px 80px 30px 70px; }
  .employer-tabbed-content-desktop .tab-button > a {
    margin-left: 20px;
    margin-top: 0; }

.possibility-item,
.accessories-item {
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
  padding-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .possibility-item:last-child,
  .accessories-item:last-child {
    border-bottom: 1px solid #e5e5e5; }

.possibility-item .readmore + a {
  font-weight: 600;
  display: inline-block;
  width: auto;
  margin-top: 5px; }

.possibility-item .item-body {
  width: 100%; }

.possibility-item .item-image,
.possibility-item .item-image > img {
  width: 100%; }

.accessories-item .item-content {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.accessories-item .item-image,
.accessories-item .item-image > img {
  width: 100%; }

.accessories-item .item-image {
  cursor: pointer;
  padding: 0; }
  .accessories-item .item-image:hover img {
    opacity: 0.6; }
  .accessories-item .item-image:hover .magnification:before {
    font-family: 'icons';
    content: '🔎';
    color: #147dd6;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 100; }

.item-description {
  margin-top: 20px; }
  .item-description .description {
    font-weight: 600;
    color: #4d4d4d;
    line-height: 20px; }
  .item-description .title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600; }

.item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-top: 30px; }
  .item-content h3 {
    width: 100%; }
  .item-content .item-button {
    display: inline-block;
    vertical-align: middle;
    display: block; }
    .item-content .item-button > a {
      text-align: center;
      margin-left: 0;
      margin-top: 10px; }
  .item-content .item-link {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
  .item-content .item-buttons {
    width: 100%;
    margin-top: 20px; }

.content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .content-item .description {
    padding-left: 5px;
    box-sizing: border-box;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2; }

.additional-text {
  font-weight: 400;
  padding-top: 15px; }

.career-teaser .hover-teaser img {
  height: 100%; }

.career-teaser .button > a {
  color: white;
  font-size: 14px; }

.admin-menu .back-container {
  margin-top: 0px; }

.view-career .view-ajax-wrapper {
  max-width: 97.5%; }
  .view-career .view-ajax-wrapper .links-wrapper li,
  .view-career .view-ajax-wrapper .links-wrapper div {
    border: none; }
  .view-career .view-ajax-wrapper .item-text {
    padding-top: 0;
    padding-bottom: 0; }
  .view-career .view-ajax-wrapper a {
    color: #1a1919;
    vertical-align: middle;
    display: block;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0; }
    .view-career .view-ajax-wrapper a:after {
      font-family: 'icons';
      content: '⇥';
      color: #147dd6;
      display: inline-block;
      font-size: 17px;
      float: right;
      font-weight: 400; }
  .view-career .view-ajax-wrapper a:hover {
    color: #147dd6; }
  .view-career .view-ajax-wrapper .icon {
    display: none; }
  .view-career .view-ajax-wrapper li {
    padding-bottom: 0;
    padding-top: 0; }

#google_recaptcha_user_register_form {
  margin-bottom: 20px; }

.block.login.open {
  position: relative; }

.page-user-password form div#edit-actions {
  display: block; }
  .page-user-password form div#edit-actions div#google_recaptcha_user_pass {
    margin-bottom: 20px;
    margin-top: 0px; }

.view-career .view-content {
  display: block !important; }

.apply-link {
  position: absolute;
  right: 30px;
  top: 0;
  display: none !important; }
  .apply-link:after {
    display: none;
    content: ' ' !important; }

.node-type-career .links-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 97%; }

.view-commerce-cart-form + .body-left {
  display: none; }

.view-commerce-cart-form + .body-left + .code-generator {
  float: right; }

.view-content .node.teaser.reference .hover-teaser:hover .strip,
.view-content .node.teaser.offer .hover-teaser:hover .strip,
.view-content .node.teaser.news .hover-teaser:hover .strip {
  border: 1px solid transparent; }

.node.teaser.reference .hover-teaser,
.node.teaser.offer .hover-teaser,
.node.teaser.news .hover-teaser {
  width: 100%;
  overflow: visible;
  display: block;
  float: none;
  border: none; }
  .node.teaser.reference .hover-teaser:after,
  .node.teaser.offer .hover-teaser:after,
  .node.teaser.news .hover-teaser:after {
    height: 0; }
  .node.teaser.reference .hover-teaser:hover .strip,
  .node.teaser.offer .hover-teaser:hover .strip,
  .node.teaser.news .hover-teaser:hover .strip {
    border: 1px solid transparent;
    background: transparent;
    height: 100%; }
  .node.teaser.reference .hover-teaser .strip,
  .node.teaser.offer .hover-teaser .strip,
  .node.teaser.news .hover-teaser .strip {
    position: static;
    padding: 0;
    width: 100%;
    text-align: left;
    background-color: rgba(255, 255, 255, 0); }
    .node.teaser.reference .hover-teaser .strip h3,
    .node.teaser.offer .hover-teaser .strip h3,
    .node.teaser.news .hover-teaser .strip h3 {
      font-size: 18px; }
    .node.teaser.reference .hover-teaser .strip .body,
    .node.teaser.offer .hover-teaser .strip .body,
    .node.teaser.news .hover-teaser .strip .body {
      text-align: left; }
      .node.teaser.reference .hover-teaser .strip .body p:after,
      .node.teaser.offer .hover-teaser .strip .body p:after,
      .node.teaser.news .hover-teaser .strip .body p:after {
        content: '...'; }
  .node.teaser.reference .hover-teaser .additional,
  .node.teaser.offer .hover-teaser .additional,
  .node.teaser.news .hover-teaser .additional {
    opacity: 1; }
  .node.teaser.reference .hover-teaser .teaser-image-content,
  .node.teaser.offer .hover-teaser .teaser-image-content,
  .node.teaser.news .hover-teaser .teaser-image-content {
    height: auto;
    width: 100%;
    cursor: pointer; }
  .node.teaser.reference .hover-teaser .hover-teaser-content,
  .node.teaser.offer .hover-teaser .hover-teaser-content,
  .node.teaser.news .hover-teaser .hover-teaser-content {
    display: block; }
  .node.teaser.reference .hover-teaser:hover .strip,
  .node.teaser.offer .hover-teaser:hover .strip,
  .node.teaser.news .hover-teaser:hover .strip {
    border: none;
    background: transparent; }

.node.overlay.reference,
.node.overlay.offer {
  height: 80%;
  width: 80%;
  left: 50%;
  margin-left: -40%;
  padding: 50px;
  bottom: 50px;
  margin-left: -40%;
  box-sizing: border-box;
  background-color: white;
  overflow: scroll;
  position: fixed; }
  .node.overlay.reference .links.inline,
  .node.overlay.offer .links.inline {
    display: none; }
  .node.overlay.reference .contextual-links-wrapper,
  .node.overlay.offer .contextual-links-wrapper {
    display: none; }
  .node.overlay.reference:after,
  .node.overlay.offer:after {
    height: 0; }

.captcha {
  margin-top: 25px; }

#edit-order-remarks .form-type-textarea {
  width: 100%; }

.commerce-line-item-views-form fieldset.form-wrapper {
  display: block;
  margin-left: auto;
  max-width: 400px !important;
  margin-top: 20px;
  border: none; }
  .commerce-line-item-views-form fieldset.form-wrapper .fieldset-title {
    font-size: 24px;
    font-weight: 600; }

.commerce-line-item-views-form textarea {
  border: 1px solid #e5e5e5;
  padding: 15px; }

.view-commerce-cart-form + .code-generator {
  display: block;
  margin-left: auto;
  margin-top: 20px;
  max-width: 800px !important;
  border: none; }

.overlay-wrapper {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-top: 20%;
  z-index: 11001; }

.overlay-popup {
  position: relative;
  background-color: #fff;
  text-align: left;
  display: inline-block;
  padding: 30px;
  width: 100%;
  max-width: 80%; }

.job-list li ul li {
  border-bottom: none; }

.job-branches li a {
  display: inline-block; }

.job-branches .icon svg {
  width: 20px;
  height: 20px; }

/* quickfix */
.node-type-career #content .anker ul li {
  margin: 4px 0px 4px 0;
  border-top: none;
  width: 100%; }
  .node-type-career #content .anker ul li:first-child {
    border-top: 1px solid #e5e5e5; }

#device_register {
  display: none; }

.form-troubleshooting {
  position: relative; }
  .form-troubleshooting .webform-component-textfield {
    display: none; }
  .form-troubleshooting .form-type-select,
  .form-troubleshooting .form-type-textfield {
    display: block; }
  .form-troubleshooting .faq-box-wrapper {
    padding: 30px 40px;
    background-color: #dcecf9;
    margin: 20px 0; }
    .form-troubleshooting .faq-box-wrapper h2 {
      font-size: 24px;
      color: #147dd6;
      margin-top: 0; }

#content .device-profile-wrapper ul li {
  list-style: none; }

.device-profile-wrapper h3 {
  display: none; }

.device-profile-wrapper dl {
  margin-bottom: 40px; }

.device-profile-wrapper ul li {
  list-style: none; }

.device-profile-wrapper table thead {
  display: table-header-group; }

.device-profile-wrapper .button {
  margin-top: 30px; }

.view-accordions_copy-downloads #content-wrapper {
  padding: 0; }

.view-accordions_copy-downloads .view-filters {
  background-color: #dcecf9;
  margin: 0 0 30px;
  border-bottom: 4px solid #4f9ee0; }
  .view-accordions_copy-downloads .view-filters h1 {
    margin-top: 16px; }
  .view-accordions_copy-downloads .view-filters label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; }
  .view-accordions_copy-downloads .view-filters .form-item {
    width: 100%; }
  .view-accordions_copy-downloads .view-filters .form-text {
    background: #ecf5fc;
    border-color: white;
    width: 100%; }
  .view-accordions_copy-downloads .view-filters .form-text:focus {
    background: white; }
  .view-accordions_copy-downloads .view-filters .views-exposed-widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .view-accordions_copy-downloads .view-filters .views-exposed-widgets .views-exposed-widget {
      box-sizing: border-box;
      margin-top: 20px;
      width: 100%; }
      .view-accordions_copy-downloads .view-filters .views-exposed-widgets .views-exposed-widget:first-of-type {
        width: 100%; }
        .view-accordions_copy-downloads .view-filters .views-exposed-widgets .views-exposed-widget:first-of-type .form-item {
          width: 100%; }
    .view-accordions_copy-downloads .view-filters .views-exposed-widgets .views-widget-filter-combine {
      width: 100%; }
      .view-accordions_copy-downloads .view-filters .views-exposed-widgets .views-widget-filter-combine .form-item {
        width: 100%; }
        .view-accordions_copy-downloads .view-filters .views-exposed-widgets .views-widget-filter-combine .form-item input {
          width: 100%;
          background-color: #ecf5fc;
          border: 1px solid #fff; }

.view-accordions_copy-downloads .view-filters,
.view-accordions_copy-downloads .view-content {
  padding: 0 20px 40px 20px; }

.view-accordions_copy-downloads .select2-container .selection .select2-selection {
  border: 1px solid #fff; }
  .view-accordions_copy-downloads .select2-container .selection .select2-selection .select2-selection__rendered {
    background-color: #ecf5fc;
    font-weight: 500; }
  .view-accordions_copy-downloads .select2-container .selection .select2-selection .select2-selection__arrow {
    border-left: 1px solid #fff; }

.view-accordions_copy-downloads .select2-container .select2-dropdown {
  margin: 0 -1px; }

.view-accordions_copy-downloads .select2-container.select2-container--open .select2-selection .select2-selection__rendered {
  background-color: #fff; }

.view-accordions_copy-downloads .select2-container .select2-search--dropdown .select2-search__field {
  background-color: #f2f2f2;
  border-color: #e5e5e5;
  border-radius: 4px;
  line-height: 35px;
  height: 35px; }

.view-accordions_copy-downloads .select2-search--dropdown {
  padding: 6px;
  border-bottom: 1px solid #f2f2f2; }

.view-display-id-downloads {
  margin: 0; }
  .view-display-id-downloads .ajax-progress-throbber {
    display: none; }
  .view-display-id-downloads table {
    table-layout: fixed;
    display: block;
    overflow-x: scroll; }
    .view-display-id-downloads table thead {
      display: table-header-group; }
    .view-display-id-downloads table th {
      line-height: 56px;
      color: #4d4d4d;
      border: 1px solid #e5e5e5;
      border-bottom-width: 3px;
      padding: 0 25px; }
      .view-display-id-downloads table th a {
        color: #4d4d4d;
        font-weight: 600;
        display: block;
        padding-right: 30px;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .view-display-id-downloads table th a:after {
          content: "";
          background-image: url(../res/img/svg/arrow_filter.svg);
          background-size: cover;
          width: 10px;
          height: 20px;
          position: absolute;
          right: 20px; }
        .view-display-id-downloads table th a img {
          display: none; }
    .view-display-id-downloads table th,
    .view-display-id-downloads table td {
      font-size: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      text-align: left;
      display: table-cell; }
    .view-display-id-downloads table tr {
      height: auto; }
    .view-display-id-downloads table td {
      padding: 5px 55px 5px 25px;
      font-weight: 600;
      border-bottom: 1px solid #e5e5e5; }
      .view-display-id-downloads table td p {
        margin: 0;
        color: black; }
    .view-display-id-downloads table .views-field-field-text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .view-display-id-downloads table .views-field-field-document-language {
      width: 17%; }
    .view-display-id-downloads table .download-file {
      display: inline-block;
      position: absolute;
      right: 15px; }
      .view-display-id-downloads table .download-file a {
        font-size: 0; }
        .view-display-id-downloads table .download-file a:after {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          position: absolute;
          right: 0;
          top: 0;
          font-size: 20px;
          font-family: icons;
          content: "⇥";
          display: inline-block;
          font-size: 17px;
          float: right;
          font-weight: 400; }
  .view-display-id-downloads .item-list {
    margin: 10px 0 55px; }
    .view-display-id-downloads .item-list .pager {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .view-display-id-downloads .item-list .pager a {
        margin: 0 !important; }

.node-type-media-library h1 {
  background-color: #dcecf9;
  margin: 0;
  padding: 35px 20px 0 20px; }

.node-type-media-library .ajax-progress.ajax-progress-throbber {
  display: none; }

.node-type-media-library .view-media-library {
  margin-top: 0; }
  .node-type-media-library .view-media-library .view-content .teaser.reference,
  .node-type-media-library .view-media-library .view-content .teaser.offer {
    width: 100%;
    height: auto; }
    .node-type-media-library .view-media-library .view-content .teaser.reference .right-content,
    .node-type-media-library .view-media-library .view-content .teaser.offer .right-content {
      width: auto; }
    .node-type-media-library .view-media-library .view-content .teaser.reference img,
    .node-type-media-library .view-media-library .view-content .teaser.offer img {
      max-width: 100%; }
  .node-type-media-library .view-media-library .item-list .pager {
    padding: 0; }

.node-type-media-library .pager-load-more a:first-child {
  margin-left: 9.912857%; }

.node-type-media-library .pager-load-more .show-all {
  float: right;
  background-color: #fff;
  color: #4f9ee0; }
  .node-type-media-library .pager-load-more .show-all:after {
    display: none; }

.node-type-media-library .select2-container .select2-dropdown {
  margin-top: 0; }

.mediathek-mood {
  font-size: 0;
  background-color: #dcecf9; }
  .mediathek-mood a:hover {
    color: #1a1919; }
  .mediathek-mood h1 {
    margin: 0;
    padding: 0 45px;
    line-height: 90px; }
  .mediathek-mood .video-wrapper {
    position: relative; }
  .mediathek-mood img {
    width: 100%;
    height: 100%; }
  .mediathek-mood .left,
  .mediathek-mood .right {
    box-sizing: border-box;
    vertical-align: top;
    width: 100%; }
  .mediathek-mood .left {
    position: relative; }
  .mediathek-mood .right .media-item {
    display: none; }
  .mediathek-mood .main-video {
    display: block;
    position: relative; }
  .mediathek-mood .video-format {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%; }
    .mediathek-mood .video-format iframe {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
  .mediathek-mood .cover-image {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    cursor: pointer;
    z-index: 200; }
    .mediathek-mood .cover-image:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-transition: opacity .5s ease-in-out;
              transition: opacity .5s ease-in-out;
      opacity: 1;
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); }
    .mediathek-mood .cover-image:hover:before {
      opacity: 0; }
    .mediathek-mood .cover-image > span {
      display: block;
      color: #fff;
      font-weight: 600;
      text-align: left;
      position: absolute;
      left: 60px;
      right: 60px;
      padding: 0 0 0 105px;
      font-size: 18px;
      bottom: 50%;
      -webkit-transform: translate(0, 50%);
              transform: translate(0, 50%); }
      .mediathek-mood .cover-image > span img.play {
        width: 75px;
        height: 75px;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
  .mediathek-mood.media-detail {
    padding: 40px; }

@-moz-document url-prefix() {
  .mediathek-mood.media-detail .left {
    display: block; }
    .mediathek-mood.media-detail .left img {
      height: auto; } }
    .mediathek-mood.media-detail .left .youtube-container--responsive {
      padding-bottom: 56.525%; }
    .mediathek-mood.media-detail .right {
      height: auto; }
      .mediathek-mood.media-detail .right .readmore > a {
        font-weight: 600; }
    .mediathek-mood.media-detail .cover-image .play {
      width: 70px;
      height: 70px; }
    .mediathek-mood.media-detail .readmore[aria-expanded="false"]:after {
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #dcecf9);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #dcecf9); }

.media-item {
  display: block;
  position: relative;
  max-width: 50%; }
  .media-item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background-color .5s ease-in-out;
            transition: background-color .5s ease-in-out;
    background-color: rgba(0, 0, 0, 0.3); }
  .media-item:hover h3,
  .media-item:hover .play {
    opacity: 0; }
  .media-item:hover:before {
    background-color: transparent; }
  .media-item img {
    width: 100%;
    display: block; }
  .media-item h3 {
    padding: 20px 20px 20px 55px;
    -webkit-transition: color .5s ease-in-out;
            transition: color .5s ease-in-out;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    color: #fff;
    -webkit-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out;
    font-size: 12px; }
  .media-item .play {
    max-width: 44px;
    position: absolute;
    display: inline-block;
    left: 15px;
    vertical-align: top;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out; }

#views-exposed-form-media-library-page {
  background-color: #dcecf9;
  border-bottom: 4px solid #147dd6;
  padding: 20px; }
  #views-exposed-form-media-library-page .views-exposed-widgets .views-exposed-widget {
    padding: .5em 33px 0 0;
    box-sizing: border-box;
    width: 100%;
    margin: 15px 0; }
  #views-exposed-form-media-library-page .views-exposed-widgets label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px; }
  #views-exposed-form-media-library-page .views-exposed-widgets .form-text {
    width: 100%;
    background-color: #ecf5fc;
    border: 1px solid #fff; }
  #views-exposed-form-media-library-page .views-exposed-widgets .form-item {
    width: 100%; }
  #views-exposed-form-media-library-page .select2-container .selection .select2-selection {
    border: 1px solid #fff; }
    #views-exposed-form-media-library-page .select2-container .selection .select2-selection .select2-selection__rendered {
      background-color: #ecf5fc;
      font-weight: 500; }

.node.full.video {
  margin-top: 0; }

.playlist-wrapper {
  margin: 0 0 50px 0; }

.recommended-wrapper {
  margin: 0 0 10px 0; }

.playlist-wrapper,
.recommended-wrapper {
  position: relative; }
  .playlist-wrapper h2,
  .recommended-wrapper h2 {
    margin: 20px 0 42px;
    max-width: 80%; }

.playlist-slider.slider {
  position: static; }
  .playlist-slider.slider a {
    display: block;
    margin: 0 12px; }
  .playlist-slider.slider .slick-list {
    margin: 0 -12px; }
  .playlist-slider.slider button.slick-arrow {
    top: 0;
    border: 1px solid #4f9ee0;
    background-color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 4px; }
    .playlist-slider.slider button.slick-arrow:before {
      color: #4f9ee0;
      width: 40px;
      line-height: 38px; }
    .playlist-slider.slider button.slick-arrow.slick-prev {
      right: 45px; }
    .playlist-slider.slider button.slick-arrow.slick-next {
      right: 0; }

.recommended-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .recommended-slider > .teaser {
    display: inline-block;
    padding: 35px 40px 40px 40px;
    margin: 0 0 30px 0;
    box-sizing: border-box; }

.node-type-video .breadcrumb-navigation > li:not(:first-child) > a.has-children {
  padding-right: 20px; }
  .node-type-video .breadcrumb-navigation > li:not(:first-child) > a.has-children:before {
    display: none; }

.node-type-video .node.header.video {
  margin-top: 0; }

.node.full.media-library {
  padding: 25px 0; }

.webform.full .webform-client-form div.status,
.webform.full .webform-client-form div.error {
  font-size: 14px;
  margin: 1em 0; }

.webform.full .webform-client-form .form-managed-file {
  display: inline-block;
  width: 100%; }

.webform.full .webform-client-form input.form-file {
  margin-right: 3%; }

.webform.full .webform-client-form .input.ajax-processed,
.webform.full .webform-client-form .form-submit {
  display: inline-block;
  vertical-align: middle; }

.webform.full .webform-client-form .file {
  display: inline-block;
  margin-right: 3%; }

.form-managed-file {
  line-height: 36px; }
  .form-managed-file .ajax-progress-throbber .throbber {
    background-image: url("../res/img/throbber.gif");
    background-position: 100% -20px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle; }

.cookies {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  max-width: 90%;
  padding: 30px 40px; }
  .cookies__button a {
    padding: 10px 15px 8px; }

.login-teaser .teaser-w-image .teaser-text {
  width: 100%; }

.login-teaser .teaser-w-image .teaser-image {
  width: 320px;
  padding: 30px;
  width: 100%;
  padding: 40px 0 0;
  height: 270px;
  text-align: center; }
  .login-teaser .teaser-w-image .teaser-image svg {
    height: 185px;
    width: 100%;
    vertical-align: middle;
    height: 100%;
    width: 100%; }

.special-offer p {
  color: #cd087c;
  font-weight: 800;
  font-size: 24px; }

.not-logged-in .price-number,
.not-logged-in .views-field-commerce-unit-price,
.not-logged-in .views-field-commerce-total,
.not-logged-in #edit-order-total-wrapper,
.not-logged-in .views-field-edit-melag-options {
  display: none !important; }

.career.full div.field-iframe {
  position: relative;
  box-sizing: border-box; }
  @media (max-width: 848px) {
    .career.full div.field-iframe {
      height: 1880px; } }
  @media (min-width: 849px) {
    .career.full div.field-iframe {
      height: 1200px; } }
  .career.full div.field-iframe iframe {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; }