@charset "UTF-8";
/*
++ GIT: 8_microsite_soe/module/Applications/MountingInstruction/mountingInstruction.scss
++ 2023-11-21 07:56 [f675db9] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-05-04 14:47 [4b73ce0] Dominik R?znar - Add CSS of Mounting Instruction module for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_MountingInstruction .searchHeader {
  background-color: #8c8c8c;
  height: 140px;
  position: relative;
  width: 100%;
  border: 1px solid #BBB;
  margin-bottom: 20px;
  /* skipped (PROJECT_BEHR) */ }
  @media (max-width: 1024px) {
    .module_MountingInstruction .searchHeader {
      height: auto; } }
  .module_MountingInstruction .searchHeader:not(.leftSideVersion) #left-side {
    width: 940px; }
  .module_MountingInstruction .searchHeader.noCategory {
    height: 75px; }
    .module_MountingInstruction .searchHeader.noCategory input[type="submit"] {
      width: 99% !important; }
  .module_MountingInstruction .searchHeader .searchMainInput {
    width: 66.6667%; }
  .module_MountingInstruction .searchHeader .searchButton {
    width: 33.3333%;
    display: flex;
    align-items: center;
    padding-left: 12px;
    justify-content: space-between; }
  .module_MountingInstruction .searchHeader .searchForm {
    display: flex;
    padding: 12px;
    width: 100%; }
    .module_MountingInstruction .searchHeader .searchForm span.deleteicon {
      position: relative; }
      .module_MountingInstruction .searchHeader .searchForm span.deleteicon input[type="text"] {
        border-radius: 5px;
        border: 1px solid #E9E9E9;
        color: #575757;
        font-family: Arial;
        font-size: 0.933em;
        font-weight: normal;
        height: 45px;
        line-height: 3em;
        padding-left: 14px;
        width: 100%; }
        .module_MountingInstruction .searchHeader .searchForm span.deleteicon input[type="text"]:focus {
          border: 1px solid #0024D3;
          box-shadow: 0 0 0 0; }
      .module_MountingInstruction .searchHeader .searchForm span.deleteicon span {
        background: url(images/search_delete.png) repeat scroll 0 0 transparent;
        cursor: pointer;
        display: block;
        height: 30px;
        margin-right: 7px;
        position: absolute;
        right: 10px;
        top: -5px;
        width: 30px; }
        .module_MountingInstruction .searchHeader .searchForm span.deleteicon span:hover {
          background: url("images/search_delete_active_orange.png") repeat scroll 0 0 transparent;
          /* skipped (PROJECT_BEHR) */ }
    .module_MountingInstruction .searchHeader .searchForm input[type="submit"] {
      border-radius: 5px;
      background-color: #0024D3;
      cursor: pointer;
      height: 45px;
      padding-bottom: 2px;
      width: 90%;
      border: none;
      text-transform: uppercase;
      color: white;
      font-weight: bold;
      /* skipped (PROJECT_BEHR) */ }
      @media (max-width: 1024px) {
        .module_MountingInstruction .searchHeader .searchForm input[type="submit"] {
          width: 100%; } }
    .module_MountingInstruction .searchHeader .searchForm input[type="button"] {
      background: url(images/000_Styleguide_r1_c5.png) no-repeat scroll center center transparent;
      border: medium none;
      cursor: pointer;
      height: 26px;
      width: 26px;
      margin-left: 6px;
      padding: 0;
      vertical-align: middle; }
      @media (max-width: 1024px) {
        .module_MountingInstruction .searchHeader .searchForm input[type="button"] {
          display: none; } }
      .module_MountingInstruction .searchHeader .searchForm input[type="button"]:hover {
        background: url("images/000_Styleguide_r1_c5_orange.png") no-repeat scroll center center transparent;
        /* skipped (PROJECT_BEHR) */ }
    .module_MountingInstruction .searchHeader .searchForm .searchtips {
      font-size: 24px;
      color: #fff;
      cursor: pointer; }
      @media (max-width: 1024px) {
        .module_MountingInstruction .searchHeader .searchForm .searchtips {
          display: none; } }
    .module_MountingInstruction .searchHeader .searchForm .infoText {
      background-color: white;
      border: 1px solid #8c8c8c;
      border-radius: 5px;
      display: none;
      font-size: 13px;
      padding: 2px;
      position: absolute;
      right: 0;
      top: 0; }
  .module_MountingInstruction .searchHeader .searchInfo {
    background-color: white;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
    display: none;
    right: 0;
    position: absolute;
    top: 90px;
    width: 555px;
    z-index: 200; }
    .module_MountingInstruction .searchHeader .searchInfo .bold {
      font-weight: bold; }
    .module_MountingInstruction .searchHeader .searchInfo .infoContent {
      margin: 13px;
      font-size: 13px;
      font-weight: normal; }
      .module_MountingInstruction .searchHeader .searchInfo .infoContent h3 {
        font-weight: bold;
        margin-bottom: 14px;
        font-size: 15px; }
      .module_MountingInstruction .searchHeader .searchInfo .infoContent table td {
        background-color: #E9E9E9;
        padding: 5px;
        vertical-align: middle; }
        .module_MountingInstruction .searchHeader .searchInfo .infoContent table td.first {
          width: 140px; }
    .module_MountingInstruction .searchHeader .searchInfo .infoClose {
      background: url("images/close.png") no-repeat scroll center center transparent;
      height: 35px;
      left: 507px;
      position: absolute;
      text-indent: -9999px;
      top: 0;
      width: 39px; }
      .module_MountingInstruction .searchHeader .searchInfo .infoClose:hover {
        background: url("images/close_orange_hover.png") no-repeat scroll center center transparent;
        /* skipped (PROJECT_BEHR) */ }
  .module_MountingInstruction .searchHeader .searchIcons {
    padding: 12px; }
    .module_MountingInstruction .searchHeader .searchIcons .resultIcon {
      background-color: #8c8c8c;
      border: 1px solid #8c8c8c;
      border-radius: 5px;
      cursor: pointer;
      float: left;
      height: 45px;
      position: relative;
      width: 100%;
      color: #575757;
      padding: 12px 0px; }
      @media (max-width: 1024px) {
        .module_MountingInstruction .searchHeader .searchIcons .resultIcon {
          margin-bottom: 10px; } }
      .module_MountingInstruction .searchHeader .searchIcons .resultIcon.active {
        background-color: #FFFFFF;
        border: 1px solid #8c8c8c; }
        .module_MountingInstruction .searchHeader .searchIcons .resultIcon.active .iconText {
          font-weight: bold; }
      .module_MountingInstruction .searchHeader .searchIcons .resultIcon .iconText {
        top: 15px;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        font-weight: normal;
        font-size: 13px; }
        .module_MountingInstruction .searchHeader .searchIcons .resultIcon .iconText:hover {
          cursor: pointer; }
      .module_MountingInstruction .searchHeader .searchIcons .resultIcon .numberOfResults {
        font-size: 11px;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        color: #575757;
        height: 13px;
        margin: 3px;
        padding: 3px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 22px;
        display: none;
        /* Will be displayed via js */ }
    .module_MountingInstruction .searchHeader .searchIcons:after {
      display: block;
      content: "";
      clear: both; }

.module_MountingInstruction .searchResults {
  display: none;
  /* Will be displayed via js */
  color: #575757;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal; }
  .module_MountingInstruction .searchResults .resultSummary {
    margin-bottom: 40px; }
  .module_MountingInstruction .searchResults h1 {
    color: #171616;
    display: block;
    font-size: 20px;
    font-family: Hella Regular,Arial,Helvetica;
    margin-bottom: 24px; }
    .module_MountingInstruction .searchResults h1 .query {
      font-family: Hella Regular,Arial,Helvetica;
      padding-left: 5px;
      text-transform: none; }
  .module_MountingInstruction .searchResults .itemsWrap .resultItem {
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Helvetica;
    line-height: 16px;
    color: #575757;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #8c8c8c;
    clear: both; }
    .module_MountingInstruction .searchResults .itemsWrap .resultItem .resultIcon {
      display: block;
      float: left;
      height: 125px;
      width: 105px;
      background-image: url("images/webportal.png");
      background-repeat: no-repeat; }
      .module_MountingInstruction .searchResults .itemsWrap .resultItem .resultIcon.pdf {
        background-image: url("images/pdf_pw.png"); }
      .module_MountingInstruction .searchResults .itemsWrap .resultItem .resultIcon.outer {
        background-image: url("images/webportal_2.png"); }
    .module_MountingInstruction .searchResults .itemsWrap .resultItem .resultHeadline {
      display: block;
      height: 30px;
      margin-bottom: 12px;
      font-size: 20px; }
      .module_MountingInstruction .searchResults .itemsWrap .resultItem .resultHeadline a {
        margin-right: 10px; }
    .module_MountingInstruction .searchResults .itemsWrap .resultItem .resultUrl {
      display: block;
      margin-bottom: 8px; }
  .module_MountingInstruction .searchResults .modulePage {
    margin: 7px auto;
    padding: 11px;
    text-align: center;
    display: none; }
    .module_MountingInstruction .searchResults .modulePage ul.jPag-pages {
      list-style-type: none;
      padding: 0;
      position: relative;
      display: inline-block;
      margin: 0 auto; }
      .module_MountingInstruction .searchResults .modulePage ul.jPag-pages:after {
        content: "";
        clear: both;
        display: block; }
      .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li {
        float: left;
        position: relative; }
        .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li span.jPag-current, .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li span:hover {
          background-color: #0024D3 !important;
          color: white;
          /* skipped (PROJECT_BEHR) */ }
        .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li span {
          border: 1px solid #8c8c8c;
          border-radius: 3px;
          color: #575757;
          display: block;
          font-size: 14px;
          font-weight: normal;
          height: 35px;
          line-height: 35px;
          margin: 0 0.1em;
          padding: 0;
          text-align: center;
          width: 35px; }
          .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li span.jPag-current, .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li span:hover {
            background-color: #0024D3 !important;
            color: white;
            cursor: pointer;
            /* skipped (PROJECT_BEHR) */ }
        .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-begin {
          background: url("images/000_Styleguide_r4_c32.png") no-repeat scroll center center transparent; }
          .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-begin:hover {
            background: url("images/000_Styleguide_r4_c32_white.png") no-repeat scroll center center transparent; }
        .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-sprevious {
          background: url("images/000_Styleguide_r4_c34.png") no-repeat scroll center center transparent; }
          .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-sprevious:hover {
            background: url("images/000_Styleguide_r22_c34_white.png") no-repeat scroll center center transparent; }
        .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-snext {
          background: url("images/000_Styleguide_r4_c36.png") no-repeat scroll center center transparent; }
          .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-snext:hover {
            background: url("images/000_Styleguide_r22_c36_white.png") no-repeat scroll center center transparent; }
        .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-end {
          background: url("images/000_Styleguide_r4_c38.png") no-repeat scroll center center transparent; }
          .module_MountingInstruction .searchResults .modulePage ul.jPag-pages li .jPag-end:hover {
            background: url("images/000_Styleguide_r4_c38_white.png") no-repeat scroll center center transparent; }
  .module_MountingInstruction .searchResults .noResult {
    display: none; }
    .module_MountingInstruction .searchResults .noResult span {
      padding-bottom: 20px; }
      .module_MountingInstruction .searchResults .noResult span.txt_noResultSuggestionTitle {
        font-weight: bold; }
    .module_MountingInstruction .searchResults .noResult ul {
      margin: 20px 0 0 35px; }
      .module_MountingInstruction .searchResults .noResult ul li {
        margin-bottom: 5px; }

@media (min-width: 1025px) {
  .module_MountingInstruction .col-ext-search {
    width: 33.33334%; }
    .module_MountingInstruction .col-ext-search:nth-child(1) {
      padding-right: 6px; }
    .module_MountingInstruction .col-ext-search:nth-child(2) {
      padding-left: 6px; }
    .module_MountingInstruction .col-ext-search:nth-child(3) {
      margin-right: 0;
      padding-left: 12px; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/Applications/SalesAppSearch/salesAppSearch.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2022-06-27 08:26 [480b445] Dominik R?znar - Add SalesAppSearch module to SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_SalesAppSearch .searchHeader {
  position: relative;
  border-radius: 0.2em;
  padding: 1.333em;
  margin-bottom: 4.667em;
  font-family: "Hella Regular";
  background-color: #f0f0f0; }
  .module_SalesAppSearch .searchHeader:not(.noCategory) {
    padding-bottom: 0; }
  .module_SalesAppSearch .searchHeader.extended {
    margin-bottom: 2em; }
  .module_SalesAppSearch .searchHeader:after {
    display: block;
    clear: both;
    content: ''; }
  .module_SalesAppSearch .searchHeader .searchForm {
    position: relative; }
    .module_SalesAppSearch .searchHeader .searchForm:hover .searchString {
      border: 0.2em solid #0024D3; }
    .module_SalesAppSearch .searchHeader .searchForm:hover .searchIcon {
      background-image: url("images/gsaModule_search_hover.png"); }
    .module_SalesAppSearch .searchHeader .searchForm input[name^='category'] {
      display: none; }
    .module_SalesAppSearch .searchHeader .searchForm .searchString {
      border-radius: 0.2em;
      border: 0.2em solid #0024D3;
      height: 3.733em;
      width: 100%;
      color: #8c8c8c;
      padding: 0 1.333em;
      outline: 0 none;
      font-family: "Hella Regular"; }
      @media (max-width: 1024px) {
        .module_SalesAppSearch .searchHeader .searchForm .searchString {
          font-size: 0.933em;
          height: 2.5em;
          margin-bottom: 1.429em; } }
    .module_SalesAppSearch .searchHeader .searchForm .searchIcon {
      position: absolute;
      right: 0.667em;
      top: 1.067em;
      width: 1.867em;
      height: 1.867em;
      background-image: url("images/gsaModule_search_hover.png");
      background-repeat: no-repeat;
      background-color: transparent;
      border: 0; }
      @media (max-width: 1024px) {
        .module_SalesAppSearch .searchHeader .searchForm .searchIcon {
          top: 0.533em;
          width: 1.333em;
          height: 1.333em;
          background-size: contain; } }
  .module_SalesAppSearch .searchHeader .searchCategoryMain {
    margin-top: 2.333em; }
    @media (max-width: 1024px) {
      .module_SalesAppSearch .searchHeader .searchCategoryMain {
        margin-top: 0.667em; } }
    @media (max-width: 1024px) {
      .module_SalesAppSearch .searchHeader .searchCategoryMain .salesAppSearchBtn {
        margin-top: 0.333em; } }
    .module_SalesAppSearch .searchHeader .searchCategoryMain .salesAppSearchBtn .btn {
      width: 100%;
      text-transform: uppercase;
      font-family: "Hella Medium";
      padding-top: 0.6em;
      cursor: pointer; }
      .module_SalesAppSearch .searchHeader .searchCategoryMain .salesAppSearchBtn .btn:not(.active) {
        color: #0024D3;
        background-color: white;
        border: 1px solid #0024D3; }
      .module_SalesAppSearch .searchHeader .searchCategoryMain .salesAppSearchBtn .btn:hover, .module_SalesAppSearch .searchHeader .searchCategoryMain .salesAppSearchBtn .btn.active {
        color: white;
        background-color: #0024D3; }
  @media (min-width: 1025px) {
    .module_SalesAppSearch .searchHeader .iconCont {
      margin-top: 1.8em; } }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 {
    float: left;
    position: relative;
    cursor: pointer; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_SalesAppSearch .searchHeader .iconCont .col-ext-7, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 {
        width: 25%; } }
    @media (max-width: 767px) {
      .module_SalesAppSearch .searchHeader .iconCont .col-ext-7, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 {
        width: 33%;
        height: 7.6em; } }
    .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .categoryIcon, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 .categoryIcon {
      width: 5.2em;
      height: 5.2em;
      margin: 0 auto;
      margin-bottom: 0.667em; }
      @media (max-width: 1024px) {
        .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .categoryIcon, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 .categoryIcon {
          background-size: contain;
          width: 4.133em;
          height: 4.133em; } }
      .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .categoryIcon:hover, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 .categoryIcon:hover {
        cursor: pointer; }
    .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .caption, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 .caption {
      text-align: center;
      text-transform: uppercase;
      color: #777;
      margin-bottom: 1.333em;
      font-family: "Hella Medium"; }
      @media (max-width: 1024px) {
        .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .caption, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6 .caption {
          font-size: 0.733em;
          margin-bottom: 1.818em; } }
    .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .caption, .module_SalesAppSearch .searchHeader .iconCont .col-ext-6.active .caption {
      color: #0024D3; }
  @media (min-width: 1025px) {
    .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 {
      width: 14.2%; } }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .mt {
    background-image: url("images/Material-type-default.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .lgh {
    background-image: url("images/gsaModule_lighting.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .erk {
    background-image: url("images/gsaModule_electrics.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .enk {
    background-image: url("images/gsaModule_electronics.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .brk {
    background-image: url("images/gsaModule_brake.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .bdw {
    background-image: url("images/gsaModule_body.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7 .others {
    background-image: url("images/Others-Default.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .mt {
    background-image: url("images/Brief-Info-Active.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .lgh {
    background-image: url("images/gsaModule_lighting_hover.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .erk {
    background-image: url("images/gsaModule_electrics_hover.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .enk {
    background-image: url("images/gsaModule_electronics_hover.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .brk {
    background-image: url("images/gsaModule_brake_hover.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .bdw {
    background-image: url("images/gsaModule_body_hover.png"); }
  .module_SalesAppSearch .searchHeader .iconCont .col-ext-7.active .others {
    background-image: url("images/Others-Active.png"); }
  .module_SalesAppSearch .searchHeader .subCategories ul {
    padding-left: 0.667em;
    list-style-type: none;
    color: #0024D3;
    margin-bottom: 0;
    width: 94%; }
    .module_SalesAppSearch .searchHeader .subCategories ul li {
      float: left;
      padding-right: 2em; }
      .module_SalesAppSearch .searchHeader .subCategories ul li input {
        margin-right: 0.333em; }
  .module_SalesAppSearch .searchHeader .clearFilters {
    color: #777;
    border: 1px solid #777;
    padding: 0.133em 0.667em;
    border-radius: 0.667em;
    float: right;
    cursor: pointer; }

.module_SalesAppSearch .searchCategories {
  margin-top: 2.333em; }
  .module_SalesAppSearch .searchCategories .searchCategory {
    padding-left: 1.333em;
    padding-right: 1.333em;
    position: relative; }
    @media (min-width: 1025px) {
      .module_SalesAppSearch .searchCategories .searchCategory.sixCol {
        width: 16.66%; } }
    @media (max-width: 1024px) {
      .module_SalesAppSearch .searchCategories .searchCategory {
        margin-bottom: 0.333em; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_SalesAppSearch .searchCategories .searchCategory {
        width: 33%;
        padding-left: 0.667em;
        padding-right: 0.667em; } }
    @media (max-width: 767px) {
      .module_SalesAppSearch .searchCategories .searchCategory {
        padding-left: 0.333em;
        padding-right: 0.333em; } }
    .module_SalesAppSearch .searchCategories .searchCategory .btnCategory {
      border: solid 1px black;
      border-radius: 0.2em;
      padding-left: 0.933em;
      padding-right: 0.933em;
      padding-bottom: 0.6em;
      padding-top: 0.8em;
      width: 100%;
      font-family: "Hella Medium";
      cursor: pointer; }
      .module_SalesAppSearch .searchCategories .searchCategory .btnCategory span.glyphicon, .module_SalesAppSearch .searchCategories .searchCategory .btnCategory .module_Info span.icon, .module_Info .module_SalesAppSearch .searchCategories .searchCategory .btnCategory span.icon {
        float: right; }
      .module_SalesAppSearch .searchCategories .searchCategory .btnCategory.active, .module_SalesAppSearch .searchCategories .searchCategory .btnCategory:hover {
        border-color: #0024D3;
        color: #0024D3;
        background-color: white; }
      .module_SalesAppSearch .searchCategories .searchCategory .btnCategory span.glyphicon:before, .module_SalesAppSearch .searchCategories .searchCategory .btnCategory .module_Info span.icon:before, .module_Info .module_SalesAppSearch .searchCategories .searchCategory .btnCategory span.icon:before {
        content: "\e114"; }
      .module_SalesAppSearch .searchCategories .searchCategory .btnCategory span.glyphicon.open:before, .module_SalesAppSearch .searchCategories .searchCategory .btnCategory .module_Info span.open.icon:before, .module_Info .module_SalesAppSearch .searchCategories .searchCategory .btnCategory span.open.icon:before {
        content: "\e113"; }
    .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList {
      position: absolute;
      background-color: white;
      top: 3.467em;
      width: 22em;
      z-index: 2;
      font-family: "Hella Medium";
      border: 1px solid #c8c8c8;
      box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.6) ; }
      .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .catHeader {
        padding: 0.8em 0.667em;
        border-bottom: 1px solid #c8c8c8;
        position: relative; }
        .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .catHeader .catSelected {
          min-height: 2.267em; }
          .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .catHeader .catSelected span {
            padding-right: 0.267em; }
          .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .catHeader .catSelected div {
            width: 20.455em;
            color: #575757;
            font-size: 0.733em;
            padding-top: 1px; }
        .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .catHeader .catClear {
          position: absolute;
          top: 0.8em;
          right: 0.667em;
          text-transform: uppercase;
          border: solid 1px black;
          padding: 0.2em 0.8em;
          padding-top: 0.4em;
          line-height: 1.467em;
          cursor: pointer; }
          .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .catHeader .catClear:hover {
            color: white;
            background-color: #0024D3; }
        .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .catHeader .glyphicon-remove {
          position: absolute;
          right: -2em;
          background-color: black;
          color: white;
          width: 2em;
          height: 2em;
          text-align: center;
          top: 0;
          line-height: 2em;
          cursor: pointer; }
      .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList ul {
        list-style: none;
        background-color: #f0f0f0;
        padding: 0.8em 0.667em;
        border-bottom: 1px solid #c8c8c8;
        margin-bottom: 0;
        max-height: 22em;
        overflow-y: scroll; }
        .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList ul li {
          background-color: white;
          border-radius: 0.2em;
          padding: 0.933em 0.8em 0.667em;
          cursor: pointer;
          margin-bottom: 0.667em; }
        .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList ul li.active, .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList ul li:hover {
          color: white;
          background-color: #0024D3; }
      .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .applySearchForm {
        padding: 0.867em 1.667em; }
        .module_SalesAppSearch .searchCategories .searchCategory .searchCategoryList .applySearchForm div {
          text-align: center;
          color: #0024D3;
          border: solid 1px #0024D3;
          padding-top: 0.444em;
          padding-bottom: 0.222em;
          font-size: 1.2em;
          cursor: pointer; }

.module_SalesAppSearch .favFolders {
  margin-bottom: 4.667em;
  padding-right: 2.667em !important;
  position: relative;
  overflow: hidden;
  height: 2.133em; }
  .module_SalesAppSearch .favFolders .favFolder {
    position: relative;
    margin-bottom: 1.333em; }
    .module_SalesAppSearch .favFolders .favFolder .btnsCover {
      border: 1px solid #0024D3;
      border-radius: 0.267em;
      padding-right: 1.667em; }
      .module_SalesAppSearch .favFolders .favFolder .btnsCover .btn {
        text-transform: uppercase;
        font-family: "Hella Medium";
        padding-top: 0.4em;
        padding-bottom: 0.267em;
        cursor: pointer;
        border-radius: 0;
        padding-left: 1.333em;
        padding-right: 1.333em;
        color: #0024D3;
        background-color: transparent;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 1px solid;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden; }
        .module_SalesAppSearch .favFolders .favFolder .btnsCover .btn:hover {
          color: white;
          background-color: #0024D3; }
      .module_SalesAppSearch .favFolders .favFolder .btnsCover .delete {
        position: absolute;
        right: 1.2em;
        top: 0.467em;
        color: #0024D3;
        width: 1.467em;
        cursor: pointer;
        text-align: center;
        margin-right: 0.333em; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_SalesAppSearch .favFolders .favFolder .btnsCover .delete {
            right: 0.533em; } }
        @media (max-width: 767px) {
          .module_SalesAppSearch .favFolders .favFolder .btnsCover .delete {
            right: 0.2em; } }
        .module_SalesAppSearch .favFolders .favFolder .btnsCover .delete:before {
          font-size: 0.8em; }
    .module_SalesAppSearch .favFolders .favFolder.active .btn {
      color: white;
      background-color: #0024D3; }
  .module_SalesAppSearch .favFolders .extender {
    position: absolute;
    top: 0.278em;
    right: 1.389em;
    font-size: 1.2em;
    color: #0024D3;
    cursor: pointer; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_SalesAppSearch .favFolders .extender {
        right: 1.222em; } }
    @media (max-width: 767px) {
      .module_SalesAppSearch .favFolders .extender {
        right: 1em; } }

.module_SalesAppSearch .searchResults .resultHeader {
  font-family: "Hella Regular";
  font-size: 1.133em;
  padding-bottom: 1.765em; }
  .module_SalesAppSearch .searchResults .resultHeader span {
    margin-right: 2em; }
    .module_SalesAppSearch .searchResults .resultHeader span:hover {
      text-decoration: underline;
      cursor: pointer; }
    .module_SalesAppSearch .searchResults .resultHeader span.glyphicon-envelope, .module_SalesAppSearch .searchResults .resultHeader .module_Info span.icon.icon3, .module_Info .module_SalesAppSearch .searchResults .resultHeader span.icon.icon3, .module_SalesAppSearch .searchResults .resultHeader span.selectedItems {
      margin-right: 0; }
      .module_SalesAppSearch .searchResults .resultHeader span.glyphicon-envelope:hover, .module_SalesAppSearch .searchResults .resultHeader .module_Info span.icon.icon3:hover, .module_Info .module_SalesAppSearch .searchResults .resultHeader span.icon.icon3:hover, .module_SalesAppSearch .searchResults .resultHeader span.selectedItems:hover {
        text-decoration: none;
        cursor: default; }
    .module_SalesAppSearch .searchResults .resultHeader span.selectedItems, .module_SalesAppSearch .searchResults .resultHeader span.countries, .module_SalesAppSearch .searchResults .resultHeader span.languages, .module_SalesAppSearch .searchResults .resultHeader span.countriesIcon, .module_SalesAppSearch .searchResults .resultHeader span.languagesIcon {
      float: right; }
  .module_SalesAppSearch .searchResults .resultHeader .searchCategories {
    display: inline-block;
    margin-top: 0;
    float: right; }
    .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory {
      display: inline-block;
      float: right;
      padding: 0; }
      .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory {
        border: 0;
        padding: 0;
        font-family: "Hella Regular";
        color: black; }
        .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory.active, .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory:hover {
          color: black; }
        .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory:hover {
          text-decoration: underline; }
        .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory .glyphicon, .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory .module_Info .icon, .module_Info .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory .icon {
          line-height: 1.294em;
          margin-left: 0.235em; }
          .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory .glyphicon:hover, .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory .module_Info .icon:hover, .module_Info .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .btnCategory .icon:hover {
            text-decoration: none; }
      .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .searchCategoryList span {
        margin-right: 0; }
        .module_SalesAppSearch .searchResults .resultHeader .searchCategories .searchCategory .searchCategoryList span:hover {
          text-decoration: none; }

.module_SalesAppSearch .searchResults .resultItem {
  width: 50%;
  float: left;
  padding-bottom: 2em;
  position: relative;
  height: 16em; }
  @media (max-width: 767px) {
    .module_SalesAppSearch .searchResults .resultItem {
      width: 100%; } }
  .module_SalesAppSearch .searchResults .resultItem .previewIcon {
    float: left;
    min-height: 14.467em;
    max-width: 10em;
    cursor: pointer;
    position: absolute;
    z-index: 1; }
  .module_SalesAppSearch .searchResults .resultItem .docStatus {
    font-size: 1.333em;
    text-transform: uppercase;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #0024D3;
    padding-top: 1px;
    display: none; }
    @media (max-width: 1024px) {
      .module_SalesAppSearch .searchResults .resultItem .docStatus {
        font-size: 1.2em; } }
    .module_SalesAppSearch .searchResults .resultItem .docStatus.new {
      background-color: lightgreen;
      display: inline; }
    .module_SalesAppSearch .searchResults .resultItem .docStatus.updated {
      background-color: #ec971f;
      color: white;
      display: inline; }
  .module_SalesAppSearch .searchResults .resultItem .itemContent {
    color: black;
    font-family: "Hella Regular";
    float: left;
    padding-left: 11.667em;
    padding-bottom: 4em;
    padding-right: 1.333em;
    width: 100%;
    position: relative; }
    .module_SalesAppSearch .searchResults .resultItem .itemContent .itemHeadline {
      color: #0024D3;
      padding-bottom: 0.5em;
      font-size: 1.333em;
      text-transform: uppercase;
      padding-top: 0.3em; }
      @media (max-width: 1024px) {
        .module_SalesAppSearch .searchResults .resultItem .itemContent .itemHeadline {
          font-size: 1.2em; } }
    .module_SalesAppSearch .searchResults .resultItem .itemContent ul {
      padding-left: 1.2em;
      padding-top: 0.667em; }
    .module_SalesAppSearch .searchResults .resultItem .itemContent .itemIcons {
      font-size: 1.333em;
      position: absolute;
      top: 8.5em;
      width: 62%; }
      @media (max-width: 767px) {
        .module_SalesAppSearch .searchResults .resultItem .itemContent .itemIcons {
          width: 68%; } }
      .module_SalesAppSearch .searchResults .resultItem .itemContent .itemIcons a {
        color: black; }
      .module_SalesAppSearch .searchResults .resultItem .itemContent .itemIcons span {
        padding-right: 1.333em;
        cursor: pointer; }
      .module_SalesAppSearch .searchResults .resultItem .itemContent .itemIcons input {
        float: right;
        width: 0.9em;
        height: 0.9em; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_SalesAppSearch .searchResults .resultItem .itemContent .itemIcons input {
            margin-right: 2em; } }
  .module_SalesAppSearch .searchResults .resultItem.bpi {
    width: 100%;
    height: 100%;
    border-radius: 0.333em;
    cursor: pointer;
    padding: 0.667em 1.667em; }
    .module_SalesAppSearch .searchResults .resultItem.bpi.active, .module_SalesAppSearch .searchResults .resultItem.bpi:hover {
      background-color: #f0f0f0; }
    .module_SalesAppSearch .searchResults .resultItem.bpi .previewIcon {
      min-height: 7.667em;
      max-width: 5.4em; }
    .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent {
      padding-left: 18em;
      width: 60%;
      position: static; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent {
          padding-left: 12em;
          width: 58%; } }
      @media (max-width: 767px) {
        .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent {
          padding-left: 10em; } }
      .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemHeadline {
        font-size: 1.267em; }
      .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .docStatusCont {
        font-size: 0.933em; }
        .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .docStatusCont p {
          margin-bottom: 0.333em; }
      .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemIcons {
        position: static; }
        .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemIcons input {
          font-size: 1.2em;
          position: absolute;
          top: 0.417em;
          right: 0.833em; }
          @media (min-width: 768px) and (max-width: 1024px) {
            .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemIcons input {
              margin-right: 0; } }
        .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemIcons .glyphicon-envelope, .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemIcons .module_Info .icon.icon3, .module_Info .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemIcons .icon.icon3 {
          position: absolute;
          right: -0.3em;
          top: 3em; }
        .module_SalesAppSearch .searchResults .resultItem.bpi .itemContent .itemIcons .glyphicon-download-alt {
          position: absolute;
          right: -0.3em;
          top: 5em; }
    .module_SalesAppSearch .searchResults .resultItem.bpi .itemCategories {
      font-family: "Hella Regular";
      padding-top: 0.714em;
      padding-right: 1.786em;
      font-size: 0.933em; }
      @media (max-width: 767px) {
        .module_SalesAppSearch .searchResults .resultItem.bpi .itemCategories {
          width: 30%;
          float: left; } }
      .module_SalesAppSearch .searchResults .resultItem.bpi .itemCategories p {
        margin-bottom: 0.333em; }
      .module_SalesAppSearch .searchResults .resultItem.bpi .itemCategories b {
        font-weight: normal;
        color: #0024D3; }
    .module_SalesAppSearch .searchResults .resultItem.bpi .docStatus {
      position: absolute;
      font-size: 0.867em;
      left: 9.231em;
      top: 1.154em;
      font-weight: bold; }

.module_SalesAppSearch .searchResults .resultItemCover {
  height: 10em;
  padding-bottom: 0.667em;
  margin-bottom: 0.667em;
  border-bottom: 1px solid #f0f0f0; }

.module_SalesAppSearch .searchResults .modulePage {
  margin: 7px auto;
  padding: 11px;
  text-align: center;
  display: none; }
  .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages {
    float: left;
    left: 54%;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    position: relative; }
    .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li {
      float: left;
      position: relative;
      right: 60%; }
      .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li span.jPag-current, .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li span:hover {
        background-color: #E49A00 !important;
        color: white; }
      .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li span {
        border: 1px solid #DDD;
        color: #0024D3;
        display: block;
        font-size: 18px;
        font-weight: normal;
        height: 46px;
        line-height: 46px;
        padding: 0;
        text-align: center;
        width: 42px; }
        .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li span.jPag-current, .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li span:hover {
          background-color: #0024D3 !important;
          color: white;
          cursor: pointer; }
      .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-begin {
        background: url("images/000_Styleguide_r4_c32.png") no-repeat scroll center center transparent;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px; }
        .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-begin:hover {
          background: url("images/000_Styleguide_r4_c32_white.png") no-repeat scroll center center transparent; }
      .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-sprevious {
        background: url("images/000_Styleguide_r4_c34.png") no-repeat scroll center center transparent; }
        .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-sprevious:hover {
          background: url("images/000_Styleguide_r22_c34_white.png") no-repeat scroll center center transparent; }
      .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-snext {
        background: url("images/000_Styleguide_r4_c36.png") no-repeat scroll center center transparent; }
        .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-snext:hover {
          background: url("images/000_Styleguide_r22_c36_white.png") no-repeat scroll center center transparent; }
      .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-end {
        background: url("images/000_Styleguide_r4_c38.png") no-repeat scroll center center transparent;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px; }
        .module_SalesAppSearch .searchResults .modulePage ul.jPag-pages li .jPag-end:hover {
          background: url("images/000_Styleguide_r4_c38_white.png") no-repeat scroll center center transparent; }

.module_SalesAppSearch .searchResults .noResult {
  display: none; }
  .module_SalesAppSearch .searchResults .noResult span {
    padding-bottom: 20px; }
    .module_SalesAppSearch .searchResults .noResult span.txt_noResultSuggestionTitle {
      font-weight: bold; }
  .module_SalesAppSearch .searchResults .noResult ul {
    margin: 20px 0 0 35px; }
    .module_SalesAppSearch .searchResults .noResult ul li {
      margin-bottom: 5px; }

.module_SalesAppSearch .hidden {
  display: none; }

.module_SalesAppSearch .clear {
  clear: both; }

.module_SalesAppSearch .modalCont {
  position: relative; }
  .module_SalesAppSearch .modalCont .modalBackground {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: .4; }
  .module_SalesAppSearch .modalCont .dialogBase {
    width: 23.333em;
    background-color: white;
    margin: 0 auto;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    padding: 1em 1.333em;
    text-align: center;
    font-family: "Hella Medium"; }
    .module_SalesAppSearch .modalCont .dialogBase .folderToDelete {
      font-size: 1.2em;
      padding-top: 0.833em;
      padding-bottom: 0.833em; }
    .module_SalesAppSearch .modalCont .dialogBase .favFolderListCover, .module_SalesAppSearch .modalCont .dialogBase .newFolderCover {
      padding-top: 1em;
      padding-bottom: 1em;
      text-align: left; }
      .module_SalesAppSearch .modalCont .dialogBase .favFolderListCover label, .module_SalesAppSearch .modalCont .dialogBase .newFolderCover label {
        padding-left: 0.333em;
        width: 51%; }
      .module_SalesAppSearch .modalCont .dialogBase .favFolderListCover select.favFolderList, .module_SalesAppSearch .modalCont .dialogBase .favFolderListCover input.newFolderName, .module_SalesAppSearch .modalCont .dialogBase .newFolderCover select.favFolderList, .module_SalesAppSearch .modalCont .dialogBase .newFolderCover input.newFolderName {
        width: 46%;
        font-family: "Hella Regular"; }
      .module_SalesAppSearch .modalCont .dialogBase .favFolderListCover .err, .module_SalesAppSearch .modalCont .dialogBase .newFolderCover .err {
        text-align: right;
        color: #c61313;
        font-size: 0.8em;
        padding-right: 0.417em; }
    .module_SalesAppSearch .modalCont .dialogBase .newFolderCover {
      padding-top: 0; }
    .module_SalesAppSearch .modalCont .dialogBase .btn {
      width: 46%;
      margin-left: 0.333em;
      margin-right: 0.333em;
      padding-top: 0.333em;
      padding-bottom: 0.267em;
      text-transform: uppercase; }
      .module_SalesAppSearch .modalCont .dialogBase .btn.decline {
        background-color: white;
        color: black; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/Applications/Search/search.scss
++ 2023-11-21 07:56 [f675db9] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-23 09:18 [e2be36f] Dominik R?znar - Update CSS of Search module for MS SOE
++ 2021-04-26 07:55 [3775fe0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-04-14 08:13 [488dc81] Dominik R?znar - Add Search module for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Search .blind {
  display: none; }

.module_Search .searchHeader {
  background-color: #E9E9E9;
  height: 140px;
  position: relative;
  width: 100%;
  border: 1px solid #BBB;
  margin-bottom: 20px;
  /* skipped (PROJECT_BEHR) */ }
  @media (max-width: 1024px) {
    .module_Search .searchHeader {
      height: auto; } }
  .module_Search .searchHeader:not(.leftSideVersion) #left-side {
    width: 940px; }
  .module_Search .searchHeader.noCategory {
    height: 75px; }
    .module_Search .searchHeader.noCategory input[type="submit"] {
      width: 99% !important; }
  .module_Search .searchHeader .searchMainInput {
    width: 66.6667%; }
  .module_Search .searchHeader .searchButton {
    width: 33.3333%;
    display: flex;
    align-items: center;
    padding-left: 12px;
    justify-content: space-between; }
  .module_Search .searchHeader .searchForm {
    display: flex;
    padding: 12px;
    width: 100%; }
    .module_Search .searchHeader .searchForm span.deleteicon {
      position: relative; }
      .module_Search .searchHeader .searchForm span.deleteicon input[type="text"] {
        border-radius: 5px;
        border: 1px solid #E9E9E9;
        color: #8c8c8c;
        font-family: Arial;
        font-size: 0.933em;
        font-weight: normal;
        height: 45px;
        line-height: 3em;
        padding-left: 14px;
        width: 100%; }
        .module_Search .searchHeader .searchForm span.deleteicon input[type="text"]:focus {
          border: 1px solid #0024D3;
          box-shadow: 0 0 0 0; }
      .module_Search .searchHeader .searchForm span.deleteicon span {
        background: url(images/search_delete.png) repeat scroll 0 0 transparent;
        cursor: pointer;
        display: block;
        height: 30px;
        margin-right: 7px;
        position: absolute;
        right: 10px;
        top: -5px;
        width: 30px; }
        .module_Search .searchHeader .searchForm span.deleteicon span:hover {
          background: url("images/search_delete_active_yellow.png") repeat scroll 0 0 transparent;
          /* skipped (PROJECT_BEHR) */ }
    .module_Search .searchHeader .searchForm input[type="submit"] {
      border-radius: 5px;
      background-color: #171616;
      cursor: pointer;
      height: 45px;
      padding-bottom: 2px;
      width: 90%;
      border: none;
      text-transform: uppercase;
      color: white;
      font-weight: bold;
      /* skipped (PROJECT_BEHR) */ }
      @media (max-width: 1024px) {
        .module_Search .searchHeader .searchForm input[type="submit"] {
          width: 100%; } }
    .module_Search .searchHeader .searchForm input[type="button"] {
      background: url(images/000_Styleguide_r1_c5.png) no-repeat scroll center center transparent;
      border: medium none;
      cursor: pointer;
      height: 26px;
      width: 26px;
      margin-left: 6px;
      padding: 0;
      vertical-align: middle; }
      @media (max-width: 1024px) {
        .module_Search .searchHeader .searchForm input[type="button"] {
          display: none; } }
      .module_Search .searchHeader .searchForm input[type="button"]:hover {
        background: url("images/000_Styleguide_r1_c5_orange.png") no-repeat scroll center center transparent;
        /* skipped (PROJECT_BEHR) */ }
    .module_Search .searchHeader .searchForm .searchtips {
      font-size: 24px;
      color: #8c8c8c;
      cursor: pointer; }
      @media (max-width: 1024px) {
        .module_Search .searchHeader .searchForm .searchtips {
          display: none; } }
    .module_Search .searchHeader .searchForm .infoText {
      background-color: white;
      border: 1px solid #8c8c8c;
      border-radius: 5px;
      display: none;
      font-size: 13px;
      padding: 2px;
      position: absolute;
      right: 0;
      top: 0; }
  .module_Search .searchHeader .searchInfo {
    background-color: white;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
    display: none;
    right: 0;
    position: absolute;
    top: 90px;
    width: 555px;
    z-index: 200; }
    .module_Search .searchHeader .searchInfo .bold {
      font-weight: bold; }
    .module_Search .searchHeader .searchInfo .infoContent {
      margin: 13px;
      font-size: 13px;
      font-weight: normal;
      color: #575757; }
      .module_Search .searchHeader .searchInfo .infoContent h3 {
        font-weight: bold;
        margin-bottom: 14px;
        font-size: 15px; }
      .module_Search .searchHeader .searchInfo .infoContent table td {
        background-color: #E9E9E9;
        padding: 5px;
        vertical-align: middle; }
        .module_Search .searchHeader .searchInfo .infoContent table td.first {
          width: 140px; }
    .module_Search .searchHeader .searchInfo .infoClose {
      background: url("images/close.png") no-repeat scroll center center transparent;
      height: 35px;
      left: 507px;
      position: absolute;
      text-indent: -9999px;
      top: 0;
      width: 39px; }
      .module_Search .searchHeader .searchInfo .infoClose:hover {
        background: url("images/close_yellow_hover.png") no-repeat scroll center center transparent;
        /* skipped (PROJECT_BEHR) */ }
  .module_Search .searchHeader .searchIcons {
    padding: 12px; }
    .module_Search .searchHeader .searchIcons .resultIcon {
      background-color: #8c8c8c;
      border: 1px solid #8c8c8c;
      border-radius: 5px;
      cursor: pointer;
      float: left;
      height: 45px;
      position: relative;
      width: 100%;
      color: #171616;
      padding: 12px 0px; }
      @media (max-width: 1024px) {
        .module_Search .searchHeader .searchIcons .resultIcon {
          margin-bottom: 10px; } }
      .module_Search .searchHeader .searchIcons .resultIcon.active {
        background-color: #FFFFFF;
        border: 1px solid #8c8c8c; }
        .module_Search .searchHeader .searchIcons .resultIcon.active .iconText {
          font-weight: bold; }
      .module_Search .searchHeader .searchIcons .resultIcon .iconText {
        top: 15px;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        font-weight: normal;
        font-size: 13px; }
        .module_Search .searchHeader .searchIcons .resultIcon .iconText:hover {
          cursor: pointer; }
      .module_Search .searchHeader .searchIcons .resultIcon .numberOfResults {
        font-size: 11px;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        color: #575757;
        height: 13px;
        margin: 3px;
        padding: 3px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 22px;
        display: none;
        /* Will be displayed via js */ }
    .module_Search .searchHeader .searchIcons:after {
      display: block;
      content: "";
      clear: both; }

.module_Search .searchResults {
  display: none;
  /* Will be displayed via js */
  color: #575757;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal; }
  .module_Search .searchResults .resultSummary {
    margin-bottom: 40px; }
  .module_Search .searchResults h1 {
    color: #171616;
    display: block;
    font-size: 20px;
    font-family: Hella Regular,Arial,Helvetica;
    margin-bottom: 24px; }
    .module_Search .searchResults h1 .query {
      font-family: Hella Regular,Arial,Helvetica;
      padding-left: 5px;
      text-transform: none; }
  .module_Search .searchResults .itemsWrap .resultItem {
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Helvetica;
    line-height: 16px;
    color: #575757;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
    clear: both; }
    .module_Search .searchResults .itemsWrap .resultItem .resultIcon {
      display: block;
      float: left;
      height: 125px;
      width: 105px;
      background-image: url("images/webportal.png");
      background-repeat: no-repeat; }
      .module_Search .searchResults .itemsWrap .resultItem .resultIcon.pdf {
        background-image: url("images/pdf_pw.png"); }
      .module_Search .searchResults .itemsWrap .resultItem .resultIcon.outer {
        background-image: url("images/webportal_2.png"); }
    .module_Search .searchResults .itemsWrap .resultItem .resultHeadline {
      display: block;
      height: 30px;
      margin-bottom: 12px;
      font-size: 20px; }
      .module_Search .searchResults .itemsWrap .resultItem .resultHeadline a {
        margin-right: 10px;
        color: #0024D3; }
    .module_Search .searchResults .itemsWrap .resultItem .resultUrl {
      display: block;
      margin-bottom: 8px;
      color: #0024D3; }
  .module_Search .searchResults .modulePage {
    margin: 7px auto;
    padding: 11px;
    text-align: center;
    display: none; }
    .module_Search .searchResults .modulePage ul.jPag-pages {
      list-style-type: none;
      padding: 0;
      position: relative;
      display: inline-block;
      margin: 0 auto; }
      .module_Search .searchResults .modulePage ul.jPag-pages:after {
        content: "";
        clear: both;
        display: block; }
      .module_Search .searchResults .modulePage ul.jPag-pages li {
        float: left;
        position: relative; }
        .module_Search .searchResults .modulePage ul.jPag-pages li span.jPag-current, .module_Search .searchResults .modulePage ul.jPag-pages li span:hover {
          background-color: #171616 !important;
          color: white;
          /* skipped (PROJECT_BEHR) */ }
        .module_Search .searchResults .modulePage ul.jPag-pages li span {
          border: 1px solid #8c8c8c;
          border-radius: 3px;
          color: #575757;
          display: block;
          font-size: 14px;
          font-weight: normal;
          height: 35px;
          line-height: 35px;
          margin: 0 0.1em;
          padding: 0;
          text-align: center;
          width: 35px; }
          .module_Search .searchResults .modulePage ul.jPag-pages li span.jPag-current, .module_Search .searchResults .modulePage ul.jPag-pages li span:hover {
            background-color: #171616 !important;
            color: white;
            cursor: pointer;
            /* skipped (PROJECT_BEHR) */ }
        .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-begin {
          background: url("images/000_Styleguide_r4_c32.png") no-repeat scroll center center transparent; }
          .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-begin:hover {
            background: url("images/000_Styleguide_r4_c32_white.png") no-repeat scroll center center transparent; }
        .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-sprevious {
          background: url("images/000_Styleguide_r4_c34.png") no-repeat scroll center center transparent; }
          .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-sprevious:hover {
            background: url("images/000_Styleguide_r22_c34_white.png") no-repeat scroll center center transparent; }
        .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-snext {
          background: url("images/000_Styleguide_r4_c36.png") no-repeat scroll center center transparent; }
          .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-snext:hover {
            background: url("images/000_Styleguide_r22_c36_white.png") no-repeat scroll center center transparent; }
        .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-end {
          background: url("images/000_Styleguide_r4_c38.png") no-repeat scroll center center transparent; }
          .module_Search .searchResults .modulePage ul.jPag-pages li .jPag-end:hover {
            background: url("images/000_Styleguide_r4_c38_white.png") no-repeat scroll center center transparent; }
  .module_Search .searchResults .noResult {
    display: none; }
    .module_Search .searchResults .noResult span {
      padding-bottom: 20px; }
      .module_Search .searchResults .noResult span.txt_noResultSuggestionTitle {
        font-weight: bold; }
    .module_Search .searchResults .noResult ul {
      margin: 20px 0 0 35px; }
      .module_Search .searchResults .noResult ul li {
        margin-bottom: 5px; }

@media (min-width: 1025px) {
  .module_Search .col-ext-search {
    width: 33.33334%; }
    .module_Search .col-ext-search:nth-child(1) {
      padding-right: 6px; }
    .module_Search .col-ext-search:nth-child(2) {
      padding-left: 6px; }
    .module_Search .col-ext-search:nth-child(3) {
      margin-right: 0;
      padding-left: 12px; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/AudioPlayer/audioPlayer.scss
++ 2022-02-03 09:12 [07f8714] Dominik R?znar - Add CSS for Audio module for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_AudioPlayer .audioName {
  display: block;
  margin: 0.667em 0; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Carousel/carousel.scss
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Carousel .carousel-inner {
  /* skipped (TYPE_CMS) */ }
  .module_Carousel .carousel-inner a {
    width: 100%;
    height: 100%;
    display: block; }
    .module_Carousel .carousel-inner a:hover, .module_Carousel .carousel-inner a:visited, .module_Carousel .carousel-inner a:active {
      text-decoration: none; }
    .module_Carousel .carousel-inner a img {
      -khtml-user-select: none;
      user-select: none; }
    .module_Carousel .carousel-inner a .carousel-caption {
      font-family: "Hella Medium";
      color: #171616;
      font-size: 1.2em;
      position: static;
      text-shadow: none; }
  .module_Carousel .carousel-inner .item {
    margin: 0 !important; }
  .module_Carousel .carousel-inner .cloneditem-1, .module_Carousel .carousel-inner .cloneditem-2, .module_Carousel .carousel-inner .cloneditem-3, .module_Carousel .carousel-inner .cloneditem-4 {
    display: block; }
  .module_Carousel .carousel-inner > .active.left, .module_Carousel .carousel-inner > .prev {
    left: -25%; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Carousel .carousel-inner > .active.left, .module_Carousel .carousel-inner > .prev {
        left: -50%; } }
    @media (max-width: 767px) {
      .module_Carousel .carousel-inner > .active.left, .module_Carousel .carousel-inner > .prev {
        left: -100%; } }
  .module_Carousel .carousel-inner > .active.right, .module_Carousel .carousel-inner > .next {
    left: 25%; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Carousel .carousel-inner > .active.right, .module_Carousel .carousel-inner > .next {
        left: -50%; } }
    @media (max-width: 767px) {
      .module_Carousel .carousel-inner > .active.right, .module_Carousel .carousel-inner > .next {
        left: -100%; } }
  .module_Carousel .carousel-inner > .left, .module_Carousel .carousel-inner > .prev.right, .module_Carousel .carousel-inner > .active {
    left: 0; }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .module_Carousel .carousel-inner > .item.active.right, .module_Carousel .carousel-inner > .item.next {
      transform: translate3d(25%, 0, 0);
      left: 0; } }
  @media all and (transform-3d) and (min-width: 768px) and (max-width: 1024px), (-webkit-transform-3d) and (min-width: 768px) and (max-width: 1024px) {
    .module_Carousel .carousel-inner > .item.active.right, .module_Carousel .carousel-inner > .item.next {
      transform: translate3d(50%, 0, 0); } }
  @media all and (transform-3d) and (max-width: 767px), (-webkit-transform-3d) and (max-width: 767px) {
    .module_Carousel .carousel-inner > .item.active.right, .module_Carousel .carousel-inner > .item.next {
      transform: translate3d(100%, 0, 0); } }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .module_Carousel .carousel-inner > .item.active.left, .module_Carousel .carousel-inner > .item.prev {
      transform: translate3d(-25%, 0, 0);
      left: 0; } }
  @media all and (transform-3d) and (min-width: 768px) and (max-width: 1024px), (-webkit-transform-3d) and (min-width: 768px) and (max-width: 1024px) {
    .module_Carousel .carousel-inner > .item.active.left, .module_Carousel .carousel-inner > .item.prev {
      transform: translate3d(-50%, 0, 0); } }
  @media all and (transform-3d) and (max-width: 767px), (-webkit-transform-3d) and (max-width: 767px) {
    .module_Carousel .carousel-inner > .item.active.left, .module_Carousel .carousel-inner > .item.prev {
      transform: translate3d(-100%, 0, 0); } }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .module_Carousel .carousel-inner > .item.left, .module_Carousel .carousel-inner > .item.prev.right, .module_Carousel .carousel-inner > .item.active {
      transform: translate3d(0, 0, 0);
      left: 0; } }

.module_Carousel .carousel-control {
  width: 50px;
  background-image: none;
  font-family: 'Glyphicons Halflings';
  color: #ffffff;
  font-size: 3.333em;
  transition: opacity 0.3s ease; }
  .module_Carousel .carousel-control:before {
    line-height: 1em;
    display: inline-block;
    transform: scaleX(0.8); }
  .module_Carousel .carousel-control.left:before {
    content: "\e251";
    display: block;
    text-shadow: 0 0 0.36em #171616;
    position: absolute;
    top: 50%;
    margin-top: -50px; }
  .module_Carousel .carousel-control.right:before {
    content: "\e250";
    display: block;
    text-shadow: 0 0 0.36em #171616;
    position: absolute;
    top: 50%;
    margin-top: -50px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ContentBox/contentBox.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ContentBox > .box, .module_ContentBox > .reddotMenu > .box {
  border: 1px solid #8c8c8c;
  background-color: #ffffff;
  border-radius: 5px; }
  @media (max-width: 1024px) {
    .module_ContentBox > .box, .module_ContentBox > .reddotMenu > .box {
      padding: 10px !important; } }
  @media (min-width: 1025px) {
    .module_ContentBox > .box, .module_ContentBox > .reddotMenu > .box {
      padding: 20px !important; } }
  .module_ContentBox > .box > *:last-child, .module_ContentBox > .reddotMenu > .box > *:last-child {
    margin-bottom: 0 !important; }
    .module_ContentBox > .box > *:last-child > *[class*='module_'], .module_ContentBox > .reddotMenu > .box > *:last-child > *[class*='module_'] {
      margin-bottom: 0 !important; }
  .module_ContentBox > .box > *[class*='module_'], .module_ContentBox > .reddotMenu > .box > *[class*='module_'] {
    margin-bottom: 20px; }
    @media (max-width: 1024px) {
      .module_ContentBox > .box > *[class*='module_'], .module_ContentBox > .reddotMenu > .box > *[class*='module_'] {
        margin-bottom: 10px; } }
  .module_ContentBox > .box > .module_Headline .headline, .module_ContentBox > .reddotMenu > .box > .module_Headline .headline {
    font-size: 1.2em;
    color: #171616; }
    .module_ContentBox > .box > .module_Headline .headline .subHeadline, .module_ContentBox > .reddotMenu > .box > .module_Headline .headline .subHeadline {
      color: #575757; }
  .module_ContentBox > .box > .module_Text h1, .module_ContentBox > .box > .module_Text h2, .module_ContentBox > .box > .module_Text h3, .module_ContentBox > .box > .module_Text h4, .module_ContentBox > .box > .module_Text h5, .module_ContentBox > .box > .module_Text h6, .module_ContentBox > .reddotMenu > .box > .module_Text h1, .module_ContentBox > .reddotMenu > .box > .module_Text h2, .module_ContentBox > .reddotMenu > .box > .module_Text h3, .module_ContentBox > .reddotMenu > .box > .module_Text h4, .module_ContentBox > .reddotMenu > .box > .module_Text h5, .module_ContentBox > .reddotMenu > .box > .module_Text h6 {
    color: #171616;
    margin-top: 0;
    font-size: 1.385em; }

body.hella-gutmann .module_ContentBox .box {
  border: 0em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ContentFlags/contentFlags.scss
++ 2023-09-27 09:39 [189e9f5] HAT\ryzndo1 - Update content flags module for SOE
++ 2023-08-17 13:40 [409bc62] HAT\ryzndo1 - Add content flags module to MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_ContentFlags {
  display: flex;
  gap: 1.333em; }
  @media (max-width: 767px) {
    .module_ContentFlags {
      flex-wrap: wrap;
      justify-content: center; } }
  .module_ContentFlags .contentFlag {
    width: 25%; }
    @media (max-width: 767px) {
      .module_ContentFlags .contentFlag {
        max-width: 50%; } }
    .module_ContentFlags .contentFlag .top-image {
      margin-bottom: 1.333em; }
      .module_ContentFlags .contentFlag .top-image img {
        max-width: 100%; }
    .module_ContentFlags .contentFlag .flag-text {
      display: flex;
      align-items: flex-start; }
      @media (max-width: 767px) {
        .module_ContentFlags .contentFlag .flag-text {
          flex-wrap: wrap;
          justify-content: center; }
          .module_ContentFlags .contentFlag .flag-text span {
            width: 100%;
            text-align: center; } }
    @media (max-width: 767px) {
      .module_ContentFlags .contentFlag {
        width: 100%;
        margin-bottom: 1.333em; } }
    .module_ContentFlags .contentFlag a {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      text-decoration: none; }
      .module_ContentFlags .contentFlag a span {
        display: block;
        margin-left: 0.667em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ContentLinks/contentLinks.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ContentNavigation .btn-group-vertical .buttonWrap .btn {
  display: block;
  text-align: left;
  background-color: #575757;
  color: #ffffff;
  min-width: 13.333em; }
  .module_ContentNavigation .btn-group-vertical .buttonWrap .btn:hover {
    background-color: #0024D3;
    border-color: #c8c8c8; }
  .module_ContentNavigation .btn-group-vertical .buttonWrap .btn.active {
    background-color: #0024D3 !important;
    border-color: #E9E9E9; }

.module_ContentNavigation .btn-group-vertical .buttonWrap .subButton {
  height: 0;
  overflow: hidden;
  transition: all 0.2s linear; }
  .module_ContentNavigation .btn-group-vertical .buttonWrap .subButton .btn {
    padding-left: 2em;
    background-color: #8c8c8c; }
    .module_ContentNavigation .btn-group-vertical .buttonWrap .subButton .btn:hover {
      background-color: #0024D3;
      border-color: #E9E9E9; }

.module_ContentNavigation .btn-group-vertical .buttonWrap.show .subButton {
  height: auto; }

.module_ContentNavigation.sticky {
  position: fixed;
  top: 1em;
  width: auto; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ContentNavigation/contentNavigation.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-11-21 07:56 [f675db9] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SOE
++ 2022-12-08 16:28 [a612737] Dominik R?znar - Update CSS of ContentNavigation module for MS SOE
++ 2022-05-24 10:14 [c9b9722] Jirina Lastuvkova - Update styles of contentNavigation for Electronics SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-05-26 07:52 [e8fde09] Dominik R?znar - Fix CSS of ContentNavigation module for MS SOE
++ 2021-01-11 14:20 [b64fde8] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .module_ContentNavigation {
    margin-bottom: 30px !important;
    padding-top: 10px;
    background-color: #fff;
    z-index: 30; } }

@media (max-width: 767px) {
  .module_ContentNavigation.sticky-mobile {
    position: fixed;
    top: 60px; }
    .module_ContentNavigation.sticky-mobile.opened h2:after {
      content: "\e253"; }
    .module_ContentNavigation.sticky-mobile.opened .btn-group-vertical {
      max-height: 700px; }
    .module_ContentNavigation.sticky-mobile h2:after {
      content: "\e252";
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      margin-left: 0.667em;
      top: 0.2em;
      position: relative; }
    .module_ContentNavigation.sticky-mobile .btn-group-vertical {
      max-height: 0;
      overflow: hidden;
      transition: all 0.3s; } }

.module_ContentNavigation .module_Headline {
  opacity: 0;
  height: 0; }

.module_ContentNavigation .btn-group-vertical {
  display: block; }
  .module_ContentNavigation .btn-group-vertical .buttonWrap .btn {
    display: block;
    text-align: left;
    background-color: #575757;
    color: #ffffff;
    min-width: 13.333em;
    white-space: normal;
    border-radius: 0; }
    .module_ContentNavigation .btn-group-vertical .buttonWrap .btn:hover {
      background-color: #FED34C;
      color: #171616;
      border-color: #c8c8c8; }
    .module_ContentNavigation .btn-group-vertical .buttonWrap .btn.active {
      background-color: #FED34C !important;
      border-color: #c8c8c8;
      color: #171616; }
  .module_ContentNavigation .btn-group-vertical .buttonWrap .subButton {
    height: 0;
    overflow: hidden;
    transition: all 0.2s linear; }
    .module_ContentNavigation .btn-group-vertical .buttonWrap .subButton .btn {
      padding-left: 2em;
      background-color: #ffffff;
      color: #171616;
      border-color: #171616; }
      .module_ContentNavigation .btn-group-vertical .buttonWrap .subButton .btn:hover {
        background-color: #FED34C;
        border-color: #171616;
        color: #171616; }
  .module_ContentNavigation .btn-group-vertical .buttonWrap.show .subButton {
    height: auto; }

.module_ContentNavigation.sticky {
  position: fixed;
  top: 1em;
  width: auto; }

.module_ContentNavigation.loaded .module_Headline {
  opacity: 1;
  height: auto; }

.module_ContentNavigation .lds-grid {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  left: 50%;
  margin-left: -1.25em; }
  @media (max-width: 767px) {
    .module_ContentNavigation .lds-grid {
      display: none; } }
  .module_ContentNavigation .lds-grid div {
    position: absolute;
    width: 20%;
    height: 20%;
    border-radius: 50%;
    background: #575757;
    animation: lds-grid 1.2s linear infinite; }
  .module_ContentNavigation .lds-grid div:nth-child(1) {
    top: 10%;
    left: 10%;
    animation-delay: 0s; }
  .module_ContentNavigation .lds-grid div:nth-child(2) {
    top: 10%;
    left: 40%;
    animation-delay: -0.4s; }
  .module_ContentNavigation .lds-grid div:nth-child(3) {
    top: 10%;
    left: 70%;
    animation-delay: -0.8s; }
  .module_ContentNavigation .lds-grid div:nth-child(4) {
    top: 40%;
    left: 10%;
    animation-delay: -0.4s; }
  .module_ContentNavigation .lds-grid div:nth-child(5) {
    top: 40%;
    left: 40%;
    animation-delay: -0.8s; }
  .module_ContentNavigation .lds-grid div:nth-child(6) {
    top: 40%;
    left: 70%;
    animation-delay: -1.2s; }
  .module_ContentNavigation .lds-grid div:nth-child(7) {
    top: 70%;
    left: 10%;
    animation-delay: -0.8s; }
  .module_ContentNavigation .lds-grid div:nth-child(8) {
    top: 70%;
    left: 40%;
    animation-delay: -1.2s; }
  .module_ContentNavigation .lds-grid div:nth-child(9) {
    top: 70%;
    left: 70%;
    animation-delay: -1.6s; }

@keyframes lds-grid {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

body.electronics .module_ContentNavigation .btn-group-vertical .buttonWrap .btn:hover {
  background-color: #0024D3;
  color: #ffffff; }

body.electronics .module_ContentNavigation .btn-group-vertical .buttonWrap .btn.active {
  background-color: #0024D3 !important;
  color: #ffffff; }

body.soe .module_ContentNavigation .btn-group-vertical .buttonWrap .btn:hover {
  background-color: #0024D3;
  color: #ffffff; }

body.soe .module_ContentNavigation .btn-group-vertical .buttonWrap .btn.active {
  background-color: #0024D3 !important;
  color: #ffffff; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ContentWithBackground/contentWithBackground.scss
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ContentWithBackground .wrapper {
  position: relative; }
  .module_ContentWithBackground .wrapper img ~ .container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .module_ContentWithBackground .wrapper img ~ .container > .col-xs-20 {
      max-width: 40%; }
      @media (max-width: 1280px) and (min-width: 1024px) {
        .module_ContentWithBackground .wrapper img ~ .container > .col-xs-20 {
          max-width: 70%; } }
      @media (max-width: 1024px) {
        .module_ContentWithBackground .wrapper img ~ .container > .col-xs-20 {
          max-width: 100%; } }
  @media (max-width: 1024px) {
    .module_ContentWithBackground .wrapper img {
      display: none; }
    .module_ContentWithBackground .wrapper img ~ .container {
      position: relative;
      max-width: none;
      width: 100%; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/DocumentList/documentList.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_DocumentList > .document, .module_DocumentList > .reddotMenu > .document {
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .module_DocumentList:not(:last-child) .document {
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 2.667em; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_DocumentList:not(:last-child) .document {
        padding-bottom: 1.333em; } }
    @media (max-width: 767px) {
      .module_DocumentList:not(:last-child) .document {
        padding-bottom: 0.667em; } }
  .module_DocumentList > .document a.documentLink, .module_DocumentList > .document div.documentLinkSmartEdit, .module_DocumentList > .reddotMenu > .document a.documentLink, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit {
    display: block;
    position: relative; }
    .module_DocumentList > .document a.documentLink:hover, .module_DocumentList > .document div.documentLinkSmartEdit:hover, .module_DocumentList > .reddotMenu > .document a.documentLink:hover, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit:hover {
      text-decoration: none; }
      .module_DocumentList > .document a.documentLink:hover .icon, .module_DocumentList > .document div.documentLinkSmartEdit:hover .icon, .module_DocumentList > .reddotMenu > .document a.documentLink:hover .icon, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit:hover .icon {
        color: #0024D3; }
      .module_DocumentList > .document a.documentLink:hover .fileTitle, .module_DocumentList > .document div.documentLinkSmartEdit:hover .fileTitle, .module_DocumentList > .reddotMenu > .document a.documentLink:hover .fileTitle, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit:hover .fileTitle {
        text-decoration: underline; }
      .module_DocumentList > .document a.documentLink:hover .fileAttr, .module_DocumentList > .document div.documentLinkSmartEdit:hover .fileAttr, .module_DocumentList > .reddotMenu > .document a.documentLink:hover .fileAttr, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit:hover .fileAttr {
        color: #0024D3; }
    .module_DocumentList > .document a.documentLink .icon, .module_DocumentList > .document div.documentLinkSmartEdit .icon, .module_DocumentList > .reddotMenu > .document a.documentLink .icon, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit .icon {
      display: block;
      color: #b7bcc0;
      line-height: 2em;
      width: 2em;
      height: 2em;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -1em; }
      .module_DocumentList > .document a.documentLink .icon:before, .module_DocumentList > .document div.documentLinkSmartEdit .icon:before, .module_DocumentList > .reddotMenu > .document a.documentLink .icon:before, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit .icon:before {
        font-size: 2em; }
    .module_DocumentList > .document a.documentLink .iconShift, .module_DocumentList > .document div.documentLinkSmartEdit .iconShift, .module_DocumentList > .reddotMenu > .document a.documentLink .iconShift, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit .iconShift {
      padding-left: 3em;
      position: relative;
      float: right; }
      @media (max-width: 1024px) {
        .module_DocumentList > .document a.documentLink .iconShift, .module_DocumentList > .document div.documentLinkSmartEdit .iconShift, .module_DocumentList > .reddotMenu > .document a.documentLink .iconShift, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit .iconShift {
          float: left;
          margin-top: 0.5em;
          margin-bottom: 0.5em; } }
      .module_DocumentList > .document a.documentLink .iconShift > span, .module_DocumentList > .document div.documentLinkSmartEdit .iconShift > span, .module_DocumentList > .reddotMenu > .document a.documentLink .iconShift > span, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit .iconShift > span {
        display: block; }
    .module_DocumentList > .document a.documentLink .fileTitle, .module_DocumentList > .document div.documentLinkSmartEdit .fileTitle, .module_DocumentList > .reddotMenu > .document a.documentLink .fileTitle, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit .fileTitle {
      text-decoration: none;
      color: #0024D3;
      font-family: "Hella Regular";
      font-weight: bold;
      word-wrap: break-word;
      font-size: 1.333em; }
    .module_DocumentList > .document a.documentLink .fileAttr, .module_DocumentList > .document div.documentLinkSmartEdit .fileAttr, .module_DocumentList > .reddotMenu > .document a.documentLink .fileAttr, .module_DocumentList > .reddotMenu > .document div.documentLinkSmartEdit .fileAttr {
      text-decoration: none;
      color: #575757;
      font-size: 0.867em; }
  .module_DocumentList > .document .module_Image, .module_DocumentList > .reddotMenu > .document .module_Image {
    margin-bottom: 0; }
  .module_DocumentList > .document .module_Text, .module_DocumentList > .reddotMenu > .document .module_Text {
    font-size: 0.867em;
    margin-bottom: 0; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Download/download.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (min-width: 1025px) {
  .module_Download .reddotMenu {
    padding: 0.333em; } }

.module_Download .file {
  background: #ffffff; }

.module_Download:not(:last-child) .file {
  border-bottom: 1px solid #8c8c8c;
  padding-bottom: 1.333em; }
  @media (max-width: 1024px) {
    .module_Download:not(:last-child) .file {
      padding-bottom: 0.667em; } }

@media (min-width: 1025px) {
  .module_Download .file {
    margin: -0.333em; } }

.module_Download .file > a {
  display: block;
  position: relative; }
  .module_Download .file > a:hover {
    text-decoration: none; }
    .module_Download .file > a:hover .icon {
      color: #0024D3; }
    .module_Download .file > a:hover .fileTitle {
      text-decoration: underline; }
    .module_Download .file > a:hover .fileAttr {
      color: #0024D3; }
  .module_Download .file > a .icon {
    display: block;
    color: #8c8c8c;
    line-height: 2em;
    width: 2em;
    height: 2em;
    position: absolute;
    top: 50%;
    margin-top: -1em; }
    .module_Download .file > a .icon:before {
      font-size: 2em; }
  .module_Download .file > a .iconShift {
    padding-left: 3em; }
    .module_Download .file > a .iconShift > span {
      display: block; }
  .module_Download .file > a .fileTitle {
    text-decoration: none;
    color: #0024D3;
    font-weight: bold;
    word-wrap: break-word;
    font-size: 0.8em; }
  .module_Download .file > a .fileAttr {
    text-decoration: none;
    color: #575757;
    font-size: 0.867em; }

body.hella-gutmann .module_Download .file a {
  color: #007D40 !important; }
  body.hella-gutmann .module_Download .file a:hover .icon, body.hella-gutmann .module_Download .file a:hover .fileAttr {
    color: #007D40 !important; }
  body.hella-gutmann .module_Download .file a .icon:hover {
    color: #007D40 !important; }
  body.hella-gutmann .module_Download .file a .fileTitle {
    color: #007D40 !important; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/DownloadList/downloadList.scss
++ 2023-11-21 07:56 [f675db9] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SOE
++ 2021-01-11 14:20 [b64fde8] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_DownloadList {
  height: 0; }
  @media (max-width: 767px) {
    .module_DownloadList {
      margin-bottom: 35px !important; } }
  .module_DownloadList .module_ProductCategory {
    opacity: 0; }
  .module_DownloadList.loaded {
    height: auto; }
    @media (max-width: 767px) {
      .module_DownloadList.loaded {
        margin-bottom: 10px !important; } }
    .module_DownloadList.loaded .module_DownloadCategory {
      opacity: 1; }
    .module_DownloadList.loaded .module_NavigationTeaser {
      opacity: 1; }
  .module_DownloadList .module_NavigationTeaser {
    opacity: 0; }
  .module_DownloadList .lds-grid {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    left: 50%;
    margin-left: -1.25em; }
    .module_DownloadList .lds-grid div {
      position: absolute;
      width: 20%;
      height: 20%;
      border-radius: 50%;
      background: #575757;
      animation: lds-grid 1.2s linear infinite; }
    .module_DownloadList .lds-grid div:nth-child(1) {
      top: 10%;
      left: 10%;
      animation-delay: 0s; }
    .module_DownloadList .lds-grid div:nth-child(2) {
      top: 10%;
      left: 40%;
      animation-delay: -0.4s; }
    .module_DownloadList .lds-grid div:nth-child(3) {
      top: 10%;
      left: 70%;
      animation-delay: -0.8s; }
    .module_DownloadList .lds-grid div:nth-child(4) {
      top: 40%;
      left: 10%;
      animation-delay: -0.4s; }
    .module_DownloadList .lds-grid div:nth-child(5) {
      top: 40%;
      left: 40%;
      animation-delay: -0.8s; }
    .module_DownloadList .lds-grid div:nth-child(6) {
      top: 40%;
      left: 70%;
      animation-delay: -1.2s; }
    .module_DownloadList .lds-grid div:nth-child(7) {
      top: 70%;
      left: 10%;
      animation-delay: -0.8s; }
    .module_DownloadList .lds-grid div:nth-child(8) {
      top: 70%;
      left: 40%;
      animation-delay: -1.2s; }
    .module_DownloadList .lds-grid div:nth-child(9) {
      top: 70%;
      left: 70%;
      animation-delay: -1.6s; }

@keyframes lds-grid {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/DownloadSlider/downloadSlider.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_DownloadSlider .sliderInner {
  overflow: hidden; }
  .module_DownloadSlider .sliderInner:after {
    display: block;
    clear: both;
    content: ''; }
  .module_DownloadSlider .sliderInner .slideWrap {
    position: relative;
    transition: all 0.2s linear;
    white-space: nowrap; }
    .module_DownloadSlider .sliderInner .slideWrap:after {
      content: "";
      display: block;
      clear: both; }
    .module_DownloadSlider .sliderInner .slideWrap > div {
      display: inline-block;
      float: none;
      margin-bottom: 0;
      position: absolute; }
  .module_DownloadSlider .sliderInner.loaded .slideWrap > div {
    position: relative; }
  .module_DownloadSlider .sliderInner .sliderControl {
    transform: translateX(0) translateY(-50%);
    cursor: pointer;
    position: absolute;
    z-index: 40;
    top: 50%;
    color: #ffffff;
    font-size: 2.667em;
    text-shadow: 0 0 0.45em #171616; }
    .module_DownloadSlider .sliderInner .sliderControl.left {
      left: 0; }
    .module_DownloadSlider .sliderInner .sliderControl.right {
      right: 0;
      left: auto; }
    .module_DownloadSlider .sliderInner .sliderControl:hover {
      color: #0024D3; }

@media (max-width: 767px) {
  body.soe .module_DownloadSlider {
    margin-bottom: 2em; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/DownloadTeaser/downloadTeaser.scss
++ 2023-11-21 07:56 [f675db9] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-29 10:38 [a7344a2] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-05-13 07:45 [8f8792a] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .module_DownloadTeaser {
    width: 50%; } }

@media (min-width: 1025px) {
  .structural_TwoCol > .col-md-20 > .structural_FirstCol > .module_DownloadTeaser {
    width: 33.3% !important; } }

@media (min-width: 1025px) {
  .structural_OneCol .module_DownloadTeaser {
    width: 25% !important; } }

.module_DownloadTeaser .teaser {
  border-radius: 3px; }
  .module_DownloadTeaser .teaser > a {
    border: 1px solid transparent;
    display: block;
    text-decoration: none; }
    .module_DownloadTeaser .teaser > a:hover {
      cursor: pointer; }
      .module_DownloadTeaser .teaser > a:hover .bottomCont .module_Headline .headline {
        color: #0024D3; }
  .module_DownloadTeaser .teaser .upperCont {
    /* skipped (TYPE_CMS) */ }
    .module_DownloadTeaser .teaser .upperCont:after {
      content: '';
      clear: both;
      height: 0.067em;
      display: block; }
    .module_DownloadTeaser .teaser .upperCont .module_Image {
      margin-bottom: 0; }
      .module_DownloadTeaser .teaser .upperCont .module_Image .img-responsive {
        height: initial;
        float: left;
        margin-right: 1em; }
    .module_DownloadTeaser .teaser .upperCont .module_Text {
      margin-bottom: 0; }
      .module_DownloadTeaser .teaser .upperCont .module_Text p {
        margin-bottom: 0;
        color: #171616;
        font-size: 0.867em;
        display: -webkit-box;
        height: 6.925em;
        line-height: 1.385em;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        white-space: normal; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_DownloadTeaser .teaser .upperCont .module_Text p {
            font-size: 0.929em !important;
            line-height: 1.231em; } }
        @media (max-width: 767px) {
          .module_DownloadTeaser .teaser .upperCont .module_Text p {
            font-size: 1.083em !important;
            line-height: 1.231em; } }
  .module_DownloadTeaser .teaser .bottomCont .module_Headline {
    min-height: 32px; }
    .module_DownloadTeaser .teaser .bottomCont .module_Headline:first-child:last-child {
      display: flex;
      height: 100%;
      align-items: flex-start; }
      .module_DownloadTeaser .teaser .bottomCont .module_Headline:first-child:last-child .headline {
        padding-top: 0;
        flex: 1 0; }
    .module_DownloadTeaser .teaser .bottomCont .module_Headline .headline {
      font-size: 1.067em;
      color: #171616;
      margin: 0;
      padding-top: 6px;
      width: 100%;
      display: -webkit-box;
      line-height: 24px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      margin-top: 0.333em;
      font-family: sans-serif; }
      @media (max-width: 767px) {
        .module_DownloadTeaser .teaser .bottomCont .module_Headline .headline {
          font-size: 1.067em; } }
      .module_DownloadTeaser .teaser .bottomCont .module_Headline .headline:before {
        content: ""; }
  .module_DownloadTeaser .teaser .bottomCont .module_Text {
    margin-left: 0.667em;
    margin-right: 0.667em;
    margin-bottom: 0px;
    padding-bottom: 0.667em; }

body.hella-gutmann .module_NavigationTeaser .bottomCont {
  border-top: 5px solid #007D40 !important; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/FilterLightstyle/filterLightstyle.scss
++ 2022-08-31 14:02 [0a8f188] Dominik R?znar - Update CSS of filterLightstyle module for MS SOE
++ 2022-06-27 08:27 [ba56c40] Dominik R?znar - Add LightStyle module to SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_FilterLightstyle {
  text-align: center; }
  @media (min-width: 1025px) {
    .module_FilterLightstyle {
      text-align: left; } }
  .module_FilterLightstyle span.filtrationText {
    font-family: "Hella Regular";
    font-size: 1.2em;
    text-transform: uppercase;
    vertical-align: sub;
    display: inline-block;
    color: #575757; }
  .module_FilterLightstyle .filtrationIcons span.glyphicon, .module_FilterLightstyle .filtrationIcons .module_Info span.icon, .module_Info .module_FilterLightstyle .filtrationIcons span.icon {
    border-radius: 50%;
    color: #171616;
    border: 2px solid #171616;
    padding: .75rem;
    margin: 1rem .75rem 0 0;
    font-size: 1.75em;
    transition: background 0.4s; }
    .module_FilterLightstyle .filtrationIcons span.glyphicon:last-of-type, .module_FilterLightstyle .filtrationIcons .module_Info span.icon:last-of-type, .module_Info .module_FilterLightstyle .filtrationIcons span.icon:last-of-type {
      margin-right: 0; }
    @media (min-width: 1025px) {
      .module_FilterLightstyle .filtrationIcons span.glyphicon, .module_FilterLightstyle .filtrationIcons .module_Info span.icon, .module_Info .module_FilterLightstyle .filtrationIcons span.icon {
        margin: 0 1rem .75rem 0; } }
    @media (min-width: 1281px) {
      .module_FilterLightstyle .filtrationIcons span.glyphicon, .module_FilterLightstyle .filtrationIcons .module_Info span.icon, .module_Info .module_FilterLightstyle .filtrationIcons span.icon {
        margin: 0 1rem 0 0; } }
    .module_FilterLightstyle .filtrationIcons span.glyphicon:hover, .module_FilterLightstyle .filtrationIcons .module_Info span.icon:hover, .module_Info .module_FilterLightstyle .filtrationIcons span.icon:hover {
      background: #171616;
      color: #ffffff;
      cursor: pointer; }
    .module_FilterLightstyle .filtrationIcons span.glyphicon.active, .module_FilterLightstyle .filtrationIcons .module_Info span.active.icon, .module_Info .module_FilterLightstyle .filtrationIcons span.active.icon {
      background: #575757;
      color: #ffffff; }
  .module_FilterLightstyle .filtrationIcons span {
    width: 3.25rem;
    height: 3.25rem;
    margin: 1rem .75rem 0 0;
    position: relative; }
    .module_FilterLightstyle .filtrationIcons span.activeIcon:after {
      border-style: solid;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 1em;
      position: absolute;
      top: 0;
      left: 0;
      transform: rotate(135deg);
      vertical-align: top;
      width: 1em;
      color: #171616;
      margin: 2.6rem auto 1.35rem 1.1rem; }
      @media (min-width: 1025px) {
        .module_FilterLightstyle .filtrationIcons span.activeIcon:after {
          margin: 2.15rem auto 1.35rem 1.1rem; } }
    .module_FilterLightstyle .filtrationIcons span:last-of-type {
      margin-right: 0; }
  .module_FilterLightstyle .filtrationIcons img {
    width: 3.25rem;
    height: 3.25rem;
    margin: 1rem .75rem 0 0; }
    .module_FilterLightstyle .filtrationIcons img:last-of-type {
      margin-right: 0; }
    @media (min-width: 1025px) {
      .module_FilterLightstyle .filtrationIcons img {
        margin: 0 1rem .75rem 0; } }
    @media (min-width: 1281px) {
      .module_FilterLightstyle .filtrationIcons img {
        margin: 0 1rem 0 0; } }
  .module_FilterLightstyle form[name='search'] {
    position: relative;
    margin-top: 1.25rem;
    color: #575757; }
    @media (min-width: 1025px) {
      .module_FilterLightstyle form[name='search'] {
        margin-top: .9rem; } }
    .module_FilterLightstyle form[name='search'] input[type='text'] {
      width: 100%;
      background: #ffffff;
      border: 2px solid #171616;
      border-radius: 1.5rem;
      padding: .75rem 3.75rem .75rem 1.5rem;
      float: right;
      outline: none; }
      @media (min-width: 1281px) {
        .module_FilterLightstyle form[name='search'] input[type='text'] {
          width: 80%; } }
      .module_FilterLightstyle form[name='search'] input[type='text']:focus {
        border-color: #0024D3; }
    .module_FilterLightstyle form[name='search'] span.glyphicon, .module_FilterLightstyle form[name='search'] .module_Info span.icon, .module_Info .module_FilterLightstyle form[name='search'] span.icon {
      position: absolute;
      font-size: 1.5em;
      right: 1.5rem;
      top: .75rem;
      color: #171616; }
  .module_FilterLightstyle .container {
    width: 100%; }
  .module_FilterLightstyle.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    margin: 0 auto auto auto !important;
    background: #ffffff;
    box-shadow: 1px 2px 8px #575757 ; }
    .module_FilterLightstyle.sticky .row {
      padding-right: 30px;
      padding-top: .75rem;
      padding-bottom: .75rem; }
    .module_FilterLightstyle.sticky .container {
      padding: .75rem 0 !important;
      max-width: 1250px;
      margin: 0 auto; }
    .module_FilterLightstyle.sticky form[name='search'] {
      display: none; }
      @media (min-width: 1025px) {
        .module_FilterLightstyle.sticky form[name='search'] {
          margin-top: .5rem; } }
      @media (min-width: 1281px) {
        .module_FilterLightstyle.sticky form[name='search'] {
          margin-top: .9rem;
          display: block; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/FloatingBox/floatingBox.scss
++ 2024-09-19 08:46 [42713ba] Jirina Lastuvkova - update css for floating button for microsites-soe
++ 2024-03-06 12:49 [0562c98] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2024-02-28 10:46 [2e58472] HAT\ryzndo1 - Update JS and CSS of Floating box module for SOE
++ 2023-11-21 07:56 [f675db9] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:46 [6c70d5c] HAT\ryzndo1 - Update floating box for MS SOE
++ 2023-08-17 15:11 [96baa88] HAT\ryzndo1 - Update JS and CSS of floatingbox module for ms SOE
++ 2023-03-06 10:27 [74c80f9] Dominik R?znar - Update CSS of FloatingBox module for MS SOE
++ 2023-03-06 09:42 [230afb0] Dominik R?znar - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-03-06 09:37 [bb401ce] Dominik R?znar - Update CSS of FloatingBox module for SOE
++ 2022-08-11 07:53 [2220ea8] Dominik R?znar - Update CSS for lightstyle project
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2022-03-29 09:25 [cd9fd26] Dominik R?znar - Update CSS of FloatingBox module for MS SOE
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-01-19 09:33 [1245450] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-01-13 12:30 [839e249] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_FloatingBox {
  display: flex;
  top: 50%;
  position: fixed;
  right: 0;
  z-index: 100;
  max-height: 100%;
  transform: translateY(-50%);
  margin-bottom: 0px !important;
  flex-direction: column; }
  .module_FloatingBox .floatingBoxItem {
    margin-bottom: 0.667em;
    position: relative; }
    .module_FloatingBox .floatingBoxItem.contactFormButton .labelIcon:before {
      content: "\2709"; }
    .module_FloatingBox .floatingBoxItem.onlineCatalog .labelIcon:before {
      width: 30px;
      height: 30px;
      content: "";
      background-image: url("images/online_catalog.svg");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      filter: invert(1); }
    .module_FloatingBox .floatingBoxItem.adBanner {
      display: none; }
      .module_FloatingBox .floatingBoxItem.adBanner.show {
        display: block; }
      .module_FloatingBox .floatingBoxItem.adBanner a {
        background: none; }
      .module_FloatingBox .floatingBoxItem.adBanner .labelIcon {
        padding: 0; }
    .module_FloatingBox .floatingBoxItem.singlePage {
      display: none; }
      .module_FloatingBox .floatingBoxItem.singlePage.show {
        display: block; }
      .module_FloatingBox .floatingBoxItem.singlePage a {
        background: none; }
      .module_FloatingBox .floatingBoxItem.singlePage .labelIcon {
        padding: 0; }
      .module_FloatingBox .floatingBoxItem.singlePage img {
        max-width: 100px;
        display: block; }
      .module_FloatingBox .floatingBoxItem.singlePage.padding img {
        padding: 10px; }
    .module_FloatingBox .floatingBoxItem.printButton {
      display: none; }
      .module_FloatingBox .floatingBoxItem.printButton .labelIcon:before {
        content: "\e045"; }
      .module_FloatingBox .floatingBoxItem.printButton.loading .lds-grid.hidden {
        display: block !important; }
      .module_FloatingBox .floatingBoxItem.printButton.loading .labelIcon {
        visibility: hidden; }
    .module_FloatingBox .floatingBoxItem.inPage .labelIcon {
      font-family: inherit;
      flex-basis: 50px;
      text-align: center;
      padding-right: 0;
      padding-left: 0; }
    .module_FloatingBox .floatingBoxItem a {
      border-radius: 0.333em 0 0 0.333em;
      background-color: #0024D3;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease-in-out;
      position: relative;
      z-index: 10;
      cursor: pointer; }
      .module_FloatingBox .floatingBoxItem a:focus {
        text-decoration: none; }
      .module_FloatingBox .floatingBoxItem a:active {
        text-decoration: none; }
      .module_FloatingBox .floatingBoxItem a:hover {
        text-decoration: none; }
    .module_FloatingBox .floatingBoxItem .labelIcon {
      font-size: 1.6em;
      padding: 0.533em 0.8em;
      position: relative;
      font-family: 'Glyphicons Halflings';
      display: block;
      color: #ffffff; }
  .module_FloatingBox .lds-grid {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    left: 50%;
    margin-left: -1.25em;
    top: 50%;
    margin-top: -1.25em;
    z-index: 50; }
    @media (max-width: 767px) {
      .module_FloatingBox .lds-grid {
        display: none; } }
    .module_FloatingBox .lds-grid div {
      position: absolute;
      width: 20%;
      height: 20%;
      border-radius: 50%;
      background: #ffffff;
      animation: lds-grid 1.2s linear infinite; }
    .module_FloatingBox .lds-grid div:nth-child(1) {
      top: 10%;
      left: 10%;
      animation-delay: 0s; }
    .module_FloatingBox .lds-grid div:nth-child(2) {
      top: 10%;
      left: 40%;
      animation-delay: -0.4s; }
    .module_FloatingBox .lds-grid div:nth-child(3) {
      top: 10%;
      left: 70%;
      animation-delay: -0.8s; }
    .module_FloatingBox .lds-grid div:nth-child(4) {
      top: 40%;
      left: 10%;
      animation-delay: -0.4s; }
    .module_FloatingBox .lds-grid div:nth-child(5) {
      top: 40%;
      left: 40%;
      animation-delay: -0.8s; }
    .module_FloatingBox .lds-grid div:nth-child(6) {
      top: 40%;
      left: 70%;
      animation-delay: -1.2s; }
    .module_FloatingBox .lds-grid div:nth-child(7) {
      top: 70%;
      left: 10%;
      animation-delay: -0.8s; }
    .module_FloatingBox .lds-grid div:nth-child(8) {
      top: 70%;
      left: 40%;
      animation-delay: -1.2s; }
    .module_FloatingBox .lds-grid div:nth-child(9) {
      top: 70%;
      left: 70%;
      animation-delay: -1.6s; }

@keyframes lds-grid {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

#printDateCanvas, #printDateImage {
  display: none; }

body.lightstyle .module_FloatingBox .floatingBoxItem a {
  background-color: #000000; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Gallery/gallery.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2022-07-04 13:48 [6fbb09d] Dominik R?znar - Update CSS of gallery module for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-05-13 07:45 [8f8792a] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-01-19 09:33 [1245450] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Gallery[data-arrows="false"] .arrow {
  display: none; }

.module_Gallery[data-bullets="false"] .dots {
  display: none; }

.module_Gallery[data-thumbnails="true"] .galleryCaption {
  clear: both;
  text-align: left; }
  .module_Gallery[data-thumbnails="true"] .galleryCaption p {
    text-align: left !important;
    padding-top: 0.667em !important; }

.module_Gallery.smartedit .gallery .slides {
  overflow: visible; }

.module_Gallery.smartedit .gallery .slides .module_Image:not(.current) {
  top: -99999px; }

.module_Gallery.smartedit .gallery .slides .module_Image .reddotMenu {
  margin-top: 0;
  max-height: 100%; }
  .module_Gallery.smartedit .gallery .slides .module_Image .reddotMenu a.lightbox {
    width: auto;
    height: auto; }
  .module_Gallery.smartedit .gallery .slides .module_Image .reddotMenu.reddotMenuOpen {
    height: 100%; }

.module_Gallery.smartedit .gallery .slides .module_Image .reddotItems {
  text-align: left; }

.module_Gallery.smartedit .gallery .slides .module_Image .galleryNavigateHelp {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.4em;
  text-align: right;
  font-size: 0.75em;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5); }
  .module_Gallery.smartedit .gallery .slides .module_Image .galleryNavigateHelp span:first-child {
    display: block;
    margin: .2em 0 .2em 0;
    font-weight: bold;
    color: #0024D3; }
  .module_Gallery.smartedit .gallery .slides .module_Image .galleryNavigateHelp input {
    display: block;
    margin: .2em 0 .2em 0;
    background: transparent;
    border: 0;
    cursor: copy;
    width: 100%;
    min-width: 20em;
    text-align: right; }
    .module_Gallery.smartedit .gallery .slides .module_Image .galleryNavigateHelp input:hover {
      color: #E9E9E9; }
  .module_Gallery.smartedit .gallery .slides .module_Image .galleryNavigateHelp .popover-content {
    color: #171616;
    font-size: 0.8em; }

.module_Gallery .gallery {
  position: relative; }
  .module_Gallery .gallery .slidesWrap {
    position: relative; }
    .module_Gallery .gallery .slidesWrap:after {
      display: block;
      content: "";
      clear: both; }
  .module_Gallery .gallery .slides {
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 3.8em; }
    .module_Gallery .gallery .slides .loading {
      position: absolute;
      margin: 0.9em;
      border-radius: 50%;
      box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.75) ; }
      .module_Gallery .gallery .slides .loading > div {
        border-radius: 50%;
        width: 2em;
        height: 2em;
        border: 4px solid #8c8c8c;
        border-top-color: #0024D3;
        animation: spin 1s infinite linear; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
      .module_Gallery .gallery .slides .loading ~ .zoom, .module_Gallery .gallery .slides .loading ~ .arrow {
        display: none; }
    .module_Gallery .gallery .slides a.lightbox {
      display: block;
      width: 100%;
      height: 100%; }
      .module_Gallery .gallery .slides a.lightbox:hover {
        text-decoration: none; }
    .module_Gallery .gallery .slides .module_Image {
      margin-bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 20; }
      .module_Gallery .gallery .slides .module_Image:not(.current) {
        position: absolute;
        top: 9999px;
        z-index: 10; }
      .module_Gallery .gallery .slides .module_Image.current[data-image=""] ~ .zoom {
        display: none; }
      .module_Gallery .gallery .slides .module_Image.current[data-color="#ffffff"] ~ .zoom,
      .module_Gallery .gallery .slides .module_Image.current[data-color="#ffffff"] ~ .arrow {
        color: #ffffff; }
        .module_Gallery .gallery .slides .module_Image.current[data-color="#ffffff"] ~ .zoom.zoom:hover, .module_Gallery .gallery .slides .module_Image.current[data-color="#ffffff"] ~ .zoom.zoom.hovered,
        .module_Gallery .gallery .slides .module_Image.current[data-color="#ffffff"] ~ .arrow.zoom:hover,
        .module_Gallery .gallery .slides .module_Image.current[data-color="#ffffff"] ~ .arrow.zoom.hovered {
          color: #0024D3; }
      .module_Gallery .gallery .slides .module_Image.current[data-color="#333333"] ~ .zoom,
      .module_Gallery .gallery .slides .module_Image.current[data-color="#333333"] ~ .arrow {
        color: #333333; }
        .module_Gallery .gallery .slides .module_Image.current[data-color="#333333"] ~ .zoom.zoom:hover, .module_Gallery .gallery .slides .module_Image.current[data-color="#333333"] ~ .zoom.zoom.hovered,
        .module_Gallery .gallery .slides .module_Image.current[data-color="#333333"] ~ .arrow.zoom:hover,
        .module_Gallery .gallery .slides .module_Image.current[data-color="#333333"] ~ .arrow.zoom.hovered {
          color: #0024D3; }
      .module_Gallery .gallery .slides .module_Image.current[data-color="#d3d7dc"] ~ .zoom,
      .module_Gallery .gallery .slides .module_Image.current[data-color="#d3d7dc"] ~ .arrow {
        color: #d3d7dc; }
        .module_Gallery .gallery .slides .module_Image.current[data-color="#d3d7dc"] ~ .zoom.zoom:hover, .module_Gallery .gallery .slides .module_Image.current[data-color="#d3d7dc"] ~ .zoom.zoom.hovered,
        .module_Gallery .gallery .slides .module_Image.current[data-color="#d3d7dc"] ~ .arrow.zoom:hover,
        .module_Gallery .gallery .slides .module_Image.current[data-color="#d3d7dc"] ~ .arrow.zoom.hovered {
          color: #0024D3; }
      .module_Gallery .gallery .slides .module_Image img.img-responsive {
        display: inline; }
      .module_Gallery .gallery .slides .module_Image img.img-responsive.heightResponsive {
        width: auto;
        max-height: 100%; }
      .module_Gallery .gallery .slides .module_Image .caption {
        display: none; }
  .module_Gallery .gallery .imageThumbnails {
    overflow: hidden; }
    .module_Gallery .gallery .imageThumbnails:after {
      display: block;
      clear: both;
      content: ''; }
    @media (max-width: 1024px) {
      .module_Gallery .gallery .imageThumbnails {
        margin-top: 1em; } }
    .module_Gallery .gallery .imageThumbnails .imageThumbnailsWrap {
      transition: all 0.2s linear; }
      .module_Gallery .gallery .imageThumbnails .imageThumbnailsWrap:after {
        content: "";
        display: block;
        clear: both; }
      @media (max-width: 1024px) {
        .module_Gallery .gallery .imageThumbnails .imageThumbnailsWrap {
          white-space: nowrap; } }
    .module_Gallery .gallery .imageThumbnails .customCol {
      width: 100%;
      float: left; }
      @media (max-width: 1024px) {
        .module_Gallery .gallery .imageThumbnails .customCol {
          width: 33.3333%;
          float: none;
          display: inline-block; } }
      .module_Gallery .gallery .imageThumbnails .customCol .imageThumbnail {
        margin: 5px 0;
        margin-right: 1px;
        margin-left: 1px;
        padding-bottom: 55%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        cursor: pointer;
        opacity: .7;
        transition: opacity 0.3s linear; }
        @media (max-width: 1024px) {
          .module_Gallery .gallery .imageThumbnails .customCol .imageThumbnail {
            margin: 0 5px; } }
        .module_Gallery .gallery .imageThumbnails .customCol .imageThumbnail:hover {
          opacity: 1; }
  .module_Gallery .gallery .galleryCaption {
    font-family: Arial, Helvetica, sans-serif;
    color: #575757;
    word-wrap: break-word;
    font-weight: bold;
    font-size: 0.867em; }
    .module_Gallery .gallery .galleryCaption:not(:empty) {
      padding-top: 0.385em; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Gallery .gallery .galleryCaption {
        font-size: 0.8em; }
        .module_Gallery .gallery .galleryCaption:not(:empty) {
          padding-top: 0.417em; } }
    @media (max-width: 767px) {
      .module_Gallery .gallery .galleryCaption {
        font-size: 0.667em; }
        .module_Gallery .gallery .galleryCaption:not(:empty) {
          padding-top: 0.5em; } }
  .module_Gallery .gallery .glyphicon.arrow, .module_Gallery .gallery .module_Info .arrow.icon, .module_Info .module_Gallery .gallery .arrow.icon {
    position: absolute;
    top: 50%;
    z-index: 30;
    margin-top: -0.5em;
    color: #ffffff;
    cursor: pointer;
    opacity: .7;
    transition: opacity 0.3s ease;
    font-size: 3.333em;
    text-shadow: 0 0 0.36em #000000; }
    @media (max-width: 1024px) {
      .module_Gallery .gallery .glyphicon.arrow, .module_Gallery .gallery .module_Info .arrow.icon, .module_Info .module_Gallery .gallery .arrow.icon {
        font-size: 2em; } }
    .module_Gallery .gallery .glyphicon.arrow:before, .module_Gallery .gallery .module_Info .arrow.icon:before, .module_Info .module_Gallery .gallery .arrow.icon:before {
      line-height: 1em;
      display: inline-block;
      transform: scaleX(0.8); }
    .module_Gallery .gallery .glyphicon.arrow:hover, .module_Gallery .gallery .module_Info .arrow.icon:hover, .module_Info .module_Gallery .gallery .arrow.icon:hover {
      opacity: 1; }
    .module_Gallery .gallery .glyphicon.arrow.arrowLeft, .module_Gallery .gallery .module_Info .arrow.arrowLeft.icon, .module_Info .module_Gallery .gallery .arrow.arrowLeft.icon {
      left: 0; }
    .module_Gallery .gallery .glyphicon.arrow.arrowRight, .module_Gallery .gallery .module_Info .arrow.arrowRight.icon, .module_Info .module_Gallery .gallery .arrow.arrowRight.icon {
      right: 0; }
    .module_Gallery .gallery .glyphicon.arrow.arrowTop, .module_Gallery .gallery .module_Info .arrow.arrowTop.icon, .module_Info .module_Gallery .gallery .arrow.arrowTop.icon {
      top: 0;
      left: 50%;
      margin-top: 0;
      transform: translateX(-50%); }
      @media (max-width: 1024px) {
        .module_Gallery .gallery .glyphicon.arrow.arrowTop, .module_Gallery .gallery .module_Info .arrow.arrowTop.icon, .module_Info .module_Gallery .gallery .arrow.arrowTop.icon {
          top: 50%;
          left: 0;
          bottom: auto;
          transform: translateX(0) translateY(-50%); }
          .module_Gallery .gallery .glyphicon.arrow.arrowTop:before, .module_Gallery .gallery .module_Info .arrow.arrowTop.icon:before, .module_Info .module_Gallery .gallery .arrow.arrowTop.icon:before {
            content: "\e251"; } }
    .module_Gallery .gallery .glyphicon.arrow.arrowBottom, .module_Gallery .gallery .module_Info .arrow.arrowBottom.icon, .module_Info .module_Gallery .gallery .arrow.arrowBottom.icon {
      top: auto;
      bottom: 0;
      margin-top: 0;
      transform: translateX(-50%);
      left: 50%; }
      @media (max-width: 1024px) {
        .module_Gallery .gallery .glyphicon.arrow.arrowBottom, .module_Gallery .gallery .module_Info .arrow.arrowBottom.icon, .module_Info .module_Gallery .gallery .arrow.arrowBottom.icon {
          right: 0;
          top: 50%;
          left: auto;
          bottom: auto;
          transform: translateX(0) translateY(-50%); }
          .module_Gallery .gallery .glyphicon.arrow.arrowBottom:before, .module_Gallery .gallery .module_Info .arrow.arrowBottom.icon:before, .module_Info .module_Gallery .gallery .arrow.arrowBottom.icon:before {
            content: "\e250"; } }
    .module_Gallery .gallery .glyphicon.arrow.hideArrow, .module_Gallery .gallery .module_Info .arrow.hideArrow.icon, .module_Info .module_Gallery .gallery .arrow.hideArrow.icon {
      display: none !important; }
  .module_Gallery .gallery .glyphicon.zoom, .module_Gallery .gallery .module_Info .zoom.icon, .module_Info .module_Gallery .gallery .zoom.icon {
    position: absolute;
    z-index: 40;
    top: auto;
    left: auto;
    right: 0.667em;
    bottom: 0.667em;
    cursor: pointer;
    color: #ffffff;
    transition: opacity 0.3s ease, color 0.3s ease; }
    .module_Gallery .gallery .glyphicon.zoom:before, .module_Gallery .gallery .module_Info .zoom.icon:before, .module_Info .module_Gallery .gallery .zoom.icon:before {
      font-size: 1.667em;
      line-height: 1em;
      display: inline-block;
      text-shadow: 0 0 0.6em #000000;
      opacity: 0.8; }
      .module_Gallery .gallery .glyphicon.zoom:before:hover, .module_Gallery .gallery .module_Info .zoom.icon:before:hover, .module_Info .module_Gallery .gallery .zoom.icon:before:hover {
        opacity: 1; }
  .module_Gallery .gallery .dots {
    position: relative;
    display: inline-block;
    bottom: 2em;
    z-index: 30; }
    .module_Gallery .gallery .dots .dot {
      display: inline-block;
      background-color: #ffffff;
      border: 0.2em solid #ffffff;
      border-radius: 1em 1em 1em 1em;
      cursor: pointer;
      height: 1em;
      opacity: 0.8;
      width: 1em;
      box-shadow: 0 0 1em #000000 ;
      transition: background-color 0.3s ease, opacity 0.3s ease, border 0.3s ease; }
      .module_Gallery .gallery .dots .dot:not(:first-child) {
        margin-left: 0.5em; }
      .module_Gallery .gallery .dots .dot:hover {
        background-color: #0024D3;
        opacity: 1; }
      .module_Gallery .gallery .dots .dot.current {
        background-color: rgba(0, 0, 0, 0.5); }

body.hella-gutmann .module_Gallery .zoom:hover, body.hella-gutmann .module_Gallery .zoom.hovered {
  color: #007D40 !important; }

body.hella-gutmann .module_Gallery .dots .dot:hover {
  background-color: #007D40 !important; }

@media (max-width: 767px) {
  body.soe .module_Gallery .imageThumbnails {
    margin-top: 2em; }
  body.soe .module_Gallery .dots {
    display: block;
    text-align: center;
    bottom: -1em; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/GalleryZoom/galleryZoom.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_GalleryZoom[data-arrows="false"] .arrow {
  display: none; }

.module_GalleryZoom[data-bullets="false"] .dots {
  display: none; }

.module_GalleryZoom.smartedit .gallery .slides {
  overflow: visible; }

.module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage:not(.current) {
  top: -99999px; }

.module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .reddotMenu {
  margin-top: 0;
  max-height: 100%; }
  .module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .reddotMenu a.lightbox {
    width: auto;
    height: auto; }
  .module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .reddotMenu.reddotMenuOpen {
    height: 100%; }

.module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .reddotItems {
  text-align: left; }

.module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .galleryNavigateHelp {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.4em;
  text-align: right;
  font-size: 0.75em;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5); }
  .module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .galleryNavigateHelp span:first-child {
    display: block;
    margin: .2em 0 .2em 0;
    font-weight: bold;
    color: #0024D3; }
  .module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .galleryNavigateHelp input {
    display: block;
    margin: .2em 0 .2em 0;
    background: transparent;
    border: 0;
    cursor: copy;
    width: 100%;
    min-width: 20em;
    text-align: right; }
    .module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .galleryNavigateHelp input:hover {
      color: #E9E9E9; }
  .module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .galleryNavigateHelp .popover-content {
    color: #171616;
    font-size: 0.8em; }

.module_GalleryZoom .gallery {
  position: relative; }
  .module_GalleryZoom .gallery .slides {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 3.8em; }
    .module_GalleryZoom .gallery .slides .thumbnails {
      display: block;
      position: absolute;
      left: 1em;
      bottom: 0.333em;
      height: 5.333em;
      padding: 0 1em;
      width: 50%; }
      @media (max-width: 767px) {
        .module_GalleryZoom .gallery .slides .thumbnails {
          display: none; } }
      .module_GalleryZoom .gallery .slides .thumbnails .thumbnails-wrap {
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 0.667em 0; }
        .module_GalleryZoom .gallery .slides .thumbnails .thumbnails-wrap .thumbnails-inner {
          height: 100%; }
          .module_GalleryZoom .gallery .slides .thumbnails .thumbnails-wrap .thumbnails-inner .thumbnail-item {
            padding: 0 0.333em;
            float: left;
            height: 100%;
            transition: opacity 0.2s ease;
            opacity: 0; }
            .module_GalleryZoom .gallery .slides .thumbnails .thumbnails-wrap .thumbnails-inner .thumbnail-item.visible {
              opacity: 1; }
            .module_GalleryZoom .gallery .slides .thumbnails .thumbnails-wrap .thumbnails-inner .thumbnail-item .thumbnail-inner {
              height: 100%;
              width: 100%;
              cursor: pointer;
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
              border: 2px solid #ffffff;
              transition: border 0.3s ease;
              box-shadow: 0 0 0.667em rgba(0, 0, 0, 0.75) ; }
            .module_GalleryZoom .gallery .slides .thumbnails .thumbnails-wrap .thumbnails-inner .thumbnail-item.active .thumbnail-inner, .module_GalleryZoom .gallery .slides .thumbnails .thumbnails-wrap .thumbnails-inner .thumbnail-item .thumbnail-inner:hover {
              border-color: #0024D3; }
      .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-left, .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-right {
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        color: #ffffff;
        cursor: pointer;
        opacity: .7;
        display: block;
        font-size: 1.6em;
        transition: opacity 0.3s ease;
        text-shadow: 0 0 0.667em #171616; }
        .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-left:hover, .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-right:hover {
          opacity: 1; }
        .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-left.disabled, .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-right.disabled {
          opacity: 0;
          display: none; }
      .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-left {
        left: -0.333em; }
      .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-right {
        right: -0.333em; }
      .module_GalleryZoom .gallery .slides .thumbnails:after:after {
        display: block;
        clear: both;
        content: ''; }
    .module_GalleryZoom .gallery .slides .loading {
      position: absolute;
      margin: 0.9em;
      border-radius: 50%;
      box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.75) ; }
      .module_GalleryZoom .gallery .slides .loading > div {
        border-radius: 50%;
        width: 2em;
        height: 2em;
        border: 4px solid #8c8c8c;
        border-top-color: #0024D3;
        animation: spin 1s infinite linear; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
      .module_GalleryZoom .gallery .slides .loading ~ .zoom, .module_GalleryZoom .gallery .slides .loading ~ .arrow {
        display: none; }
    .module_GalleryZoom .gallery .slides a.lightbox {
      display: block;
      width: 100%;
      height: 100%; }
      .module_GalleryZoom .gallery .slides a.lightbox:hover {
        text-decoration: none; }
    .module_GalleryZoom .gallery .slides .module_Image {
      margin-bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 20; }
      .module_GalleryZoom .gallery .slides .module_Image:not(.current) {
        position: absolute;
        top: 9999px;
        z-index: 10; }
      .module_GalleryZoom .gallery .slides .module_Image.current[data-image=""] ~ .zoom {
        display: none; }
      .module_GalleryZoom .gallery .slides .module_Image.current ~ .zoom,
      .module_GalleryZoom .gallery .slides .module_Image.current ~ .arrow {
        color: #ffffff; }
        .module_GalleryZoom .gallery .slides .module_Image.current ~ .zoom.zoom:hover, .module_GalleryZoom .gallery .slides .module_Image.current ~ .zoom.zoom.hovered,
        .module_GalleryZoom .gallery .slides .module_Image.current ~ .arrow.zoom:hover,
        .module_GalleryZoom .gallery .slides .module_Image.current ~ .arrow.zoom.hovered {
          color: #0024D3; }
      .module_GalleryZoom .gallery .slides .module_Image img.img-responsive {
        display: inline; }
      .module_GalleryZoom .gallery .slides .module_Image img.img-responsive.heightResponsive {
        width: auto;
        max-height: 100%; }
      .module_GalleryZoom .gallery .slides .module_Image .caption {
        display: none; }
  .module_GalleryZoom .gallery .galleryCaption {
    font-family: Arial, Helvetica, sans-serif;
    color: #575757;
    word-wrap: break-word;
    font-weight: bold;
    float: left;
    font-size: 0.867em; }
    .module_GalleryZoom .gallery .galleryCaption:not(:empty) {
      padding-top: 0.385em; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_GalleryZoom .gallery .galleryCaption {
        font-size: 0.8em; }
        .module_GalleryZoom .gallery .galleryCaption:not(:empty) {
          padding-top: 0.417em; } }
    @media (max-width: 767px) {
      .module_GalleryZoom .gallery .galleryCaption {
        font-size: 0.667em; }
        .module_GalleryZoom .gallery .galleryCaption:not(:empty) {
          padding-top: 0.5em; } }
  .module_GalleryZoom .gallery .glyphicon.arrow, .module_GalleryZoom .gallery .module_Info .arrow.icon, .module_Info .module_GalleryZoom .gallery .arrow.icon {
    position: absolute;
    top: 50%;
    z-index: 30;
    margin-top: -1em;
    color: #ffffff;
    cursor: pointer;
    opacity: .8;
    padding: 0.333em;
    padding-left: 0;
    padding-right: 0;
    border-radius: 5px;
    background-color: #8c8c8c;
    transition: opacity 0.3s ease;
    font-size: 3.333em; }
    @media (max-width: 1024px) {
      .module_GalleryZoom .gallery .glyphicon.arrow, .module_GalleryZoom .gallery .module_Info .arrow.icon, .module_Info .module_GalleryZoom .gallery .arrow.icon {
        font-size: 2em; } }
    .module_GalleryZoom .gallery .glyphicon.arrow:before, .module_GalleryZoom .gallery .module_Info .arrow.icon:before, .module_Info .module_GalleryZoom .gallery .arrow.icon:before {
      line-height: 1em;
      display: inline-block;
      transform: scaleX(0.8); }
    .module_GalleryZoom .gallery .glyphicon.arrow:hover, .module_GalleryZoom .gallery .module_Info .arrow.icon:hover, .module_Info .module_GalleryZoom .gallery .arrow.icon:hover {
      opacity: 1; }
    .module_GalleryZoom .gallery .glyphicon.arrow.arrowLeft, .module_GalleryZoom .gallery .module_Info .arrow.arrowLeft.icon, .module_Info .module_GalleryZoom .gallery .arrow.arrowLeft.icon {
      left: 0.333em; }
    .module_GalleryZoom .gallery .glyphicon.arrow.arrowRight, .module_GalleryZoom .gallery .module_Info .arrow.arrowRight.icon, .module_Info .module_GalleryZoom .gallery .arrow.arrowRight.icon {
      right: 0.333em; }
  .module_GalleryZoom .gallery .glyphicon.zoom, .module_GalleryZoom .gallery .module_Info .zoom.icon, .module_Info .module_GalleryZoom .gallery .zoom.icon {
    position: absolute;
    z-index: 40;
    top: auto;
    left: auto;
    right: 0.667em;
    bottom: 0.667em;
    cursor: pointer;
    color: #ffffff;
    transition: opacity 0.3s ease, color 0.3s ease; }
    .module_GalleryZoom .gallery .glyphicon.zoom:before, .module_GalleryZoom .gallery .module_Info .zoom.icon:before, .module_Info .module_GalleryZoom .gallery .zoom.icon:before {
      font-size: 2.133em;
      line-height: 1em;
      display: inline-block;
      text-shadow: 0 0 0.469em #171616;
      opacity: 0.8;
      margin-left: 5px; }
      .module_GalleryZoom .gallery .glyphicon.zoom:before:hover, .module_GalleryZoom .gallery .module_Info .zoom.icon:before:hover, .module_Info .module_GalleryZoom .gallery .zoom.icon:before:hover {
        opacity: 1; }
  .module_GalleryZoom .gallery .downloadImage {
    position: absolute;
    z-index: 40;
    top: auto;
    left: auto;
    right: 3.333em;
    bottom: 0.667em;
    cursor: pointer;
    color: #ffffff;
    display: none !important;
    transition: opacity 0.3s ease, color 0.3s ease; }
    .module_GalleryZoom .gallery .downloadImage:before {
      font-size: 2.133em;
      line-height: 1em;
      display: inline-block;
      text-shadow: 0 0 0.469em #171616;
      opacity: 0.8; }
      .module_GalleryZoom .gallery .downloadImage:before:hover {
        opacity: 1; }
    .module_GalleryZoom .gallery .downloadImage:hover {
      color: #0024D3; }
  .module_GalleryZoom .gallery .dots {
    position: relative;
    bottom: 2em;
    z-index: 30;
    display: none; }
    @media (max-width: 767px) {
      .module_GalleryZoom .gallery .dots {
        display: block; } }
    .module_GalleryZoom .gallery .dots .dot {
      display: inline-block;
      background-color: #ffffff;
      border: 0.2em solid #ffffff;
      border-radius: 1em 1em 1em 1em;
      cursor: pointer;
      height: 1em;
      opacity: 0.8;
      width: 1em;
      box-shadow: 0 0 1em #171616 ;
      transition: background-color 0.3s ease, opacity 0.3s ease, border 0.3s ease; }
      .module_GalleryZoom .gallery .dots .dot:not(:first-child) {
        margin-left: 0.5em; }
      .module_GalleryZoom .gallery .dots .dot:hover {
        background-color: #0024D3;
        opacity: 1; }
      .module_GalleryZoom .gallery .dots .dot.current {
        background-color: rgba(0, 0, 0, 0.5); }

#imageLightboxZoom {
  display: inline-block;
  position: fixed;
  z-index: 10001;
  overflow: hidden; }
  #imageLightboxZoom .imageLightboxZoomWrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    #imageLightboxZoom .imageLightboxZoomWrap #imagelightbox.readyMobile {
      top: 0 !important;
      left: 0 !important; }
  #imageLightboxZoom .imageLightboxZoomBar {
    background-color: transparent;
    color: #E9E9E9;
    position: absolute;
    bottom: 0;
    z-index: 200000;
    left: 0;
    width: 100%;
    padding: 0.667em; }
    #imageLightboxZoom .imageLightboxZoomBar:after {
      display: block;
      content: "";
      clear: both; }
    #imageLightboxZoom .imageLightboxZoomBar p {
      display: none; }
    #imageLightboxZoom .imageLightboxZoomBar a {
      display: inline-block;
      margin-bottom: 0.667em;
      margin-right: 0.667em;
      float: right;
      color: #E9E9E9;
      transition: color 0.3s ease; }
      #imageLightboxZoom .imageLightboxZoomBar a:hover {
        text-decoration: none;
        color: #ffffff; }
    #imageLightboxZoom .imageLightboxZoomBar .downloadImage {
      font-size: 1.333em;
      display: none !important; }
      #imageLightboxZoom .imageLightboxZoomBar .downloadImage:before {
        font-size: 1.333em;
        line-height: 1em;
        display: inline-block;
        text-shadow: 0 0 0.75em #171616;
        opacity: 0.8; }
  #imageLightboxZoom .zoomImg {
    z-index: 10001; }
    #imageLightboxZoom .zoomImg:hover, #imageLightboxZoom .zoomImg:focus, #imageLightboxZoom .zoomImg:active {
      cursor: zoom-in; }
    #imageLightboxZoom .zoomImg.zoomed:hover, #imageLightboxZoom .zoomImg.zoomed:focus, #imageLightboxZoom .zoomImg.zoomed:active {
      cursor: zoom-out; }
  #imageLightboxZoom img::selection {
    background-color: transparent; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Headline/headline.scss
++ 2022-12-08 16:28 [a612737] Dominik R?znar - Update CSS of ContentNavigation module for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2022-04-26 13:02 [8ed4423] Dominik R?znar - Update CSS of headline for MS SOE
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-29 10:38 [a7344a2] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-11 10:15 [784647a] Dominik R?znar - Update styles for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-05-13 07:45 [8f8792a] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-04-26 07:55 [3775fe0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

/*
++ GIT: 8_microsite_soe/project/styles.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2024-03-27 08:59 [efc93b0] Jirina Lastuvkova - update styles for horns
++ 2024-02-15 08:46 [3ae7ecd] Klug, Zdenek - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2024-02-15 08:17 [56e2d0f] HAT\ryzndo1 - Add CSS for eliver links for MS SOE
++ 2023-12-08 08:25 [2a3adca] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-08 08:22 [3677729] Michael Hajný - adaptive design for horns
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-10-05 10:14 [9ef57d5] Jirina Lastuvkova - update css for horns project
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:35 [cc5f76b] Jirina Lastuvkova - Update styles for microsites SOE - change of colors
++ 2022-04-26 13:02 [c8ba3ba] Dominik Rýznar - Update CSS of MS SOE
++ 2021-11-05 15:02 [b2fdd5d] Dominik Rýznar - Update CSS of MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2021-03-09 09:27 [d33dc3b] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2021-01-19 09:33 [1245450] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik Rýznar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

/*
++ GIT: 8_microsite_soe/library/bootstrap/_variables.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2021-11-23 09:18 [429481a] Dominik Rýznar - Update bootstrap variables for MS SOE
++ 2021-03-30 08:50 [1705569] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/mixins/_border-radius.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/mixins/_list-group.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/_list-group.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #0024D3;
  border-color: #0024D3; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #a0b0ff; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

html, body {
  font-size: 15px;
  background: #575757;
  padding: 0;
  margin: 0;
  min-width: 320px;
  scroll-behavior: smooth; }
  html *[class*='module_'], body *[class*='module_'] {
    margin-bottom: 40px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      html *[class*='module_'], body *[class*='module_'] {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      html *[class*='module_'], body *[class*='module_'] {
        margin-bottom: 10px; } }
  html body.soe body *[class*='module_'], body.soe body html *[class*='module_'], body.soe body *[class*='module_'] {
    margin-bottom: 40px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      html body.soe body *[class*='module_'], body.soe body html *[class*='module_'], body.soe body *[class*='module_'] {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      html body.soe body *[class*='module_'], body.soe body html *[class*='module_'], body.soe body *[class*='module_'] {
        margin-bottom: 20px; } }
  html .webRoot .root > h1, body .webRoot html .root > h1, html .module_Headline h1.headline, .module_Headline html h1.headline, html .webRoot body .root > h1, body .webRoot .root > h1, body .module_Headline h1.headline, .module_Headline body h1.headline {
    font-size: 1.733em;
    font-family: "Hella Medium";
    color: #171616;
    margin-top: 0;
    margin-bottom: 0.385em !important; }
    @media (max-width: 1024px) {
      html .webRoot .root > h1, body .webRoot html .root > h1, html .module_Headline h1.headline, .module_Headline html h1.headline, html .webRoot body .root > h1, body .webRoot .root > h1, body .module_Headline h1.headline, .module_Headline body h1.headline {
        font-size: 1.6em; } }
  html *[class*='module_'].noBottomMargin, body *[class*='module_'].noBottomMargin {
    margin-bottom: 0 !important; }
  html .webRoot, body .webRoot {
    background: #ffffff;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 40px;
    /* skipped (TYPE_CMS) */ }
    @media (min-width: 768px) and (max-width: 1024px) {
      html .webRoot, body .webRoot {
        padding-bottom: 20px; } }
    @media (max-width: 767px) {
      html .webRoot, body .webRoot {
        padding-bottom: 10px; } }
    html .webRoot.tileStyle, body .webRoot.tileStyle {
      background: #E9E9E9; }
      html .webRoot.tileStyle > .root.container-fluid, body .webRoot.tileStyle > .root.container-fluid {
        background-color: #fff; }
        html .webRoot.tileStyle > .root.container-fluid .breadCrumb, body .webRoot.tileStyle > .root.container-fluid .breadCrumb {
          margin-top: 0; }
        @media (max-width: 1024px) {
          html .webRoot.tileStyle > .root.container-fluid h1, body .webRoot.tileStyle > .root.container-fluid h1 {
            margin-top: 0.667em; } }
    @media (max-width: 767px) {
      html .webRoot .root > h1, body .webRoot .root > h1 {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      html .webRoot .root > h1, body .webRoot .root > h1 {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 1025px) {
      html .webRoot .root > h1, body .webRoot .root > h1 {
        padding-left: 40px;
        padding-right: 40px; } }
    html .webRoot .root > h2, body .webRoot .root > h2 {
      font-size: 1.667em;
      font-family: "Hella Regular";
      color: #171616;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        html .webRoot .root > h2, body .webRoot .root > h2 {
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        html .webRoot .root > h2, body .webRoot .root > h2 {
          padding-left: 20px;
          padding-right: 20px; } }
      @media (min-width: 1025px) {
        html .webRoot .root > h2, body .webRoot .root > h2 {
          padding-left: 40px;
          padding-right: 40px; } }
    html .webRoot .sliderHeadline, body .webRoot .sliderHeadline {
      color: #171616; }
    html .webRoot .root .structural_OneCol.electronicsDetail .mainImage, body .webRoot .root .structural_OneCol.electronicsDetail .mainImage {
      float: right; }
      @media (max-width: 1024px) {
        html .webRoot .root .structural_OneCol.electronicsDetail .mainImage, body .webRoot .root .structural_OneCol.electronicsDetail .mainImage {
          float: left; } }
    @media (max-width: 767px) {
      html .webRoot .root .structural_TwoCol.secondFirstMobile, body .webRoot .root .structural_TwoCol.secondFirstMobile {
        display: flex;
        flex-wrap: wrap; }
        html .webRoot .root .structural_TwoCol.secondFirstMobile > div:last-of-type, body .webRoot .root .structural_TwoCol.secondFirstMobile > div:last-of-type {
          order: -1; } }
    html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline {
      font-family: "Hella Medium";
      font-weight: normal;
      font-size: 1.333em;
      color: #171616;
      text-transform: none; }
      @media (min-width: 768px) and (max-width: 1024px) {
        html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline {
          font-size: 1.067em; } }
      @media (max-width: 767px) {
        html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline {
          font-size: 1.067em; } }
    html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline {
      font-family: "Hella Regular";
      font-weight: normal;
      font-size: 1.333em;
      text-transform: uppercase;
      color: #171616;
      margin-bottom: 0.5em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline {
          margin-bottom: 0.5em; } }
      @media (max-width: 767px) {
        html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline {
          margin-bottom: 0em; } }
    html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline {
      font-family: "Hella Medium";
      font-weight: normal;
      font-size: 1.333em;
      color: #171616; }
      @media (max-width: 1024px) {
        html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline {
          font-size: 1.067em; } }
    html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline {
      font-family: "Hella Regular";
      font-size: 1.333em;
      font-weight: normal;
      text-transform: uppercase;
      color: #171616;
      margin-bottom: 0.5em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline {
          margin-bottom: 0.5em; } }
      @media (max-width: 767px) {
        html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline {
          margin-bottom: 0em; } }
    html .webRoot .breadCrumb, body .webRoot .breadCrumb {
      padding: 1em 40px 2.133em 40px;
      margin-top: -2em; }
      @media (max-width: 1024px) {
        html .webRoot .breadCrumb, body .webRoot .breadCrumb {
          display: none; } }
      body.smartedit .breadCrumb {
        margin-top: -4em; }
      html .webRoot .breadCrumb a, html .webRoot .breadCrumb a:visited, html .webRoot .breadCrumb a:hover, html .webRoot .breadCrumb span, body .webRoot .breadCrumb a, body .webRoot .breadCrumb a:visited, body .webRoot .breadCrumb a:hover, body .webRoot .breadCrumb span {
        color: #8c8c8c;
        text-decoration: none;
        font-size: 0.733em;
        line-height: 0.733em;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif; }
        html .webRoot .breadCrumb a:last-child, html .webRoot .breadCrumb a:visited:last-child, html .webRoot .breadCrumb a:hover:last-child, html .webRoot .breadCrumb span:last-child, body .webRoot .breadCrumb a:last-child, body .webRoot .breadCrumb a:visited:last-child, body .webRoot .breadCrumb a:hover:last-child, body .webRoot .breadCrumb span:last-child {
          color: #0024D3; }
        html .webRoot .breadCrumb a:not(:last-child):after, html .webRoot .breadCrumb a:visited:not(:last-child):after, html .webRoot .breadCrumb a:hover:not(:last-child):after, html .webRoot .breadCrumb span:not(:last-child):after, body .webRoot .breadCrumb a:not(:last-child):after, body .webRoot .breadCrumb a:visited:not(:last-child):after, body .webRoot .breadCrumb a:hover:not(:last-child):after, body .webRoot .breadCrumb span:not(:last-child):after {
          content: '';
          background: transparent url("images/breadcrumb_arrow.png") no-repeat center right;
          padding-left: 1em;
          margin-right: 0.091em; }
    html .webRoot table.tableImprint, body .webRoot table.tableImprint {
      width: 70%; }
      @media (max-width: 1024px) {
        html .webRoot table.tableImprint, body .webRoot table.tableImprint {
          width: 100%; } }
      html .webRoot table.tableImprint tr td:first-of-type, body .webRoot table.tableImprint tr td:first-of-type {
        width: 50%; }
      html .webRoot table.tableImprint tr td:nth-of-type(2), body .webRoot table.tableImprint tr td:nth-of-type(2) {
        width: 50%;
        color: #575757;
        background: #f5f5f5; }
      html .webRoot table.tableImprint tr:first-child td, body .webRoot table.tableImprint tr:first-child td {
        border-top: 0; }
      html .webRoot table.tableImprint tr:last-child td, body .webRoot table.tableImprint tr:last-child td {
        border-bottom: 1px solid #ddd; }
    html .webRoot table.tableHellaTeam, body .webRoot table.tableHellaTeam {
      width: 100%;
      margin-bottom: 0; }
      html .webRoot table.tableHellaTeam tr td, body .webRoot table.tableHellaTeam tr td {
        border: 0;
        padding: 0; }
      html .webRoot table.tableHellaTeam tr td:first-of-type, body .webRoot table.tableHellaTeam tr td:first-of-type {
        width: 5em;
        color: #171616; }
    html .webRoot table.table tr.thickBorder > td, body .webRoot table.table tr.thickBorder > td {
      border-width: 2px; }
    html .webRoot .navbar-nav li a.btn, body .webRoot .navbar-nav li a.btn {
      color: #fff;
      background-color: #0024D3 !important;
      padding: .5rem .6rem .3rem .6rem !important;
      margin-top: .65rem !important; }
    html .webRoot.masonryPage, body .webRoot.masonryPage {
      background: #E9E9E9;
      background-repeat: no-repeat;
      background-position: center top; }
      html .webRoot.masonryPage .root, body .webRoot.masonryPage .root {
        /* .pageTitle {
                     margin-top: 10em;
                     text-align: center;
                     @include desktop {
                         min-height: fromPxToEm(170);
                         margin-top: 22em;
                     }
                     
                     padding-bottom: fromPxToEm(10);
                     &:not(:empty) {
                         padding-bottom: fromPxToEm(20);
                     }
                     h1 {
                         font-size: 1.8em;
                         font-family: $hella-font-regular;
                         font-weight: bold;
                         display: inline-block;
                         line-height: inherit;
                         padding: .25em;
                         color: #fff;
                         background: #000;
                         text-transform: uppercase;
                         @include desktop{
                             font-size: 2.5em;
                             display: inline;
                         }
                     }
                 }*/ }
        html .webRoot.masonryPage .root h1, body .webRoot.masonryPage .root h1 {
          font-size: 1.733em;
          font-family: "Hella Medium";
          color: #171616;
          margin-top: 0;
          margin-bottom: 0.385em !important; }
          @media (max-width: 1024px) {
            html .webRoot.masonryPage .root h1, body .webRoot.masonryPage .root h1 {
              font-size: 1.6em; } }
      html .webRoot.masonryPage .navbar .logo span.line, body .webRoot.masonryPage .navbar .logo span.line {
        top: 2.9em; }
        @media (min-width: 1025px) {
          html .webRoot.masonryPage .navbar .logo span.line, body .webRoot.masonryPage .navbar .logo span.line {
            top: 3.267em; } }
        html .webRoot.masonryPage .navbar .logo span.line:before, body .webRoot.masonryPage .navbar .logo span.line:before {
          background-image: -webkit-linear-gradient(left, #E9E9E9 0%, #ffc800 100%);
          background-image: -o-linear-gradient(left, #E9E9E9 0%, #ffc800 100%);
          background-image: linear-gradient(to left, #E9E9E9 0%, #ffc800 100%);
          background-repeat: repeat-x; }
        html .webRoot.masonryPage .navbar .logo span.line:after, body .webRoot.masonryPage .navbar .logo span.line:after {
          background-image: -webkit-linear-gradient(left, #ffc800 0%, #E9E9E9 100%);
          background-image: -o-linear-gradient(left, #ffc800 0%, #E9E9E9 100%);
          background-image: linear-gradient(to left, #ffc800 0%, #E9E9E9 100%);
          background-repeat: repeat-x;
          height: 0.35em; }
          @media (min-width: 1025px) {
            html .webRoot.masonryPage .navbar .logo span.line:after, body .webRoot.masonryPage .navbar .logo span.line:after {
              height: 0.333em; } }
      @media (min-width: 1025px) {
        html .webRoot.masonryPage .navbar .titlePadding .title, body .webRoot.masonryPage .navbar .titlePadding .title {
          color: #fff; } }
      html .webRoot.masonryPage .navbar .navPostion a, body .webRoot.masonryPage .navbar .navPostion a {
        color: #fff; }
      html .webRoot.masonryPage .navbar .navPostion .badge, body .webRoot.masonryPage .navbar .navPostion .badge {
        color: #171616 !important; }
      @media (min-width: 1025px) {
        html .webRoot.masonryPage .navbar .navbar-nav li.lounge a.btn, body .webRoot.masonryPage .navbar .navbar-nav li.lounge a.btn {
          margin-top: .65rem !important; } }
  html.hella-gutmann h1, body.hella-gutmann h1 {
    color: #007D40 !important; }
  html.hella-gutmann .structural_TwoCol .structural_FirstCol .module_Headline .headline,
  html.hella-gutmann .structural_TwoCol .structural_SecondCol .module_Headline .headline, body.hella-gutmann .structural_TwoCol .structural_FirstCol .module_Headline .headline,
  body.hella-gutmann .structural_TwoCol .structural_SecondCol .module_Headline .headline {
    color: #007D40 !important; }
  html.hella-gutmann .breadCrumb a:hover, html.hella-gutmann .breadCrumb a:last-child, body.hella-gutmann .breadCrumb a:hover, body.hella-gutmann .breadCrumb a:last-child {
    color: #007D40 !important; }
  html.horns .structural_OneCol, body.horns .structural_OneCol {
    width: 100%;
    max-width: 85vw;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      html.horns .structural_OneCol, body.horns .structural_OneCol {
        width: 100%;
        max-width: none;
        padding-left: 0.667em;
        padding-right: 0.667em; } }
  @media (min-width: 1025px) {
    .partnerworld .titlePadding .title {
      color: #171616 !important; } }
  .partnerworld .navPostion a {
    color: #171616 !important; }
  .partnerworld .navPostion .badge {
    color: #171616 !important; }
  .partnerworld .navPostion .searchForm {
    display: none; }

@media (max-width: 767px) {
  body.jobs-page .structural_TwoCol {
    display: flex;
    flex-wrap: wrap; }
    body.jobs-page .structural_TwoCol > div:first-of-type {
      order: 2; }
    body.jobs-page .structural_TwoCol.secondFirstMobile > div:first-of-type {
      order: 0 !important; }
    body.jobs-page .structural_TwoCol.secondFirstMobile > div:last-of-type {
      order: 2 !important; } }

@media (max-width: 767px) {
  body.soe .tileStyle .root > div:first-of-type .structural_FirstCol h2 {
    margin-top: 0.667em; }
  body.soe .tileStyle .structural_SecondCol {
    margin-top: 0.667em; }
  body.soe .tileStyle table {
    display: block;
    overflow-x: auto;
    white-space: nowrap; }
  body.soe .tileStyle .productContent {
    display: flex;
    flex-wrap: wrap; }
    body.soe .tileStyle .productContent .module_Text {
      order: 10; } }

body.soe .webRoot p {
  hyphens: auto; }

.eliver-wrap {
  display: inline-block;
  margin-left: 20px; }
  @media (max-width: 767px) {
    .eliver-wrap {
      margin-left: 0;
      display: block;
      margin-bottom: 10px; } }
  .eliver-wrap .eliver-btn {
    background-color: #ffc800;
    border-radius: 4px;
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #fff; }
    .eliver-wrap .eliver-btn:hover {
      color: #fff;
      text-decoration: none; }
    .eliver-wrap .eliver-btn .eliver-icon {
      height: 20px;
      width: 30px;
      display: block;
      background-size: contain;
      background-repeat: no-repeat;
      margin-right: 6px;
      background-image: url("images/eliver-logo.png"); }

body[style] {
  padding-top: 0 !important; }

.module_Headline {
  font-family: "Hella Regular";
  color: #171616;
  position: relative; }
  .rootTechnical .structural_FirstCol > .module_Headline:not([data-line*='true']):before,
  .rootTechnical .structural_SecondCol > .module_Headline:not([data-line*='true']):before {
    content: "";
    display: block;
    border-top: 1px solid #171616;
    width: 100%; }
  .rootTechnical .structural_FirstCol > .module_Headline[data-line*='true'] > .headline,
  .rootTechnical .structural_SecondCol > .module_Headline[data-line*='true'] > .headline {
    padding-top: 0em; }
    @media (max-width: 1024px) {
      .rootTechnical .structural_FirstCol > .module_Headline[data-line*='true'] > .headline,
      .rootTechnical .structural_SecondCol > .module_Headline[data-line*='true'] > .headline {
        padding-top: 0em; } }
  .rootTechnical .structural_FirstCol > .module_Headline > .headline,
  .rootTechnical .structural_SecondCol > .module_Headline > .headline {
    padding-top: 1.458em;
    margin-bottom: 1.042em;
    font-family: "Hella Medium"; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .rootTechnical .structural_FirstCol > .module_Headline > .headline,
      .rootTechnical .structural_SecondCol > .module_Headline > .headline {
        padding-top: 0.944em;
        margin-bottom: 0.625em; } }
    @media (max-width: 767px) {
      .rootTechnical .structural_FirstCol > .module_Headline > .headline,
      .rootTechnical .structural_SecondCol > .module_Headline > .headline {
        padding-top: 0.833em;
        margin-bottom: 0.25em; } }
  .module_Headline:not(.noBottomMargin) .headline, .module_Headline:not(.noBottomMargin) .subHeadline {
    margin-bottom: 0; }
  .module_Headline .headline {
    display: inline-block;
    font-size: 1.6em;
    margin-top: 0em;
    text-transform: uppercase; }
    @media (max-width: 1024px) {
      .module_Headline .headline {
        font-size: 1.333em; } }
    .module_Headline .headline:before {
      content: attr(data-content) " ";
      color: #575757;
      font-family: "Hella Medium"; }
    .module_Headline .headline .separator {
      display: inline-block; }
    .module_Headline .headline .subHeadline {
      text-transform: uppercase;
      display: inline-block;
      color: #575757;
      margin-top: 0em; }
  .module_Headline.greyBackground .headline {
    background-color: #575757;
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 0.333em 0; }
  .module_Headline h2.headline {
    text-transform: none; }
  .module_Headline h1.headline.productHeadline {
    margin-top: 2em;
    color: #171616;
    text-transform: none; }
  .module_Headline h3.headline {
    font-family: "Hella Medium";
    font-weight: normal;
    font-size: 1.333em;
    color: #171616;
    text-transform: none;
    margin-bottom: 0.938em; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Headline h3.headline {
        font-size: 1.067em;
        margin-bottom: 0.667em; } }
    @media (max-width: 767px) {
      .module_Headline h3.headline {
        font-size: 1.067em;
        margin-bottom: 0.667em; } }
    .module_Headline h3.headline.productHeadline {
      font-size: 0.733em;
      color: #8c8c8c;
      font-family: Arial, Helvetica, sans-serif;
      margin-bottom: 0.667em; }
      .module_Headline h3.headline.productHeadline > span:first-of-type:after {
        content: "/";
        display: inline-block;
        margin: 0 5px; }
  .module_Headline .headline.greyCentered {
    background-color: #a5afb6;
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding-top: 0.8em;
    padding-bottom: 0.467em;
    margin-bottom: 0.667em !important;
    font-size: 1.333em;
    text-transform: uppercase;
    font-family: "Hella Regular"; }
    @media (max-width: 767px) {
      .module_Headline .headline.greyCentered {
        font-size: 1.067em; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Headline .headline.greyCentered {
        font-size: 1.2em; } }

.electronicsDetail .productHeadline > span:first-of-type:after {
  display: none !important; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Hero/hero.scss
++ 2024-07-22 08:56 [e755d61] HAT\ryzndo1 - Add hero module to SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Hero {
  margin-bottom: 0 !important;
  position: relative;
  position: relative;
  overflow: hidden;
  width: 100%; }
  @media (min-width: 768px) {
    .module_Hero {
      min-height: 80vh;
      height: 80vh; } }
  @media (max-width: 767px) {
    .module_Hero.video .teaser-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; } }
  .module_Hero > img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover; }
  @media (min-width: 768px) {
    .module_Hero .module_Video {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); } }
  .module_Hero .teaser-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2.667em;
    display: flex;
    align-items: flex-start;
    height: 100%; }
    @media (max-width: 767px) {
      .module_Hero .teaser-wrap {
        align-items: center;
        flex-wrap: wrap; } }
    .module_Hero .teaser-wrap .teaser {
      padding: 1.333em;
      position: relative;
      z-index: 10;
      color: #ffffff;
      width: 100%; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_Hero .teaser-wrap .teaser {
          max-width: 50%;
          padding: 2em; } }
      @media (min-width: 1025px) {
        .module_Hero .teaser-wrap .teaser {
          max-width: 33%;
          padding: 2.667em; } }
      .module_Hero .teaser-wrap .teaser.right {
        margin-left: auto; }
      .module_Hero .teaser-wrap .teaser.center {
        margin: 0 auto; }
      .module_Hero .teaser-wrap .teaser.middle {
        align-self: center; }
      .module_Hero .teaser-wrap .teaser.bottom {
        align-self: flex-end; }
      .module_Hero .teaser-wrap .teaser.no-background {
        background: none; }
      .module_Hero .teaser-wrap .teaser .module_Headline * {
        color: #ffffff; }
      .module_Hero .teaser-wrap .teaser .module_Headline h2 {
        font-size: 2.4em; }
      .module_Hero .teaser-wrap .teaser .module_Image {
        margin-top: 1.333em; }
      .module_Hero .teaser-wrap .teaser .module_Text {
        color: #ffffff; }
      .module_Hero .teaser-wrap .teaser .btn {
        margin-top: 1.333em;
        background-color: #0024D3;
        color: #ffffff;
        margin-right: 1.333em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/HomeHorns/homeHorns.scss
++ 2023-10-05 10:14 [9ef57d5] Jirina Lastuvkova - update css for horns project
++ 2023-10-05 08:14 [819977c] Klug, Zdenek - Update horns project
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_HomeHorns {
  position: relative;
  height: calc(100vh - 96px);
  float: none; }
  .module_HomeHorns .module_Headline.transparentBg {
    text-align: center;
    padding: 20px; }
    .module_HomeHorns .module_Headline.transparentBg h1.headline {
      font-size: 2.4em;
      font-family: "Hella Light";
      color: #fff; }
  .module_HomeHorns .backgroundImage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .module_HomeHorns .backgroundImage img {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      object-fit: cover; }
  .module_HomeHorns .siteButtons {
    position: absolute;
    bottom: 6.667em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%; }
    .module_HomeHorns .siteButtons .homeIcon {
      margin: 0 1.333em;
      text-align: center;
      cursor: pointer; }
      .module_HomeHorns .siteButtons .homeIcon img {
        max-width: 80px;
        display: inline-block; }
      .module_HomeHorns .siteButtons .homeIcon .homeIconText {
        margin-top: 1.333em; }
        .module_HomeHorns .siteButtons .homeIcon .homeIconText a, .module_HomeHorns .siteButtons .homeIcon .homeIconText span {
          display: inline-block;
          padding: 0.533em 1em;
          border: 1px solid #fff;
          color: #fff;
          background-color: #000;
          border-radius: 15px; }
          .module_HomeHorns .siteButtons .homeIcon .homeIconText a:hover, .module_HomeHorns .siteButtons .homeIcon .homeIconText span:hover {
            background-color: #fff;
            color: #000;
            text-decoration: none; }
  .module_HomeHorns .arrowButton {
    position: absolute;
    bottom: 1.333em;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2.133em;
    color: #fff;
    cursor: pointer; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/HomeLightstyle/homeLightstyle.scss
++ 2024-09-03 08:02 [e08a849] HAT\ryzndo1 - Update CSS lightstyle homepage
++ 2022-08-11 07:53 [2220ea8] Dominik R?znar - Update CSS for lightstyle project
++ 2022-06-27 08:27 [ba56c40] Dominik R?znar - Add LightStyle module to SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_HomeLightstyle {
  margin-bottom: 0 !important;
  position: relative;
  height: calc(100vh - 96px);
  float: none;
  height: 70vh;
  padding-top: 1.333em; }
  @media (min-width: 768px) {
    .module_HomeLightstyle {
      height: 80vh;
      padding-top: 2em; } }
  .module_HomeLightstyle .module_Headline.transparentBg {
    text-align: center;
    padding: 20px; }
    .module_HomeLightstyle .module_Headline.transparentBg h1.headline {
      font-size: 2.4em;
      font-family: "Hella Light";
      color: #fff; }
  .module_HomeLightstyle .backgroundImage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .module_HomeLightstyle .backgroundImage img {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      object-fit: cover; }
  .module_HomeLightstyle .siteButtons {
    position: absolute;
    bottom: 6.667em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%; }
    @media (max-width: 767px) {
      .module_HomeLightstyle .siteButtons {
        bottom: 1.333em; } }
    .module_HomeLightstyle .siteButtons .homeIcon {
      margin: 0 1.333em;
      text-align: center; }
      @media (max-width: 767px) {
        .module_HomeLightstyle .siteButtons .homeIcon {
          flex-basis: calc(50% - 50px); } }
      .module_HomeLightstyle .siteButtons .homeIcon img {
        max-width: 80px;
        display: inline-block; }
      .module_HomeLightstyle .siteButtons .homeIcon .homeIconText {
        margin-top: 1.333em; }
        .module_HomeLightstyle .siteButtons .homeIcon .homeIconText a {
          display: inline-block;
          padding: 0.533em 1em;
          border: 1px solid #fff;
          color: #fff;
          background-color: #000;
          border-radius: 15px; }
          .module_HomeLightstyle .siteButtons .homeIcon .homeIconText a:hover {
            background-color: #fff;
            color: #000;
            text-decoration: none; }
  .module_HomeLightstyle .arrowButton {
    position: absolute;
    bottom: 1.333em;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2.133em;
    color: #fff;
    cursor: pointer; }
    @media (max-width: 767px) {
      .module_HomeLightstyle .arrowButton {
        display: none; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/HornsProductSelection/hornsProductSelection.scss
++ 2024-07-16 08:23 [fd475e9] HAT\ryzndo1 - Update hornsProductSelection module
++ 2024-04-19 12:49 [c2721b2] Jirina Lastuvkova - update css - add new category for microsites-horns
++ 2023-12-11 12:04 [191815b] Michael Hajn? - removed shade files
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-08 08:22 [3677729] Michael Hajn? - adaptive design for horns
++ 2023-12-04 08:24 [e6259fc] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-18 14:58 [bc95c16] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-12 09:14 [d3b639b] Jirina Lastuvkova - update css for horns project
++ 2023-10-05 08:14 [819977c] Klug, Zdenek - Update horns project
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_HornsProductSelection {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  background-color: #9b9b9b;
  padding-top: 6em;
  position: relative; }
  .module_HornsProductSelection .innerContent {
    margin: 0 auto;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    width: 100%;
    margin: 0 83px; }
    @media screen and (max-width: 1200px) {
      .module_HornsProductSelection .innerContent {
        flex-flow: column;
        align-items: center; } }
    .module_HornsProductSelection .innerContent .carSelection {
      width: 12%;
      height: 100%;
      display: flex;
      flex-flow: column;
      gap: 15px; }
      @media screen and (max-width: 1200px) {
        .module_HornsProductSelection .innerContent .carSelection {
          flex-flow: row;
          gap: 30px;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          flex-wrap: wrap; } }
      .module_HornsProductSelection .innerContent .carSelection .vehicleCover {
        position: relative; }
        .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle {
          width: 5.333em;
          height: 5.333em;
          margin: 0 auto;
          position: relative;
          cursor: pointer; }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.current {
            width: 6.667em;
            height: 6.667em;
            margin-bottom: 0em; }
            @media screen and (max-width: 1200px) {
              .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.current {
                margin-bottom: 1em; } }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.bus {
            background: url(images/Icon_Bus.png) top center no-repeat;
            background-size: contain; }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.truck {
            background: url(images/Icon_Truck.png) top center no-repeat;
            background-size: contain;
            margin-top: 1.333em; }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.truckBig {
            background: url(images/Icon_TruckBig.png) top center no-repeat;
            background-size: contain;
            margin-top: 1.333em; }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.passengerCar {
            background: url(images/Icon_Cardriver.png) top center no-repeat;
            background-size: contain; }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.offroad {
            background: url(images/Icon_Offroad.png) top center no-repeat;
            background-size: contain; }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover .vehicle.bike {
            background: url(images/Icon_Bike.png) top center no-repeat;
            background-size: contain; }
        .module_HornsProductSelection .innerContent .carSelection .vehicleCover .productlabel {
          display: none;
          color: white;
          font-family: "Hella Regular";
          text-align: center;
          font-size: 16px; }
        .module_HornsProductSelection .innerContent .carSelection .vehicleCover.current .productLabelWrap {
          position: absolute;
          bottom: 0;
          width: 100%; }
          .module_HornsProductSelection .innerContent .carSelection .vehicleCover.current .productLabelWrap .productlabel {
            width: 100%;
            text-align: center;
            display: block; }
    .module_HornsProductSelection .innerContent .productDetail {
      width: 70%;
      height: 100%;
      display: flex; }
      @media screen and (max-width: 1200px) {
        .module_HornsProductSelection .innerContent .productDetail {
          width: 100%;
          flex-flow: row; } }
      @media screen and (max-width: 900px) {
        .module_HornsProductSelection .innerContent .productDetail {
          width: 100%;
          flex-flow: column; } }
      .module_HornsProductSelection .innerContent .productDetail .leftSide {
        width: 50%; }
        @media screen and (max-width: 1200px) {
          .module_HornsProductSelection .innerContent .productDetail .leftSide {
            float: unset;
            width: 80%; } }
        @media screen and (max-width: 900px) {
          .module_HornsProductSelection .innerContent .productDetail .leftSide {
            margin: 3rem auto; } }
        .module_HornsProductSelection .innerContent .productDetail .leftSide .prodPreview {
          padding-top: 2.667em; }
        .module_HornsProductSelection .innerContent .productDetail .leftSide .prodItem {
          background-repeat: no-repeat;
          margin-bottom: 3.333em; }
          .module_HornsProductSelection .innerContent .productDetail .leftSide .prodItem .produtPreview {
            height: 300px;
            position: relative; }
            .module_HornsProductSelection .innerContent .productDetail .leftSide .prodItem .produtPreview .img-responsive {
              position: absolute;
              width: 70%;
              bottom: 0px;
              right: 1.333em; }
          .module_HornsProductSelection .innerContent .productDetail .leftSide .prodItem.tiger {
            background-image: url(images/Tiger_transparent_300.png); }
          .module_HornsProductSelection .innerContent .productDetail .leftSide .prodItem.lion {
            background-image: url(images/Lion_transparent_200.png); }
          .module_HornsProductSelection .innerContent .productDetail .leftSide .prodItem.elephant {
            background-image: url(images/Elephant_transparent_200.png); }
          .module_HornsProductSelection .innerContent .productDetail .leftSide .prodItem.tucan {
            background-image: url(images/Tucan_transparent_200.png); }
      .module_HornsProductSelection .innerContent .productDetail .rightSide {
        height: 100%;
        width: 50%;
        float: left;
        color: white; }
        @media screen and (max-width: 900px) {
          .module_HornsProductSelection .innerContent .productDetail .rightSide {
            width: 100%;
            float: unset; } }
        .module_HornsProductSelection .innerContent .productDetail .rightSide .productImage,
        .module_HornsProductSelection .innerContent .productDetail .rightSide .btnClose {
          display: none; }
        .module_HornsProductSelection .innerContent .productDetail .rightSide .poHeader h2 {
          font-size: 2.133em; }
    .module_HornsProductSelection .innerContent .productSelectionCover {
      width: 15%;
      height: 100%;
      float: left;
      position: relative; }
      @media screen and (max-width: 1200px) {
        .module_HornsProductSelection .innerContent .productSelectionCover {
          width: 90vw;
          margin: 0 0 3rem 0; } }
      .module_HornsProductSelection .innerContent .productSelectionCover .btnAllProducts {
        float: left;
        background-color: white;
        height: 2.3em;
        line-height: 2.55em;
        padding-right: 1.5em;
        padding-left: 1.5em;
        border-radius: 1em;
        color: #999;
        font-size: 1.333em;
        font-family: "Hella Medium";
        cursor: pointer; }
        @media screen and (max-width: 650px) {
          .module_HornsProductSelection .innerContent .productSelectionCover .btnAllProducts {
            float: unset;
            text-align: center; } }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .productSelectionMobileControlers {
        display: none; }
        @media screen and (max-width: 1200px) {
          .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .productSelectionMobileControlers {
            display: flex;
            flex-flow: row;
            width: 100%;
            justify-content: space-between;
            margin: 3rem 0; } }
      @media screen and (max-width: 1200px) {
        .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .generatedProducts {
          display: flex;
          flex-flow: row;
          align-items: center;
          gap: 20px;
          justify-content: space-around; } }
      @media screen and (max-width: 1200px) {
        .module_HornsProductSelection .innerContent .productSelectionCover .productSelection {
          display: flex;
          flex-flow: column;
          align-items: center;
          width: unset;
          margin-top: 3rem; } }
      @media screen and (max-width: 900px) {
        .module_HornsProductSelection .innerContent .productSelectionCover .productSelection {
          flex-flow: column; } }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .box {
        margin: 0 auto;
        cursor: pointer; }
        .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .box.product:not(.hidden) ~ .product:not(.hidden) ~ .product:not(.hidden) .verticalLine {
          display: none; }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .last,
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .next,
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .lastMobile,
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .nextMobile {
        width: 55px;
        height: 55px; }
        @media screen and (max-width: 1200px) {
          .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .last,
          .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .next,
          .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .lastMobile,
          .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .nextMobile {
            transform: rotate(-90deg); } }
      @media screen and (max-width: 1200px) {
        .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .last,
        .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .next {
          display: none; } }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .last {
        background-image: url(images/icon_last.png);
        margin-bottom: 1.333em; }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .next {
        background-image: url(images/icon_next.png);
        margin-top: 1.333em;
        margin-bottom: 2.333em; }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .lastMobile {
        background-image: url(images/icon_last.png); }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .nextMobile {
        background-image: url(images/icon_next.png); }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .disabled {
        opacity: 0.4;
        cursor: initial; }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .product {
        width: 8.333em; }
        @media screen and (max-width: 1200px) {
          .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .product {
            width: 18%; } }
      .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .currentHorn {
        margin: 0 auto;
        width: auto; }
        @media screen and (max-width: 1200px) {
          .module_HornsProductSelection .innerContent .productSelectionCover .productSelection .currentHorn {
            width: 30%;
            margin: unset; } }
  @media screen and (max-width: 1200px) {
    .module_HornsProductSelection .mControls .controls .innerCont {
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      width: 100%; } }
  .module_HornsProductSelection .mControls .controls .buttonCover {
    float: left;
    width: 25%; }
    @media screen and (max-width: 1200px) {
      .module_HornsProductSelection .mControls .controls .buttonCover {
        float: unset;
        width: 20%; } }
  .module_HornsProductSelection .mControls .controls .button {
    cursor: pointer;
    font-family: "Hella Medium";
    background-size: contain !important;
    height: 5.333em; }
    .module_HornsProductSelection .mControls .controls .button.buttonHigh, .module_HornsProductSelection .mControls .controls .button.buttonHigh.inactive {
      background: transparent url(images/Icon_Sound_High_positiv.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.buttonHigh.active {
      background: transparent url(images/Icon_Sound_High_negativ.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.buttonLow, .module_HornsProductSelection .mControls .controls .button.buttonLow.inactive {
      background: transparent url(images/Icon_Sound_Low_positiv.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.buttonLow.active {
      background: transparent url(images/Icon_Sound_Low_negativ.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.buttonHighAndLow, .module_HornsProductSelection .mControls .controls .button.buttonHighAndLow.inactive {
      background: transparent url(images/Icon_Sound_Set_positiv.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.buttonHighAndLow.active {
      background: transparent url(images/Icon_Sound_Set_negativ.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.buttonNoise, .module_HornsProductSelection .mControls .controls .button.buttonNoise.inactive {
      background: transparent url(images/Icon_Noise_positiv.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.buttonNoise.active {
      background: transparent url(images/Icon_Noise_negativ.png) center center no-repeat; }
    .module_HornsProductSelection .mControls .controls .button.inactive,
    .module_HornsProductSelection .mControls .controls .button.inactive + .textlabel {
      opacity: 0.5;
      cursor: auto; }
  .module_HornsProductSelection .mControls .controls .textlabel {
    text-align: center;
    font-size: 1.2em;
    color: white;
    font-family: "Hella Regular";
    margin-top: 0.556em; }
  @media (max-width: 1024px) {
    .module_HornsProductSelection .productInfo {
      padding: 0 1.333em; } }
  .module_HornsProductSelection .productInfo .productImage {
    width: 32%;
    float: right; }
    @media (max-width: 767px) {
      .module_HornsProductSelection .productInfo .productImage {
        float: none;
        width: 100%; } }
    .module_HornsProductSelection .productInfo .productImage img {
      float: right;
      background-color: #777;
      border: 1px solid #909fab;
      border-radius: 0.667em; }
      @media (max-width: 767px) {
        .module_HornsProductSelection .productInfo .productImage img {
          float: none; } }
  .module_HornsProductSelection .productInfo .information {
    width: 68%;
    float: left;
    font-family: "Hella Regular"; }
    @media screen and (max-width: 900px) {
      .module_HornsProductSelection .productInfo .information {
        display: flex;
        justify-content: space-between;
        flex-flow: row-reverse;
        width: 100%;
        float: unset; } }
    @media screen and (max-width: 650px) {
      .module_HornsProductSelection .productInfo .information {
        flex-flow: column; } }
    @media (max-width: 767px) {
      .module_HornsProductSelection .productInfo .information {
        width: 100%;
        float: none; } }
    .module_HornsProductSelection .productInfo .information p {
      margin-bottom: 1.067em;
      margin-top: 0.8em; }
    .module_HornsProductSelection .productInfo .information h2 {
      font-size: 1.6em;
      font-family: "Hella Medium";
      margin-bottom: 0.833em;
      margin-left: 0.417em; }
    .module_HornsProductSelection .productInfo .information ul {
      padding-left: 1.75em;
      margin-bottom: 2.5em;
      font-size: 1.067em; }
      .module_HornsProductSelection .productInfo .information ul li {
        margin-bottom: 0.333em; }
    @media (max-width: 1024px) {
      .module_HornsProductSelection .productInfo .information .productFeatures .features {
        width: 100%;
        float: none; } }
    .module_HornsProductSelection .productInfo .information .productFeatures .specialFeatures {
      width: 49%;
      float: left; }
      @media (max-width: 1024px) {
        .module_HornsProductSelection .productInfo .information .productFeatures .specialFeatures {
          width: 100%;
          float: none; } }
  .module_HornsProductSelection .productInfo .btnDownloadCover {
    width: 100%;
    clear: both; }
    .module_HornsProductSelection .productInfo .btnDownloadCover .btnDownload {
      float: right;
      background-color: transparent;
      border: solid 2px white;
      height: 2.3em;
      line-height: 2.4em;
      padding-right: 1.5em;
      padding-left: 1.5em;
      border-radius: 1em;
      font-size: 1.333em;
      font-family: "Hella Medium";
      cursor: pointer;
      margin-top: 1em; }
      .module_HornsProductSelection .productInfo .btnDownloadCover .btnDownload a {
        color: white;
        text-decoration: none !important; }
        .module_HornsProductSelection .productInfo .btnDownloadCover .btnDownload a:hover, .module_HornsProductSelection .productInfo .btnDownloadCover .btnDownload a:active {
          text-decoration: none; }
      @media screen and (max-width: 650px) {
        .module_HornsProductSelection .productInfo .btnDownloadCover .btnDownload {
          float: unset;
          text-align: center; } }
  .module_HornsProductSelection .poHeader {
    margin-bottom: 2em; }
  .module_HornsProductSelection h1,
  .module_HornsProductSelection h2 {
    font-size: 1.733em;
    font-family: "Hella Regular";
    margin-top: 0; }
    @media (max-width: 767px) {
      .module_HornsProductSelection h1,
      .module_HornsProductSelection h2 {
        width: 100%;
        font-size: 1.333em; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_HornsProductSelection h1,
      .module_HornsProductSelection h2 {
        font-size: 1.067em; } }
  .module_HornsProductSelection .verticalLine {
    height: 2.267em;
    width: 2px;
    background-color: white;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      .module_HornsProductSelection .verticalLine {
        display: none; } }
  .module_HornsProductSelection .pointer {
    cursor: pointer; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/HornsProductsOverview/hornsProductOverview.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-08 08:22 [3677729] Michael Hajn? - adaptive design for horns
++ 2023-12-04 08:24 [e6259fc] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2023-10-05 08:14 [819977c] Klug, Zdenek - Update horns project
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_HornsProductOverview {
  position: absolute;
  top: 3.333em;
  width: 58%;
  max-width: 69.333em;
  background: #2a2a2a;
  color: white;
  left: 21%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0.667em !important;
  padding-bottom: 1.333em; }
  .module_HornsProductOverview .productListCover {
    padding: 2.533em 2em;
    max-height: 53em;
    overflow-y: auto;
    position: relative; }
  .module_HornsProductOverview .productInfoCover {
    padding: 2.533em 2em;
    max-height: 53em;
    overflow-y: auto;
    position: relative; }
  .module_HornsProductOverview .btnClose {
    height: 3.667em;
    width: 3.667em;
    cursor: pointer;
    position: absolute;
    right: 1.2em;
    top: 1.2em;
    background-image: url(images/icon_x.png);
    z-index: 11; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_HornsProductOverview .btnClose {
        right: 1.333em;
        top: 1.333em; } }
    @media (max-width: 767px) {
      .module_HornsProductOverview .btnClose {
        right: 0.667em;
        top: 0.667em;
        height: 2.667em;
        float: none; } }
  .module_HornsProductOverview .productList {
    overflow: hidden;
    outline: none;
    height: 70%;
    display: flex;
    flex-wrap: wrap; }
    .module_HornsProductOverview .productList .categoryHeader {
      width: 100%;
      background-color: #090909;
      height: 9.333em;
      display: flex;
      padding-top: 1em;
      border-radius: 0.667em;
      margin-bottom: 1.333em; }
      .module_HornsProductOverview .productList .categoryHeader .catImgCover {
        margin: 0 auto;
        display: flex;
        position: relative;
        padding-right: 7.867em; }
        .module_HornsProductOverview .productList .categoryHeader .catImgCover .catHdl {
          position: absolute;
          right: 0;
          font-size: 3.667em;
          font-family: "Hella Medium";
          line-height: 2.273em; }
          @media (max-width: 767px) {
            .module_HornsProductOverview .productList .categoryHeader .catImgCover .catHdl {
              font-size: 2.2em;
              right: unset;
              left: 5%;
              top: 15%; } }
    .module_HornsProductOverview .productList .productItem {
      width: 31.33%;
      float: left;
      cursor: pointer;
      background-color: #777;
      border-radius: 0.667em; }
      @media (max-width: 767px) {
        .module_HornsProductOverview .productList .productItem {
          width: 100%; } }
      .module_HornsProductOverview .productList .productItem .productLabel {
        display: block;
        margin-top: 0.5em;
        text-align: center;
        font-size: 1.333em;
        font-family: "Hella Medium";
        padding-bottom: 1em;
        padding-left: 1em;
        padding-right: 1em; }
      .module_HornsProductOverview .productList .productItem .productTags {
        display: none;
        font-size: 0.933em;
        color: #a5afb6; }
  .module_HornsProductOverview .mCenter {
    margin: 0 1% 1.333em 1%; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Image/image.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Image {
  border: 0;
  text-decoration: none;
  outline: 0; }
  .module_Image[data-border*='border'] img.img-responsive {
    outline-width: 1px;
    outline-style: solid;
    outline-color: #575757; }
  .module_Image .caption {
    font-size: 0.733em;
    color: #575757; }
  .module_Image .placeholder {
    width: 100%;
    background-color: #E9E9E9;
    opacity: 0.75;
    display: none; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Info/info.scss
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/_variables.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2021-11-23 09:18 [429481a] Dominik Rýznar - Update bootstrap variables for MS SOE
++ 2021-03-30 08:50 [1705569] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/_glyphicons.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../project/fonts/glyphicons-halflings-regular.eot");
  src: url("../project/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../project/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../project/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../project/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../project/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon, .module_Info .icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before, .module_Info .icon.icon3:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before, .module_Info .icon.icon2:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before, .module_Info .icon.icon1:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

.module_Info {
  position: relative; }
  .masonryPage .module_Info.alert {
    background-color: #ffffff; }
  .module_Info:after {
    display: block;
    clear: both;
    content: ''; }
  @media (min-width: 768px) {
    .module_Info {
      display: flex;
      display: -webkit-flex; } }
  .module_Info.alert {
    background-color: #E9E9E9;
    color: #171616;
    border: 0;
    padding: 1.333em;
    border-radius: 2px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Info.alert {
        padding: 0.667em; } }
    @media (max-width: 767px) {
      .module_Info.alert {
        padding: 0.333em; } }
  .module_Info .icon {
    display: block;
    color: #0024D3;
    font-size: 4.667em;
    max-width: 1.029em;
    min-height: 1.029em; }
    @media (min-width: 768px) {
      .module_Info .icon {
        flex: 1;
        margin-right: 0.214em !important; } }
    @media (max-width: 767px) {
      .module_Info .icon {
        margin: auto;
        margin-bottom: 0.143em !important; } }
  @media (min-width: 768px) {
    .module_Info .iconShift:nth-child(2) {
      flex: 1; }
    .module_Info .iconShift:first-child {
      width: 100%; } }
  .module_Info .iconShift:not(:last-child) {
    padding-right: 1.333em; }
  @media (min-width: 768px) {
    .module_Info .iconShift[data-icon="icon1"]:nth-child(2) .module_Text:first-child:last-child {
      height: 100%;
      display: flex;
      align-items: center; } }
  .module_Info .module_Text {
    color: #171616; }
  .module_Info .module_Headline .headline {
    font-size: 1.2em;
    margin-top: 0.333em;
    color: #171616; }
    .module_Info .module_Headline .headline .subHeadline {
      color: #575757; }
  .module_Info .closeInfo {
    border-radius: 15px;
    position: absolute;
    top: 0;
    right: 0.16em;
    color: #171616;
    font-size: 2em;
    line-height: 0.667em;
    font-weight: bold;
    text-shadow: none;
    text-decoration: none;
    opacity: 1;
    display: inline-block;
    padding-left: 0.333em;
    padding-right: 0.333em;
    padding-bottom: 0.333em; }
    @media (max-width: 767px) {
      .module_Info .closeInfo {
        font-size: 1.5em; } }
    .module_Info .closeInfo:hover {
      color: #0024D3; }
    .module_Info .closeInfo:before {
      content: '';
      display: block;
      padding: 0.2em 0.25em 0.15em 0.25em; }
  .module_Info *[class*='module_'] {
    margin-bottom: 0; }
  .module_Info .module_NewsletterSubscribe .heading {
    font-family: "Hella Regular";
    word-wrap: break-word;
    padding-bottom: .6em;
    font-size: 1.333em; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Info .module_NewsletterSubscribe .heading {
        font-size: 1.2em; } }
    @media (max-width: 767px) {
      .module_Info .module_NewsletterSubscribe .heading {
        font-size: 1.067em; } }
  .module_Info .module_NewsletterSubscribe form .form-group {
    float: left;
    margin-bottom: 0; }
    .module_Info .module_NewsletterSubscribe form .form-group input {
      background-color: #ffffff;
      border: 1px solid #8c8c8c;
      border-radius: 0.333em; }
    .module_Info .module_NewsletterSubscribe form .form-group label a {
      text-decoration: underline; }
    .module_Info .module_NewsletterSubscribe form .form-group .consent {
      display: none; }
    .module_Info .module_NewsletterSubscribe form .form-group:nth-child(1) {
      width: 50%;
      padding-right: 1.333em; }
      @media (max-width: 1024px) {
        .module_Info .module_NewsletterSubscribe form .form-group:nth-child(1) {
          width: 100%;
          padding-bottom: 1.333em;
          padding-right: 0; } }
    .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) {
      width: 50%; }
      @media (max-width: 1024px) {
        .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) {
          width: 100%; } }
      .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice {
        padding-right: 1.333em;
        width: 100%; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice {
            float: right;
            width: 50%;
            padding-left: 1em;
            padding-top: 0.467em; } }
        @media (max-width: 767px) {
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice {
            padding-top: 1em;
            float: left; } }
        @media (max-width: 1024px) {
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice {
            padding-right: 0; } }
        .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate {
          font-size: 0.867em; }
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate:before {
            font-family: "Glyphicons Halflings";
            content: "\e081"; }
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate.active:before {
            font-family: "Glyphicons Halflings";
            content: "\e082"; }
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate.active span:nth-child(1) {
            display: none; }
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate.active span:nth-child(2) {
            display: inline; }
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate span {
            padding-left: 0.615em; }
            .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate span:hover {
              text-decoration: underline;
              cursor: pointer; }
            .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate span:nth-child(1) {
              display: inline; }
            .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeActivate span:nth-child(2) {
              display: none; }
        .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeInfo {
          display: none;
          padding-top: 1em;
          font-size: 0.867em; }
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) .legalNotice .legalNoticeInfo a {
            color: #171616;
            text-decoration: underline; }
      .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) button[type="submit"] {
        border: 1px solid;
        width: 40%;
        float: right; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) button[type="submit"] {
            width: 50%;
            float: left; } }
        @media (max-width: 767px) {
          .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) button[type="submit"] {
            width: 100%; } }
        .module_Info .module_NewsletterSubscribe form .form-group:nth-child(2) button[type="submit"]:hover {
          background-color: #0024D3; }
    @media (max-width: 1024px) {
      .module_Info .module_NewsletterSubscribe form .form-group {
        width: 100%;
        padding-bottom: 1.333em;
        padding-right: 0; } }
    .module_Info .module_NewsletterSubscribe form .form-group .validationError label {
      font-size: 0.8em;
      padding: 0.417em;
      padding-left: 0.417em;
      margin: 0;
      color: #c61313; }
  @media (max-width: 767px) {
    .module_Info .module_NewsletterSubscribe form button {
      width: 100%; } }
  .module_Info .module_NewsletterSubscribe form .newsletterResult {
    clear: both; }
  .module_ContentWithBackground .module_Info {
    background-color: rgba(240, 240, 240, 0.8); }
    @media (max-width: 1024px) {
      .module_ContentWithBackground .module_Info {
        background-color: #E9E9E9; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/InstructionTitle/instructionTitle.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-07-01 14:59 [9e7d9ed] Dominik R?znar - Update InstructionTitle module for MSSOE
++ 2021-07-01 14:53 [17e652d] Dominik R?znar - Update InstructionTitle module for MS SOE
++ 2021-01-13 12:30 [839e249] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_InstructionTitle {
  margin-top: 1em; }
  @media (max-width: 767px) {
    .module_InstructionTitle {
      margin-top: 0.333em; } }
  .module_InstructionTitle .cont {
    position: relative; }
    .module_InstructionTitle .cont .inner {
      position: relative; }
      .module_InstructionTitle .cont .inner .module_Image {
        margin-bottom: 0; }
      .module_InstructionTitle .cont .inner .extraLogo {
        position: absolute;
        bottom: 4%; }
        .module_InstructionTitle .cont .inner .extraLogo.rightAlign {
          right: 3%; }
        .module_InstructionTitle .cont .inner .extraLogo.leftAlign {
          left: 3%; }
        @media (max-width: 1024px) {
          .module_InstructionTitle .cont .inner .extraLogo .module_Image img {
            width: 8em; } }
    .module_InstructionTitle .cont .caption {
      position: absolute;
      opacity: 0.75;
      padding: 2em;
      width: 22.667em;
      background-color: #ffffff;
      display: none;
      top: auto !important;
      bottom: 35px; }
      @media (max-width: 1024px) {
        .module_InstructionTitle .cont .caption {
          opacity: 1;
          bottom: 0;
          width: 100%;
          top: auto;
          background-color: #E9E9E9;
          position: static;
          padding: 0.667em; } }
      @media (max-width: 767px) {
        .module_InstructionTitle .cont .caption {
          padding: 0.333em; } }
      .module_InstructionTitle .cont .caption.rightAlign {
        right: 0; }
      .module_InstructionTitle .cont .caption.leftAlign {
        left: 0; }
      .module_InstructionTitle .cont .caption .module_Text {
        margin-bottom: 0; }
      .module_InstructionTitle .cont .caption p {
        color: #171616; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/LinkBox/linkBox.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_LinkBox:not(:last-child) {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 20px; }
  @media (max-width: 1024px) {
    .module_LinkBox:not(:last-child) {
      padding-bottom: 10px; } }

.module_LinkBox > .box a.link, .module_LinkBox > .reddotMenu > .box a.link {
  font-size: 0.867em;
  display: block;
  position: relative;
  padding-left: 1em;
  padding-right: 3em;
  color: #0024D3;
  text-decoration: none;
  font-weight: bold;
  word-wrap: break-word; }
  .module_LinkBox > .box a.link:hover, .module_LinkBox > .reddotMenu > .box a.link:hover {
    text-decoration: underline; }
    .module_LinkBox > .box a.link:hover .glyphicon:before, .module_LinkBox > .box a.link:hover .module_Info .icon:before, .module_Info .module_LinkBox > .box a.link:hover .icon:before, .module_LinkBox > .reddotMenu > .box a.link:hover .glyphicon:before, .module_LinkBox > .reddotMenu > .box a.link:hover .module_Info .icon:before, .module_Info .module_LinkBox > .reddotMenu > .box a.link:hover .icon:before {
      color: #0024D3;
      text-decoration: none; }
  .module_LinkBox > .box a.link .glyphicon, .module_LinkBox > .box a.link .module_Info .icon, .module_Info .module_LinkBox > .box a.link .icon, .module_LinkBox > .reddotMenu > .box a.link .glyphicon, .module_LinkBox > .reddotMenu > .box a.link .module_Info .icon, .module_Info .module_LinkBox > .reddotMenu > .box a.link .icon {
    position: absolute;
    right: 0.769em;
    top: -0.15em; }
    .module_LinkBox > .box a.link .glyphicon:before, .module_LinkBox > .box a.link .module_Info .icon:before, .module_Info .module_LinkBox > .box a.link .icon:before, .module_LinkBox > .reddotMenu > .box a.link .glyphicon:before, .module_LinkBox > .reddotMenu > .box a.link .module_Info .icon:before, .module_Info .module_LinkBox > .reddotMenu > .box a.link .icon:before {
      font-size: 1.667em;
      color: #c8c8c8; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Masonry/masonry.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2022-07-14 08:41 [f1fdedc] Dominik R?znar - Update CSS of Masonry module for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2022-01-31 10:28 [6087568] Dominik R?znar - Update CSS of Masonry for MS SOE
++ 2021-06-11 10:15 [784647a] Dominik R?znar - Update styles for MS SOE
++ 2021-06-10 08:47 [6e04b9c] Dominik R?znar - Update scripts and styles for MS SOE
++ 2021-03-10 11:57 [216bec9] Dominik R?znar - Update CSS of Masonry module for MS SOE
++ 2021-03-09 09:27 [d33dc3b] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

/*
++ GIT: 8_microsite_soe/library/bootstrap/mixins/_border-radius.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_Masonry {
  width: 100%;
  margin: 4em 0 1.5em 0;
  padding: 0 15px;
  -moz-column-gap: 1.5em;
  column-gap: 1.5em; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_Masonry {
      -moz-column-count: 2;
      column-count: 2; } }
  @media (min-width: 1025px) {
    .module_Masonry {
      -moz-column-count: 3;
      column-count: 3;
      -moz-column-gap: 3em;
      column-gap: 3em;
      margin: 29em 0 1.5em 0; } }
  @media (min-width: 1281px) {
    .module_Masonry {
      -moz-column-count: 4;
      column-count: 4; } }
  .module_Masonry a {
    color: #171616; }
  .module_Masonry.underStory {
    margin: 1em 0 1.5em 0;
    padding: 0 1.333em;
    -moz-column-count: auto;
    column-count: auto; }
    .module_Masonry.underStory .row {
      width: 100%;
      margin: 0 !important; }
    .module_Masonry.underStory .masonryItem {
      width: 100%\9; }
    .module_Masonry.underStory a:hover {
      text-decoration: none; }
    .module_Masonry.underStory.newsSlider {
      margin-top: 0;
      margin-bottom: 0; }
    .module_Masonry.underStory > h3 {
      padding: 0 2em;
      margin-bottom: 0.667em; }
  .module_Masonry.underStory:not(.newsSlider) {
    padding: 0; }
  .module_Masonry .masonryItemSizer {
    width: 22.5%; }
  .module_Masonry .masonryItem {
    display: inline-block;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.25em;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 1.5em 0;
    float: left\9;
    margin-bottom: 2em\9;
    transition: box-shadow 0.4s; }
    @media (min-width: 1025px) {
      .module_Masonry .masonryItem {
        margin: 0 0 3em 0; } }
    .module_Masonry .masonryItem:hover {
      box-shadow: 0.05em 0.1em 0.75em #8c8c8c ;
      transition: box-shadow 0.4s; }
    .module_Masonry .masonryItem img {
      max-width: 100%; }
      .module_Masonry .masonryItem img.icon {
        width: 4.25rem;
        height: 4.25rem; }
    .module_Masonry .masonryItem .masonryHeading {
      text-align: center; }
      .module_Masonry .masonryItem .masonryHeading img:not(.icon) {
        border-top-right-radius: 0.25em;
        border-top-left-radius: 0.25em; }
      .module_Masonry .masonryItem .masonryHeading .icon {
        margin-top: -2.5em; }
    .module_Masonry .masonryItem .masonryContent {
      padding: 1em;
      text-align: center; }
      .module_Masonry .masonryItem .masonryContent .masonryHeadline {
        font-family: "Hella Medium";
        font-weight: 500;
        display: block;
        font-size: 1.2em; }
      .module_Masonry .masonryItem .masonryContent .masonryCategory {
        text-transform: uppercase;
        margin: 0.5em 0 0.75em 0;
        display: block;
        font-family: "Hella Light"; }
      .module_Masonry .masonryItem .masonryContent p {
        font-family: Arial, Helvetica, sans-serif;
        color: #575757; }
  .module_Masonry .col-md-ext-33 .masonryItem {
    box-shadow: 0.01em 0.01em 0.1em #8c8c8c ; }
    .module_Masonry .col-md-ext-33 .masonryItem:hover {
      box-shadow: 0.05em 0.1em 0.75em #8c8c8c ;
      transition: box-shadow 0.4s; }
  .module_Masonry .sliderControl {
    display: none;
    transform: translateX(0) translateY(-50%);
    cursor: pointer;
    position: absolute;
    z-index: 40;
    top: 50%;
    color: #ffffff;
    font-size: 2.667em;
    text-shadow: 0 0 0.45em #171616; }
    .module_Masonry .sliderControl.left {
      left: 0; }
    .module_Masonry .sliderControl.right {
      right: 0;
      left: auto; }
    .module_Masonry .sliderControl:hover {
      color: #0024D3; }
  @media (max-width: 767px) {
    body.soe .structural_FirstCol .module_Masonry {
      overflow: hidden;
      margin-top: 0;
      position: relative; }
      body.soe .structural_FirstCol .module_Masonry:after {
        display: block;
        clear: both;
        content: ''; }
      body.soe .structural_FirstCol .module_Masonry .masonryItem {
        white-space: normal; }
      body.soe .structural_FirstCol .module_Masonry .row {
        position: relative;
        display: flex;
        align-items: flex-start;
        transition: all 0.2s linear;
        white-space: nowrap; }
        body.soe .structural_FirstCol .module_Masonry .row:after {
          content: "";
          display: block;
          clear: both; }
        body.soe .structural_FirstCol .module_Masonry .row > div {
          display: inline-block;
          float: none;
          margin-bottom: 0;
          position: relative;
          flex-grow: 1;
          flex-shrink: 0; }
      body.soe .structural_FirstCol .module_Masonry .sliderControl {
        display: block;
        transform: translateX(0) translateY(-50%);
        cursor: pointer;
        position: absolute;
        z-index: 40;
        top: 50%;
        color: #ffffff;
        font-size: 2.667em;
        text-shadow: 0 0 0.45em #171616; }
        body.soe .structural_FirstCol .module_Masonry .sliderControl.left {
          left: 0; }
        body.soe .structural_FirstCol .module_Masonry .sliderControl.right {
          right: 0;
          left: auto; }
        body.soe .structural_FirstCol .module_Masonry .sliderControl:hover {
          color: #0024D3; }
      body.soe .structural_FirstCol .module_Masonry.loaded .row > div {
        position: relative; }
      body.soe .structural_FirstCol .module_Masonry .masonryContent p {
        display: none; } }

.sliderHeadline {
  margin-bottom: 20px;
  padding: 0 60px; }
  @media (max-width: 767px) {
    .sliderHeadline {
      padding: 0 30px; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/MasonryFilterAndSearch/masonryFilterAndSearch.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2022-08-22 10:21 [b3f9061] Dominik R?znar - Update Search for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-05 15:02 [b2fdd5d] Dominik R?znar - Update CSS of MS SOE
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-03-09 09:27 [d33dc3b] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_masonryFilterAndSearch {
  margin: 1.5em 0 1em 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }
  @media (min-width: 1025px) {
    .module_masonryFilterAndSearch {
      margin: 1em 0 1em 0 !important;
      text-align: left; } }
  .module_masonryFilterAndSearch span.filtrationText {
    font-family: "Hella Regular";
    font-size: 1.2em;
    text-transform: uppercase;
    vertical-align: sub;
    display: inline-block;
    color: #575757; }
  .module_masonryFilterAndSearch .filtrationIcons span.glyphicon, .module_masonryFilterAndSearch .filtrationIcons .module_Info span.icon, .module_Info .module_masonryFilterAndSearch .filtrationIcons span.icon {
    border-radius: 50%;
    color: #171616;
    border: 2px solid #171616;
    padding: .75rem;
    margin: 1rem .75rem 0 0;
    font-size: 1.75em;
    transition: background 0.4s; }
    .module_masonryFilterAndSearch .filtrationIcons span.glyphicon:last-of-type, .module_masonryFilterAndSearch .filtrationIcons .module_Info span.icon:last-of-type, .module_Info .module_masonryFilterAndSearch .filtrationIcons span.icon:last-of-type {
      margin-right: 0; }
    @media (min-width: 1025px) {
      .module_masonryFilterAndSearch .filtrationIcons span.glyphicon, .module_masonryFilterAndSearch .filtrationIcons .module_Info span.icon, .module_Info .module_masonryFilterAndSearch .filtrationIcons span.icon {
        margin: 0 1rem .75rem 0; } }
    @media (min-width: 1281px) {
      .module_masonryFilterAndSearch .filtrationIcons span.glyphicon, .module_masonryFilterAndSearch .filtrationIcons .module_Info span.icon, .module_Info .module_masonryFilterAndSearch .filtrationIcons span.icon {
        margin: 0 1rem 0 0; } }
    .module_masonryFilterAndSearch .filtrationIcons span.glyphicon:hover, .module_masonryFilterAndSearch .filtrationIcons .module_Info span.icon:hover, .module_Info .module_masonryFilterAndSearch .filtrationIcons span.icon:hover {
      background: #171616;
      color: #ffffff;
      cursor: pointer; }
    .module_masonryFilterAndSearch .filtrationIcons span.glyphicon.active, .module_masonryFilterAndSearch .filtrationIcons .module_Info span.active.icon, .module_Info .module_masonryFilterAndSearch .filtrationIcons span.active.icon {
      background: #575757;
      color: #ffffff; }
  .module_masonryFilterAndSearch .filtrationIcons > span {
    width: 3.25rem;
    height: 3.25rem;
    margin: 1rem .75rem 0 0;
    position: relative; }
    .module_masonryFilterAndSearch .filtrationIcons > span.active:after {
      border-style: solid;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 1em;
      position: absolute;
      top: 0;
      left: 0;
      transform: rotate(135deg);
      vertical-align: top;
      width: 1em;
      color: #171616;
      margin: 2.6rem auto 1.35rem 1.1rem; }
      @media (min-width: 1025px) {
        .module_masonryFilterAndSearch .filtrationIcons > span.active:after {
          margin: 2.15rem auto 1.35rem 1.1rem; } }
    .module_masonryFilterAndSearch .filtrationIcons > span:last-of-type {
      margin-right: 0; }
  .module_masonryFilterAndSearch .filtrationIcons img {
    width: 3.25rem;
    height: 3.25rem;
    margin: 1rem .75rem 0 0; }
    .module_masonryFilterAndSearch .filtrationIcons img:last-of-type {
      margin-right: 0; }
    @media (min-width: 1025px) {
      .module_masonryFilterAndSearch .filtrationIcons img {
        margin: 0 1rem .75rem 0; } }
    @media (min-width: 1281px) {
      .module_masonryFilterAndSearch .filtrationIcons img {
        margin: 0 1rem 0 0; } }
  .module_masonryFilterAndSearch form[name='search'] {
    position: relative;
    margin-top: 1.25rem;
    color: #575757; }
    @media (min-width: 1025px) {
      .module_masonryFilterAndSearch form[name='search'] {
        margin-top: .9rem; } }
    .module_masonryFilterAndSearch form[name='search'] input[type='text'] {
      width: 100%;
      background: #E9E9E9;
      border: 2px solid #171616;
      border-radius: 1.5rem;
      padding: .75rem 3.75rem .75rem 1.5rem;
      float: right;
      outline: none; }
      @media (min-width: 1281px) {
        .module_masonryFilterAndSearch form[name='search'] input[type='text'] {
          width: 80%; } }
      .module_masonryFilterAndSearch form[name='search'] input[type='text']:focus {
        border-color: #0024D3; }
    .module_masonryFilterAndSearch form[name='search'] span.glyphicon, .module_masonryFilterAndSearch form[name='search'] .module_Info span.icon, .module_Info .module_masonryFilterAndSearch form[name='search'] span.icon {
      position: absolute;
      font-size: 1.5em;
      right: 1.5rem;
      top: .75rem;
      color: #171616;
      cursor: pointer; }
    .module_masonryFilterAndSearch form[name='search'] span.remove {
      display: none;
      cursor: pointer; }
    .module_masonryFilterAndSearch form[name='search'].active #searchMagnifier {
      display: none; }
    .module_masonryFilterAndSearch form[name='search'].active span.remove {
      display: block; }
  .module_masonryFilterAndSearch .container {
    width: 100%; }
  .module_masonryFilterAndSearch.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    margin: 0 auto auto auto !important;
    background: #ffffff;
    box-shadow: 1px 2px 8px #575757 ; }
    .module_masonryFilterAndSearch.sticky .row {
      padding-right: 30px;
      padding-top: .75rem;
      padding-bottom: .75rem; }
    .module_masonryFilterAndSearch.sticky .container {
      padding: .75rem 0 !important;
      max-width: 1250px;
      margin: 0 auto; }
    .module_masonryFilterAndSearch.sticky form[name='search'] {
      display: none; }
      @media (min-width: 1025px) {
        .module_masonryFilterAndSearch.sticky form[name='search'] {
          margin-top: .5rem; } }
      @media (min-width: 1281px) {
        .module_masonryFilterAndSearch.sticky form[name='search'] {
          margin-top: .9rem;
          display: block; } }
  @media (max-width: 767px) {
    body.soe .module_masonryFilterAndSearch {
      margin-bottom: 0 !important; } }
  @media (max-width: 767px) and (max-width: 1024px) {
    body.soe .module_masonryFilterAndSearch.opened .filtrationText:after {
      content: "\e253"; } }
  @media (max-width: 767px) {
    body.soe .module_masonryFilterAndSearch.opened .filtrationIcons, body.soe .module_masonryFilterAndSearch.opened form[name='search'] {
      max-height: 600px; } }
  body.soe .module_masonryFilterAndSearch .filtrationText {
    font-family: "Hella Regular";
    font-size: 1.6em;
    vertical-align: sub;
    display: inline-block;
    color: #171616;
    margin-bottom: 1em; }
    @media (max-width: 767px) {
      body.soe .module_masonryFilterAndSearch .filtrationText {
        text-align: left;
        margin-bottom: 0;
        font-size: 1.333em;
        display: block; }
        body.soe .module_masonryFilterAndSearch .filtrationText:after {
          content: "\e252";
          display: inline-block;
          font-family: 'Glyphicons Halflings';
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          margin-left: 0.667em;
          top: 0.2em;
          position: relative; } }
  @media (max-width: 767px) {
    body.soe .module_masonryFilterAndSearch .filtrationIcons {
      max-height: 0;
      overflow: hidden;
      transition: all 0.3s; }
      body.soe .module_masonryFilterAndSearch .filtrationIcons > span {
        width: auto;
        display: flex;
        align-items: center; }
        body.soe .module_masonryFilterAndSearch .filtrationIcons > span.active:after {
          display: none; }
        body.soe .module_masonryFilterAndSearch .filtrationIcons > span img {
          margin: 0;
          margin-right: 1em; }
        body.soe .module_masonryFilterAndSearch .filtrationIcons > span span {
          display: block !important; } }
      @media (max-width: 767px) and (max-width: 767px) {
        body.soe .module_masonryFilterAndSearch .filtrationIcons > span:last-of-type {
          margin-bottom: 1.333em; } }
  @media (max-width: 767px) {
    body.soe .module_masonryFilterAndSearch form[name='search'] {
      margin-top: 0;
      transition: all 0.3s;
      overflow: hidden;
      max-height: 0; }
      body.soe .module_masonryFilterAndSearch form[name='search'] input {
        float: none; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/MasonryPlugined/masonryPlugined.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2022-06-24 14:41 [97fe5b8] Dominik R?znar - Bulk update of MS SOE
++ 2022-05-25 12:51 [ca7d48d] Dominik R?znar - Update CSS of masonryPlugined module for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-08-24 13:28 [60ae77b] Dominik R?znar - Update CSS of Masonry module for SOE
++ 2021-06-11 10:15 [784647a] Dominik R?znar - Update styles for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-03-09 09:27 [d33dc3b] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_MasonryPlugined {
  width: 100%;
  margin: 1em auto 1.5em auto;
  padding: 0 40px; }
  @media (max-width: 1024px) {
    .module_MasonryPlugined {
      padding: 0 15px; } }
  @media (min-width: 1025px) {
    .module_MasonryPlugined {
      margin: 1em 0 1.5em 0; } }
  .module_MasonryPlugined a {
    color: #000; }
  .module_MasonryPlugined.underStory {
    margin: 1em 0 1.5em 0; }
    .module_MasonryPlugined.underStory .row {
      width: 100%;
      margin: 0 !important; }
    .module_MasonryPlugined.underStory .masonryItem {
      width: 100%\9; }
  .module_MasonryPlugined .masonryItemSizer {
    width: 94%; }
    @media (min-width: 480px) {
      .module_MasonryPlugined .masonryItemSizer {
        width: 45%; } }
    @media (min-width: 1025px) {
      .module_MasonryPlugined .masonryItemSizer {
        width: 30.3%; } }
    @media (min-width: 1281px) {
      .module_MasonryPlugined .masonryItemSizer {
        width: 265px; } }
  .module_MasonryPlugined .masonryItem {
    display: inline-block;
    width: 94%;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.25em;
    box-sizing: border-box;
    margin: 0 0 1.5em 0;
    float: left;
    margin-bottom: 2em;
    transition: box-shadow 0.4s; }
    @media (min-width: 480px) {
      .module_MasonryPlugined .masonryItem {
        width: 45%; } }
    @media (min-width: 1025px) {
      .module_MasonryPlugined .masonryItem {
        margin: 0 0 3em 0;
        width: 30.3%; } }
    @media (min-width: 1281px) {
      .module_MasonryPlugined .masonryItem {
        width: 265px; }
        .module_MasonryPlugined .masonryItem.width2 {
          width: 885px; }
        .module_MasonryPlugined .masonryItem.width3 {
          width: 575px; } }
    .module_MasonryPlugined .masonryItem:hover {
      box-shadow: 0.05em 0.1em 0.75em #8c8c8c ;
      transition: box-shadow 0.4s; }
    .module_MasonryPlugined .masonryItem img {
      max-width: 100%; }
      .module_MasonryPlugined .masonryItem img.icon {
        width: 4.25rem;
        height: 4.25rem; }
    .module_MasonryPlugined .masonryItem a:hover {
      text-decoration: none; }
    .module_MasonryPlugined .masonryItem .masonryHeading {
      text-align: center; }
      .module_MasonryPlugined .masonryItem .masonryHeading .icon {
        margin-top: -2.5em; }
        .module_MasonryPlugined .masonryItem .masonryHeading .icon.center-block {
          display: inline-block; }
    .module_MasonryPlugined .masonryItem .masonryContent {
      padding: 1em;
      text-align: center; }
      .module_MasonryPlugined .masonryItem .masonryContent .masonryHeadline {
        font-family: "Hella Regular";
        font-weight: bold;
        display: block;
        font-size: 1.2em; }
      .module_MasonryPlugined .masonryItem .masonryContent .masonryCategory {
        text-transform: uppercase;
        margin: 0.5em 0 0.75em 0;
        display: block;
        font-family: "Hella Light"; }
      .module_MasonryPlugined .masonryItem .masonryContent p {
        font-family: Arial, Helvetica, sans-serif;
        color: #575757; }
  .module_MasonryPlugined .tempLoad {
    display: none; }
  .module_MasonryPlugined .module_NewsTeaser {
    display: inline-block;
    width: 94%;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.25em;
    box-sizing: border-box;
    margin: 0 0 1.5em 0;
    float: left;
    margin-bottom: 2em;
    transition: box-shadow 0.4s; }
    @media (min-width: 480px) {
      .module_MasonryPlugined .module_NewsTeaser {
        width: 45%; } }
    @media (min-width: 1025px) {
      .module_MasonryPlugined .module_NewsTeaser {
        margin: 0 0 3em 0;
        width: 30.3%; } }
    @media (min-width: 1281px) {
      .module_MasonryPlugined .module_NewsTeaser {
        width: 278px; }
        .module_MasonryPlugined .module_NewsTeaser.width2 {
          width: 927px; }
        .module_MasonryPlugined .module_NewsTeaser.width3 {
          width: 601px; } }
    .module_MasonryPlugined .module_NewsTeaser:hover {
      cursor: pointer;
      box-shadow: 0.05em 0.1em 0.75em #8c8c8c ;
      transition: box-shadow 0.4s; }
    .module_MasonryPlugined .module_NewsTeaser .iconCont {
      text-align: center; }
      .module_MasonryPlugined .module_NewsTeaser .iconCont div {
        height: 64px;
        width: 64px;
        margin: 0 auto;
        margin-top: -35px;
        position: relative;
        background-size: contain; }
        .module_MasonryPlugined .module_NewsTeaser .iconCont div.productHighlights {
          background-image: url("images/icon_produkte.png"); }
        .module_MasonryPlugined .module_NewsTeaser .iconCont div.lighting {
          background-image: url("images/icon_trend.png"); }
        .module_MasonryPlugined .module_NewsTeaser .iconCont div.electricsElectronics {
          background-image: url("images/icon_electrics_blue.png"); }
        .module_MasonryPlugined .module_NewsTeaser .iconCont div.brakes {
          background-image: url("images/icon_brakes_blue.png"); }
        .module_MasonryPlugined .module_NewsTeaser .iconCont div.campaigns {
          background-image: url("images/icon_campaigns_blue.png"); }
        .module_MasonryPlugined .module_NewsTeaser .iconCont div.filters {
          background-image: url("images/icon_filters_blue.png"); }
        .module_MasonryPlugined .module_NewsTeaser .iconCont div.marketing {
          background-image: url("images/icon_campaigns_blue.png"); }
    .module_MasonryPlugined .module_NewsTeaser .inner .module_Image:nth-child(2) {
      display: none; }
    .module_MasonryPlugined .module_NewsTeaser .textArea {
      background-color: white;
      padding: 1em;
      text-align: center; }
      .module_MasonryPlugined .module_NewsTeaser .textArea .newsCategory {
        text-transform: uppercase;
        margin: 0.5em 0 0.75em 0;
        display: block;
        font-family: "Hella Light"; }
      .module_MasonryPlugined .module_NewsTeaser .textArea .module_Headline .headline {
        font-family: "Hella Regular";
        font-weight: bold;
        display: block;
        font-size: 1.2em;
        color: black; }
      .module_MasonryPlugined .module_NewsTeaser .textArea .module_Text {
        font-family: "Hella Regular"; }
      .module_MasonryPlugined .module_NewsTeaser .textArea .teaserLink {
        display: none; }
  .module_MasonryPlugined .masonryOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 500;
    display: none; }
  .module_MasonryPlugined .lds-grid {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    left: 50%;
    margin-left: -1.25em;
    top: 50%;
    position: fixed; }
    .module_MasonryPlugined .lds-grid div {
      position: absolute;
      width: 20%;
      height: 20%;
      border-radius: 50%;
      background: #575757;
      animation: lds-grid 1.2s linear infinite; }
    .module_MasonryPlugined .lds-grid div:nth-child(1) {
      top: 10%;
      left: 10%;
      animation-delay: 0s; }
    .module_MasonryPlugined .lds-grid div:nth-child(2) {
      top: 10%;
      left: 40%;
      animation-delay: -0.4s; }
    .module_MasonryPlugined .lds-grid div:nth-child(3) {
      top: 10%;
      left: 70%;
      animation-delay: -0.8s; }
    .module_MasonryPlugined .lds-grid div:nth-child(4) {
      top: 40%;
      left: 10%;
      animation-delay: -0.4s; }
    .module_MasonryPlugined .lds-grid div:nth-child(5) {
      top: 40%;
      left: 40%;
      animation-delay: -0.8s; }
    .module_MasonryPlugined .lds-grid div:nth-child(6) {
      top: 40%;
      left: 70%;
      animation-delay: -1.2s; }
    .module_MasonryPlugined .lds-grid div:nth-child(7) {
      top: 70%;
      left: 10%;
      animation-delay: -0.8s; }
    .module_MasonryPlugined .lds-grid div:nth-child(8) {
      top: 70%;
      left: 40%;
      animation-delay: -1.2s; }
    .module_MasonryPlugined .lds-grid div:nth-child(9) {
      top: 70%;
      left: 70%;
      animation-delay: -1.6s; }

@keyframes lds-grid {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }
  @media (max-width: 767px) {
    body.soe .module_MasonryPlugined .masonryContent p {
      display: none; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/MasonryStory/masonryStory.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2022-06-06 14:14 [d2ff44c] Dominik R?znar - Update CSS of MasonryStory module for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2022-03-11 14:42 [7a4a01a] Dominik R?znar - Update CSS of MasonryStory module for MS SOE
++ 2022-03-02 10:57 [6fe2cc7] Dominik R?znar - Update CSS of MasonryStory for MS SOE
++ 2022-02-25 07:49 [cba5dad] Dominik R?znar - Update CSS of masonryStory module for MS SOE
++ 2021-11-23 09:19 [9293e7d] Dominik R?znar - Update CSS of masonry story module for MS SOE
++ 2021-06-29 10:38 [a7344a2] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-11 10:15 [784647a] Dominik R?znar - Update styles for MS SOE
++ 2021-06-10 08:47 [6e04b9c] Dominik R?znar - Update scripts and styles for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-03-09 09:27 [d33dc3b] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_MasonryStory {
  /* margin-top: 10em;
     @include desktop{
         margin-top: 12em;
     }*/ }
  .module_MasonryStory a.backLink {
    font-family: Arial;
    color: #ffffff;
    background-color: #575757;
    border-radius: 0.333em;
    border: 0;
    padding: 0.333em 1.333em;
    margin-top: 0.667em;
    display: inline-block;
    position: absolute;
    font-family: "Hella Regular";
    font-weight: bold;
    letter-spacing: 0.125em; }
    .module_MasonryStory a.backLink.playVideo {
      display: none;
      cursor: pointer; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_MasonryStory a.backLink {
        font-size: 0.933em;
        background-color: #0024D3; } }
    @media (max-width: 767px) {
      .module_MasonryStory a.backLink {
        font-size: 0.8em;
        background-color: #0024D3; } }
    .module_MasonryStory a.backLink:hover {
      text-decoration: none;
      background-color: #0024D3 !important; }
    .module_MasonryStory a.backLink:after {
      font-family: "Glyphicons Halflings";
      content: "\e080";
      font-size: 0.6em;
      margin-left: 0.222em; }
    .module_MasonryStory a.backLink:after {
      display: none; }
  .module_MasonryStory img.masonryStoryIcon {
    margin: 0 auto -4.5em auto;
    z-index: 10;
    position: relative;
    width: 7.5rem;
    height: 7.5rem; }
  .module_MasonryStory .masonryStoryContent {
    background: #fff;
    padding: 1.75em;
    text-align: center;
    border-radius: 4px; }
    .module_MasonryStory .masonryStoryContent .module_Gallery .galleryCaption:not(:empty) {
      font-size: 1em;
      font-weight: normal;
      padding-top: 0; }
    .module_MasonryStory .masonryStoryContent .module_Gallery .galleryCaption:not(:empty) p {
      margin-top: 1em;
      font-size: 1em;
      font-family: "Hella Regular"; }
    .module_MasonryStory .masonryStoryContent img {
      max-width: 100%; }
    .module_MasonryStory .masonryStoryContent iframe {
      width: 100%;
      height: 20rem; }
      @media (min-width: 1025px) {
        .module_MasonryStory .masonryStoryContent iframe {
          height: 28rem; } }
      @media (min-width: 1281px) {
        .module_MasonryStory .masonryStoryContent iframe {
          height: 36rem; } }
    .module_MasonryStory .masonryStoryContent h1 {
      font-family: "Hella Medium" !important;
      font-weight: 500;
      margin: 1.75em auto 0.5em auto !important;
      font-size: 1.733em; }
    .module_MasonryStory .masonryStoryContent .subtitle {
      font-family: "Hella Regular";
      font-weight: normal;
      font-size: 1.333em;
      color: #171616;
      text-transform: none;
      margin-bottom: .5em; }
    .module_MasonryStory .masonryStoryContent .masonryStoryDate {
      font-family: "Hella Regular";
      font-size: 1.25em;
      color: #171616; }
    .module_MasonryStory .masonryStoryContent .masonryStoryText {
      margin: 1.5em auto 1em auto;
      padding: 0 0.667em;
      text-align: justify;
      line-height: 160%; }
      @media (max-width: 767px) {
        .module_MasonryStory .masonryStoryContent .masonryStoryText {
          text-align: left; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_MasonryStory .masonryStoryContent .masonryStoryText {
          padding: 0 1.333em; } }
      @media (min-width: 1025px) {
        .module_MasonryStory .masonryStoryContent .masonryStoryText {
          padding: 0 2.666em; } }
      .module_MasonryStory .masonryStoryContent .masonryStoryText p {
        font-family: "Hella Regular";
        margin-top: 0.75em; }
      .module_MasonryStory .masonryStoryContent .masonryStoryText ul {
        list-style: inside; }
    .module_MasonryStory .masonryStoryContent .masonryStoryUnderText {
      text-align: justify; }
      @media (max-width: 767px) {
        .module_MasonryStory .masonryStoryContent .masonryStoryUnderText {
          text-align: left; } }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText .module_Text {
        color: #171616; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText .module_Text p {
        font-family: "Hella Regular";
        line-height: 160%;
        color: #575757; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText h3, .module_MasonryStory .masonryStoryContent .masonryStoryUnderText h4, .module_MasonryStory .masonryStoryContent .masonryStoryUnderText h5 {
        font-size: 1.333em;
        font-family: "Hella Medium"; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText ul li {
        font-size: 1em;
        font-family: "Hella Regular";
        color: #575757; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText .structural_OneCol .structural_FirstCol > .module_Image img {
        margin: 0 auto; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText .structural_OneCol .structural_FirstCol > .module_Image .caption {
        font-size: 1em; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText .structural_OneCol .structural_FirstCol > .module_Image .caption p {
        text-align: center;
        margin-top: 1em;
        font-size: 1em;
        font-family: "Hella Regular"; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText .structural_OneCol .structural_FirstCol .module_Gallery .galleryCaption:not(:empty) {
        font-size: 1em;
        font-weight: normal;
        padding-top: 0; }
      .module_MasonryStory .masonryStoryContent .masonryStoryUnderText .structural_OneCol .structural_FirstCol .module_Gallery .galleryCaption:not(:empty) p {
        text-align: center;
        margin-top: 1em;
        font-size: 1em;
        font-family: "Hella Regular"; }
  @media (max-width: 767px) {
    body.soe .module_MasonryStory .masonryStoryContent > div:first-of-type .galleryCaption {
      display: none; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/MoreProducts/moreProducts.scss
++ 2024-03-21 10:35 [b2bf90e] Jirina Lastuvkova - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2024-03-21 10:22 [a6587be] HAT\ryzndo1 - Add MoreProducts module for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

@media (max-width: 1024px) {
  .module_MoreProducts {
    margin-top: 1.333em; } }

.module_MoreProducts .module_NavigationTeaser {
  margin-bottom: 0; }
  @media (max-width: 1024px) {
    .module_MoreProducts .module_NavigationTeaser {
      margin-bottom: 1.333em; } }
  .module_MoreProducts .module_NavigationTeaser .upperCont .module_Text {
    font-size: 12px;
    padding-top: 15px; }
  .module_MoreProducts .module_NavigationTeaser .bottomCont {
    height: auto !important; }
    .module_MoreProducts .module_NavigationTeaser .bottomCont .headline {
      font-weight: 600; }
      @media (max-width: 1024px) {
        .module_MoreProducts .module_NavigationTeaser .bottomCont .headline {
          font-size: 14px !important; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/NavigationTeaser/navigationTeaser.scss
++ 2024-11-14 07:52 [82e95b3] Klug, Zdenek - Update Navigation Teaser for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2023-09-27 09:39 [189e9f5] HAT\ryzndo1 - Update content flags module for SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-05-13 07:45 [8f8792a] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (min-width: 1025px) {
  .structural_TwoCol > .col-md-20 > .structural_FirstCol > .module_NavigationTeaser {
    width: 33.3% !important; } }

@media (min-width: 1025px) {
  .structural_OneCol .module_NavigationTeaser {
    width: 25% !important; } }

@media (min-width: 1025px) {
  .module_NavigationTeaser.col-md-ext-33.col-md-10 {
    width: 50% !important; } }

@media (max-width: 767px) {
  .module_NavigationTeaser.col-xs-10 {
    width: 50% !important; } }

.module_NavigationTeaser .teaser {
  border-radius: 3px; }
  .module_NavigationTeaser .teaser > a {
    border: 1px solid transparent;
    display: block;
    text-decoration: none; }
    .module_NavigationTeaser .teaser > a:hover {
      cursor: pointer; }
      .module_NavigationTeaser .teaser > a:hover .bottomCont .module_Headline .headline {
        color: #0024D3; }
  .module_NavigationTeaser .teaser .upperCont {
    /* skipped (TYPE_CMS) */ }
    .module_NavigationTeaser .teaser .upperCont:after {
      content: '';
      clear: both;
      height: 0.067em;
      display: block; }
    .module_NavigationTeaser .teaser .upperCont .module_Image {
      margin-bottom: 0; }
      .module_NavigationTeaser .teaser .upperCont .module_Image .img-responsive {
        height: initial;
        float: left;
        margin-right: 1em; }
    .module_NavigationTeaser .teaser .upperCont .module_Text {
      margin-bottom: 0; }
      .module_NavigationTeaser .teaser .upperCont .module_Text p {
        margin-bottom: 0;
        color: #575757;
        font-size: 0.867em;
        display: -webkit-box;
        height: 6.925em;
        line-height: 1.385em;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        white-space: normal; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_NavigationTeaser .teaser .upperCont .module_Text p {
            font-size: 0.929em !important;
            line-height: 1.231em; } }
        @media (max-width: 767px) {
          .module_NavigationTeaser .teaser .upperCont .module_Text p {
            font-size: 1.083em !important;
            line-height: 1.231em; } }
  .module_NavigationTeaser .teaser .bottomCont .module_Headline {
    min-height: 32px; }
    .module_NavigationTeaser .teaser .bottomCont .module_Headline:first-child:last-child {
      display: flex;
      height: 100%;
      align-items: flex-start; }
      .module_NavigationTeaser .teaser .bottomCont .module_Headline:first-child:last-child .headline {
        padding-top: 0;
        flex: 1 0; }
    .module_NavigationTeaser .teaser .bottomCont .module_Headline .headline {
      font-size: 1.067em;
      color: #171616;
      margin: 0;
      padding-top: 6px;
      width: 100%;
      display: -webkit-box;
      line-height: 24px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      margin-top: 0.333em;
      font-family: sans-serif; }
      .module_NavigationTeaser .teaser .bottomCont .module_Headline .headline b {
        text-transform: none; }
      @media (max-width: 767px) {
        .module_NavigationTeaser .teaser .bottomCont .module_Headline .headline {
          font-size: 1.2em; } }
      .module_NavigationTeaser .teaser .bottomCont .module_Headline .headline:before {
        content: ""; }
  .module_NavigationTeaser .teaser .bottomCont .module_Text {
    margin-left: 0.667em;
    margin-right: 0.667em;
    margin-bottom: 0px;
    padding-bottom: 0.667em; }

body.hella-gutmann .module_NavigationTeaser .bottomCont {
  border-top: 5px solid #007D40 !important; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/NewsTeaser/newsTeaser.scss
++ 2022-06-27 08:26 [58cfc10] Dominik R?znar - Add NewsTeaser module to SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (min-width: 1025px) {
  .module_NewsTeaser {
    width: 50%; } }

.module_NewsTeaser.video .inner.hover .glyphicon:not(:first-child), .module_NewsTeaser.video .inner.hover .module_Info .icon:not(:first-child), .module_Info .module_NewsTeaser.video .inner.hover .icon:not(:first-child) {
  opacity: 1; }

.module_NewsTeaser.video .inner:hover {
  cursor: pointer; }
  .module_NewsTeaser.video .inner:hover .glyphicon:not(:first-child), .module_NewsTeaser.video .inner:hover .module_Info .icon:not(:first-child), .module_Info .module_NewsTeaser.video .inner:hover .icon:not(:first-child) {
    opacity: 1; }

.module_NewsTeaser.video .glyphicon, .module_NewsTeaser.video .module_Info .icon, .module_Info .module_NewsTeaser.video .icon {
  opacity: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  line-height: 1em;
  margin-top: -0.5em;
  color: rgba(255, 255, 255, 0.8);
  transition: opacity 0.3s ease;
  text-shadow: 2px 2px 4px #000000;
  font-size: 6.333em; }

.module_NewsTeaser .inner:hover {
  cursor: pointer; }
  .module_NewsTeaser .inner:hover ~ .textArea .teaserLink {
    background-color: #0024D3; }

.module_NewsTeaser .inner .module_Image {
  margin-bottom: 0; }
  .module_NewsTeaser .inner .module_Image .img-responsive {
    width: 100%; }
  @media (max-width: 767px) {
    .module_NewsTeaser .inner .module_Image {
      display: none; } }

.module_NewsTeaser .inner .module_Video {
  margin-bottom: 0; }

.module_NewsTeaser .textArea {
  width: 100%;
  padding: 1.333em;
  background-color: #f0f0f0; }
  .module_NewsTeaser .textArea .module_Headline {
    margin-bottom: 0.667em; }
    .module_NewsTeaser .textArea .module_Headline h2.headline {
      color: #0024D3;
      margin-bottom: 0.25em;
      font-size: 1.333em; }
      .module_NewsTeaser .textArea .module_Headline h2.headline:before {
        content: ""; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_NewsTeaser .textArea .module_Headline h2.headline {
          font-size: 1.067em;
          margin-bottom: 0.313em; } }
      @media (max-width: 767px) {
        .module_NewsTeaser .textArea .module_Headline h2.headline {
          font-size: 0.933em;
          margin-bottom: 0em; } }
    .module_NewsTeaser .textArea .module_Headline h3.headline {
      color: #333333 !important;
      margin-top: 0;
      margin-bottom: 0.5em;
      font-family: "Hella Medium";
      font-size: 1.333em !important; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_NewsTeaser .textArea .module_Headline h3.headline {
          font-size: 1.067em !important;
          margin-bottom: 0.625em; } }
      @media (max-width: 767px) {
        .module_NewsTeaser .textArea .module_Headline h3.headline {
          font-size: 0.933em !important;
          margin-bottom: 0.357em; } }
  .module_NewsTeaser .textArea .module_Text {
    margin-bottom: 0;
    color: #333333;
    font-size: 0.933em; }
    @media (max-width: 767px) {
      .module_NewsTeaser .textArea .module_Text {
        font-size: 0.8em; } }
    .module_NewsTeaser .textArea .module_Text p {
      line-height: 1.429em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_NewsTeaser .textArea .module_Text p {
          line-height: 1.286em; } }
      @media (max-width: 767px) {
        .module_NewsTeaser .textArea .module_Text p {
          line-height: 1.333em; } }
      .module_NewsTeaser .textArea .module_Text p a {
        font-weight: bold; }
  .module_NewsTeaser .textArea .teaserLink {
    font-family: Arial;
    color: #ffffff;
    background-color: #575757;
    border-radius: 0.333em;
    border: 0;
    padding: 0.333em 1.333em;
    margin-top: 0.667em;
    display: inline-block; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_NewsTeaser .textArea .teaserLink {
        font-size: 0.933em;
        background-color: #0024D3; } }
    @media (max-width: 767px) {
      .module_NewsTeaser .textArea .teaserLink {
        font-size: 0.8em;
        background-color: #0024D3; } }
    .module_NewsTeaser .textArea .teaserLink:hover {
      text-decoration: none;
      background-color: #0024D3; }
    .module_NewsTeaser .textArea .teaserLink:after {
      font-family: "Glyphicons Halflings";
      content: "\e080";
      font-size: 0.6em;
      margin-left: 0.222em; }

.structural_OneCol .module_NewsTeaser {
  /* one item */ }
  .structural_OneCol .module_NewsTeaser .cont {
    position: relative; }
    .structural_OneCol .module_NewsTeaser .cont .inner {
      position: relative; }
      @media (max-width: 767px) {
        .structural_OneCol .module_NewsTeaser .cont .inner .module_Image {
          display: block; } }
      .structural_OneCol .module_NewsTeaser .cont .inner .extraLogo {
        position: absolute;
        bottom: 4%; }
        .structural_OneCol .module_NewsTeaser .cont .inner .extraLogo.rightAlign {
          right: 3%; }
        .structural_OneCol .module_NewsTeaser .cont .inner .extraLogo.leftAlign {
          left: 3%; }
        @media (max-width: 1024px) {
          .structural_OneCol .module_NewsTeaser .cont .inner .extraLogo .module_Image img {
            width: 8em; } }
  .structural_OneCol .module_NewsTeaser:first-child:last-child {
    width: 100%; }

.module_NewsTeaser .module_Iframe {
  float: none;
  margin-bottom: 0; }

@media (min-width: 1025px) {
  .structural_FirstCol .module_NewsTeaser .extraLogo img {
    width: 8em !important; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/NewsTeaserSlider/newsTeaserSlider.scss
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-06-27 08:27 [a7be1d2] Dominik R?znar - Add NewsTeaserSlider module to SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_NewsTeaserSlider {
  margin-bottom: 80px !important;
  float: left;
  width: 100%;
  position: relative; }
  .module_NewsTeaserSlider .sliderTarget {
    text-align: center; }
    .module_NewsTeaserSlider .sliderTarget .teaserLink {
      font-family: Arial;
      color: #ffffff;
      background-color: #575757;
      border-radius: 0.333em;
      border: 0;
      padding: 0.333em 1.333em;
      margin-top: 1.333em;
      display: inline-block; }
  .module_NewsTeaserSlider .module_NewsTeaser {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_NewsTeaserSlider .module_NewsTeaser {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 767px) {
      .module_NewsTeaserSlider .module_NewsTeaser {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 768px) {
      .module_NewsTeaserSlider .module_NewsTeaser {
        float: left;
        width: 33.3%; } }
    .module_NewsTeaserSlider .module_NewsTeaser .cont {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto; }
      .module_NewsTeaserSlider .module_NewsTeaser .cont .textArea {
        flex: 1 1 auto; }
      .module_NewsTeaserSlider .module_NewsTeaser .cont .textArea[style] {
        height: initial !important; }
      .module_NewsTeaserSlider .module_NewsTeaser .cont .inner {
        flex: none; }
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-control {
    width: 2%;
    background-image: none;
    color: #000; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-control:hover {
      color: #0024D3; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-control.left {
      margin-left: -0.8em; }
      @media (max-width: 1024px) {
        .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-control.left {
          margin-left: 1.333em; } }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-control.right {
      margin-right: -0.8em; }
      @media (max-width: 1024px) {
        .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-control.right {
          margin-right: 1.333em; } }
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-indicators {
    bottom: -3.6em; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-indicators li {
      width: 1.333em;
      height: 1.333em;
      background-color: #ffffff;
      border: 0.2em solid #ffffff;
      border-radius: 1em 1em 1em 1em;
      cursor: pointer;
      margin: 0 .3em 0 .3em;
      box-shadow: 0 0 1em #000000 ;
      transition: background-color 0.3s ease, opacity 0.3s ease, border 0.3s ease; }
      .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-indicators li:hover {
        background-color: #0024D3;
        opacity: 1; }
      .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-indicators li.active {
        background-color: rgba(0, 0, 0, 0.5); }
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .cloneditem-1,
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .cloneditem-2,
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .cloneditem-3,
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .cloneditem-4,
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .cloneditem-5 {
    display: none; }
  .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .item.active, .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .item.next, .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .item.prev {
    display: flex; }
  @media all and (min-width: 768px) {
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .active.left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .prev {
      left: -33.333%; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .active.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .next {
      left: 33.333%; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .prev.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .active {
      left: 0; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .cloneditem-1,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .cloneditem-2 {
      display: flex; } }
  @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.next {
      transform: translate3d(33.333%, 0, 0);
      left: 0; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.prev {
      transform: translate3d(-33.333%, 0, 0);
      left: 0; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.prev.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.active {
      transform: translate3d(0, 0, 0);
      left: 0; } }
  @media all and (min-width: 1025px) {
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .active.left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .prev {
      left: -33.333%; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .active.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .next {
      left: 33.333%; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .prev.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .active {
      left: 0; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .cloneditem-3,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .cloneditem-4,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner .cloneditem-5 {
      display: flex; } }
  @media all and (min-width: 1025px) and (transform-3d), all and (min-width: 1025px) and (-webkit-transform-3d) {
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.next {
      transform: translate3d(33.333%, 0, 0);
      left: 0; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.prev {
      transform: translate3d(-33.333%, 0, 0);
      left: 0; }
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.left,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.prev.right,
    .module_NewsTeaserSlider .carousel[data-carousel-type="multi"] .carousel-inner > .item.active {
      transform: translate3d(0, 0, 0);
      left: 0; } }
  @media all and (min-width: 768px) {
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .active.left,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .prev {
      left: -50%; }
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .active.right,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .next {
      left: 50%; } }
  @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.right,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.next {
      transform: translate3d(50%, 0, 0);
      left: 0; }
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.left,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.prev {
      transform: translate3d(-50%, 0, 0);
      left: 0; } }
  @media all and (min-width: 1025px) {
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .active.left,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .prev {
      left: -50%; }
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .active.right,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .next {
      left: 50%; } }
  @media all and (min-width: 1025px) and (transform-3d), all and (min-width: 1025px) and (-webkit-transform-3d) {
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.right,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.next {
      transform: translate3d(50%, 0, 0);
      left: 0; }
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.active.left,
    .module_NewsTeaserSlider.smartEdit .carousel[data-carousel-type="multi"] .carousel-inner > .item.prev {
      transform: translate3d(-50%, 0, 0);
      left: 0; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/NewsTeaserSplitted/newsTeaserSplitted.scss
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-08-23 10:45 [14c8efb] Dominik R?znar - Update newsTeaserSplitted module for MS SOE
++ 2022-06-24 14:41 [97fe5b8] Dominik R?znar - Bulk update of MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-11 10:15 [784647a] Dominik R?znar - Update styles for MS SOE
++ 2021-05-13 07:45 [8f8792a] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .module_NewsTeaserSplitted {
    margin-bottom: 1em !important; } }

.module_NewsTeaserSplitted.noPaddingTop .customCol2 .textArea {
  padding-top: 0 !important; }

.module_NewsTeaserSplitted.hoverImg .module_Image.hidden {
  display: block !important;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 5; }
  .module_NewsTeaserSplitted.hoverImg .module_Image.hidden.show {
    opacity: 1; }

.structural_TwoCol .module_NewsTeaserSplitted .customCol1 {
  float: left;
  width: 50%; }
  .structural_TwoCol .module_NewsTeaserSplitted .customCol1:hover {
    cursor: pointer; }
  @media (max-width: 767px) {
    .structural_TwoCol .module_NewsTeaserSplitted .customCol1 .module_Image {
      display: none; } }

.structural_TwoCol .module_NewsTeaserSplitted .customCol2 {
  float: left; }
  .structural_TwoCol .module_NewsTeaserSplitted .customCol2 .textArea .module_Text p {
    color: #575757 !important; }
  .structural_TwoCol .module_NewsTeaserSplitted .customCol2 .textArea .teaserLink {
    font-family: Arial;
    color: #0024D3;
    border: 0;
    margin-top: 1.667em;
    display: inline-block;
    border-bottom: 2px solid; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .structural_TwoCol .module_NewsTeaserSplitted .customCol2 .textArea .teaserLink {
        font-size: 0.933em; } }
    @media (max-width: 767px) {
      .structural_TwoCol .module_NewsTeaserSplitted .customCol2 .textArea .teaserLink {
        font-size: 0.8em;
        margin-top: 0.667em; } }
    .structural_TwoCol .module_NewsTeaserSplitted .customCol2 .textArea .teaserLink:hover {
      text-decoration: none;
      font-weight: bold; }

.structural_TwoCol .module_NewsTeaserSplitted .customCol1 + .customCol2 {
  width: 50%; }

@media (max-width: 767px) {
  .structural_TwoCol .module_NewsTeaserSplitted .customCol1, .structural_TwoCol .module_NewsTeaserSplitted .customCol2, .structural_TwoCol .module_NewsTeaserSplitted .customCol1 + .customCol2 {
    width: 100%; } }

.structural_OneCol .module_NewsTeaserSplitted .step .customCol1 {
  float: left;
  width: 25%;
  position: relative; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .structural_OneCol .module_NewsTeaserSplitted .step .customCol1 {
      width: 50%; } }

.structural_OneCol .module_NewsTeaserSplitted .step .customCol2 {
  float: left; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 {
      width: 100%; } }
  .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .headline {
    color: #171616;
    font-size: 1em !important; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .headline {
        font-size: 0.933em !important; } }
    @media (max-width: 767px) {
      .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .headline {
        font-size: 0.8em !important; } }
  .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .teaserLink {
    font-family: Arial;
    color: #0024D3;
    border-bottom: 2px solid;
    margin-top: 1.667em;
    display: inline-block; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .teaserLink {
        font-size: 0.933em; } }
    @media (max-width: 767px) {
      .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .teaserLink {
        font-size: 0.8em;
        margin-top: 0.667em; } }
    .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .teaserLink:hover {
      font-weight: bold;
      text-decoration: none; }
  .structural_OneCol .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Text p {
    font-size: 1em !important;
    line-height: 1.333em; }

.structural_OneCol .module_NewsTeaserSplitted .step .customCol1 + .customCol2 {
  width: 75%; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .structural_OneCol .module_NewsTeaserSplitted .step .customCol1 + .customCol2 {
      width: 50%; } }

@media (max-width: 767px) {
  .structural_OneCol .module_NewsTeaserSplitted .step .customCol1, .structural_OneCol .module_NewsTeaserSplitted .step .customCol2, .structural_OneCol .module_NewsTeaserSplitted .step .customCol1 + .customCol2 {
    width: 100%; } }

.module_NewsTeaserSplitted .step {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative; }
  .module_NewsTeaserSplitted .step.productTeaser {
    background-color: #E9E9E9;
    box-shadow: 4px 4px 5px #575757; }
    @media (max-width: 767px) {
      .module_NewsTeaserSplitted .step.productTeaser .textArea {
        padding: 1.333em !important; } }
  .module_NewsTeaserSplitted .step .customCol1 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .module_NewsTeaserSplitted .step .customCol1 .module_Gallery {
      margin-bottom: 0; }
      .module_NewsTeaserSplitted .step .customCol1 .module_Gallery .gallery .galleryCaption:not(:empty) {
        padding: 1em; }
      .module_NewsTeaserSplitted .step .customCol1 .module_Gallery .gallery .galleryCaption p:last-of-type {
        margin-bottom: 0; }
    .module_NewsTeaserSplitted .step .customCol1 .module_Image {
      margin-bottom: 0; }
      .module_NewsTeaserSplitted .step .customCol1 .module_Image .img-responsive {
        width: 100%; }
        .module_NewsTeaserSplitted .step .customCol1 .module_Image .img-responsive:hover {
          cursor: pointer; }
    .module_NewsTeaserSplitted .step .customCol1 .module_Video {
      margin-bottom: 0; }
    .module_NewsTeaserSplitted .step .customCol1 .module_Iframe {
      margin-bottom: 0; }
  .module_NewsTeaserSplitted .step .customCol2 .textArea {
    padding: 1.333em; }
    @media (max-width: 767px) {
      .module_NewsTeaserSplitted .step .customCol2 .textArea {
        padding: 1.333em 0; } }
    .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Headline {
      color: #0024D3;
      text-transform: uppercase;
      width: 100%;
      font-family: "Hella Medium"; }
      .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Headline h2.headline {
        font-size: 1.2em !important;
        margin-bottom: 0.278em; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Headline h2.headline {
            font-size: 1.067em !important;
            margin-bottom: 0.313em; } }
        @media (max-width: 767px) {
          .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Headline h2.headline {
            font-size: 0.933em !important;
            margin-bottom: 0; } }
      .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Headline h3.headline {
        color: #171616 !important;
        font-size: 1.2em !important;
        margin-bottom: 0.556em; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Headline h3.headline {
            font-size: 1.067em !important;
            margin-bottom: 0.625em; } }
        @media (max-width: 767px) {
          .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Headline h3.headline {
            font-size: 1.067em !important;
            margin-bottom: 0.714em; } }
    .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Text {
      margin-bottom: 0; }
      .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Text p {
        color: #575757; }
        @media (min-width: 1025px) {
          .module_NewsTeaserSplitted .step .customCol2 .textArea .module_Text p {
            font-size: 0.933em !important;
            line-height: 1.429em; } }

body.hella-gutmann .module_NewsTeaserSplitted .step {
  background-color: transparent; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Overview/overview.scss
++ 2023-11-20 11:26 [2ffa769] Jirina Lastuvkova - update css - remove old prefixes for Microsite SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_Overview .summaryInfo {
  font-size: 0.8em;
  margin-bottom: 0.667em; }

.module_Overview .name {
  font-size: 1.467em;
  margin-bottom: 0.667em; }
  .module_Overview .name .glyphicon, .module_Overview .name .module_Info .icon, .module_Info .module_Overview .name .icon {
    text-decoration: none;
    font-size: 0.818em;
    color: #171616; }

.module_Overview .numbers {
  text-align: center; }

@media (min-width: 1025px) {
  .module_Overview .personalBoard {
    padding-right: 0.667em; }
    .module_Overview .personalBoard:after {
      content: '';
      background: #ffc800;
      background: -moz-linear-gradient(top, #ffc800 0%, white 0%, #ffc800 52%, #ffc800 56%, white 100%, white 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffc800), color-stop(0%, white), color-stop(52%, #ffc800), color-stop(56%, #ffc800), color-stop(100%, white), color-stop(100%, white));
      background: -webkit-linear-gradient(top, #ffc800 0%, white 0%, #ffc800 52%, #ffc800 56%, white 100%, white 100%);
      background: -o-linear-gradient(top, #ffc800 0%, white 0%, #ffc800 52%, #ffc800 56%, white 100%, white 100%);
      background: -ms-linear-gradient(top, #ffc800 0%, white 0%, #ffc800 52%, #ffc800 56%, white 100%, white 100%);
      background: linear-gradient(to bottom, #ffc800 0%, white 0%, #ffc800 52%, #ffc800 56%, white 100%, white 100%);
      width: 0.2em;
      display: inline-block;
      height: 100%;
      position: absolute; } }

.module_Overview .modules, .module_Overview .manager {
  margin-bottom: 1em; }
  .module_Overview .modules .module_Image, .module_Overview .manager .module_Image {
    padding-top: 0.667em; }
    .module_Overview .modules .module_Image img, .module_Overview .manager .module_Image img {
      margin: auto; }
  .module_Overview .modules .profile, .module_Overview .manager .profile {
    margin-bottom: 0.667em; }
    @media (max-width: 1024px) {
      .module_Overview .modules .profile img, .module_Overview .manager .profile img {
        margin-left: auto;
        margin-right: auto; } }
  .module_Overview .modules .name, .module_Overview .manager .name {
    font-size: 1.667em;
    margin-bottom: 0.667em; }
  .module_Overview .modules .table, .module_Overview .manager .table {
    width: 78%;
    margin-left: 0.667em; }
    @media (max-width: 1024px) {
      .module_Overview .modules .table, .module_Overview .manager .table {
        width: 100%;
        margin-left: 0; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ProductCategory/productCategory.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-01-11 14:20 [b64fde8] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ProductCategory .productSubcategory > div:last-of-type {
  border-bottom: none !important;
  margin-bottom: 0 !important; }

.module_ProductCategory .productSubcategory .module_ProductCategory {
  margin-bottom: 10px !important;
  border-bottom: 1px solid #575757; }
  @media (max-width: 767px) {
    .module_ProductCategory .productSubcategory .module_ProductCategory {
      padding-bottom: 30px !important; } }

body.electronics .module_ProductCategory .module_Headline .headline {
  text-align: left;
  font-family: 'Hella Medium'; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ProductFilter/productFilter.scss
++ 2022-12-08 15:53 [11c249b] Dominik R?znar - Update CSS of ProductFilter module for MS SOE
++ 2022-11-15 10:33 [e74ca7c] Dominik R?znar - Update CSS of productFilter module for MS SOE
++ 2022-11-10 09:53 [16c5bdf] Dominik R?znar - Add ProductFilter module for SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ProductFilter {
  text-align: center; }
  @media (min-width: 1025px) {
    .module_ProductFilter {
      text-align: left; } }
  @media (max-width: 1024px) {
    .module_ProductFilter.opened span.filtrationText:after {
      content: "\e253"; } }
  .module_ProductFilter.opened .filtrationIcons {
    max-height: 450px; }
  .module_ProductFilter span.filtrationText {
    font-family: "Hella Regular";
    font-size: 1.6em;
    vertical-align: sub;
    display: inline-block;
    color: #171616;
    margin-bottom: 1em; }
    @media (min-width: 1025px) {
      .module_ProductFilter span.filtrationText {
        margin-bottom: 0; } }
    @media (max-width: 1024px) {
      .module_ProductFilter span.filtrationText {
        text-align: left;
        margin-bottom: 0;
        font-size: 1.333em;
        display: block; }
        .module_ProductFilter span.filtrationText:after {
          content: "\e252";
          display: inline-block;
          font-family: 'Glyphicons Halflings';
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          margin-left: 0.667em;
          top: 0.2em;
          position: relative; } }
  .module_ProductFilter .filtrationIcons {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 1024px) {
      .module_ProductFilter .filtrationIcons {
        transition: all 0.3s;
        max-height: 0;
        overflow: hidden; } }
    .module_ProductFilter .filtrationIcons a {
      max-width: 5em;
      margin: 1rem .75rem 0 0;
      position: relative;
      text-decoration: none; }
      .module_ProductFilter .filtrationIcons a.active:after {
        border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        content: '';
        display: inline-block;
        height: 1em;
        position: absolute;
        top: 0;
        left: 0;
        transform: rotate(135deg);
        vertical-align: top;
        width: 1em;
        color: #171616;
        margin: 2.6rem auto 1.35rem 1.1rem; }
        @media (min-width: 1025px) {
          .module_ProductFilter .filtrationIcons a.active:after {
            margin: 2.15rem auto 1.35rem 1.1rem; } }
      .module_ProductFilter .filtrationIcons a:last-of-type {
        margin-right: 0; }
    .module_ProductFilter .filtrationIcons img {
      max-width: 100%; }
      .module_ProductFilter .filtrationIcons img.hovericon {
        display: none; }
  .module_ProductFilter .container {
    width: 100%; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ProductHighlights/productHighlights.scss
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ProductHighlights .left-side:hover {
  cursor: pointer; }
  .module_ProductHighlights .left-side:hover ~ .right-side .teaserLink {
    background-color: #0024D3; }

.module_ProductHighlights .left-side .module_Image {
  margin-bottom: 0; }

.module_ProductHighlights .teaserLink {
  font-family: Arial;
  color: #ffffff;
  background-color: #575757;
  border-radius: 0.333em;
  border: 0;
  padding: 0.333em 1.333em;
  margin-top: 0.667em;
  display: inline-block; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_ProductHighlights .teaserLink {
      font-size: 0.933em;
      background-color: #0024D3; } }
  @media (max-width: 767px) {
    .module_ProductHighlights .teaserLink {
      font-size: 0.8em;
      background-color: #0024D3; } }
  .module_ProductHighlights .teaserLink:hover {
    text-decoration: none;
    background-color: #0024D3; }
  .module_ProductHighlights .teaserLink:after {
    font-family: "Glyphicons Halflings";
    content: "\e080";
    font-size: 0.6em;
    margin-left: 0.222em; }

.module_ProductHighlights .headline {
  text-transform: none;
  font-size: 1.333em;
  font-family: "Hella Light"; }
  @media (max-width: 767px) {
    .module_ProductHighlights .headline {
      font-size: 1.2em; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ProductList/productList.scss
++ 2025-03-26 13:11 [f8d0711] Klug, Zdenek - Update Product List for SOE
++ 2024-11-13 13:32 [684711c] Klug, Zdenek - Update productList for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2021-06-29 10:38 [a7344a2] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-04-26 07:55 [3775fe0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-01-11 14:20 [b64fde8] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ProductList {
  height: 0; }
  @media (max-width: 767px) {
    .module_ProductList {
      margin-bottom: 35px !important; } }
  .module_ProductList .productList {
    display: flex;
    flex-wrap: wrap; }
  .module_ProductList .module_ProductCategory {
    opacity: 0; }
  .module_ProductList.loaded {
    height: auto; }
    @media (max-width: 767px) {
      .module_ProductList.loaded {
        margin-bottom: 10px !important; } }
    .module_ProductList.loaded .module_ProductCategory {
      opacity: 1; }
    .module_ProductList.loaded .module_NavigationTeaser {
      opacity: 1; }
  .module_ProductList .module_NavigationTeaser {
    opacity: 0; }
  .module_ProductList .module_NavigationTeaser .bottomCont {
    height: auto !important; }
  .module_ProductList .module_NavigationTeaser .teaser .bottomCont .module_Headline .headline {
    display: block;
    overflow: visible; }
    .module_ProductList .module_NavigationTeaser .teaser .bottomCont .module_Headline .headline p {
      margin-bottom: 0; }
  .module_ProductList .module_NavigationTeaser .teaser .bottomCont .module_Headline div.headline p {
    /*
                font-family: sans-serif;
                font-size: 0.8em;
                text-transform: none;*/ }
  @media (max-width: 767px) {
    .module_ProductList .module_NavigationTeaser {
      width: 50%; }
      .module_ProductList .module_NavigationTeaser .bottomCont .module_Headline .headline {
        font-size: 16px; } }
  .module_ProductList .lds-grid {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    left: 50%;
    margin-left: -1.25em; }
    .module_ProductList .lds-grid div {
      position: absolute;
      width: 20%;
      height: 20%;
      border-radius: 50%;
      background: #575757;
      animation: lds-grid 1.2s linear infinite; }
    .module_ProductList .lds-grid div:nth-child(1) {
      top: 10%;
      left: 10%;
      animation-delay: 0s; }
    .module_ProductList .lds-grid div:nth-child(2) {
      top: 10%;
      left: 40%;
      animation-delay: -0.4s; }
    .module_ProductList .lds-grid div:nth-child(3) {
      top: 10%;
      left: 70%;
      animation-delay: -0.8s; }
    .module_ProductList .lds-grid div:nth-child(4) {
      top: 40%;
      left: 10%;
      animation-delay: -0.4s; }
    .module_ProductList .lds-grid div:nth-child(5) {
      top: 40%;
      left: 40%;
      animation-delay: -0.8s; }
    .module_ProductList .lds-grid div:nth-child(6) {
      top: 40%;
      left: 70%;
      animation-delay: -1.2s; }
    .module_ProductList .lds-grid div:nth-child(7) {
      top: 70%;
      left: 10%;
      animation-delay: -0.8s; }
    .module_ProductList .lds-grid div:nth-child(8) {
      top: 70%;
      left: 40%;
      animation-delay: -1.2s; }
    .module_ProductList .lds-grid div:nth-child(9) {
      top: 70%;
      left: 70%;
      animation-delay: -1.6s; }

@keyframes lds-grid {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }
  body .webRoot .root .productList .module_NavigationTeaser .bottomCont .module_Headline > div.headline {
    font-family: sans-serif;
    font-size: 16px;
    text-transform: none; }
    body .webRoot .root .productList .module_NavigationTeaser .bottomCont .module_Headline > div.headline:hover {
      color: #0024D3; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ProductNavigation/productNavigation.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_ProductNavigation a:hover {
  text-decoration: none; }
  .module_ProductNavigation a:hover .cover {
    border-color: #0024D3; }

.module_ProductNavigation .cover {
  border-radius: 0.2em;
  border: 1px solid #E9E9E9;
  width: 100%;
  background-color: #E9E9E9;
  text-align: center;
  position: relative;
  margin-bottom: 1.333em; }
  .module_ProductNavigation .cover .headline {
    color: #171616;
    font-size: 1.333em;
    background-color: #c8c8c8;
    font-family: "Hella Light";
    padding: 0.2em 0.667em;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media (max-width: 767px) {
      .module_ProductNavigation .cover .headline {
        font-size: 1.2em; } }
    .module_ProductNavigation .cover .headline span {
      margin-right: 0.333em;
      font-weight: bold; }
    .module_ProductNavigation .cover .headline:before {
      padding-right: 0.667em; }
  .module_ProductNavigation .cover .module_Image {
    margin-bottom: 0; }

.module_ProductNavigation .module_Link {
  color: #ffc800;
  margin-bottom: 0;
  font-family: "Hella Regular"; }
  .module_ProductNavigation .module_Link a {
    font-size: 1.333em;
    text-transform: uppercase; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/ProductTeaser/productTeaser.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2022-03-02 11:04 [2c9e5e6] Dominik R?znar - Update CSS of productTeaser module for MS SOE
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-06-11 10:15 [784647a] Dominik R?znar - Update styles for MS SOE
++ 2021-01-13 12:30 [839e249] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.structural_TwoCol .module_ProductTeaser .customCol1 {
  float: left;
  width: 50%; }
  .structural_TwoCol .module_ProductTeaser .customCol1:hover {
    cursor: pointer; }
  @media (max-width: 767px) {
    .structural_TwoCol .module_ProductTeaser .customCol1 .module_Image {
      display: none; } }

.structural_TwoCol .module_ProductTeaser .customCol2 {
  float: left; }
  .structural_TwoCol .module_ProductTeaser .customCol2 .textArea .module_Text p {
    color: #575757 !important; }
  .structural_TwoCol .module_ProductTeaser .customCol2 .textArea .teaserLink {
    font-weight: bold;
    line-height: 1.067em;
    color: #0024D3;
    text-decoration: none; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .structural_TwoCol .module_ProductTeaser .customCol2 .textArea .teaserLink {
        line-height: 1.143em; } }
    @media (max-width: 767px) {
      .structural_TwoCol .module_ProductTeaser .customCol2 .textArea .teaserLink {
        line-height: 1.333em; } }
    .structural_TwoCol .module_ProductTeaser .customCol2 .textArea .teaserLink:hover, .structural_TwoCol .module_ProductTeaser .customCol2 .textArea .teaserLink:focus, .structural_TwoCol .module_ProductTeaser .customCol2 .textArea .teaserLink:active {
      color: #0024D3;
      text-decoration: underline; }

.structural_TwoCol .module_ProductTeaser .customCol1 + .customCol2 {
  width: 50%; }

@media (max-width: 767px) {
  .structural_TwoCol .module_ProductTeaser .customCol1, .structural_TwoCol .module_ProductTeaser .customCol2, .structural_TwoCol .module_ProductTeaser .customCol1 + .customCol2 {
    width: 100%; } }

.structural_OneCol .module_ProductTeaser .step .customCol1 {
  float: left;
  width: 100%; }
  .structural_OneCol .module_ProductTeaser .step .customCol1:hover {
    cursor: pointer; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .structural_OneCol .module_ProductTeaser .step .customCol1 {
      width: 50%; } }

.structural_OneCol .module_ProductTeaser .step .customCol2 {
  float: left; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .structural_OneCol .module_ProductTeaser .step .customCol2 {
      width: 100%; } }
  .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .headline {
    font-size: 1em !important; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .headline {
        font-size: 0.933em !important; } }
    @media (max-width: 767px) {
      .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .headline {
        font-size: 0.8em !important; } }
  .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .module_Text p {
    font-size: 1em !important;
    line-height: 1.333em; }
  .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .teaserLink {
    font-weight: bold;
    line-height: 1.067em;
    color: #0024D3;
    text-decoration: none; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .teaserLink {
        line-height: 1.143em; } }
    @media (max-width: 767px) {
      .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .teaserLink {
        line-height: 1.333em; } }
    .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .teaserLink:hover, .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .teaserLink:focus, .structural_OneCol .module_ProductTeaser .step .customCol2 .textArea .teaserLink:active {
      color: #0024D3;
      text-decoration: underline; }

.structural_OneCol .module_ProductTeaser .step .customCol1 + .customCol2 {
  width: 100%; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .structural_OneCol .module_ProductTeaser .step .customCol1 + .customCol2 {
      width: 50%; } }

@media (max-width: 767px) {
  .structural_OneCol .module_ProductTeaser .step .customCol1, .structural_OneCol .module_ProductTeaser .step .customCol2, .structural_OneCol .module_ProductTeaser .step .customCol1 + .customCol2 {
    width: 100%; } }

.module_ProductTeaser .step {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative; }
  .module_ProductTeaser .step .customCol1 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .module_ProductTeaser .step .customCol1 .module_Gallery {
      margin-bottom: 0; }
      .module_ProductTeaser .step .customCol1 .module_Gallery .gallery .galleryCaption:not(:empty) {
        padding: 1em; }
      .module_ProductTeaser .step .customCol1 .module_Gallery .gallery .galleryCaption p:last-of-type {
        margin-bottom: 0; }
    .module_ProductTeaser .step .customCol1 .module_Image {
      margin-bottom: 0; }
      .module_ProductTeaser .step .customCol1 .module_Image .img-responsive {
        width: 100%; }
        .module_ProductTeaser .step .customCol1 .module_Image .img-responsive:hover {
          cursor: pointer; }
    .module_ProductTeaser .step .customCol1 .module_Video {
      margin-bottom: 0; }
    .module_ProductTeaser .step .customCol1 .module_Iframe {
      margin-bottom: 0; }
  .module_ProductTeaser .step .customCol2 .textArea {
    padding: 1.333em 0; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_ProductTeaser .step .customCol2 .textArea {
        padding: 1.333em 0.667em; } }
    .module_ProductTeaser .step .customCol2 .textArea .module_Headline {
      color: #0024D3;
      text-transform: uppercase;
      width: 100%;
      font-family: "Hella Medium"; }
      .module_ProductTeaser .step .customCol2 .textArea .module_Headline h2.headline {
        color: #171616;
        font-size: 1.2em !important;
        margin-bottom: 0.278em; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_ProductTeaser .step .customCol2 .textArea .module_Headline h2.headline {
            font-size: 1.067em !important;
            margin-bottom: 0.313em; } }
        @media (max-width: 767px) {
          .module_ProductTeaser .step .customCol2 .textArea .module_Headline h2.headline {
            font-size: 0.933em !important;
            margin-bottom: 0; } }
      .module_ProductTeaser .step .customCol2 .textArea .module_Headline h3.headline {
        color: #171616 !important;
        font-size: 1.2em !important;
        margin-bottom: 0.556em; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .module_ProductTeaser .step .customCol2 .textArea .module_Headline h3.headline {
            font-size: 1.067em !important;
            margin-bottom: 0.625em; } }
        @media (max-width: 767px) {
          .module_ProductTeaser .step .customCol2 .textArea .module_Headline h3.headline {
            font-size: 0.933em !important;
            margin-bottom: 0.714em; } }
    .module_ProductTeaser .step .customCol2 .textArea .module_Text {
      margin-bottom: 0; }
      .module_ProductTeaser .step .customCol2 .textArea .module_Text p {
        color: #575757; }
        @media (min-width: 1025px) {
          .module_ProductTeaser .step .customCol2 .textArea .module_Text p {
            font-size: 0.933em !important;
            line-height: 1.429em; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/SharedContent/sharedContent.scss
++ 2025-07-21 11:10 [e9eeabe] HAT\plevji1 - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2025-07-21 11:10 [74765f6] HAT\plevji1 - update css for shared content
++ 2025-07-21 06:25 [6a83c53] Vojtech Schwarz - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2025-07-18 11:58 [12fc9ba] HAT\plevji1 - new module for Shared content + update css for text for microsite SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_SharedContent .mod-shared-loader-fs {
  width: 100%;
  padding-left: 1.333em;
  padding-right: 1.333em; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_SharedContent .mod-shared-loader-fs {
      padding-left: 0.667em;
      padding-right: 0.667em; } }
  @media (max-width: 767px) {
    .module_SharedContent .mod-shared-loader-fs {
      padding-left: 0.333em;
      padding-right: 0.333em; } }
  .module_SharedContent .mod-shared-loader-fs .mod-headline-fs.spacer--default {
    margin-bottom: 2.667em; }
  .module_SharedContent .mod-shared-loader-fs .mod-headline-fs.spacer--module-headline {
    margin-bottom: 1.6em; }
  .module_SharedContent .mod-shared-loader-fs .mod-headline-fs.spacer--small {
    margin-bottom: 2.267em; }
  .module_SharedContent .mod-shared-loader-fs .mod-headline-fs.spacer--large {
    margin-bottom: 8em; }
  .module_SharedContent .mod-shared-loader-fs .mod-headline-fs h1 {
    font-size: 1.733em;
    font-family: "Hella Medium";
    color: #171616; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_SharedContent .mod-shared-loader-fs .mod-headline-fs h1 {
        font-size: 1.6em; } }
  .module_SharedContent .mod-shared-loader-fs .mod-headline-fs h2 {
    font-size: 1.733em;
    font-family: Arial, Helvetica, sans-serif;
    color: #575757; }
    @media (max-width: 1024px) {
      .module_SharedContent .mod-shared-loader-fs .mod-headline-fs h2 {
        font-size: 1.6em; } }
  .module_SharedContent .mod-shared-loader-fs .mod-headline-fs h3 {
    font-size: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    color: #575757; }
  .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text {
    font-family: Arial, Helvetica, sans-serif;
    color: #575757;
    word-break: break-word; }
    .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text a {
      font-weight: bold;
      color: #0024D3;
      word-break: break-word; }
    .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text ul {
      padding-left: 0;
      list-style-position: inside; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text {
        font-size: 0.933em; } }
    @media (max-width: 767px) {
      .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text {
        font-size: 0.8em; } }
    .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table {
      width: 70%; }
      @media (max-width: 1024px) {
        .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table {
          width: 100%; } }
      .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr {
        border-bottom: 1px dotted #575757; }
        .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr td {
          vertical-align: top;
          padding: 0.333em;
          font-size: 0.867em; }
          @media (min-width: 768px) and (max-width: 1024px) {
            .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr td {
              font-size: 0.929em; } }
          @media (max-width: 767px) {
            .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr td {
              font-size: 1.083em; } }
          .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr td:first-of-type {
            width: 50%;
            padding-left: 0; }
          .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr td:nth-of-type(2) {
            width: 50%;
            color: #575757;
            background: #F1F1EF;
            padding-left: 1.667em; }
            @media (max-width: 767px) {
              .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr td:nth-of-type(2) {
                padding-left: 0.667em; } }
          .module_SharedContent .mod-shared-loader-fs .mod-text-fs .com-text .mod-table tr td a {
            font-weight: 400; }
  .module_SharedContent .mod-shared-loader-fs .mod-text-fs.spacer--default {
    margin-bottom: 2.667em; }
  .module_SharedContent .mod-shared-loader-fs .mod-text-fs.spacer--small {
    margin-bottom: 2.267em; }
  .module_SharedContent .mod-shared-loader-fs .mod-text-fs.spacer--large {
    margin-bottom: 8em; }
  .module_SharedContent .mod-shared-loader-fs .mod-button-fs .mod-button a {
    font-weight: bold;
    color: #0024D3;
    padding: 0; }
  .module_SharedContent .mod-shared-loader-fs .mod-button-fs.spacer--default {
    margin-bottom: 2em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/SharedContentLoader/sharedContentLoader.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-01-13 12:30 [839e249] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
.module_SharedContentLoader .text_Common {
  font-weight: normal;
  color: #575757;
  font-size: 0.867em;
  line-height: 1.231em;
  margin-bottom: 1.7em;
  font: Arial,Helvetica; }

.module_SharedContentLoader .text_Common h1 {
  color: #171616;
  display: block;
  font: normal 1.538em/1.1em Hella Regular, Arial, Helvetica;
  margin-bottom: 1em;
  text-transform: uppercase;
  vertical-align: top; }

.module_SharedContentLoader .table_Imprint table,
.module_SharedContentLoader table.table_Imprint {
  border-spacing: 0; }

.module_SharedContentLoader .table_Imprint tr,
.module_SharedContentLoader .table_Imprint td {
  color: #575757;
  border-bottom: 1px dotted #575757;
  margin: 0 0 1.538em;
  padding: 4px 0.95em 4px 0em; }

.module_SharedContentLoader .part_Topic {
  font: bold 0.867em Arial, Helvetica;
  border-bottom: 1px solid #575757;
  color: #575757;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Slider/slider.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_Slider .carousel-control {
  background-image: none;
  background-repeat: none; }
  .module_Slider .carousel-control .glyphicon, .module_Slider .carousel-control .module_Info .icon, .module_Info .module_Slider .carousel-control .icon {
    font-size: 2.5em;
    margin-top: -0.2em;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
    @media (max-width: 1024px) {
      .module_Slider .carousel-control .glyphicon, .module_Slider .carousel-control .module_Info .icon, .module_Info .module_Slider .carousel-control .icon {
        font-size: 1.5em;
        margin-top: -0.333em;
        width: 1em;
        height: 1em; } }
    .module_Slider .carousel-control .glyphicon.glyphicon-circle-arrow-right, .module_Slider .carousel-control .module_Info .glyphicon-circle-arrow-right.icon, .module_Info .module_Slider .carousel-control .glyphicon-circle-arrow-right.icon {
      margin-right: -0.2em;
      right: 50%; }
    .module_Slider .carousel-control .glyphicon.glyphicon-circle-arrow-left, .module_Slider .carousel-control .module_Info .glyphicon-circle-arrow-left.icon, .module_Info .module_Slider .carousel-control .glyphicon-circle-arrow-left.icon {
      margin-left: -0.2em;
      left: 50%; }

.module_Slider .module_Image, .module_Slider .module_NewsTeaser, .module_Slider .module_InstructionTitle {
  margin-top: 0em;
  margin-bottom: 0em; }

@media (min-width: 1025px) {
  body.partnerworld .module_Slider .glyphicon, body.partnerworld .module_Slider .module_Info .icon, .module_Info body.partnerworld .module_Slider .icon {
    top: auto;
    bottom: 5%; } }

@media (max-width: 767px) {
  body.soe .module_Slider {
    margin-bottom: 40px; }
    body.soe .module_Slider .carousel-indicators {
      bottom: -25px;
      margin-bottom: 0; }
      body.soe .module_Slider .carousel-indicators li {
        border-color: #575757 !important; }
        body.soe .module_Slider .carousel-indicators li.active {
          background-color: #575757 !important; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/SwitchTeaser/switchTeaser.scss
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2023-03-21 08:47 [d4c30be] Dominik R?znar - Update css of SwitchTeaser module for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2022-03-29 09:19 [182e44f] Dominik R?znar - Add CSS for SwitchTeaser module for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_SwitchTeaser {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em; }
  .module_SwitchTeaser > div:last-of-type .teaserLink {
    left: -1px; }
    @media (max-width: 767px) {
      .module_SwitchTeaser > div:last-of-type .teaserLink {
        left: auto; } }
  .module_SwitchTeaser .teaserItem {
    width: 50%; }
    @media (max-width: 767px) {
      .module_SwitchTeaser .teaserItem {
        width: 100%;
        margin-bottom: 2em; } }
    .module_SwitchTeaser .teaserItem .teaserLink {
      display: block;
      border: 1px solid #171616;
      position: relative; }
      .module_SwitchTeaser .teaserItem .teaserLink .module_Headline {
        text-align: center;
        background-color: #ffffff;
        color: #0024D3;
        position: relative;
        padding: 1.333em 2em;
        padding-bottom: 2em; }
        .module_SwitchTeaser .teaserItem .teaserLink .module_Headline:after {
          content: "";
          display: block;
          position: absolute;
          height: 2px;
          width: 60%;
          left: 50%;
          background: #0024D3;
          transform: translateX(-50%); }
      .module_SwitchTeaser .teaserItem .teaserLink .teaserImg .module_Image {
        margin-bottom: 0; }
      .module_SwitchTeaser .teaserItem .teaserLink .glyphicon, .module_SwitchTeaser .teaserItem .teaserLink .module_Info .icon, .module_Info .module_SwitchTeaser .teaserItem .teaserLink .icon {
        font-family: 'Glyphicons Halflings';
        color: #171616;
        background-color: #FED34C;
        border-radius: 50%;
        position: absolute;
        bottom: -25px;
        left: 50%;
        font-size: 1.333em;
        transform: translateX(-50%);
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: auto; }
        .module_SwitchTeaser .teaserItem .teaserLink .glyphicon:before, .module_SwitchTeaser .teaserItem .teaserLink .module_Info .icon:before, .module_Info .module_SwitchTeaser .teaserItem .teaserLink .icon:before {
          transition: all 0.2s ease; }
      .module_SwitchTeaser .teaserItem .teaserLink:hover .glyphicon:before, .module_SwitchTeaser .teaserItem .teaserLink:hover .module_Info .icon:before, .module_Info .module_SwitchTeaser .teaserItem .teaserLink:hover .icon:before {
        transform: translateX(5px); }
    .module_SwitchTeaser .teaserItem .teaserText {
      margin-top: 2em; }
      .module_SwitchTeaser .teaserItem .teaserText .module_Text {
        color: #171616;
        font-family: "Hella Regular";
        font-size: 1.067em; }
        .module_SwitchTeaser .teaserItem .teaserText .module_Text h4 {
          font-size: 1.067em;
          font-family: "Hella Medium";
          margin-bottom: 0; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Tab/tab.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
**
** CSS Document */
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/mixins/_border-radius.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_Tab .tabs {
  /* skipped (TYPE_CMS) */
  /* if (not TYPE_CMS) */
  overflow: hidden;
  position: relative;
  /* end if (not TYPE_CMS) */ }
  .module_Tab .tabs:after {
    display: block;
    clear: both;
    content: ''; }

.module_Tab .wrapNavTabs {
  width: 17%;
  float: left;
  border-right: 1px solid #8c8c8c;
  /* if (not TYPE_CMS) */
  padding-bottom: 99999px;
  margin-bottom: -99999px;
  /* end if (not TYPE_CMS) */ }
  .module_Tab .wrapNavTabs .tabArrow {
    font-family: "Glyphicons Halflings";
    height: 1.346em;
    text-align: center;
    color: #E9E9E9;
    font-size: 1.733em;
    cursor: pointer;
    width: 100%;
    padding-left: 0.385em;
    float: left;
    margin-bottom: 0.077em; }
    .module_Tab .wrapNavTabs .tabArrow:hover {
      color: #0024D3; }
    .module_Tab .wrapNavTabs .tabArrow.top .tabArrowInner {
      border-top-right-radius: 0.115em;
      border-top-left-radius: 0.115em; }
      .module_Tab .wrapNavTabs .tabArrow.top .tabArrowInner:before {
        content: "\e260"; }
    .module_Tab .wrapNavTabs .tabArrow.bottom .tabArrowInner {
      border-bottom-right-radius: 0.115em;
      border-bottom-left-radius: 0.115em; }
      .module_Tab .wrapNavTabs .tabArrow.bottom .tabArrowInner:before {
        content: "\e259"; }
    .module_Tab .wrapNavTabs .tabArrow .tabArrowInner {
      background-image: -webkit-linear-gradient(top, #f7f7f9 0%, #e2e5e8 100%);
      background-image: -o-linear-gradient(top, #f7f7f9 0%, #e2e5e8 100%);
      background-image: linear-gradient(to bottom, #f7f7f9 0%, #e2e5e8 100%);
      background-repeat: repeat-x;
      height: 100%;
      width: 100%;
      border-color: #9db4c6 transparent #9db4c6 #9db4c6;
      border: 1px solid #9db4c6; }
      .module_Tab .wrapNavTabs .tabArrow .tabArrowInner:hover {
        border-color: #0024D3 transparent #0024D3 #0024D3; }
  @media (min-width: 1025px) {
    .module_Tab .wrapNavTabs .tabScroll {
      overflow: hidden;
      height: 407px;
      width: 100%; } }
  .module_Tab .wrapNavTabs .nav-tabs {
    float: left;
    width: 100%;
    border-bottom: 0;
    position: relative; }
    .module_Tab .wrapNavTabs .nav-tabs > li {
      float: none; }
      @media (min-width: 1025px) {
        .module_Tab .wrapNavTabs .nav-tabs > li.loading {
          height: 40px;
          display: flex;
          padding-top: 5px;
          justify-content: space-around;
          align-items: center; }
          .module_Tab .wrapNavTabs .nav-tabs > li.loading .progressBar {
            border-radius: 50%;
            width: 24px;
            height: 24px;
            border: 4px solid #8c8c8c;
            border-top-color: #0024D3;
            animation: spin 1s infinite linear; }
        @keyframes spin {
          0% {
            transform: rotate(0deg); }
          100% {
            transform: rotate(360deg); } } }
      .module_Tab .wrapNavTabs .nav-tabs > li > a {
        font-family: "Hella Medium";
        font-weight: normal;
        font-size: 1.2em;
        color: #0024D3;
        height: 5.556em;
        background-image: -webkit-linear-gradient(top, #f7f7f9 0%, #E9E9E9 100%);
        background-image: -o-linear-gradient(top, #f7f7f9 0%, #E9E9E9 100%);
        background-image: linear-gradient(to bottom, #f7f7f9 0%, #E9E9E9 100%);
        background-repeat: repeat-x;
        margin-right: 0;
        margin-bottom: 0.167em;
        margin-left: 0.556em;
        border-top-right-radius: 0.167em;
        border-top-left-radius: 0.167em;
        border-color: #9db4c6 transparent #9db4c6 #9db4c6; }
        .module_Tab .wrapNavTabs .nav-tabs > li > a:hover, .module_Tab .wrapNavTabs .nav-tabs > li > a:focus {
          border-color: #0024D3 transparent #0024D3 #0024D3; }
        .module_Tab .wrapNavTabs .nav-tabs > li > a span {
          display: block;
          display: -webkit-box;
          height: 4.167em;
          line-height: 1.389em;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          white-space: normal; }
          @media (max-width: 1024px) {
            .module_Tab .wrapNavTabs .nav-tabs > li > a span {
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; } }
        .module_Tab .wrapNavTabs .nav-tabs > li > a p {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 0.722em;
          font-weight: normal;
          color: #000;
          padding-top: 0.385em;
          display: -webkit-box;
          height: 4.155em;
          line-height: 1.385em;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          white-space: normal; }

@-moz-document url-prefix() {
  .module_Tab .wrapNavTabs .nav-tabs > li > a p {
    line-height: 1.285em; } }
      .module_Tab .wrapNavTabs .nav-tabs > li.active a {
        color: #0024D3;
        font-weight: normal;
        background: #fff;
        border-color: #8c8c8c transparent #8c8c8c #8c8c8c;
        margin-right: -0.056em;
        margin-left: 0em;
        border-top-right-radius: 0; }

.module_Tab .tab-content {
  width: 83%;
  float: left;
  padding-left: 2.667em;
  padding-top: 2.667em;
  border-top: 1px solid #8c8c8c; }
  .module_Tab .tab-content > .tab-pane.active {
    display: block; }
  .module_Tab .tab-content > .tab-pane .row.structural_OneCol {
    margin-left: 0em !important;
    margin-right: 0em !important; }
    .module_Tab .tab-content > .tab-pane .row.structural_OneCol > *[class^='col-'], .module_Tab .tab-content > .tab-pane .row.structural_OneCol > *[class*=' col-'] {
      padding-right: 0em;
      padding-left: 0em; }

.module_Tab .panel-group .panel-default {
  border-color: transparent;
  border-radius: 3px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_Tab .panel-group .panel-default {
      font-size: 1.067em; } }
  @media (max-width: 767px) {
    .module_Tab .panel-group .panel-default {
      font-size: 0.933em; } }
  .module_Tab .panel-group .panel-default .panel-heading {
    background-image: -webkit-linear-gradient(top, #f7f7f9 0%, #e2e5e8 100%);
    background-image: -o-linear-gradient(top, #f7f7f9 0%, #e2e5e8 100%);
    background-image: linear-gradient(to bottom, #f7f7f9 0%, #e2e5e8 100%);
    background-repeat: repeat-x;
    border: 1px solid #9db4c6;
    position: relative; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Tab .panel-group .panel-default .panel-heading {
        padding: font-size(10, 16); } }
    @media (max-width: 767px) {
      .module_Tab .panel-group .panel-default .panel-heading {
        padding: font-size(10, 14); } }
    .module_Tab .panel-group .panel-default .panel-heading .panel-title {
      font-size: 1em;
      position: relative;
      z-index: 100; }
      .module_Tab .panel-group .panel-default .panel-heading .panel-title a {
        text-decoration: none; }
        .module_Tab .panel-group .panel-default .panel-heading .panel-title a:after {
          content: "\2212";
          font-family: 'Glyphicons Halflings';
          position: absolute;
          right: 0;
          color: #0024D3;
          top: 50%;
          line-height: 1em;
          margin-top: -0.35em; }
          @media (min-width: 768px) and (max-width: 1024px) {
            .module_Tab .panel-group .panel-default .panel-heading .panel-title a:after {
              font-size: 2.188em; } }
          @media (max-width: 767px) {
            .module_Tab .panel-group .panel-default .panel-heading .panel-title a:after {
              font-size: 2.5em; } }
        .module_Tab .panel-group .panel-default .panel-heading .panel-title a.collapsed:after {
          content: "\002b"; }
        .module_Tab .panel-group .panel-default .panel-heading .panel-title a span {
          font-family: "Hella Medium";
          color: #0024D3; }
        .module_Tab .panel-group .panel-default .panel-heading .panel-title a p {
          font-family: Arial, Helvetica, sans-serif;
          color: #000;
          width: 85%; }
          @media (min-width: 768px) and (max-width: 1024px) {
            .module_Tab .panel-group .panel-default .panel-heading .panel-title a p {
              font-size: 0.875em;
              padding-top: 0.357em;
              display: -webkit-box;
              height: 1.357em;
              line-height: 1.357em;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              white-space: normal; } }
          @media (max-width: 767px) {
            .module_Tab .panel-group .panel-default .panel-heading .panel-title a p {
              font-size: 0.857em;
              padding-top: 0.417em;
              display: -webkit-box;
              height: 1.417em;
              line-height: 1.417em;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              white-space: normal; } }

@-moz-document url-prefix() {
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_Tab .panel-group .panel-default .panel-heading .panel-title a p {
      line-height: 1.186em; } }
  @media (max-width: 767px) {
    .module_Tab .panel-group .panel-default .panel-heading .panel-title a p {
      line-height: 1.4em; } } }
  .module_Tab .panel-group .panel-default .panel-collapse.in {
    border: 1px solid #9db4c6;
    border-top: 0;
    background-color: #f0f0f0; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_Tab .panel-group .panel-default .panel-body {
      padding: 0 0.625em 0.625em 0.625em; } }
  @media (max-width: 767px) {
    .module_Tab .panel-group .panel-default .panel-body {
      padding: 0 0.714em 0.714em 0.714em; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_Tab .panel-group .panel-default .panel-body .row:first-child > div > .row > *[class*="module_"]:first-child:not(.module_Gallery):not(.module_Image) {
      margin-top: 0.625em; } }
  @media (max-width: 767px) {
    .module_Tab .panel-group .panel-default .panel-body .row:first-child > div > .row > *[class*="module_"]:first-child:not(.module_Gallery):not(.module_Image) {
      margin-top: 0.714em; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_Tab .panel-group .panel-default .panel-body .structural_OneCol .structural_FirstCol > *[class*="module_"] {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 767px) {
    .module_Tab .panel-group .panel-default .panel-body .structural_OneCol .structural_FirstCol > *[class*="module_"] {
      padding-left: 10px;
      padding-right: 10px; } }
  .module_Tab .panel-group .panel-default .panel-body .structural_TwoCol {
    margin-left: 0em;
    margin-right: 0em; }
    .module_Tab .panel-group .panel-default .panel-body .structural_TwoCol:first-child {
      margin-left: -10px;
      margin-right: -10px; }
      .module_Tab .panel-group .panel-default .panel-body .structural_TwoCol:first-child .col-xs-20.col-sm-20:first-child .structural_FirstCol > .module_Gallery,
      .module_Tab .panel-group .panel-default .panel-body .structural_TwoCol:first-child .col-xs-20.col-sm-20:first-child .structural_FirstCol > .module_Image {
        padding-left: 0em;
        padding-right: 0em; }
  .module_Tab .panel-group .panel-default .panel-body .module_Headline h2.headline, .module_Tab .panel-group .panel-default .panel-body .module_Headline h4.headline {
    font-size: 100%; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Tab .panel-group .panel-default .panel-body .module_Headline h2.headline, .module_Tab .panel-group .panel-default .panel-body .module_Headline h4.headline {
        font-size: 1.125em; } }
    @media (max-width: 767px) {
      .module_Tab .panel-group .panel-default .panel-body .module_Headline h2.headline, .module_Tab .panel-group .panel-default .panel-body .module_Headline h4.headline {
        font-size: 1.286em; } }
  .module_Tab .panel-group .panel-default .panel-body .module_Headline h3.headline {
    font-size: 100%; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Tab .panel-group .panel-default .panel-body .module_Headline h3.headline {
        font-size: 0.875em;
        margin-bottom: 0.625em; } }
    @media (max-width: 767px) {
      .module_Tab .panel-group .panel-default .panel-body .module_Headline h3.headline {
        font-size: 0.857em;
        margin-bottom: 0.714em; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Text/text.scss
++ 2025-08-05 12:16 [78dbba9] HAT\plevji1 - update css for navigation microsite soe
++ 2025-07-21 06:25 [6a83c53] Vojtech Schwarz - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2025-07-18 11:58 [12fc9ba] HAT\plevji1 - new module for Shared content + update css for text for microsite SOE
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2022-08-11 07:53 [2220ea8] Dominik R?znar - Update CSS for lightstyle project
++ 2022-07-15 15:50 [376fdb1] Dominik R?znar - Update CSS of text module for MS SOE
++ 2022-05-25 11:07 [9dd1351] Dominik R?znar - Update CSS of text module for MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-12-07 12:43 [e961496] Dominik R?znar - Update CSS of Text module for MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-01-19 09:33 [1245450] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Text {
  font-family: Arial, Helvetica, sans-serif;
  color: #575757; }
  @media (min-width: 1025px) {
    .module_Text {
      font-size: 1em; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .module_Text {
      font-size: 0.933em; } }
  @media (max-width: 767px) {
    .module_Text {
      font-size: 0.8em; } }
  .module_Text.technicalDataTable {
    overflow-x: auto; }
  .module_Text p {
    margin: 0em;
    line-height: 1.333em; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Text p {
        line-height: 1.286em; } }
    @media (max-width: 767px) {
      .module_Text p {
        line-height: 1.333em; } }
    .module_Text p.mainText {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      color: #171616;
      font-size: 1.067em;
      line-height: 1.375em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_Text p.mainText {
          font-size: 1.143em; } }
      @media (max-width: 767px) {
        .module_Text p.mainText {
          font-size: 1.333em; } }
    .module_Text p .phone:before {
      font-family: "Glyphicons Halflings";
      content: "\e182";
      padding-right: 0.667em; }
    .module_Text p .email:before {
      font-family: "Glyphicons Halflings";
      content: "\2709";
      padding-right: 0.667em; }
    .module_Text p a.btn {
      color: #ffffff;
      font-weight: normal;
      font-size: 1.2em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_Text p a.btn {
          font-size: 1.286em; } }
      @media (max-width: 767px) {
        .module_Text p a.btn {
          font-size: 1.5em; } }
      .module_Text p a.btn:hover {
        text-decoration: none; }
  .module_Text a {
    font-weight: bold;
    line-height: 1.067em;
    color: #0024D3;
    text-decoration: none;
    word-break: break-word; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Text a {
        line-height: 1.143em; } }
    @media (max-width: 767px) {
      .module_Text a {
        line-height: 1.333em; } }
    .module_Text a:hover, .module_Text a:focus, .module_Text a:active {
      color: #0024D3;
      text-decoration: underline; }
  .module_Text ul {
    margin-bottom: 0em;
    padding-left: 0em; }
    .module_Text ul li {
      list-style-position: outside;
      margin-left: 1em;
      line-height: 1.333em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_Text ul li {
          margin-left: 1.071em;
          line-height: 1.286em; } }
      @media (max-width: 767px) {
        .module_Text ul li {
          margin-left: 1.25em;
          line-height: 1.333em; } }
  .module_Text img {
    border: 0;
    text-decoration: none;
    outline: 0; }
    .module_Text img[style*='left'] {
      margin: 0.667em 0.667em 0.667em 0em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_Text img[style*='left'] {
          margin: 0.714em 0.714em 0.714em 0em; } }
      @media (max-width: 767px) {
        .module_Text img[style*='left'] {
          margin: 0.833em 0.833em 0.833em 0em; } }
      @media (max-width: 1024px) {
        .module_Text img[style*='left'] {
          display: block;
          max-width: 100%;
          height: auto; } }
    .module_Text img[style*='right'] {
      margin: 0.667em 0em 0.667em 0.667em; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .module_Text img[style*='right'] {
          margin: 0.714em 0em 0.714em 0.714em; } }
      @media (max-width: 767px) {
        .module_Text img[style*='right'] {
          margin: 0.833em 0em 0.833em 0.833em; } }
      @media (max-width: 1024px) {
        .module_Text img[style*='right'] {
          display: block;
          max-width: 100%;
          height: auto; } }
  .module_Text table th.title {
    word-break: break-word; }
  .module_Text table thead th {
    border-bottom: none; }
  .module_Text table thead tr:last-of-type th {
    border-bottom: 2px solid #E9E9E9; }
  .module_Text table.borderedTable td, .module_Text table.borderedTable th {
    border: 1px solid #333;
    padding: 0.333em; }
  .module_Text table.borderedTable th {
    border-bottom: 2px solid #333 !important; }
  body.hella-gutmann .module_Text p {
    color: #575757; }
    body.hella-gutmann .module_Text p.mainText {
      color: #000000; }
  body.hella-gutmann .module_Text li {
    color: #575757; }
  body.hella-gutmann .module_Text a {
    color: #007D40 !important; }
  body.hella-gutmann .module_Text a.btn {
    color: #ffffff !important; }
  body.hella-gutmann .module_Text a.btn-primary {
    background-color: #007D40;
    border-color: #007D40; }
    body.hella-gutmann .module_Text a.btn-primary:hover {
      background-color: #004a26;
      border-color: #004a26; }
  body.hella-gutmann .module_Text table th.title {
    color: #fff;
    background-color: #007D40 !important;
    border: 0em !important; }
  @media (max-width: 767px) {
    body.soe .module_Text {
      hyphens: auto; } }
  .module_Text.emptyProduct {
    margin-bottom: 0;
    padding: 1.333em 0;
    font-weight: 600; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/Video/video.scss
++ 2024-09-03 08:02 [e08a849] HAT\ryzndo1 - Update CSS lightstyle homepage
++ 2024-06-05 13:53 [0fee788] Klug, Zdenek - Update Video module for Lightstyle project
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2023-08-17 13:40 [409bc62] HAT\ryzndo1 - Add content flags module to MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-23 09:19 [c29819b] Dominik R?znar - Update CSS of Video module for MS SOE
++ 2021-06-11 10:15 [784647a] Dominik R?znar - Update styles for MS SOE
++ 2021-05-13 07:45 [8f8792a] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Video .responsive, .ui-popup-container .videoPopup .responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.module_Video .responsive16by9, .ui-popup-container .videoPopup .responsive16by9 {
  padding-bottom: 56.25%; }

.module_Video .responsive4by3, .ui-popup-container .videoPopup .responsive4by3 {
  padding-bottom: 75%; }

.module_Video .responsiveItem, .ui-popup-container .videoPopup .responsiveItem {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.module_Video iframe.responsiveItem, .ui-popup-container .videoPopup iframe.responsiveItem {
  border: 0; }

.module_Video .videoPopup, .ui-popup-container .videoPopup .videoPopup {
  max-width: 100%; }

.module_Video .videoContainer, .ui-popup-container .videoPopup .videoContainer {
  max-width: 100%; }

.module_Video .loading, .ui-popup-container .videoPopup .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1em;
  margin-top: -1em;
  border-radius: 50%;
  box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.75) ; }
  .module_Video .loading > div, .ui-popup-container .videoPopup .loading > div {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    border: 4px solid #8c8c8c;
    border-top-color: #0024D3;
    animation: spin 1s infinite linear; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.ui-popup-container .videoPopup {
  padding: 0;
  background: #ffffff; }
  .ui-popup-container .videoPopup .ui-icon-delete:after {
    transition: opacity 0.3s ease;
    content: "";
    background: url("images/delete-black.png") no-repeat center center;
    opacity: 0.5;
    z-index: -1; }
  .ui-popup-container .videoPopup .ui-icon-delete:hover:after {
    opacity: 1; }

.module_Video {
  position: relative; }
  .module_Video.ext_Video_Popup {
    margin-bottom: 0; }
    .module_Video.ext_Video_Popup .video {
      display: none; }
  .module_Video .video {
    margin-left: -20px;
    margin-right: -20px; }
    .module_Video .video:after {
      display: block;
      clear: both;
      content: ''; }
    @media (max-width: 767px) {
      .module_Video .video {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Video .video {
        margin-left: -10px;
        margin-right: -10px; } }
  .module_Video .videoNavigateHelp input {
    margin: .2em 0 .2em 0;
    background: transparent;
    border: 0;
    cursor: copy;
    color: #171616; }
    .module_Video .videoNavigateHelp input:hover {
      text-decoration: underline; }
  .module_Video .videoNavigateHelp .popover-content {
    color: #171616;
    font-size: 0.8em; }
  .module_Video .col-left .videoContainer {
    margin-bottom: 0;
    /*            .mi-player .mi-player-generator.mi-big-play {
                            border: 0 !important;
                            background-color: transparent !important;
                        }*/ }
    .module_Video .col-left .videoContainer iframe {
      width: 100%; }
    .module_Video .col-left .videoContainer.hide-controls .mejs__controls {
      display: none; }
    .module_Video .col-left .videoContainer .mi-player[style],
    .module_Video .col-left .videoContainer .mi-player > video[style],
    .module_Video .col-left .videoContainer .mi-player > object[style] {
      height: 100% !important; }
    .module_Video .col-left .videoContainer .mi-big-play:hover {
      background-color: #0024D3;
      border: none !important; }
    .module_Video .col-left .videoContainer .errorText {
      color: #575757; }
  .module_Video .col-right *[class*='module_']:last-child {
    margin-bottom: 0; }
  .container-fluid.root .module_Video .video .col-right > .module_Headline h3.headline {
    font-size: 100%; }
    @media (min-width: 1025px) {
      .container-fluid.root .module_Video .video .col-right > .module_Headline h3.headline {
        font-size: 1.333em;
        margin-bottom: 0.667em; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .module_Video .video .col-right > .module_Headline h3.headline {
        font-size: 1.067em;
        margin-bottom: 0.667em; } }
    @media (max-width: 767px) {
      .container-fluid.root .module_Video .video .col-right > .module_Headline h3.headline {
        font-size: 1.067em;
        margin-bottom: 0.667em; } }
  .container-fluid.root .module_Tab .module_Video .video .col-right > .module_Headline h3.headline {
    font-size: 100%; }
    @media (min-width: 1025px) {
      .container-fluid.root .module_Tab .module_Video .video .col-right > .module_Headline h3.headline {
        font-size: 1.333em;
        margin-bottom: 0.667em; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .module_Tab .module_Video .video .col-right > .module_Headline h3.headline {
        font-size: 1em;
        margin-bottom: 0.625em; } }
    @media (max-width: 767px) {
      .container-fluid.root .module_Tab .module_Video .video .col-right > .module_Headline h3.headline {
        font-size: 1.143em;
        margin-bottom: 0.714em; } }
  .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video .col-left,
  .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video .col-left {
    width: 100%; }
  .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video .col-right,
  .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video .col-right {
    display: none; }
  .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video .col-left {
    width: 60%;
    width: 100%; }
  .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video .col-right {
    width: 40%; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video .col-left {
      width: 50%; }
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video .col-right {
      width: 50%; } }
  @media (max-width: 767px) {
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video .col-left {
      width: 100%; }
      .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video .col-left .videoContainer {
        margin-bottom: 10px !important; }
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video .col-right {
      width: 100%; } }
  .container-fluid.root .structural_OneCol .module_ContentBox .module_Video:not(:last-child) {
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 20px; }
    @media (max-width: 1024px) {
      .container-fluid.root .structural_OneCol .module_ContentBox .module_Video:not(:last-child) {
        padding-bottom: 10px; } }
  .container-fluid.root .structural_OneCol .module_ContentBox .module_Video .col-left {
    width: 40%; }
  .container-fluid.root .structural_OneCol .module_ContentBox .module_Video .col-right {
    width: 60%; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .structural_OneCol .module_ContentBox .module_Video .col-left {
      width: 50%; }
    .container-fluid.root .structural_OneCol .module_ContentBox .module_Video .col-right {
      width: 50%; } }
  @media (max-width: 767px) {
    .container-fluid.root .structural_OneCol .module_ContentBox .module_Video .col-left {
      width: 100%; }
      .container-fluid.root .structural_OneCol .module_ContentBox .module_Video .col-left .videoContainer {
        margin-bottom: 10px !important; }
    .container-fluid.root .structural_OneCol .module_ContentBox .module_Video .col-right {
      width: 100%; } }
  .container-fluid.root .structural_TwoCol > div.col-md-12 > .structural_SecondCol .module_ContentBox .module_Video .col-left {
    width: 40%; }
  .container-fluid.root .structural_TwoCol > div.col-md-12 > .structural_SecondCol .module_ContentBox .module_Video .col-right {
    width: 60%; }
  @media (max-width: 1024px) {
    .container-fluid.root .structural_TwoCol > div.col-md-12 > .structural_SecondCol .module_ContentBox .module_Video .col-left {
      width: 100%; }
      .container-fluid.root .structural_TwoCol > div.col-md-12 > .structural_SecondCol .module_ContentBox .module_Video .col-left .videoContainer {
        margin-bottom: 10px !important; }
    .container-fluid.root .structural_TwoCol > div.col-md-12 > .structural_SecondCol .module_ContentBox .module_Video .col-right {
      width: 100%; } }
  .container-fluid.root .structural_TwoCol > div.col-md-10 > .structural_SecondCol > .module_ContentBox .module_Video .col-left {
    width: 50%; }
  .container-fluid.root .structural_TwoCol > div.col-md-10 > .structural_SecondCol > .module_ContentBox .module_Video .col-right {
    width: 50%; }
  @media (max-width: 1024px) {
    .container-fluid.root .structural_TwoCol > div.col-md-10 > .structural_SecondCol > .module_ContentBox .module_Video .col-left {
      width: 100%; }
      .container-fluid.root .structural_TwoCol > div.col-md-10 > .structural_SecondCol > .module_ContentBox .module_Video .col-left .videoContainer {
        margin-bottom: 10px !important; }
    .container-fluid.root .structural_TwoCol > div.col-md-10 > .structural_SecondCol > .module_ContentBox .module_Video .col-right {
      width: 100%; } }
  .container-fluid.root .structural_TwoCol > div > .structural_FirstCol .module_ContentBox .module_Video:not(:last-child) {
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 20px; }
    @media (max-width: 1024px) {
      .container-fluid.root .structural_TwoCol > div > .structural_FirstCol .module_ContentBox .module_Video:not(:last-child) {
        padding-bottom: 10px; } }
  .container-fluid.root .structural_TwoCol > div > .structural_FirstCol .module_ContentBox .module_Video .col-left {
    width: 40%; }
  .container-fluid.root .structural_TwoCol > div > .structural_FirstCol .module_ContentBox .module_Video .col-right {
    width: 60%; }
  @media (max-width: 1024px) {
    .container-fluid.root .structural_TwoCol > div > .structural_FirstCol .module_ContentBox .module_Video .col-left {
      width: 100%; }
      .container-fluid.root .structural_TwoCol > div > .structural_FirstCol .module_ContentBox .module_Video .col-left .videoContainer {
        margin-bottom: 10px !important; }
    .container-fluid.root .structural_TwoCol > div > .structural_FirstCol .module_ContentBox .module_Video .col-right {
      width: 100%; } }
  .container-fluid.root .module_NewsTeaserSplitted .module_Video .col-left {
    width: 100%; }
  .container-fluid.root .module_NewsTeaserSplitted .module_Video .col-right {
    display: none; }
  .container-fluid.root .module_Teaser .module_Video .col-left {
    width: 100%; }
  .container-fluid.root .module_Teaser .module_Video .col-right {
    display: none; }
  @media (min-width: 768px) {
    .module_Video.productVideo.col-sm-10 {
      width: 50% !important; } }
  .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-left,
  .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-left,
  .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-left {
    width: 100%;
    float: none; }
  .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
  .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
  .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom {
    width: 100%;
    float: none;
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
      .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
      .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
      .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
      .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom {
        padding-left: 10px;
        padding-right: 10px; } }
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline,
    .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline,
    .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom .module_Headline {
      min-height: 32px; }
      .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline:first-child:last-child,
      .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline:first-child:last-child,
      .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom .module_Headline:first-child:last-child {
        display: flex;
        height: 100%;
        align-items: center; }
        .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline:first-child:last-child .headline,
        .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline:first-child:last-child .headline,
        .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom .module_Headline:first-child:last-child .headline {
          padding-top: 0;
          flex: 1 0; }
      .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline,
      .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline,
      .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom .module_Headline .headline {
        font-size: 1.067em;
        color: #171616;
        margin: 0;
        padding-top: 6px;
        width: 100%;
        display: -webkit-box;
        line-height: 24px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        margin-top: 0.333em;
        font-family: sans-serif; }
        @media (max-width: 767px) {
          .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline,
          .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline,
          .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom .module_Headline .headline {
            margin-bottom: 0.667em; } }
        @media (max-width: 1024px) {
          .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline,
          .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline,
          .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom .module_Headline .headline {
            font-size: 1.067em; } }
        .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline:before,
        .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom .module_Headline .headline:before,
        .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom .module_Headline .headline:before {
          content: ""; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-left,
    .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-left,
    .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-left {
      width: 100%; }
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
    .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
    .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom {
      width: 100%; } }
  @media (max-width: 767px) {
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-left,
    .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-left,
    .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-left {
      width: 100%; }
      .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-left .videoContainer,
      .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-left .videoContainer,
      .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-left .videoContainer {
        margin-bottom: 10px !important; }
    .container-fluid.root .structural_OneCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
    .container-fluid.root .structural_TwoCol > div > .structural_FirstCol > .module_Video.productVideo .col-bottom,
    .container-fluid.root .structural_TwoCol > div > .structural_SecondCol > .module_Video.productVideo .col-bottom {
      width: 100%; } }
  .module_Video.leftHeadline .video, .module_Video.rightHeadline .video {
    display: flex;
    align-items: stretch; }
    .module_Video.leftHeadline .video .headline, .module_Video.rightHeadline .video .headline {
      color: #fff; }
  @media (min-width: 768px) {
    .module_Video.leftHeadline .col-left, .module_Video.rightHeadline .col-left {
      width: 70% !important;
      flex-grow: 1;
      flex-shrink: 0;
      padding-right: 0 !important; } }
  .module_Video.leftHeadline .col-right, .module_Video.rightHeadline .col-right {
    display: none !important;
    margin-right: 20px; }
    @media (min-width: 768px) {
      .module_Video.leftHeadline .col-right, .module_Video.rightHeadline .col-right {
        display: flex !important;
        align-items: center;
        text-align: center;
        background-color: #0024D3; } }
    .module_Video.leftHeadline .col-right.yellow, .module_Video.rightHeadline .col-right.yellow {
      background-color: #FED34C; }
    .module_Video.leftHeadline .col-right.green, .module_Video.rightHeadline .col-right.green {
      background-color: #00B48F; }
    .module_Video.leftHeadline .col-right.orange, .module_Video.rightHeadline .col-right.orange {
      background-color: #ec971f; }
    .module_Video.leftHeadline .col-right.light-blue, .module_Video.rightHeadline .col-right.light-blue {
      background-color: #22aadd; }
    .module_Video.leftHeadline .col-right.blue, .module_Video.rightHeadline .col-right.blue {
      background-color: #0024D3; }
    .module_Video.leftHeadline .col-right.turquoise, .module_Video.rightHeadline .col-right.turquoise {
      background-color: #00A8BF; }
  .module_Video.leftHeadline .col-right {
    order: 0;
    background-color: transparent; }
    .module_Video.leftHeadline .col-right .headline {
      color: #0024D3; }
  .module_Video.leftHeadline .col-left {
    order: 1; }

body.lightstyle .module_Video .video {
  margin: 0; }

.homeLighstyle .module_Video .video {
  margin-left: 0;
  margin-right: 0; }

.homeLighstyle .module_Video .cl-inner-plugin-container {
  display: none; }

.homeLighstyle .module_Video .wrapper {
  pointer-events: none; }

.homeLighstyle .module_Video video {
  pointer-events: none; }

/*
**
**============================================= NEW FILE =======================================================
**
** @link ContentClass/ContentModule/VideoPlayer
--
++ GIT: 0_shared/module/ContentModules/VideoCloud/videoCloud.scss
++ 2023-11-27 08:59 [888303d] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2022-05-19 10:08 [7bbabad] Jirina Lastuvkova - Update videoCloud.scss for public websites - new forvia colors
++ 2021-06-01 08:38 [3bdd737] Vojtech Schwarz - Update videoCloud to mediaElement for ALL
++ 2016-06-14 10:19 [064c63d] Jan Kondler - Fix paths to images
++ 2016-05-24 12:51 [4db8d74] Jan Kondler - Fix position of title in popup window with Video Cloud
++ 2016-03-17 10:45 [58d6c68] Jan Kondler - Add default shared resources (ready for productive environment)
*/
.module_VideoCloud {
  margin-bottom: 22px;
  /* skipped (TYPE_CMS) */
  /** 
     * extras/extension for VideoPlayer
     * can be wrapped by .ext_VideoPlayer_Popup in parental module
     */ }
  .module_VideoCloud .title, .module_VideoCloud .description {
    display: none; }
  .module_VideoCloud iframe {
    position: relative;
    z-index: 1; }
  .module_VideoCloud .errorText {
    display: block;
    background-color: #000;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    opacity: 0.7; }
  .ext_VideoCloud_Popup .module_VideoCloud, .module_VideoCloud.ext_VideoCloud_Popup {
    margin-bottom: 0px;
    /* if (not TYPE_CMS) */
    display: none;
    /* end if (not TYPE_CMS) */
    /* skipped (TYPE_CMS) */ }
    .ext_VideoCloud_Popup .module_VideoCloud .responsive, .module_VideoCloud.ext_VideoCloud_Popup .responsive {
      position: relative;
      display: block;
      height: 0;
      padding: 0;
      overflow: hidden; }
    .ext_VideoCloud_Popup .module_VideoCloud .videoContainer, .module_VideoCloud.ext_VideoCloud_Popup .videoContainer {
      max-width: 100%; }

/* jQuery UI dialog window */
.ui_VideoCloud {
  border: 0px important;
  position: absolute;
  /* skipped (PROJECT_PAGID) */ }
  .ui_VideoCloud .ui-dialog-title {
    position: relative;
    left: 10px;
    top: 4px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    font-weight: bold; }
  .ui_VideoCloud .ui-dialog-titlebar {
    height: 30px;
    border-radius: 0 0 0 0;
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
    filter: alpha(opacity=70); }
  .ui_VideoCloud .ui-icon-closethick {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    padding-right: 18px;
    background: url("images/videocloud_close.png") right center no-repeat;
    cursor: pointer; }
  .ui_VideoCloud .ui-icon-closethick:hover {
    color: #0024D3; }
  .ui_VideoCloud .ui-dialog {
    border: 0px; }
  .ui_VideoCloud .ui-dialog-titlebar {
    border: 0px; }
  .ui_VideoCloud .ui-dialog-content {
    border: 0px; }
  .ui_VideoCloud .ui-widget-content {
    border: 0px; }

/*
**
**============================================= NEW FILE =======================================================
**
** @author Jan Kondler
** @link ContentClass/ContentModule/VideoPlayer
--
++ GIT: 0_shared/module/ContentModules/VideoPlayer/videoPlayer.scss
++ 2023-11-27 08:59 [888303d] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2016-06-14 10:19 [064c63d] Jan Kondler - Fix paths to images
++ 2016-03-17 10:45 [58d6c68] Jan Kondler - Add default shared resources (ready for productive environment)
*/
.module_VideoPlayer {
  margin-bottom: 22px;
  /* skipped (TYPE_CMS) */
  /**
     * extras/extension for VideoPlayer
     * can be wrapped by .ext_VideoPlayer_Popup in parental module
     */ }
  .module_VideoPlayer .title, .module_VideoPlayer .description {
    display: none; }
  .ext_VideoPlayer_Popup .module_VideoPlayer, .module_VideoPlayer.ext_VideoPlayer_Popup,
  .modVideoplayerPopup .module_VideoPlayer, .module_VideoPlayer.popupMode {
    margin-bottom: 0px;
    /* if (not TYPE_CMS) */
    display: none;
    /* end if (not TYPE_CMS) */
    /* skipped (TYPE_CMS) */ }

/* jQuery UI dialog window */
.ui_VideoPlayer {
  border: 0px !important;
  position: absolute; }
  .ui_VideoPlayer .ui-dialog-title {
    position: relative;
    left: 10px;
    top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    font-weight: bold; }
  .ui_VideoPlayer .ui-dialog-titlebar {
    height: 30px;
    border-radius: 0 0 0 0;
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
    filter: alpha(opacity=70); }
  .ui_VideoPlayer .ui-icon-closethick {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    padding-right: 18px;
    background: url("images/videoplayer_close.png") right center no-repeat;
    cursor: pointer; }
  .ui_VideoPlayer .ui-icon-closethick:hover {
    color: #FEC700; }
  .ui_VideoPlayer .ui-dialog {
    border: 0px; }
  .ui_VideoPlayer .ui-dialog-titlebar {
    border: 0px; }
  .ui_VideoPlayer .ui-dialog-content {
    border: 0px; }
  .ui_VideoPlayer .ui-widget-content {
    border: 0px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/ContentModules/iFrameMasterpage/iFrameMasterPage.scss
++ 2022-10-25 09:03 [8983382] HAT\sincst1 - Add Iframe master page styles for MS-SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_iFrameMasterPage {
  width: 100%;
  height: 100vh;
  padding: 20px;
  border: 0; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/FormModules/Form/form.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form, footer .container-fluid .row > .module_Carousel, footer .container-fluid .row > .module_Gallery, footer .container-fluid .row > .module_Headline, footer .container-fluid .row > .module_Image, footer .container-fluid .row > .module_Text, footer .container-fluid .row > .module_Video, footer .container-fluid .module_Video .col-left, .module_Video footer .container-fluid .col-left, footer .container-fluid .module_Video .col-right, .module_Video footer .container-fluid .col-right, footer .container-fluid .row > .module_Form, .container-fluid.root .row > *[class^='col-'],
  .container-fluid.root .row > *[class*=' col-'],
  footer .container-fluid .row > *[class^='col-'],
  footer .container-fluid .row > *[class*=' col-'] {
    padding-left: 20px;
    padding-right: 20px; } }

.container-fluid.root,
footer .container-fluid {
  max-width: 1280px;
  transition: all 0.3s; }
  .container-fluid.root .row > .module_Carousel, .container-fluid.root .row > .module_Gallery, .container-fluid.root .row > .module_Headline, .container-fluid.root .row > .module_Image, .container-fluid.root .row > .module_Text, .container-fluid.root .row > .module_Video, .container-fluid.root .module_Video .col-left, .module_Video .container-fluid.root .col-left, .container-fluid.root .module_Video .col-right, .module_Video .container-fluid.root .col-right, .container-fluid.root .row > .module_Form,
  footer .container-fluid .row > .module_Carousel,
  footer .container-fluid .row > .module_Gallery,
  footer .container-fluid .row > .module_Headline,
  footer .container-fluid .row > .module_Image,
  footer .container-fluid .row > .module_Text,
  footer .container-fluid .row > .module_Video,
  footer .container-fluid .module_Video .col-left,
  .module_Video footer .container-fluid .col-left,
  footer .container-fluid .module_Video .col-right,
  .module_Video footer .container-fluid .col-right,
  footer .container-fluid .row > .module_Form {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%; }
  @media (max-width: 767px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row,
    footer .container-fluid .row {
      padding-left: 20px;
      padding-right: 20px; } }
  .container-fluid.root .row .row,
  footer .container-fluid .row .row {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -5px;
        margin-right: -5px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (min-width: 1025px) {
      .container-fluid.root .row .row,
      footer .container-fluid .row .row {
        margin-left: -20px;
        margin-right: -20px; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-33,
    footer .container-fluid .row > .col-md-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-33,
    footer .container-fluid .row > .col-sm-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-33,
    footer .container-fluid .row > .col-xs-ext-33 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 33.3%; } }
  @media (min-width: 1025px) {
    .container-fluid.root .row > .col-md-ext-66,
    footer .container-fluid .row > .col-md-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .container-fluid.root .row > .col-sm-ext-66,
    footer .container-fluid .row > .col-sm-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  @media (max-width: 767px) {
    .container-fluid.root .row > .col-xs-ext-66,
    footer .container-fluid .row > .col-xs-ext-66 {
      float: left;
      position: relative;
      min-height: 1px;
      width: 66.66%; } }
  .container-fluid.root .alert p:last-child,
  footer .container-fluid .alert p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .container-fluid.root .table-responsive,
    footer .container-fluid .table-responsive {
      border: 0;
      margin-bottom: 0; } }
  .container-fluid.root .glyphicon.gly-spin, .container-fluid.root .module_Info .gly-spin.icon, .module_Info .container-fluid.root .gly-spin.icon,
  footer .container-fluid .glyphicon.gly-spin,
  footer .container-fluid .module_Info .gly-spin.icon,
  .module_Info footer .container-fluid .gly-spin.icon {
    animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  .container-fluid.root .glyphicon.gly-rotate-90, .container-fluid.root .module_Info .gly-rotate-90.icon, .module_Info .container-fluid.root .gly-rotate-90.icon,
  footer .container-fluid .glyphicon.gly-rotate-90,
  footer .container-fluid .module_Info .gly-rotate-90.icon,
  .module_Info footer .container-fluid .gly-rotate-90.icon {
    transform: rotate(90deg); }
  .container-fluid.root .glyphicon.gly-rotate-180, .container-fluid.root .module_Info .gly-rotate-180.icon, .module_Info .container-fluid.root .gly-rotate-180.icon,
  footer .container-fluid .glyphicon.gly-rotate-180,
  footer .container-fluid .module_Info .gly-rotate-180.icon,
  .module_Info footer .container-fluid .gly-rotate-180.icon {
    transform: rotate(180deg); }
  .container-fluid.root .glyphicon.gly-rotate-270, .container-fluid.root .module_Info .gly-rotate-270.icon, .module_Info .container-fluid.root .gly-rotate-270.icon,
  footer .container-fluid .glyphicon.gly-rotate-270,
  footer .container-fluid .module_Info .gly-rotate-270.icon,
  .module_Info footer .container-fluid .gly-rotate-270.icon {
    transform: rotate(270deg); }
  .container-fluid.root .glyphicon.gly-flip-horizontal, .container-fluid.root .module_Info .gly-flip-horizontal.icon, .module_Info .container-fluid.root .gly-flip-horizontal.icon,
  footer .container-fluid .glyphicon.gly-flip-horizontal,
  footer .container-fluid .module_Info .gly-flip-horizontal.icon,
  .module_Info footer .container-fluid .gly-flip-horizontal.icon {
    transform: scale(-1, 1); }
  .container-fluid.root .glyphicon.gly-flip-vertical, .container-fluid.root .module_Info .gly-flip-vertical.icon, .module_Info .container-fluid.root .gly-flip-vertical.icon,
  footer .container-fluid .glyphicon.gly-flip-vertical,
  footer .container-fluid .module_Info .gly-flip-vertical.icon,
  .module_Info footer .container-fluid .gly-flip-vertical.icon {
    transform: scale(1, -1); }

.module_Form .form-group label {
  text-align: left;
  color: #171616; }
  .module_Form .form-group label.checkLabel {
    font-weight: normal; }
    .module_Form .form-group label.checkLabel p {
      margin: 0;
      display: inline; }

.module_Form .form-group .wishBtn {
  padding-top: 7px; }
  .module_Form .form-group .wishBtn > span {
    cursor: pointer;
    color: #D17A0D; }
  .module_Form .form-group .wishBtn button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    color: #D17A0D; }

.module_Form .form-group .form-control {
  outline: none;
  box-shadow: none;
  border: 1px solid #E9E9E9; }
  .module_Form .form-group .form-control:focus {
    border-color: #0024D3; }
  .module_Form .form-group .form-control.error {
    border: 1px solid #c61313; }

.module_Form .form-group input[type="submit"] {
  background-color: #0024D3;
  border-radius: 0.333em;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  padding: 0.533em 1.2em;
  text-decoration: none;
  border: 0; }
  .module_Form .form-group input[type="submit"]:hover {
    background-color: #0024D3; }

.module_Form .form-group .validationError label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding: 0.333em;
  margin: 0;
  color: #c61313; }

.module_Form .form-group .captchaRefresh {
  position: relative;
  top: 0.467em; }
  .module_Form .form-group .captchaRefresh span {
    color: #171616; }
    .module_Form .form-group .captchaRefresh span:hover {
      color: #0024D3; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/FormModules/SearchItem/searchItem.scss
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_SearchItem {
  margin-bottom: 0 !important;
  margin-top: 1.333em; }
  .module_SearchItem form {
    position: relative; }
    .module_SearchItem form input {
      border-radius: 0.2em;
      border: 0.182em solid #0024D3;
      font-family: 'Hella Regular';
      font-size: 0.733em;
      padding-top: 0.727em;
      padding-right: 2.727em;
      padding-bottom: 0.727em;
      padding-left: 0.909em;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .module_SearchItem form button {
      color: #0024D3;
      position: absolute;
      right: 0.2em;
      top: 0.467em;
      border: 0;
      background-color: transparent; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/SharedModules/CountryDetection/countryDetection.scss
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_CountryDetection.root {
  color: #000000;
  background-image: -webkit-linear-gradient(top, #396ab2 0%, #335e9f 100%);
  background-image: -o-linear-gradient(top, #396ab2 0%, #335e9f 100%);
  background-image: linear-gradient(to bottom, #396ab2 0%, #335e9f 100%);
  background-repeat: repeat-x;
  border-bottom: 0.067em solid #335e9f; }

.module_CountryDetection.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.module_CountryDetection.hidden {
  display: none; }

.module_CountryDetection .container-fluid {
  padding: 0;
  position: relative; }
  .module_CountryDetection .container-fluid .form-group {
    margin-top: 1.333em; }
    @media (max-width: 767px) {
      .module_CountryDetection .container-fluid .form-group {
        margin-top: 0; } }
    .module_CountryDetection .container-fluid .form-group .control-label {
      text-align: left;
      color: #ffffff;
      padding: 1em; }
      @media (min-width: 1025px) {
        .module_CountryDetection .container-fluid .form-group .control-label {
          line-height: 2.2em;
          text-align: right;
          padding-left: 0;
          padding-right: 0;
          padding-top: 0;
          margin-top: 0; } }
    .module_CountryDetection .container-fluid .form-group .flag {
      position: absolute;
      z-index: 1040;
      bottom: 0; }
      .module_CountryDetection .container-fluid .form-group .flag.language_de:before {
        content: url("images/language_de.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_es:before {
        content: url("images/language_es.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_fr:before {
        content: url("images/language_fr.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_it:before {
        content: url("images/language_it.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_vn:before {
        content: url("images/language_vn.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_nz:before {
        content: url("images/language_nz.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_cn:before {
        content: url("images/language_cn.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_jp:before {
        content: url("images/language_jp.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_my:before {
        content: url("images/language_my.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_au:before {
        content: url("images/language_au.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_hk:before {
        content: url("images/language_hk.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_uk:before {
        content: url("images/language_uk.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_nl:before {
        content: url("images/language_nl.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_pl:before {
        content: url("images/language_pl.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_be-fr:before {
        content: url("images/language_be-fr.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_be-nl:before {
        content: url("images/language_be-nl.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_us:before {
        content: url("images/language_us.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_za:before {
        content: url("images/language_za.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_mx:before {
        content: url("images/language_mx.png");
        display: block;
        transform: scale(0.6); }
      .module_CountryDetection .container-fluid .form-group .flag.language_country_unknown:before {
        content: url("images/language_country_unknown.png");
        display: block;
        transform: scale(0.6); }
    .module_CountryDetection .container-fluid .form-group .form-field {
      padding-bottom: 0.667em;
      padding-right: 0.667em;
      padding-left: 0.667em; }
      .module_CountryDetection .container-fluid .form-group .form-field .form-control {
        border-left: solid 2.133em transparent; }
    .module_CountryDetection .container-fluid .form-group .continue {
      background-image: -webkit-linear-gradient(top, #f7f7f9 0%, #e2e5e8 100%);
      background-image: -o-linear-gradient(top, #f7f7f9 0%, #e2e5e8 100%);
      background-image: linear-gradient(to bottom, #f7f7f9 0%, #e2e5e8 100%);
      background-repeat: repeat-x;
      font-weight: bold;
      color: #000000; }
  .module_CountryDetection .container-fluid .cancelBtn {
    position: absolute;
    right: 0.667em;
    width: 2.667em;
    padding-top: 1px; }
    @media (max-width: 767px) {
      .module_CountryDetection .container-fluid .cancelBtn {
        right: 0;
        top: 0.333em; } }
    .module_CountryDetection .container-fluid .cancelBtn span {
      color: #ffffff; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/SharedModules/FloatingButton/floatingButton.scss
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_FloatingButton {
  position: fixed;
  top: 10.667em;
  left: 0;
  width: 3em; }
  .module_FloatingButton ul {
    padding: 0; }
    .module_FloatingButton ul li {
      list-style: none;
      line-height: 0;
      border-radius: 0.333em;
      border-bottom: 1px solid #575757;
      border-top: 1px solid #575757;
      border-right: 1px solid #575757;
      padding: 0.133em;
      margin-bottom: 0.333em; }
      .module_FloatingButton ul li a {
        position: relative;
        top: 0;
        left: 0;
        font-family: 'Glyphicons Halflings';
        color: #575757;
        display: inline-block;
        font-size: 2em;
        width: 1.333em;
        height: 1.333em; }
        .module_FloatingButton ul li a:before {
          position: relative;
          top: 0.667em;
          left: 0.167em; }
        .module_FloatingButton ul li a:focus {
          text-decoration: none; }
        .module_FloatingButton ul li a:hover {
          background-color: #575757;
          text-decoration: none;
          color: #ffffff;
          padding-top: 0.667em;
          padding-left: 0.167em; }
          @media (max-width: 1024px) {
            .module_FloatingButton ul li a:hover {
              background-color: transparent; } }
          .module_FloatingButton ul li a:hover:before {
            position: relative;
            top: 0;
            left: 0; }
        .module_FloatingButton ul li a.webShop:before {
          content: "\e116"; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/SharedModules/Language/language.scss
++ 2024-06-07 13:16 [a282588] Jirina Lastuvkova - update css for ms horns soe
++ 2024-05-30 10:25 [06c4385] Jirina Lastuvkova - update css for ms horns soe
++ 2021-11-04 11:19 [91d83ca] Dominik R?znar - Update CSS of Language module for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_Language:before {
  content: "";
  background-color: #b4b4b4;
  display: block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 1.333em; }

.module_Language .languagesList {
  padding: 0;
  margin: 0 0 2em 0;
  list-style-type: none !important; }
  .module_Language .languagesList .languageListItem {
    display: inline-block;
    list-style-type: none !important;
    line-height: 110%;
    width: 100%;
    margin: 0.8em 0 0 0;
    background-repeat: no-repeat;
    vertical-align: top;
    background-image: url("images/language_unknown.png"); }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Language .languagesList .languageListItem {
        width: 50%;
        float: left;
        margin: 0.8em 0 0.8em 0; } }
    @media (min-width: 1025px) {
      .module_Language .languagesList .languageListItem {
        width: 16.35%;
        margin: 1.067em 0; } }
    .module_Language .languagesList .languageListItem a {
      display: block;
      padding: 1em 0 1em 4em !important;
      color: #0024D3; }
      .module_Language .languagesList .languageListItem a:focus, .module_Language .languagesList .languageListItem a:hover {
        color: #0024D3; }
    .module_Language .languagesList .languageListItem span {
      vertical-align: middle; }
    .module_Language .languagesList .languageListItem.flagDE {
      background-image: url("images/language_de.png") !important; }
    .module_Language .languagesList .languageListItem.flagES {
      background-image: url("images/language_es.png") !important; }
    .module_Language .languagesList .languageListItem.flagFR {
      background-image: url("images/language_fr.png") !important; }
    .module_Language .languagesList .languageListItem.flagIT {
      background-image: url("images/language_it.png") !important; }
    .module_Language .languagesList .languageListItem.flagVN {
      background-image: url("images/language_vn.png") !important; }
    .module_Language .languagesList .languageListItem.flagNZ {
      background-image: url("images/language_nz.png") !important; }
    .module_Language .languagesList .languageListItem.flagCN {
      background-image: url("images/language_cn.png") !important; }
    .module_Language .languagesList .languageListItem.flagJP {
      background-image: url("images/language_jp.png") !important; }
    .module_Language .languagesList .languageListItem.flagMY {
      background-image: url("images/language_my.png") !important; }
    .module_Language .languagesList .languageListItem.flagAU {
      background-image: url("images/language_au.png") !important; }
    .module_Language .languagesList .languageListItem.flagHK {
      background-image: url("images/language_hk.png") !important; }
    .module_Language .languagesList .languageListItem.flagUK {
      background-image: url("images/language_uk.png") !important; }
    .module_Language .languagesList .languageListItem.flagNL {
      background-image: url("images/language_nl.png") !important; }
    .module_Language .languagesList .languageListItem.flagPL {
      background-image: url("images/language_pl.png") !important; }
    .module_Language .languagesList .languageListItem.flagBE-FR {
      background-image: url("images/language_be-fr.png") !important; }
    .module_Language .languagesList .languageListItem.flagBE-NL {
      background-image: url("images/language_be-nl.png") !important; }
    .module_Language .languagesList .languageListItem.flagUS {
      background-image: url("images/language_us.png") !important; }
    .module_Language .languagesList .languageListItem.flagZA {
      background-image: url("images/language_za.png") !important; }
    .module_Language .languagesList .languageListItem.flagMX {
      background-image: url("images/language_mx.png") !important; }
    .module_Language .languagesList .languageListItem.flagAE {
      background-image: url("images/language_ae.png") !important; }
    .module_Language .languagesList .languageListItem.flagEN {
      background-image: url("images/language_en.png") !important; }
    .module_Language .languagesList .languageListItem.flagTR {
      background-image: url("images/language_tr.png") !important; }
    .module_Language .languagesList .languageListItem.flagBR {
      background-image: url("images/language_br.png") !important; }
    .module_Language .languagesList .languageListItem.flagCA {
      background-image: url("images/language_ca.png") !important; }
    .module_Language .languagesList .languageListItem.flagSG {
      background-image: url("images/language_sg.png") !important; }
    .module_Language .languagesList .languageListItem.flagCSA {
      background-image: url("images/language_csa.png") !important; }
    .module_Language .languagesList .languageListItem.flagTH {
      background-image: url("images/language_th.png") !important; }
    .module_Language .languagesList .languageListItem.flagID {
      background-image: url("images/language_id.png") !important; }
    .module_Language .languagesList .languageListItem:after {
      border-bottom: 1px solid #b4b4b4;
      opacity: 0.5;
      content: "";
      display: block;
      margin: 0.8em 0 0 0; }
      @media (min-width: 768px) {
        .module_Language .languagesList .languageListItem:after {
          border: none;
          display: none; } }
    .module_Language .languagesList .languageListItem:last-child:after {
      border: none;
      display: none; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/SharedModules/LanguageMenu/languageMenu.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-12-13 11:18 [13fa90a] Dominik R?znar - Update CSS of LanguageMenu module for MS SOE
++ 2021-11-30 08:04 [61c0f3a] Dominik R?znar - Update CSS of LanguageMenu module for MS SOE
++ 2021-03-30 08:50 [1705569] Dominik R?znar - Bulk update of scripts and styles for MS SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
footer .module_Language {
  display: none !important; }

.module_LanguageBanner {
  margin-bottom: 0;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  padding: 1em;
  z-index: 9999; }
  .module_LanguageBanner .form-vertical {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .module_LanguageBanner .languageMessage {
    text-align: center;
    color: #FFF;
    margin-right: 1em; }
    @media (max-width: 767px) {
      .module_LanguageBanner .languageMessage {
        width: 100%; } }
  .module_LanguageBanner .form-group {
    margin-bottom: 0; }
    .module_LanguageBanner .form-group .form-field {
      display: inline-block; }
      @media (max-width: 767px) {
        .module_LanguageBanner .form-group .form-field {
          width: 100%; } }
    .module_LanguageBanner .form-group .inputLanguage {
      min-width: 100px; }
  @media (max-width: 767px) {
    .module_LanguageBanner .languageSend {
      width: 100%;
      text-align: center; }
      .module_LanguageBanner .languageSend .form-field {
        width: auto; } }
  .module_LanguageBanner .continue {
    margin-left: 1em; }
    @media (max-width: 767px) {
      .module_LanguageBanner .continue {
        margin-top: 1em;
        margin-left: 0;
        background-color: #0024D3;
        border-color: #0024D3; } }
  .module_LanguageBanner .cancelBtn {
    position: absolute;
    right: 0;
    top: 15px; }
    .module_LanguageBanner .cancelBtn button {
      color: #fff; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/SharedModules/Lightbox/lightbox.scss
++ 2023-11-27 08:59 [eb70acf] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SO
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:43 [5fc90be] Jirina Lastuvkova - Update styles of modules for microsites SOE - change of colors - Forvia
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/mixins/_border-radius.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_Lightbox {
  /* ACTIVITY INDICATION */
  /* OVERLAY */
  /* "CLOSE" BUTTON */
  /* CAPTION */
  /* ARROWS */
  /* DOWNLOAD ICON */ }
  .module_Lightbox#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    margin-bottom: 0;
    background: #fff;
    touch-action: none;
    box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75) ; }
  .module_Lightbox > #imagelightbox-loading {
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    margin: -1em 0 0 -1em;
    border-radius: 50%;
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75) ; }
    .module_Lightbox > #imagelightbox-loading > div {
      border-radius: 50%;
      width: 2em;
      height: 2em;
      border: 4px solid #8c8c8c;
      border-top-color: #0024D3;
      animation: spin 1s infinite linear; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .module_Lightbox > #imagelightbox-overlay {
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .module_Lightbox > #imagelightbox-close {
    width: 2.5em;
    height: 2.5em;
    background-color: #8c8c8c;
    position: fixed;
    z-index: 10002;
    top: 2.5em;
    right: 2.5em;
    opacity: .8;
    border: 0;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    transition: color 0.3s ease, opacity 0.3s ease; }
    @media (max-width: 1024px) {
      .module_Lightbox > #imagelightbox-close {
        top: 0;
        right: 0;
        border-radius: 0;
        border-bottom-left-radius: 50%; } }
    .module_Lightbox > #imagelightbox-close:hover {
      background-color: #8c8c8c;
      opacity: 1; }
      .module_Lightbox > #imagelightbox-close:hover > .glyphicon, .module_Info .module_Lightbox > #imagelightbox-close:hover > .icon {
        color: #575757; }
    .module_Lightbox > #imagelightbox-close > .glyphicon, .module_Info .module_Lightbox > #imagelightbox-close > .icon {
      position: static;
      color: #E9E9E9;
      font-size: 1.3em;
      line-height: 1.923em; }
  .module_Lightbox > #imagelightbox-caption {
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em;
    /* 10 */ }
  .module_Lightbox .imagelightbox-arrow {
    width: 3em;
    margin-top: -3em;
    background-color: #8c8c8c;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    text-align: center;
    cursor: pointer;
    opacity: .8;
    transition: opacity 0.3s ease; }
    @media (min-width: 1025px) {
      .module_Lightbox .imagelightbox-arrow {
        border-radius: 5px; } }
    @media (max-width: 1024px) {
      .module_Lightbox .imagelightbox-arrow {
        width: 2.4em;
        margin-top: -2.4em; } }
    .module_Lightbox .imagelightbox-arrow:hover {
      opacity: 1; }
    .module_Lightbox .imagelightbox-arrow > .glyphicon, .module_Lightbox .module_Info .imagelightbox-arrow > .icon, .module_Info .module_Lightbox .imagelightbox-arrow > .icon {
      position: static;
      color: #E9E9E9;
      font-size: 1.5em;
      line-height: 4em; }
      @media (max-width: 1024px) {
        .module_Lightbox .imagelightbox-arrow > .glyphicon, .module_Lightbox .module_Info .imagelightbox-arrow > .icon, .module_Info .module_Lightbox .imagelightbox-arrow > .icon {
          line-height: 3.2em; } }
    .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-left {
      left: 2.5em; }
      @media (max-width: 1024px) {
        .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-left {
          left: 0;
          border-bottom-right-radius: 5px;
          border-top-right-radius: 5px; } }
      .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-left:hover > .glyphicon, .module_Lightbox .module_Info .imagelightbox-arrow.imagelightbox-arrow-left:hover > .icon, .module_Info .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-left:hover > .icon {
        margin-right: 0.3em;
        transition: margin-right 0.3s ease; }
    .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-right {
      right: 2.5em; }
      @media (max-width: 1024px) {
        .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-right {
          right: 0;
          border-bottom-left-radius: 5px;
          border-top-left-radius: 5px; } }
      .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-right:hover > .glyphicon, .module_Lightbox .module_Info .imagelightbox-arrow.imagelightbox-arrow-right:hover > .icon, .module_Info .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-right:hover > .icon {
        margin-left: 0.3em;
        transition: margin-left 0.3s ease; }
  .module_Lightbox .glyphicon.download, .module_Lightbox .module_Info .download.icon, .module_Info .module_Lightbox .download.icon {
    cursor: pointer;
    position: fixed;
    padding: .7em;
    background-color: #8c8c8c;
    z-index: 10002;
    top: 2.5em;
    right: 5.5em;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    color: #E9E9E9;
    opacity: .8;
    border-radius: 50%;
    transition: color 0.3s ease, opacity 0.3s ease; }
    @media (max-width: 1024px) {
      .module_Lightbox .glyphicon.download, .module_Lightbox .module_Info .download.icon, .module_Info .module_Lightbox .download.icon {
        top: 0;
        border-radius: 0;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%; } }
    .module_Lightbox .glyphicon.download:hover, .module_Lightbox .module_Info .download.icon:hover, .module_Info .module_Lightbox .download.icon:hover {
      opacity: 1; }
  .module_Lightbox #imagelightbox-loading,
  .module_Lightbox #imagelightbox-overlay,
  .module_Lightbox #imagelightbox-close,
  .module_Lightbox #imagelightbox-caption,
  .module_Lightbox #imagelightbox-nav,
  .module_Lightbox .imagelightbox-arrow, .module_Lightbox .glyphicon.download, .module_Lightbox .module_Info .download.icon, .module_Info .module_Lightbox .download.icon {
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @media only screen and (max-width: 1024px) {
    .module_Lightbox #container {
      width: 100%; } }
  @media only screen and (767px) {
    .module_Lightbox .imagelightbox-arrow-left {
      left: 0; }
    .module_Lightbox .imagelightbox-arrow-right {
      right: 0; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/module/SharedModules/Overlay/overlay.scss
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.module_Overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  display: none;
  background-color: rgba(34, 34, 34, 0.8);
  margin: 0 !important;
  padding: 0;
  overflow-y: auto; }
  .module_Overlay .centerFrame {
    position: absolute;
    top: 10%;
    left: 30%;
    width: 40%;
    overflow: visible; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .module_Overlay .centerFrame {
        width: 70%;
        left: 15%; } }
    @media (max-width: 767px) {
      .module_Overlay .centerFrame {
        left: 5%;
        width: 90%; } }
    .module_Overlay .centerFrame .iconShift:not(:last-child) {
      padding-right: 0; }
    .module_Overlay .centerFrame .module_Headline {
      text-align: center;
      padding-bottom: 0.667em;
      padding-top: 1.333em; }
      @media (max-width: 1024px) {
        .module_Overlay .centerFrame .module_Headline {
          padding-top: 2em; } }
      .module_Overlay .centerFrame .module_Headline:not(:first-child) .headline {
        margin-bottom: 0; }
      .module_Overlay .centerFrame .module_Headline .headline {
        font-size: 1.333em;
        text-transform: uppercase; }
    .module_Overlay .centerFrame .module_Text {
      padding-bottom: 1.333em; }
    .module_Overlay .centerFrame .module_Info {
      display: block; }
      .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row {
        display: flex;
        flex-direction: column; }
        @media (max-width: 767px) {
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row {
            padding: 0.333em; } }
        .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(1) {
          width: 100%;
          padding-right: 0; }
          @media (max-width: 1024px) {
            .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(1) {
              padding-bottom: 0; } }
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(1) input[type="email"] {
            border: 1px solid #575757;
            border-radius: 0.385em;
            font-size: 0.867em;
            margin-bottom: 0.385em; }
            @media (max-width: 767px) {
              .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(1) input[type="email"] {
                font-size: 0.8em; } }
            @media (min-width: 768px) and (max-width: 1024px) {
              .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(1) input[type="email"] {
                font-size: 0.933em; } }
            @media (max-width: 1024px) {
              .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(1) input[type="email"] {
                border: 1px solid #0024D3; } }
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(1) .validationError {
            line-height: 1em;
            color: #c61313;
            font-size: 0.8em;
            text-align: left;
            margin: 0.25em 0; }
        .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(2) {
          width: 100%; }
          @media (max-width: 767px) {
            .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(2) {
              padding-bottom: 0.667em; } }
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(2) .consent input[name="dataProtection"] {
            display: none; }
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(2) button[type="submit"] {
            width: 100%; }
            @media (max-width: 767px) {
              .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(2) button[type="submit"] {
                font-size: 0.8em; } }
            @media (max-width: 1024px) {
              .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(2) button[type="submit"] {
                background-color: #0024D3; } }
            @media (min-width: 768px) and (max-width: 1024px) {
              .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(2) button[type="submit"] {
                font-size: 0.933em; } }
        .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(3) {
          order: -1; }
          @media (max-width: 1024px) {
            .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(3) {
              padding-bottom: 0; } }
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(3) .legalNoticeActivate {
            display: none; }
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(3) .legalNoticeInfo p {
            display: none; }
          .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(3) .legalNoticeInfo ul {
            padding-left: 1.429em;
            font-size: 0.933em; }
            @media (max-width: 767px) {
              .module_Overlay .centerFrame .module_Info .module_NewsletterSubscribe .row .form-group:nth-child(3) .legalNoticeInfo ul {
                font-size: 0.8em; } }

/*# sourceMappingURL=ResourceManager */