/*
++ GIT: 6_microsite_html5/module/Applications/PrivateAddressesCollection/privateAddressesCollection.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-02-23 15:46 [4174bb2] Zdenek Klug - Update CSS for Reg Portal
++ 2022-02-23 15:23 [d16e9b6] Zdenek Klug - Update CSS for Registration Portal
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2021-08-23 11:37 [a5e17e4] Zdenek Klug - Update module PrivateAdressesCollection - css
++ 2021-03-19 12:03 [46dd194] Zdenek Klug - Add new CSS for PrivateAddressesCollection for Microsites HTML5
++ 2021-03-08 14:44 [f1aadd6] Zdenek Klug - Add CSS for module Private Addresses Collection for Microsites HTML5
++ 2021-03-05 13:47 [f1f85e1] Zdenek Klug - Add new module Private Addresses Collection for HTML5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_PrivateAddressesCollection {
  color: #6A7A86;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px; }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_PrivateAddressesCollection {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 480px) {
    .module_PrivateAddressesCollection {
      padding-left: 5px;
      padding-right: 5px; } }
  .module_PrivateAddressesCollection .pacLogin .form_column, .module_PrivateAddressesCollection .pacMain .form_column {
    width: 33%; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_PrivateAddressesCollection .pacLogin .form_column, .module_PrivateAddressesCollection .pacMain .form_column {
        width: 50%; } }
    @media (max-width: 480px) {
      .module_PrivateAddressesCollection .pacLogin .form_column, .module_PrivateAddressesCollection .pacMain .form_column {
        width: 100%; } }
    .module_PrivateAddressesCollection .pacLogin .form_column .form_item input, .module_PrivateAddressesCollection .pacMain .form_column .form_item input {
      width: 100%;
      padding: 0.2em;
      margin-right: 0.5em;
      margin-bottom: 1em;
      margin-left: 0;
      margin-top: 0.25em; }
  .module_PrivateAddressesCollection .pacLogin .form_item.checkboxes, .module_PrivateAddressesCollection .pacMain .form_item.checkboxes {
    margin-left: 0; }
  .module_PrivateAddressesCollection .pacMain .form_column {
    width: 20%; }
    @media (max-width: 768px) {
      .module_PrivateAddressesCollection .pacMain .form_column {
        width: 100% !important; } }
    @media (min-width: 768px) and (max-width: 1200px) {
      .module_PrivateAddressesCollection .pacMain .form_column {
        width: 33% !important; } }
  .module_PrivateAddressesCollection .checkbox-item label p, .module_PrivateAddressesCollection .checkbox-item .radio {
    display: inline; }
  .module_PrivateAddressesCollection .checkbox-item input {
    margin-right: 14px; }
  .module_PrivateAddressesCollection .pacMain .form_column {
    float: none; }
  .module_PrivateAddressesCollection .submit_button {
    margin-top: 15px;
    margin-bottom: 15px; }
    .module_PrivateAddressesCollection .submit_button input.formSubmit {
      padding: 6px 12px;
      margin-top: 1px;
      cursor: pointer;
      background: none repeat scroll 0 0 #003CF5;
      border: 0 solid #6A7A86;
      color: #FFFFFF;
      text-transform: uppercase; }
      .module_PrivateAddressesCollection .submit_button input.formSubmit.delete {
        margin-bottom: 15px; }
  .module_PrivateAddressesCollection div.btnCover {
    margin-bottom: 20px;
    margin-top: 30px; }
    .module_PrivateAddressesCollection div.btnCover a.button {
      padding: 6px 12px;
      margin-top: 1px;
      cursor: pointer;
      background: none repeat scroll 0 0 #003CF5;
      border: 0 solid #6A7A86;
      color: #FFFFFF;
      text-transform: uppercase;
      text-decoration: none; }
  .module_PrivateAddressesCollection span.iButton {
    width: 16px;
    height: 16px;
    background: url("images/i_symbol_grey_16.png") no-repeat scroll 0 0 transparent;
    margin-left: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px; }
    .module_PrivateAddressesCollection span.iButton:hover {
      background: url("images/i_symbol_brass_16.png") no-repeat scroll 0 0 transparent;
      cursor: pointer; }
  .module_PrivateAddressesCollection .form_info {
    padding-top: 10px;
    padding-bottom: 15px; }
  .module_PrivateAddressesCollection .errorMsg {
    display: none;
    color: #CB3017;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px; }
  .module_PrivateAddressesCollection .clear {
    height: 0; }
  .module_PrivateAddressesCollection .verifState, .module_PrivateAddressesCollection .form_error_offline {
    display: none; }
  .module_PrivateAddressesCollection .paddingBottom {
    padding-bottom: 10px; }

.cpaDialog {
  top: 150px !important; }
  .cpaDialog.infoDialog .ui-dialog-content {
    min-height: 150px !important; }
  .cpaDialog .ui-dialog-content {
    min-height: 120px !important; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/Applications/Search/search.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2021-06-25 13:05 [e76aa89] Zdenek Klug - Update Suggestions for PW and Microsites
++ 2020-10-20 11:19 [daad061] Zdenek Klug - Update Search Result for Microsites HTML5
++ 2019-09-10 12:33 [e8a4359] Zdenek Klug - Add new CSS for Search module for Microsites HTML5
++ 2019-08-21 11:11 [89775e3] Zdenek Klug - Add new function spell check for Microsite HTML5
++ 2019-06-25 10:33 [d8f6a8e] Zdenek Klug - Adjustment of Search module for Microsites HTML5 - new icon for outer pages
++ 2019-04-01 13:32 [b904494] Zdenek Klug - Add new module Search for Microsites HTML5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_Search .searchHeader {
  background-color: #E2E5E8;
  height: 136px;
  position: relative;
  width: 100%;
  border: 1px solid #BBB;
  margin-bottom: 20px;
  /* skipped (PROJECT_BEHR) */ }
  @media (max-width: 768px) {
    .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 .searchForm {
    float: left;
    padding: 12px;
    width: 100%; }
    .module_Search .searchHeader .searchForm span.deleteicon {
      position: relative; }
      .module_Search .searchHeader .searchForm span.deleteicon input[type="text"] {
        border-radius: 10px;
        border: 1px solid #E2E5E8;
        box-shadow: 2px 2px 2px 0 rgba(106, 122, 134, 0.5) inset;
        color: #6A7985;
        font-family: Arial;
        font-size: 0.933em;
        font-weight: normal;
        height: 45px;
        line-height: 3em;
        padding-left: 14px;
        width: 98%; }
        .module_Search .searchHeader .searchForm span.deleteicon input[type="text"]:focus-visible {
          outline: 0; }
        .module_Search .searchHeader .searchForm span.deleteicon input[type="text"].suggest {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 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_orange.png") repeat scroll 0 0 transparent;
          /* skipped (PROJECT_BEHR) */ }
    .module_Search .searchHeader .searchForm input[type="submit"] {
      border-radius: 10px;
      background-color: #003CF5;
      cursor: pointer;
      height: 48px;
      padding-bottom: 2px;
      width: 82%;
      border: 1px solid #D3D7DC;
      box-shadow: 1px 1px 3px 0 #6A7A86 inset;
      text-transform: uppercase;
      color: white;
      font-weight: bold;
      /* skipped (PROJECT_BEHR) */ }
      @media (max-width: 768px) {
        .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: 768px) {
        .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 .infoText {
      background-color: white;
      border: 1px solid #A6B0B7;
      border-radius: 5px;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
      display: none;
      font-size: 13px;
      padding: 2px;
      position: absolute;
      right: 0;
      top: 0; }
    .module_Search .searchHeader .searchForm .suggestBox {
      position: relative;
      z-index: 1;
      display: block;
      width: 97.7%;
      margin-left: 1px; }
      .module_Search .searchHeader .searchForm .suggestBox ul {
        list-style-type: none;
        position: absolute;
        font-family: Arial;
        font-size: 0.933em;
        width: 100%;
        font-weight: normal;
        line-height: 2em;
        box-shadow: 2px 0 0 0 rgba(106, 122, 134, 0.5) inset;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: white; }
        .module_Search .searchHeader .searchForm .suggestBox ul li {
          cursor: pointer;
          color: #6A7985;
          padding: 0 9px;
          border-bottom: 1px solid #E2E5E8;
          margin-left: 6px;
          margin-right: 6px; }
          .module_Search .searchHeader .searchForm .suggestBox ul li:hover {
            background-color: #003CF5;
            color: white; }
  .module_Search .searchHeader .searchInfo {
    background-color: white;
    border: 1px solid #A6B0B7;
    border-radius: 6px;
    box-shadow: 4.5px 4.5px 4.5px rgba(0, 0, 0, 0.2);
    display: none;
    left: 411px;
    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; }
      .module_Search .searchHeader .searchInfo .infoContent h3 {
        font-weight: bold;
        margin-bottom: 14px;
        font-size: 15px; }
      .module_Search .searchHeader .searchInfo .infoContent table td {
        background-color: #F7F7F9;
        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_orange_hover.png") no-repeat scroll center center transparent;
        /* skipped (PROJECT_BEHR) */ }
  .module_Search .searchHeader .searchIcons {
    padding: 12px; }
    .module_Search .searchHeader .searchIcons .resultIcon {
      background-color: #E2E5E8;
      border: 1px solid #A6B0B7;
      border-radius: 0.4em 0.4em 0.4em 0.4em;
      cursor: pointer;
      float: left;
      height: 45px;
      position: relative;
      width: 100%;
      color: #6A7A86;
      padding: 12px 0px; }
      @media (max-width: 768px) {
        .module_Search .searchHeader .searchIcons .resultIcon {
          margin-bottom: 10px; } }
      .module_Search .searchHeader .searchIcons .resultIcon.active {
        background-color: #D3D7DC;
        border: 1px solid #D3D7DC;
        box-shadow: 1px 1px 3px 0 #6A7A86 inset;
        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: #6A7A86;
        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 .searchResults {
  display: none;
  /* Will be displayed via js */
  color: #6A7A86;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal; }
  .module_Search .searchResults .resultSummary {
    margin-bottom: 40px; }
  .module_Search .searchResults h1 {
    color: #000000;
    display: block;
    font-size: 20px;
    font-family: Arial,Helvetica;
    margin-bottom: 24px; }
    .module_Search .searchResults h1 .query {
      font-family: 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: #6A7A86;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D3D7DC;
    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; }
    .module_Search .searchResults .itemsWrap .resultItem .resultUrl {
      display: block;
      margin-bottom: 8px; }
  .module_Search .searchResults .modulePage {
    margin: 7px auto;
    padding: 11px;
    text-align: center;
    display: none; }
    .module_Search .searchResults .modulePage ul.jPag-pages {
      float: left;
      left: 54%;
      list-style-type: none;
      margin: 0 auto;
      padding: 0;
      position: relative; }
      .module_Search .searchResults .modulePage ul.jPag-pages li {
        float: left;
        position: relative;
        right: 60%; }
        .module_Search .searchResults .modulePage ul.jPag-pages li span.jPag-current, .module_Search .searchResults .modulePage ul.jPag-pages li span:hover {
          background-color: #003CF5 !important;
          color: white;
          /* skipped (PROJECT_BEHR) */ }
        .module_Search .searchResults .modulePage ul.jPag-pages li span {
          border: 1px solid #D3D7DC;
          border-radius: 3px;
          color: #6A7A86;
          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: #003CF5 !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: 769px) {
  .module_Search .col-ext-search {
    width: 32%;
    margin-right: 2%; }
    .module_Search .col-ext-search:nth-child(3) {
      margin-right: 0; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Apps/apps.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_Apps .appContainer {
  font-weight: normal;
  color: #7C7B6D;
  line-height: 1.231em; }

.module_Apps .appMain {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .module_Apps .appMain {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_Apps .appMain {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_Apps .appMain {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_Apps .appMain {
      float: left;
      width: 50%; } }
  @media (min-width: 769px) {
    .module_Apps .appMain {
      float: left;
      width: 50%; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_Apps .appMain .leftCol img.img-responsive {
      margin-bottom: 1.333em; } }

.module_Apps .appTitle {
  border-bottom: 1px solid #7C7B6D;
  margin-bottom: 0.45em;
  padding-bottom: 0.2em;
  font-weight: bold;
  font-size: 1.333em; }

.module_Apps .appNew {
  padding: 0.286em;
  position: absolute;
  background: #cb3017;
  color: #ffffff;
  text-transform: uppercase;
  top: -0.357em;
  right: 1.071em;
  -ms-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
  font-size: 0.933em; }

@media (min-width: 481px) and (max-width: 768px) {
  .module_Apps .appDesc {
    font-size: 0.933em; } }

@media (max-width: 480px) {
  .module_Apps .appDesc {
    font-size: 0.867em; } }

.module_Apps .appDownload {
  margin-top: 0.533em;
  margin-bottom: 0.533em; }

.module_Apps .appStore .img-responsive, .module_Apps .appRedDotStore .img-responsive {
  text-align: center; }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_Apps .appStore .img-responsive, .module_Apps .appRedDotStore .img-responsive {
      max-width: 60%;
      width: auto;
      margin: auto; } }

.module_Apps .appSlider {
  width: 100%;
  height: 70px;
  margin-bottom: 20px; }

.module_Apps .appSlider img {
  width: 140px;
  height: 70px; }

.module_Apps .simply-scroll-container {
  /* Container DIV - automatically generated */
  position: relative; }

.module_Apps .simply-scroll-clip {
  /* Clip DIV - automatically generated */
  position: relative;
  overflow: hidden; }

.module_Apps .simply-scroll-list {
  /* UL/OL/DIV - the element that simplyScroll is inited on */
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none; }

.module_Apps .simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none; }

.module_Apps .simply-scroll-list li img {
  border: none;
  display: block; }

.module_Apps .simply-scroll {
  /* Customisable base class for style override DIV */
  width: 100%;
  height: 80px;
  margin-bottom: 1em; }

.module_Apps .simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 80px; }

.module_Apps .simply-scroll .simply-scroll-list li {
  float: left;
  width: 140px;
  height: 70px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/ContactPage/contactPage.scss
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2019-07-17 10:21 [5891103] Dominik R?znar - Fix contact forms for MS
++ 2018-10-17 09:00 [09466e3] Stanislav ?incl - Update contactpage.scss radio button label fix
++ 2017-11-30 12:28 [0f17daf] Vojtech Schwarz - Add Captcha to contact form for MS HTML5
++ 2017-08-31 14:45 [40da267] Jan Klimes - Updated ContactPage module for microsite_html5
++ 2017-08-31 13:39 [8d3dc9d] Jan Klimes - Updated ContantPage module for microsite_html5
++ 2017-08-16 07:58 [c00b332] Jan Klimes - Updated styles for module ContactPage for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_ContactPage .dataStorageContact {
  overflow: hidden;
  padding: 0.667em 0 0.667em 0; }

.module_ContactPage .singleModule {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.module_ContactPage .panel-heading {
  border-radius: 0;
  padding: 0.467em 0;
  cursor: pointer;
  background-image: url(images/Navigation_arrow_ICON_active.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent; }
  .module_ContactPage .panel-heading.collapsed {
    background-image: url(images/Navigation_arrow_ICON_default.svg); }
  .module_ContactPage .panel-heading h3.collapseHeadline {
    font-size: 100%;
    font-family: Arial, Helvetica;
    font-weight: bold;
    position: relative;
    color: #000000;
    padding: 0;
    padding-right: 1.923em;
    text-decoration: none;
    font-size: 0.867em; }

.module_ContactPage .panel-collapse {
  border: 0;
  font-size: 100%;
  font-size: 0.867em; }

.module_ContactPage .singleModule h3 span, .module_ContactPage .singleModule h2 span {
  color: #7C7B6D; }

@media (min-width: 481px) {
  .module_ContactPage .contactModule .rightColl {
    border-left: 1px #7C7B6D solid; } }

@media (max-width: 480px) {
  .module_ContactPage .contactModule .rightColl > p:first-child {
    border-top: 1px #7C7B6D solid;
    padding-top: 2em; } }

.module_ContactPage .contactModule .leftColl p, .module_ContactPage .contactModule .rightColl p {
  margin: 0 0 2em 0;
  color: #7C7B6D; }

@media (min-width: 769px) {
  .module_ContactPage .contactModule .contactFormRow ~ .contactFormRow .form_column:first-child {
    width: 66.6667%; } }

.module_ContactPage .contactModule .contactFormRow .form_column {
  font-size: 1em;
  position: relative;
  min-height: 1px; }
  @media (max-width: 480px) {
    .module_ContactPage .contactModule .contactFormRow .form_column {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_ContactPage .contactModule .contactFormRow .form_column {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_ContactPage .contactModule .contactFormRow .form_column {
      padding-left: 15px;
      padding-right: 15px; } }
  .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(1) {
    float: left;
    width: 100%; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(1) {
        float: left;
        width: 100%; } }
    @media (min-width: 769px) {
      .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(1) {
        float: left;
        width: 33%; } }
  .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(2) {
    float: left;
    width: 50%; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(2) {
        float: left;
        width: 50%; } }
    @media (min-width: 769px) {
      .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(2) {
        float: left;
        width: 33%; } }
  .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(3) {
    float: left;
    width: 50%; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(3) {
        float: left;
        width: 50%; } }
    @media (min-width: 769px) {
      .module_ContactPage .contactModule .contactFormRow .form_column:nth-child(3) {
        float: left;
        width: 33%; } }
  .module_ContactPage .contactModule .contactFormRow .form_column.form_column_right {
    float: right; }

.module_ContactPage .contactModule .form_item input {
  line-height: normal; }

.module_ContactPage .contactModule .form_item input {
  border: 1px solid #7C7B6D;
  margin-bottom: 0.333em; }

.module_ContactPage .contactModule .form_item input[type=text] {
  width: 100%;
  margin: .25em .5em 0.5em 0;
  padding: .2em; }

.module_ContactPage .contactModule .form_item input[type=text]:focus {
  background-color: #fff; }

.module_ContactPage .contactModule .form_item input[type=password] {
  width: 8em;
  margin: .25em .5em 0.5em 0;
  padding: .2em; }

.module_ContactPage .contactModule .form_item input[type=password]:focus {
  background-color: #fff; }

.module_ContactPage .contactModule .form_item input[type=radio] {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0.25em 0.1em 0.2em 0;
  font-size: 1em;
  border: 0; }

.module_ContactPage .contactModule .form_item input[type=checkbox] {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 .1em 0.2em 0;
  font-size: 1em;
  border: 0; }

.module_ContactPage .contactModule .form_item input[type=image] {
  margin: .5em 0 0 0;
  background: transparent;
  border: 0; }

.module_ContactPage .contactModule .form_item input.radio {
  display: inline-block;
  border: 0;
  float: left; }

.module_ContactPage .contactModule .form_item label.radio {
  padding: 0 .6em 0 .3em;
  margin-left: 15px;
  min-width: 10em;
  margin-top: .3em;
  color: #6A7A86; }

.module_ContactPage .contactModule .form_item select {
  height: 2em;
  margin-bottom: 0.55em;
  float: left;
  width: 11.6em;
  margin-top: .25em;
  font-size: .9em;
  color: #333;
  font-family: Arial, Helvetica;
  background-color: #ffffff;
  border: 1px solid #7C7B6D; }

.module_ContactPage .contactModule .form_item label.label_item {
  float: left;
  width: 98%;
  color: #6A7A86; }

.module_ContactPage .contactModule .form_item span.label_item {
  color: #6A7A86; }

.module_ContactPage .contactModule .form_item.freeLine {
  height: 0.5em; }

.module_ContactPage .contactModule .form_item.break {
  float: left;
  width: 98%;
  border: 1px #000 solid;
  clear: both; }

@media (min-width: 769px) {
  .module_ContactPage .contactModule .form_item.checkboxes {
    width: 66.6667%;
    float: right; } }

@media (min-width: 769px) {
  .module_ContactPage .contactModule .form_item.checkboxes .checkbox-item {
    padding-left: 10px; } }

.module_ContactPage .contactModule .form_item.form_item_right label {
  margin: 0.25em 0.5em 0.5em 0;
  width: 64%; }
  @media (min-width: 769px) {
    .module_ContactPage .contactModule .form_item.form_item_right label {
      float: right; } }

@media (min-width: 769px) {
  .module_ContactPage .contactModule .form_item.form_item_right textarea {
    float: right; } }

.module_ContactPage .contactModule .form_item.captcha .formCaptcha {
  width: 162px;
  height: 82px; }

.module_ContactPage .contactModule .form_item.captcha .captchaRefresh {
  display: inline-block;
  margin-left: 0.667em;
  margin-top: 2.467em;
  vertical-align: top;
  -moz-transition: 0.6s ease-out;
  -o-transition: 0.6s ease-out;
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  text-decoration: none; }
  .module_ContactPage .contactModule .form_item.captcha .captchaRefresh:after {
    font-family: 'Glyphicons Halflings';
    content: '\e031';
    color: #000;
    font-size: 1.6em; }
  .module_ContactPage .contactModule .form_item.captcha .captchaRefresh:hover:after, .module_ContactPage .contactModule .form_item.captcha .captchaRefresh:hover {
    color: #003cf5;
    text-decoration: none;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }

.module_ContactPage .contactModule textarea.form_input {
  width: 64%;
  border: 1px solid #7C7B6D;
  margin: 0.25em 0.5em 0.5em 0;
  padding: 0.2em;
  height: 5.05em; }
  @media (max-width: 768px) {
    .module_ContactPage .contactModule textarea.form_input {
      width: 100%; } }
  .module_ContactPage .form_column .form_item textarea.form_input {
    width: 100%; }

.module_ContactPage .contactModule .submit_button {
  padding-top: 1.267em; }
  .module_ContactPage .contactModule .submit_button a.blueArrow, .module_ContactPage .contactModule .submit_button input.blueArrow {
    background-color: #003cf5;
    border: 0 solid #7C7B6D;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    padding: 0.133em 0.933em;
    text-decoration: none;
    text-transform: uppercase; }
    @media (max-width: 768px) {
      .module_ContactPage .contactModule .submit_button a.blueArrow, .module_ContactPage .contactModule .submit_button input.blueArrow {
        width: 100%;
        display: block;
        text-align: center; } }

.module_ContactPage .contactModule .form_info {
  clear: both;
  padding-top: 2em;
  color: #6A7A86; }

.module_ContactPage .contactModule .form_item_large {
  height: 7.333em; }

.module_ContactPage .contactModule .form_item_large {
  height: auto; }

.module_ContactPage .contactModule input.form_input_text {
  width: 99%; }

.module_ContactPage .contactModule select.form_select {
  width: 9em;
  border: 1px solid #7C7B6D; }

.module_ContactPage .contactModule fieldset {
  border: 1px;
  margin: 0;
  padding: 0; }

.module_ContactPage .contactModule div.form_item_large fieldset {
  width: 20.667em;
  padding-top: 0.533em; }

.module_ContactPage .contactModule .rightCheckBoxes {
  float: left;
  width: 10.333em; }

.module_ContactPage .contactModule .leftCheckBoxes {
  float: right;
  width: 10.333em; }

.module_ContactPage .contactModule label.radio {
  text-align: left;
  width: auto;
  padding-top: 0.5em;
  border: 0; }

.module_ContactPage .contactModule .form_column .checkboxes .label_item {
  padding-bottom: 0.2em; }

.module_ContactPage .contactModule .form_column .checkbox-item {
  width: 98%;
  float: left; }

.module_ContactPage .contactModule .form_column .checkbox-item .radio {
  height: 1.5em; }

.module_ContactPage .contactModule .rightColl {
  font-size: 1em; }

.module_ContactPage .contactModule .rightColl span.headline, .module_ContactPage .contactModule .leftColl span.headline {
  color: #000;
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 0.385em; }

.module_ContactPage .contactModule .rightColl, .module_ContactPage .contactModule .leftColl {
  margin: 1.8em 0 3.133em 0; }
  @media (max-width: 768px) {
    .module_ContactPage .contactModule .rightColl, .module_ContactPage .contactModule .leftColl {
      margin-top: 0;
      margin-bottom: 0; } }

.module_ContactPage .contactModule .form_error_offline {
  display: none; }

.module_ContactPage .contactModule .rightColl div.form_error_inline p, .module_ContactPage .contactModule .form_error {
  color: #CB3017;
  padding: .333em 0 0 0;
  line-height: 1; }

.module_ContactPage .textContact {
  margin-bottom: 1.5em;
  font-size: 0.867em;
  line-height: 1.231em;
  font-weight: normal;
  color: #7C7B6D; }

.module_ContactPage .textContact p {
  padding-bottom: 0.8em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/ContentNavigation/contentNavigation.scss
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2017-09-07 13:27 [d7e8d92] Jan Klimes - Changed module spacing for Content Navigation module for microsite_html5
++ 2017-09-05 10:42 [fdff69c] Jan Klimes - Updated bottom margin for ContentNavigation module for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_ContentNavigation {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .module_ContentNavigation {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_ContentNavigation {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_ContentNavigation {
      padding-left: 15px;
      padding-right: 15px; } }
  #left-side-modules > *[class*="module_"] ~ .module_ContentNavigation:not(:last-child) {
    margin-bottom: 0 !important; }
  .module_ContentNavigation.navigation {
    margin-bottom: 0 !important; }
    .module_ContentNavigation.navigation .naviModule {
      display: block;
      width: 100%;
      font-size: 0.867em;
      line-height: 1.231em;
      color: #000;
      background-color: #E9E9E9;
      margin-top: 0.2em;
      margin-bottom: 0.667em;
      text-transform: uppercase;
      padding: 0.6em; }
      @media (max-width: 480px) {
        .module_ContentNavigation.navigation .naviModule {
          padding: 0; } }
      .module_ContentNavigation.navigation .naviModule.uniTabsModule {
        margin-top: 0; }
      .module_ContentNavigation.navigation .naviModule ul {
        margin: 0;
        padding: 0;
        list-style-type: none; }
      .module_ContentNavigation.navigation .naviModule li {
        float: left;
        margin: 0;
        padding: 0; }
        @media (min-width: 481px) {
          .module_ContentNavigation.navigation .naviModule li {
            width: 33%; }
            .module_ContentNavigation.navigation .naviModule li:first-child:nth-last-child(1) {
              width: 100%; }
            .module_ContentNavigation.navigation .naviModule li:first-child:nth-last-child(2),
            .module_ContentNavigation.navigation .naviModule li:first-child:nth-last-child(2) ~ li {
              width: 50%; } }
        @media (max-width: 480px) {
          .module_ContentNavigation.navigation .naviModule li {
            width: 100%; } }
        .module_ContentNavigation.navigation .naviModule li a {
          display: block;
          font-size: 1em;
          font-weight: bold;
          text-decoration: none;
          line-height: 1.3em;
          color: #000000;
          width: 100%;
          text-align: center;
          padding: .4em; }
          @media (max-width: 480px) {
            .module_ContentNavigation.navigation .naviModule li a {
              border-top: 1px solid #dddddd;
              line-height: 1.5em; } }
          .module_ContentNavigation.navigation .naviModule li a:hover, .module_ContentNavigation.navigation .naviModule li a.active {
            color: #003CF5; }
    .module_ContentNavigation.navigation #contentModule {
      display: block;
      width: 41.231em;
      font-size: 0.867em;
      line-height: 1.231em;
      color: #7C7B6D;
      margin-bottom: 3.077em;
      height: 6.15em;
      font-weight: normal; }
    .module_ContentNavigation.navigation #contentModule img {
      width: 12.308em;
      height: 6.15em;
      float: left; }
    .module_ContentNavigation.navigation #contentModule .contentNaviText {
      width: 27.308em;
      height: 4.615em;
      float: right;
      margin-left: 0;
      padding-top: 0.385em; }
    .module_ContentNavigation.navigation .contentNaviText a {
      display: block; }
    .module_ContentNavigation.navigation .navigation-column {
      float: left;
      width: 20.385em; }
  .module_ContentNavigation.content .page:not(:first-child) {
    display: none; }
  .module_ContentNavigation.content .page .contImg {
    max-width: none;
    width: 100%; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/DownloadSingleFile/downloadSingleFile.scss
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_DownloadSingleFile .download {
  color: #003CF5;
  font-family: Arial, Helvetica;
  overflow: hidden;
  display: block;
  line-height: 1.231em;
  font-size: 0.867em; }
  .toolbox .module_DownloadSingleFile .download {
    font-size: 1em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/FlexiTeaser/flexiTeaser.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_FlexiTeaser {
  position: relative;
  width: 912px;
  min-height: 160px;
  color: #003cf5; }
  .module_FlexiTeaser .teaserShowText {
    color: #6A7A86;
    font-size: 0.867em;
    font-weight: normal;
    line-height: 1.231em; }

.module_FlexiTeaser_Item {
  float: left;
  padding-right: 5px;
  padding-bottom: 10px; }
  .module_FlexiTeaser_Item.rightBorder {
    border-right: 1px solid #003cf5;
    margin-right: 5px; }
  .module_FlexiTeaser_Item .headline {
    color: #6a7a86;
    font: 1.539em/1.1em Arial,Helvetica;
    padding-bottom: 0.4em;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left; }
    .module_FlexiTeaser_Item .headline img {
      width: 20px;
      height: 20px;
      padding-left: 10px; }
  .module_FlexiTeaser_Item .text {
    text-align: left; }
  .module_FlexiTeaser_Item.rightBorder .size_2 {
    width: 445px; }
  .module_FlexiTeaser_Item.rightBorder .size_3 {
    width: 293px; }
  .module_FlexiTeaser_Item.rightBorder .size_4 {
    width: 217px; }
  .module_FlexiTeaser_Item.rightBorder .size_5 {
    width: 171px; }
  .module_FlexiTeaser_Item .size_1 {
    width: 100%;
    overflow: hidden; }
  .module_FlexiTeaser_Item .size_2 {
    width: 451px; }
  .module_FlexiTeaser_Item .size_3 {
    width: 299px;
    text-align: center; }
  .module_FlexiTeaser_Item .size_4 {
    width: 223px;
    text-align: center; }
  .module_FlexiTeaser_Item .size_5 {
    width: 177px;
    text-align: center; }
  .module_FlexiTeaser_Item .layout_ImageOnly .headline {
    display: none; }
  .module_FlexiTeaser_Item .layout_ImageOnly .text {
    display: none; }
  .module_FlexiTeaser_Item .layout_ImageLeft .image {
    float: left;
    padding-right: 10px; }
  .module_FlexiTeaser_Item .layout_ImageRight .image {
    float: right;
    padding-left: 10px; }
  .module_FlexiTeaser_Item .layout_ImageTop .headline {
    margin-top: 10px; }
  .module_FlexiTeaser_Item .layout_ImageBot .text {
    margin-bottom: 10px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/GalleryZoom/galleryZoom.scss
++ 2020-11-18 12:55 [7110294] Dominik R?znar - Update CSS of GalleryZoom module for MS HTML5
++ 2019-04-24 10:55 [4a2008e] Dominik R?znar - New module Gallery zoom
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.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: #396ab2; }
  .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: #f0f0f0; }
  .module_GalleryZoom.smartedit .gallery .slides .module_GalleryZoomImage .galleryNavigateHelp .popover-content {
    color: #000000;
    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: 480px) {
        .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%;
            -moz-transition: opacity 0.2s ease;
            -o-transition: opacity 0.2s ease;
            -webkit-transition: opacity 0.2s ease;
            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;
              -moz-transition: border 0.3s ease;
              -o-transition: border 0.3s ease;
              -webkit-transition: border 0.3s ease;
              transition: border 0.3s ease;
              -webkit-box-shadow: 0 0 0.667em rgba(0, 0, 0, 0.75) ;
              -moz-box-shadow: 0 0 0.667em rgba(0, 0, 0, 0.75) ;
              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: #396ab2; }
      .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;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        -moz-text-shadow: 0 0 0.667em #000000;
        text-shadow: 0 0 0.667em #000000; }
        .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; }
      .module_GalleryZoom .gallery .slides .thumbnails .thumbnail-right {
        right: 0; }
      .module_GalleryZoom .gallery .slides .thumbnails:after:after {
        display: block;
        clear: both;
        content: ''; }
    .module_GalleryZoom .gallery .slides .loading {
      position: absolute;
      margin: 0.9em;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.75) ;
      -moz-box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.75) ;
      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 #b4b4b4;
        border-top-color: #396ab2;
        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_GalleryZoomImage {
      margin-bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 20; }
      .module_GalleryZoom .gallery .slides .module_GalleryZoomImage:not(.current) {
        position: absolute;
        top: 9999px;
        z-index: 10; }
      .module_GalleryZoom .gallery .slides .module_GalleryZoomImage.current[data-image=""] ~ .zoom {
        display: none; }
      .module_GalleryZoom .gallery .slides .module_GalleryZoomImage.current ~ .zoom,
      .module_GalleryZoom .gallery .slides .module_GalleryZoomImage.current ~ .arrow {
        color: #ffffff; }
        .module_GalleryZoom .gallery .slides .module_GalleryZoomImage.current ~ .zoom.zoom:hover, .module_GalleryZoom .gallery .slides .module_GalleryZoomImage.current ~ .zoom.zoom.hovered,
        .module_GalleryZoom .gallery .slides .module_GalleryZoomImage.current ~ .arrow.zoom:hover,
        .module_GalleryZoom .gallery .slides .module_GalleryZoomImage.current ~ .arrow.zoom.hovered {
          color: #396ab2; }
      .module_GalleryZoom .gallery .slides .module_GalleryZoomImage img.img-responsive {
        display: inline; }
      .module_GalleryZoom .gallery .slides .module_GalleryZoomImage img.img-responsive.heightResponsive {
        width: auto;
        max-height: 100%; }
      .module_GalleryZoom .gallery .slides .module_GalleryZoomImage .caption {
        display: none; }
  .module_GalleryZoom .gallery .galleryCaption {
    font-family: Arial, Helvetica, sans-serif;
    color: #6a7a86;
    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: 481px) and (max-width: 768px) {
      .module_GalleryZoom .gallery .galleryCaption {
        font-size: 0.8em; }
        .module_GalleryZoom .gallery .galleryCaption:not(:empty) {
          padding-top: 0.417em; } }
    @media (max-width: 480px) {
      .module_GalleryZoom .gallery .galleryCaption {
        font-size: 0.667em; }
        .module_GalleryZoom .gallery .galleryCaption:not(:empty) {
          padding-top: 0.5em; } }
  .module_GalleryZoom .gallery .glyphicon.arrow {
    position: absolute;
    top: 50%;
    z-index: 30;
    margin-top: -0.5em;
    color: #ffffff;
    cursor: pointer;
    opacity: .7;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    font-size: 3.333em;
    -moz-text-shadow: 0 0 0.36em #000000;
    text-shadow: 0 0 0.36em #000000; }
    @media (max-width: 768px) {
      .module_GalleryZoom .gallery .glyphicon.arrow {
        font-size: 2em; } }
    .module_GalleryZoom .gallery .glyphicon.arrow:before {
      line-height: 1em;
      display: inline-block;
      -ms-transform: scaleX(0.8);
      -webkit-transform: scaleX(0.8);
      transform: scaleX(0.8); }
    .module_GalleryZoom .gallery .glyphicon.arrow:hover {
      opacity: 1; }
    .module_GalleryZoom .gallery .glyphicon.arrow.arrowLeft {
      left: 0; }
    .module_GalleryZoom .gallery .glyphicon.arrow.arrowRight {
      right: 0; }
  .module_GalleryZoom .gallery .glyphicon.zoom {
    position: absolute;
    z-index: 40;
    top: auto;
    left: auto;
    right: 0.667em;
    bottom: 0.667em;
    cursor: pointer;
    color: #ffffff;
    -moz-transition: opacity 0.3s ease, color 0.3s ease;
    -o-transition: opacity 0.3s ease, color 0.3s ease;
    -webkit-transition: opacity 0.3s ease, color 0.3s ease;
    transition: opacity 0.3s ease, color 0.3s ease; }
    .module_GalleryZoom .gallery .glyphicon.zoom:before {
      font-size: 1.667em;
      line-height: 1em;
      display: inline-block;
      text-shadow: 0 0 0.6em #000000;
      opacity: 0.8; }
      .module_GalleryZoom .gallery .glyphicon.zoom:before:hover {
        opacity: 1; }
  .module_GalleryZoom .gallery .downloadImage {
    position: absolute;
    z-index: 40;
    top: auto;
    left: auto;
    right: 3em;
    bottom: 0.667em;
    cursor: pointer;
    color: #ffffff;
    display: none !important;
    -moz-transition: opacity 0.3s ease, color 0.3s ease;
    -o-transition: opacity 0.3s ease, color 0.3s ease;
    -webkit-transition: opacity 0.3s ease, color 0.3s ease;
    transition: opacity 0.3s ease, color 0.3s ease; }
    .module_GalleryZoom .gallery .downloadImage:before {
      font-size: 1.667em;
      line-height: 1em;
      display: inline-block;
      text-shadow: 0 0 0.6em #000000;
      opacity: 0.8; }
      .module_GalleryZoom .gallery .downloadImage:before:hover {
        opacity: 1; }
    .module_GalleryZoom .gallery .downloadImage:hover {
      color: #396ab2; }
  .module_GalleryZoom .gallery .dots {
    position: relative;
    display: inline-block;
    bottom: 2em;
    z-index: 30;
    display: none; }
    @media (max-width: 480px) {
      .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;
      -webkit-box-shadow: 0 0 1em #000000 ;
      -moz-box-shadow: 0 0 1em #000000 ;
      box-shadow: 0 0 1em #000000 ;
      -moz-transition: background-color 0.3s ease, opacity 0.3s ease, border 0.3s ease;
      -o-transition: background-color 0.3s ease, opacity 0.3s ease, border 0.3s ease;
      -webkit-transition: background-color 0.3s ease, opacity 0.3s ease, border 0.3s ease;
      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: #396ab2;
        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: #6a7a86;
    color: #dee4e7;
    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: inline-block; }
    #imageLightboxZoom .imageLightboxZoomBar a {
      display: inline-block;
      float: right;
      color: #dee4e7;
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease; }
      #imageLightboxZoom .imageLightboxZoomBar a:hover {
        text-decoration: none;
        color: #ffffff; }
  #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: 6_microsite_html5/module/ContentModules/HTML5Form/HTML5Form.scss
++ 2018-03-15 12:53 [91d12a9] Stepan Hlavaty - Module HTML5_Forms for Microsites HTML5.
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_HTML5Form {
  width: 100%; }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
  .module_HTML5Form fieldset {
    border: 1px solid #bdc9cf !important;
    border-bottom: none !important;
    padding: .75rem !important; }
    .module_HTML5Form fieldset legend {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 1.1rem;
      color: #6a7a86;
      padding-left: .5rem; }
  .module_HTML5Form input {
    width: 100%;
    margin: 0 0 0.5em 0;
    box-sizing: border-box;
    height: 2.5em;
    padding: 0.35em; }
    @media (min-width: 769px) {
      .module_HTML5Form input {
        height: 2em;
        margin: 0 0 0.75em 0; } }
    .module_HTML5Form input[name^="streetNumber"], .module_HTML5Form input[name^="postalCode"] {
      width: 35%; }
      @media (min-width: 769px) {
        .module_HTML5Form input[name^="streetNumber"], .module_HTML5Form input[name^="postalCode"] {
          width: 100%; } }
    .module_HTML5Form input[type="radio"] {
      width: auto;
      margin: 0 0 0 0.5em; }
      .module_HTML5Form input[type="radio"]:last-of-type {
        margin-bottom: .5rem; }
    .module_HTML5Form input[data-valid="yes"] {
      border: 1px solid #5cb85c; }
    .module_HTML5Form input[data-valid="no"] {
      border: 2px solid #ab3717; }
    .module_HTML5Form input.sunshine {
      display: none; }
  .module_HTML5Form button[name^="submitButton"] {
    margin: 0.75em auto;
    text-transform: uppercase;
    font-weight: bold; }
    @media (min-width: 769px) {
      .module_HTML5Form button[name^="submitButton"] {
        margin-top: 0.75em; } }
    .module_HTML5Form button[name^="submitButton"] span {
      margin-left: 0.5em; }
    .module_HTML5Form button[name^="submitButton"].sending {
      background: #449d44; }
      .module_HTML5Form button[name^="submitButton"].sending span {
        -webkit-animation-name: spin;
        -webkit-animation-duration: 800ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: spin;
        -moz-animation-duration: 800ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        animation-name: spin;
        animation-duration: 800ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear; }
  .module_HTML5Form .formLabel {
    font-weight: bold;
    color: #000;
    display: block;
    margin: 0.25em 0; }
    @media (min-width: 769px) {
      .module_HTML5Form .formLabel {
        margin: 0 0 0.25em 0; } }
    .module_HTML5Form .formLabel .required {
      font-weight: normal; }
  .module_HTML5Form .radioButtons .radioButtonLabel {
    display: inline-block;
    vertical-align: top;
    padding: 0.65em 0 0 0.25em; }
    @media (min-width: 769px) {
      .module_HTML5Form .radioButtons .radioButtonLabel {
        padding: 0.35em 0 0 0.25em; } }
  .module_HTML5Form textarea {
    box-sizing: border-box;
    width: 100%;
    height: 8em;
    padding: 0.35em; }
    .module_HTML5Form textarea[data-valid="yes"] {
      border: 1px solid #5cb85c; }
    .module_HTML5Form textarea[data-valid="no"] {
      border: 2px solid #ab3717; }
  .module_HTML5Form .validMessage {
    color: #5cb85c;
    font-size: 1.25em;
    display: none;
    margin: 0 auto 1em 0.5em; }
    @media (min-width: 769px) {
      .module_HTML5Form .validMessage {
        margin: 1.25em 0 0 0; } }
  .module_HTML5Form .unvalidMessage {
    color: #ab3717;
    font-weight: bold;
    display: inline-block;
    display: none;
    margin: 0 0 1.25em 0; }
    @media (min-width: 769px) {
      .module_HTML5Form .unvalidMessage {
        margin: 1.75em 0 0 0; } }
  .module_HTML5Form .alert {
    display: none;
    margin-top: 15px; }
    .module_HTML5Form .alert .glyphicon {
      margin-right: 0.75em; }
  .module_HTML5Form .row.humanCheck {
    margin-top: .75em !important; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/ImageOptionSelect/imageOptionSelect.scss
++ 2017-08-08 12:06 [62b3a2e] Jan Klimes - Updated module ImageOptionSelect reddot styles for microsite_hml5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_ImageOptionSelect .col {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  min-height: 1px;
  /* skipped (TYPE_CMS) */ }
  @media (max-width: 480px) {
    .module_ImageOptionSelect .col {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_ImageOptionSelect .col {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_ImageOptionSelect .col {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 480px) {
    .module_ImageOptionSelect .col {
      height: 360px;
      margin-bottom: 0.667em; } }
  @media (min-width: 769px) {
    .module_ImageOptionSelect .col {
      height: 360px;
      width: 33%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(4),
      .module_ImageOptionSelect .col:first-child:nth-last-child(4) ~ .col {
        width: 25%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(5),
      .module_ImageOptionSelect .col:first-child:nth-last-child(5) ~ .col {
        width: 20%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(6),
      .module_ImageOptionSelect .col:first-child:nth-last-child(6) ~ .col {
        width: 16.5%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(7),
      .module_ImageOptionSelect .col:first-child:nth-last-child(7) ~ .col {
        width: 14.2%; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_ImageOptionSelect .col {
      height: 360px;
      width: 33%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(4),
      .module_ImageOptionSelect .col:first-child:nth-last-child(4) ~ .col {
        width: 25%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(5),
      .module_ImageOptionSelect .col:first-child:nth-last-child(5) ~ .col {
        width: 25%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(6),
      .module_ImageOptionSelect .col:first-child:nth-last-child(6) ~ .col {
        width: 33%; }
      .module_ImageOptionSelect .col:first-child:nth-last-child(7),
      .module_ImageOptionSelect .col:first-child:nth-last-child(7) ~ .col {
        width: 33%; } }
  .module_ImageOptionSelect .col .sOption {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto; }
    .module_ImageOptionSelect .col .sOption:not(.hover) {
      max-width: 278px; }
      .module_ImageOptionSelect .col .sOption:not(.hover) .sOptionInner, .module_ImageOptionSelect .col .sOption:not(.hover) .sOptionInner > a {
        max-width: 278px; }
    .module_ImageOptionSelect .col .sOption > .sOptionInner {
      background: #ffffff;
      width: 100%;
      height: 100%;
      /*@include transition(all 300ms linear)*/ }
      @media (min-width: 481px) {
        .module_ImageOptionSelect .col .sOption > .sOptionInner {
          position: absolute;
          left: 0;
          width: 100%;
          height: 100%; } }
      .module_ImageOptionSelect .col .sOption > .sOptionInner > a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        border: 1px solid #91A5AF;
        padding: 0.667em; }
        .module_ImageOptionSelect .col .sOption > .sOptionInner > a:hover .categoryImage {
          opacity: 1; }
    .module_ImageOptionSelect .col .sOption .imageBack {
      background: no-repeat;
      background-attachment: scroll;
      background-position: center 0;
      width: 100%;
      height: 100%;
      max-width: 258px; }
    .module_ImageOptionSelect .col .sOption .optionText:not(:empty) {
      padding: 0.769em;
      font-size: 0.867em; }
      @media (min-width: 769px) {
        .module_ImageOptionSelect .col .sOption .optionText:not(:empty) {
          display: none; } }
    .module_ImageOptionSelect .col .sOption .optionLabel {
      position: absolute;
      top: 60%;
      left: 0;
      z-index: 1;
      width: 100%;
      padding: 0.667em; }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_ImageOptionSelect .col .sOption .optionLabel {
          top: 50%; } }
      .module_ImageOptionSelect .col .sOption .optionLabel > div {
        background: #6a7a86;
        color: #fff;
        padding: 0.667em;
        opacity: 0.8;
        filter: alpha(opacity=80); }
        .module_ImageOptionSelect .col .sOption .optionLabel > div:before {
          content: '';
          display: block;
          width: 100%;
          border-top: 2px solid #ffffff;
          margin-bottom: 0.2em; }
      .module_ImageOptionSelect .col .sOption .optionLabel span:not(.glyphicon) {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        display: block;
        padding-right: 1.333em;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .module_ImageOptionSelect .col .sOption .optionLabel .glyphicon {
        position: absolute;
        right: 0;
        font-size: 1.133em; }
    .module_ImageOptionSelect .col .sOption .categoryImage {
      width: 100%;
      position: relative;
      display: block; }
      @media (min-width: 769px) {
        .module_ImageOptionSelect .col .sOption .categoryImage {
          opacity: .3;
          -moz-transition: opacity 0.3s ease;
          -o-transition: opacity 0.3s ease;
          -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/ImageSelectableAreas/imageSelectableAreas.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_ImageSelectableAreas {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%;
  margin-bottom: 30px; }
  @media (max-width: 480px) {
    .module_ImageSelectableAreas {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_ImageSelectableAreas {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_ImageSelectableAreas {
      padding-left: 15px;
      padding-right: 15px; } }
  .module_ImageSelectableAreas .contentDataImg {
    float: left;
    margin-right: 2em; }
  .module_ImageSelectableAreas #selectionsData {
    font-size: 0.867em;
    font-weight: normal;
    color: #7C7B6D;
    padding-top: 0.2em; }
    .module_ImageSelectableAreas #selectionsData h3 {
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 0.2em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/ImageSlider/imageSlider.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_ImageSlider {
  width: 300px;
  height: 200px; }
  .module_ImageSlider .slides {
    overflow: hidden;
    border: 1px #000 solid;
    width: 300px;
    height: 200px; }
    .module_ImageSlider .slides .slide {
      float: left; }
      .module_ImageSlider .slides .slide img {
        width: 100%;
        height: 100%; }
  .module_ImageSlider .bullets {
    margin: 5px; }
    .module_ImageSlider .bullets .bullet {
      width: 15px;
      height: 15px;
      border-radius: 5px;
      border: 2px solid #000000;
      background: #ffffff;
      float: left;
      margin-left: 5px; }
    .module_ImageSlider .bullets .bullet:first-child {
      margin-left: 0px; }

.group:after {
  content: "";
  display: table;
  clear: both; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Introduction/introduction.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.row > .module_Introduction {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .row > .module_Introduction {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .row > .module_Introduction {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .row > .module_Introduction {
      padding-left: 15px;
      padding-right: 15px; } }

.module_Introduction .introImg img {
  width: 100%;
  max-width: none; }
  .module_Introduction .introImg img.greyBorder {
    border: 1px solid #DEE4E7; }
  .module_Introduction .introImg img.noBorder {
    border: 0; }

.module_Introduction .introImg:not(:last-child) img {
  margin-bottom: 0.667em; }

#left-side-modules .module_Introduction .module_Text:last-child .text {
  margin-bottom: 0; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Klaptool/klaptool.scss
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2020-11-09 13:51 [f48309b] Vojtech Schwarz - Update styles for Klaptool and module_Newsteaser inside for MS HTML5
++ 2018-06-25 13:40 [a9b58a0] Jan Klimes - Added media download and video popup styles and scripts for Klaptool for microsite_html5
++ 2017-11-15 11:53 [1dd7c5b] Jan Klimes - Added indent to list inside Klaptool for microsite_html5
++ 2017-08-31 13:40 [792a48c] Jan Klimes - Updated Klaptool module for microsite_html5
++ 2017-08-03 06:54 [fd33e59] Jan Klimes - Updated Klaptool and Sitesearch for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.row > .module_Klaptool {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .row > .module_Klaptool {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .row > .module_Klaptool {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .row > .module_Klaptool {
      padding-left: 15px;
      padding-right: 15px; } }

.module_Klaptool .slidingModule .singleModuleSlide {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .module_Klaptool .slidingModule .singleModuleSlide .panel-heading {
    border-radius: 0;
    background: none;
    padding: 0.467em 0;
    cursor: pointer;
    border-bottom: 1px solid #6A7A86;
    background-image: url(images/Navigation_arrow_ICON_active.svg);
    background-repeat: no-repeat;
    background-position: right center; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-heading.collapsed {
      background-image: url(images/Navigation_arrow_ICON_default.svg); }
  .module_Klaptool .slidingModule .singleModuleSlide .panel-body {
    border: 0;
    padding: 0.667em 0 0.667em 0;
    /*.infoEmployee .modMedia {width: 120px; text-align: center; float: left;}*/ }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body ul {
      margin-left: 1.333em; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body .modVideoplayerIcon {
      display: none;
      float: left;
      text-align: center;
      width: 100px;
      padding-top: 82px;
      margin-left: 14px;
      background: url("images/videoplayer_icon.png") center center no-repeat;
      color: #003CF5;
      font-size: 1em;
      font-weight: normal;
      cursor: pointer; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body .modVideo img.playScroll {
      cursor: pointer;
      padding: 0;
      height: 55px;
      margin-bottom: 10px;
      margin-left: 30px;
      margin-right: 30px; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body .modMedia img.playScroll {
      cursor: pointer;
      padding: 0;
      height: 69px;
      margin-bottom: 6px;
      margin-left: 28px;
      margin-right: 25px;
      padding-top: 13px; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body .infoEmployee {
      font-size: 0.876em;
      margin-bottom: 15px;
      width: 100%; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body .infoEmployee .modVideo {
      width: 120px;
      text-align: center;
      float: left; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body .infoEmployee .modMedia {
      width: 100px;
      text-align: center;
      float: left;
      position: relative;
      margin-bottom: 10px;
      margin-left: 15px; }
    .module_Klaptool .slidingModule .singleModuleSlide .panel-body .module_Newsteaser {
      display: inline-block;
      width: 100%; }
  #left-side-modules .module_Klaptool .slidingModule .singleModuleSlide h2.collapseHeadline {
    font-size: 100%;
    font-family: Arial, Helvetica;
    font-weight: bold;
    position: relative;
    color: #000000;
    padding: 0;
    padding-right: 1.923em;
    text-decoration: none;
    font-size: 0.867em; }

.module_Klaptool .contentSlidingBlock .sliding {
  width: auto;
  max-width: 100%; }

.module_Klaptool .contentSlidingBlock ul.slider {
  list-style-type: none;
  width: auto;
  max-width: 100%; }
  .module_Klaptool .contentSlidingBlock ul.slider li img {
    width: 100%;
    max-width: none; }
  .module_Klaptool .contentSlidingBlock ul.slider li img[style] {
    width: 100% !important; }

.module_Klaptool .contentSlidingBlock .sudo-box {
  width: 100%; }
  .module_Klaptool .contentSlidingBlock .sudo-box img {
    width: 100%; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/MapOfDistributors/mapOfDistributors.scss
++ 2020-02-06 12:58 [939a313] Stanislav ?incl - Add module Map of Distributors for Microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_MapOfDistributors {
  padding-bottom: 50px; }
  .module_MapOfDistributors #mapWrapper {
    height: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 480px) {
      .module_MapOfDistributors #mapWrapper {
        height: 400px; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Masonry/masonry.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_Masonry {
  width: 100%;
  margin: 4em 0 1.5em 0;
  padding: 0 15px;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em; }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_Masonry {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; } }
  @media (min-width: 769px) {
    .module_Masonry {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
      -moz-column-gap: 3em;
      -webkit-column-gap: 3em;
      column-gap: 3em;
      margin: 29em 0 1.5em 0; } }
  @media (min-width: 1281px) {
    .module_Masonry {
      -moz-column-count: 4;
      -webkit-column-count: 4;
      column-count: 4; } }
  .module_Masonry a {
    color: #000; }
  .module_Masonry.underStory {
    margin: 1em 0 1.5em 0;
    -moz-column-count: auto;
    -webkit-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 .masonryItemSizer {
    width: 22.5%; }
  .module_Masonry .masonryItem {
    display: inline-block;
    background: #fff;
    border: 1px solid #fff;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    margin: 0 0 1.5em 0;
    width: 22.5%\9;
    float: left\9;
    margin-bottom: 2em\9;
    transition: box-shadow 0.4s; }
    @media (min-width: 769px) {
      .module_Masonry .masonryItem {
        margin: 0 0 3em 0; } }
    .module_Masonry .masonryItem:hover {
      -webkit-box-shadow: 0.05em 0.1em 0.75em #4e4e4e ;
      -moz-box-shadow: 0.05em 0.1em 0.75em #4e4e4e ;
      box-shadow: 0.05em 0.1em 0.75em #4e4e4e ;
      transition: box-shadow 0.4s; }
    .module_Masonry .masonryItem .masonryHeading {
      text-align: center; }
      .module_Masonry .masonryItem .masonryHeading img {
        max-width: 100%; }
        .module_Masonry .masonryItem .masonryHeading img.icon {
          width: 4.25rem;
          height: 4.25rem; }
    .module_Masonry .masonryItem .masonryContent {
      padding: 1em;
      text-align: center; }
      .module_Masonry .masonryItem .masonryContent .masonryHeadline {
        font-weight: bold;
        display: block;
        font-size: 1.2em; }
      .module_Masonry .masonryItem .masonryContent .masonryCategory {
        text-transform: uppercase;
        margin: 0.5em 0 0.75em 0;
        display: block; }
  .module_Masonry _:-ms-lang(x), .module_Masonry .masonryItem {
    width: 100%; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/MasonryFilterAndSearch/masonryFilterAndSearch.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2019-11-07 09:09 [aa398d3] Zdenek Klug - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2019-11-07 09:09 [ce89660] Zdenek Klug - Add CSS for Masonry Filter and Search
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_masonryFilterAndSearch {
  margin: 1.5em 0 1em 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  @media (min-width: 769px) {
    .module_masonryFilterAndSearch {
      margin: 1em 0 1em 0 !important; } }
  .module_masonryFilterAndSearch span.filtrationText {
    font-size: 1.2em;
    text-transform: uppercase;
    vertical-align: sub;
    display: inline-block; }
  .module_masonryFilterAndSearch .filtrationIcons span.glyphicon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #000000;
    border: 2px solid #000000;
    padding: .75rem;
    margin: 1rem .75rem 0 0;
    font-size: 1.75em;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s; }
    .module_masonryFilterAndSearch .filtrationIcons span.glyphicon:last-of-type {
      margin-right: 0; }
    @media (min-width: 769px) {
      .module_masonryFilterAndSearch .filtrationIcons span.glyphicon {
        margin: 0 1rem .75rem 0; } }
    @media (min-width: 1281px) {
      .module_masonryFilterAndSearch .filtrationIcons span.glyphicon {
        margin: 0 1rem 0 0; } }
    .module_masonryFilterAndSearch .filtrationIcons span.glyphicon:hover {
      background: #000000;
      color: #ffffff;
      cursor: pointer; }
    .module_masonryFilterAndSearch .filtrationIcons span.glyphicon.active {
      background: #6a7a86;
      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: #000;
      margin: 0.85em auto 1.35em 1em; }
  .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: 769px) {
      .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; }
    @media (min-width: 769px) {
      .module_masonryFilterAndSearch form[name='search'] {
        margin-top: .9rem; } }
    .module_masonryFilterAndSearch form[name='search'] input[type='text'] {
      width: 100%;
      background: #f5f5f5;
      border: 2px solid #000000;
      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: #003cf5; }
    .module_masonryFilterAndSearch form[name='search'] span.glyphicon {
      position: absolute;
      font-size: 1.5em;
      right: 1.5rem;
      top: .75rem; }
      .module_masonryFilterAndSearch form[name='search'] span.glyphicon:hover {
        cursor: pointer; }
  .module_masonryFilterAndSearch .row {
    padding-right: 30px;
    padding-top: .75rem;
    padding-bottom: .75rem; }
  .module_masonryFilterAndSearch .container {
    margin: 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 1250px; }
  .module_masonryFilterAndSearch.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    margin: 0 auto auto auto !important;
    background: #f0f0f0;
    -webkit-box-shadow: 1px 2px 8px #666 ;
    -moz-box-shadow: 1px 2px 8px #666 ;
    box-shadow: 1px 2px 8px #666 ; }
    .module_masonryFilterAndSearch.sticky .row {
      padding-right: 30px;
      padding-top: .75rem;
      padding-bottom: .75rem; }
    .module_masonryFilterAndSearch.sticky .container {
      padding: .75rem 0 !important; }
    .module_masonryFilterAndSearch.sticky form[name='search'] {
      display: none; }
      @media (min-width: 769px) {
        .module_masonryFilterAndSearch.sticky form[name='search'] {
          margin-top: .5rem; } }
      @media (min-width: 1281px) {
        .module_masonryFilterAndSearch.sticky form[name='search'] {
          margin-top: .9rem;
          display: block; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/MasonryPlugined/masonryPlugined.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2021-03-22 15:05 [ae9c453] Stanislav ?incl - Update MasonryPlugin, Add myboxFilterAndSearch - MyBox masonry product view.
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_MasonryPlugined {
  width: 100%;
  margin: 1em auto 1.5em auto;
  padding: 0 15px;
  min-height: 520px; }
  @media (min-width: 769px) {
    .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: 481px) and (max-width: 768px) {
      .module_MasonryPlugined .masonryItemSizer {
        width: 45%; } }
    @media (min-width: 769px) {
      .module_MasonryPlugined .masonryItemSizer {
        width: 30%; } }
    @media (min-width: 997px) {
      .module_MasonryPlugined .masonryItemSizer {
        width: 30.25%; } }
    @media (min-width: 1281px) {
      .module_MasonryPlugined .masonryItemSizer {
        width: 271px; } }
  .module_MasonryPlugined .masonryItem {
    display: inline-block;
    width: 97%;
    background: #fff;
    border: 1px solid #fff;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 1.5em 0;
    float: left;
    margin-bottom: 2em;
    transition: box-shadow 0.4s; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_MasonryPlugined .masonryItem {
        width: 45%; } }
    @media (min-width: 769px) {
      .module_MasonryPlugined .masonryItem {
        margin: 0 0 3em 0;
        width: 30%; } }
    @media (min-width: 997px) {
      .module_MasonryPlugined .masonryItem {
        width: 30.25%; } }
    @media (min-width: 1281px) {
      .module_MasonryPlugined .masonryItem {
        width: 271px; }
        .module_MasonryPlugined .masonryItem.width2 {
          width: 904px; } }
    .module_MasonryPlugined .masonryItem:hover {
      -webkit-box-shadow: 0.05em 0.1em 0.75em #4e4e4e ;
      -moz-box-shadow: 0.05em 0.1em 0.75em #4e4e4e ;
      box-shadow: 0.05em 0.1em 0.75em #4e4e4e ;
      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 .masonryContent {
      padding: 1em;
      text-align: center; }
      .module_MasonryPlugined .masonryItem .masonryContent .masonryHeadline {
        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; }
      .module_MasonryPlugined .masonryItem .masonryContent .productNumber {
        padding: 0.333em; }
      .module_MasonryPlugined .masonryItem .masonryContent .productMasonryIconRow {
        text-align: left;
        line-height: 4.667em;
        margin-left: -0.733em;
        margin-right: -0.733em;
        display: block; }
        .module_MasonryPlugined .masonryItem .masonryContent .productMasonryIconRow:hover {
          background: #eeeeee;
          transition: background 0.4s; }
        .module_MasonryPlugined .masonryItem .masonryContent .productMasonryIconRow .icon {
          float: left;
          margin-right: 0.333em;
          margin-top: 0.2em; }
  .module_MasonryPlugined .showMore {
    width: 100%;
    line-height: 10px;
    display: block;
    position: absolute;
    text-align: center;
    padding: 20px;
    border-top: 1px solid #bdc9cf;
    bottom: -50px; }
    .module_MasonryPlugined .showMore:hover {
      background: #bdc9cf;
      transition: background 0.5s; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/MasonryStory/masonryStory.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-02-14 10:22 [9aa87dd] Dominik R?znar - Update MasonryStory module for MS HTML5
++ 2019-01-16 12:42 [72260d4] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2019-01-09 14:37 [4c91c50] Stanislav ?incl - Update masonryStory for Microsites, text alignment and margin adjusted
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_MasonryStory a.backLink {
  color: #fff;
  position: absolute;
  font-weight: bold;
  letter-spacing: 0.125em;
  padding-top: 1.4em; }

.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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .module_MasonryStory .masonryStoryContent img {
    max-width: 100%; }
  .module_MasonryStory .masonryStoryContent iframe {
    width: 100%;
    height: 20rem; }
    @media (min-width: 769px) {
      .module_MasonryStory .masonryStoryContent iframe {
        height: 28rem; } }
    @media (min-width: 1281px) {
      .module_MasonryStory .masonryStoryContent iframe {
        height: 36rem; } }
  .module_MasonryStory .masonryStoryContent h1 {
    font-weight: bold;
    margin: 1.75em auto 0.5em auto;
    font-size: 2.5em; }
  .module_MasonryStory .masonryStoryContent .masonryStoryDate {
    font-size: 1.25em; }
  .module_MasonryStory .masonryStoryContent .masonryStoryText {
    margin: 1.5em auto 1em auto;
    padding: 0 1.5em;
    text-align: left;
    line-height: 160%; }
    @media (min-width: 769px) {
      .module_MasonryStory .masonryStoryContent .masonryStoryText {
        padding: 0 3em; } }
    .module_MasonryStory .masonryStoryContent .masonryStoryText p {
      margin-top: 0.75em; }
    .module_MasonryStory .masonryStoryContent .masonryStoryText h2 {
      font-size: 2.133em; }
    .module_MasonryStory .masonryStoryContent .masonryStoryText h3 {
      font-size: 1.6em; }
    .module_MasonryStory .masonryStoryContent .masonryStoryText h4 {
      font-size: 1.333em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/MyboxFilterAndSearch/myboxFilterAndSearch.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2021-03-22 15:05 [ae9c453] Stanislav ?incl - Update MasonryPlugin, Add myboxFilterAndSearch - MyBox masonry product view.
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_myboxFilterAndSearch {
  margin: 1.5em 0 1em 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  @media (min-width: 769px) {
    .module_myboxFilterAndSearch {
      margin: 1em 0 1em 0 !important; } }
  .module_myboxFilterAndSearch span.filtrationText {
    font-size: 1.2em;
    text-transform: uppercase;
    vertical-align: sub;
    display: inline-block; }
  .module_myboxFilterAndSearch .filtrationIcons span.glyphicon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #000000;
    border: 2px solid #000000;
    padding: .75rem;
    margin: 1rem .75rem 0 0;
    font-size: 1.75em;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s; }
    .module_myboxFilterAndSearch .filtrationIcons span.glyphicon:last-of-type {
      margin-right: 0; }
    @media (min-width: 769px) {
      .module_myboxFilterAndSearch .filtrationIcons span.glyphicon {
        margin: 0 1rem .75rem 0; } }
    @media (min-width: 1281px) {
      .module_myboxFilterAndSearch .filtrationIcons span.glyphicon {
        margin: 0 1rem 0 0; } }
    .module_myboxFilterAndSearch .filtrationIcons span.glyphicon:hover {
      background: #000000;
      color: #ffffff;
      cursor: pointer; }
    .module_myboxFilterAndSearch .filtrationIcons span.glyphicon.active {
      background: #6a7a86;
      color: #ffffff; }
  .module_myboxFilterAndSearch .filtrationIcons span {
    width: 3.25rem;
    height: 3.25rem;
    margin: 1rem .75rem 0 0;
    position: relative; }
    .module_myboxFilterAndSearch .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: #000;
      margin: 0.85em auto 1.35em 1em; }
  .module_myboxFilterAndSearch .filtrationIcons img {
    width: 3.25rem;
    height: 3.25rem;
    margin: 1rem .75rem 0 0; }
    .module_myboxFilterAndSearch .filtrationIcons img:last-of-type {
      margin-right: 0; }
    @media (min-width: 769px) {
      .module_myboxFilterAndSearch .filtrationIcons img {
        margin: 0 1rem .75rem 0; } }
    @media (min-width: 1281px) {
      .module_myboxFilterAndSearch .filtrationIcons img {
        margin: 0 1rem 0 0; } }
  .module_myboxFilterAndSearch form[name='search'] {
    position: relative;
    margin-top: 1.25rem; }
    @media (min-width: 769px) {
      .module_myboxFilterAndSearch form[name='search'] {
        margin-top: .9rem; } }
    .module_myboxFilterAndSearch form[name='search'] input[type='text'] {
      width: 100%;
      background: #f5f5f5;
      border: 2px solid #000000;
      border-radius: 1.5rem;
      padding: .75rem 3.75rem .75rem 1.5rem;
      float: right;
      outline: none; }
      @media (min-width: 1281px) {
        .module_myboxFilterAndSearch form[name='search'] input[type='text'] {
          width: 80%; } }
      .module_myboxFilterAndSearch form[name='search'] input[type='text']:focus {
        border-color: #003cf5; }
    .module_myboxFilterAndSearch form[name='search'] span.glyphicon {
      position: absolute;
      font-size: 1.5em;
      right: 1.5rem;
      top: .75rem; }
      .module_myboxFilterAndSearch form[name='search'] span.glyphicon:hover {
        cursor: pointer; }
  .module_myboxFilterAndSearch .row {
    padding-right: 30px;
    padding-top: .75rem;
    padding-bottom: .75rem; }
  .module_myboxFilterAndSearch .container {
    margin: 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 1250px; }
  .module_myboxFilterAndSearch.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    margin: 0 auto auto auto !important;
    background: #f0f0f0;
    -webkit-box-shadow: 1px 2px 8px #666 ;
    -moz-box-shadow: 1px 2px 8px #666 ;
    box-shadow: 1px 2px 8px #666 ; }
    .module_myboxFilterAndSearch.sticky .row {
      padding-right: 30px;
      padding-top: .75rem;
      padding-bottom: .75rem; }
    .module_myboxFilterAndSearch.sticky .container {
      padding: .75rem 0 !important; }
    .module_myboxFilterAndSearch.sticky form[name='search'] {
      display: none; }
      @media (min-width: 769px) {
        .module_myboxFilterAndSearch.sticky form[name='search'] {
          margin-top: .5rem; } }
      @media (min-width: 1281px) {
        .module_myboxFilterAndSearch.sticky form[name='search'] {
          margin-top: .9rem;
          display: block; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Newsteaser/newsteaser.scss
++ 2017-12-01 13:55 [6cc6bc1] Jan Klimes - Changed image max dimensions in Newsteaser for microsite_html5
++ 2017-08-31 14:44 [3471885] Jan Klimes - Updated Newsteaser module for microsite_html5
++ 2017-08-07 11:24 [7d32970] Jan Klimes - Added module Newsteaser and renamed toolbox Newsteaser to NewsteaserToolbox for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.row > .module_Newsteaser {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .row > .module_Newsteaser {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .row > .module_Newsteaser {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .row > .module_Newsteaser {
      padding-left: 15px;
      padding-right: 15px; } }

.module_Newsteaser .headlinePress {
  display: block;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase; }

.module_Newsteaser .pressImage {
  max-width: 160px;
  float: right;
  padding-bottom: 1.333em; }
  .module_Newsteaser .pressImage:not(:empty) + .pressContent {
    padding-right: 13.846em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_Newsteaser .pressImage:not(:empty) + .pressContent {
        padding-right: 13.846em; } }
    @media (max-width: 480px) {
      .module_Newsteaser .pressImage:not(:empty) + .pressContent {
        padding-right: 13.077em; } }

.module_Newsteaser .pressContent {
  color: #7C7B6D;
  padding: 0;
  padding-bottom: 1.538em;
  line-height: 1.231em;
  font-size: 0.867em; }
  .module_Newsteaser .pressContent a:hover {
    text-decoration: none; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/PrivacyPolicyTerms/privacyPolicyTerms.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2021-03-11 08:30 [573d198] Zdenek Klug - Update CSS for registrationportal for Microsite HTML5
++ 2021-03-10 07:55 [a2201c0] Zdenek Klug - Adjustment Headlines for module privacyPolicyTerms for Microsites HTML5
++ 2017-08-11 12:38 [b8e9d29] Jan Klimes - Added new module Privacy Policy Terms for microsite_html5
*/
.module_PrivacyPolicyTerms.emptypage {
  color: #7C7B6D;
  font: 0.867em  Arial, Helvetica; }
  .module_PrivacyPolicyTerms.emptypage table {
    border-spacing: 0; }
    .module_PrivacyPolicyTerms.emptypage table ul {
      padding-left: 1.2em; }
  .module_PrivacyPolicyTerms.emptypage table tr, .module_PrivacyPolicyTerms.emptypage .emptypage table td {
    border-bottom: 1px dotted #7C7B6D;
    margin: 0 0 1.538em;
    padding: 0.385em 0.95em 0 0; }
  .module_PrivacyPolicyTerms.emptypage a:hover {
    color: #003CF5;
    text-decoration: none; }
  .module_PrivacyPolicyTerms.emptypage a:active {
    color: #003CF5; }
  .module_PrivacyPolicyTerms.emptypage h1 {
    color: #7C7B6D;
    font-size: 1.538em;
    font-weight: normal; }
  .module_PrivacyPolicyTerms.emptypage h2 {
    color: #000;
    font-size: 1.308em;
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: 1em; }
  .module_PrivacyPolicyTerms.emptypage .text .headline {
    margin-bottom: 0; }
  .module_PrivacyPolicyTerms.emptypage .downloads {
    font-size: 1.074em;
    margin-bottom: 1.8em; }
  .module_PrivacyPolicyTerms.emptypage ul {
    padding-left: 2em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/ProductCarousel/productCarousel.scss
++ 2017-08-17 13:49 [f0213ad] Jan Klimes - Added new module ProductCarousel for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_ProductCarousel #slider {
  width: auto; }
  .module_ProductCarousel #slider li .img-responsive {
    width: 100%;
    padding-right: 0.667em; }
  .module_ProductCarousel #slider li a {
    text-decoration: none; }
    .module_ProductCarousel #slider li a:hover {
      color: #003cf5; }
  .module_ProductCarousel #slider li .caption {
    display: block;
    background-color: #eee;
    padding: 0.2em;
    text-align: center;
    margin-top: 0.2em;
    font-weight: bold;
    margin-right: 0.833em;
    font-size: 0.8em; }
    @media (max-width: 480px) {
      .module_ProductCarousel #slider li .caption {
        margin-right: 1em;
        font-size: 0.667em; } }

.module_ProductCarousel.smartEdit #slider {
  width: auto;
  clear: both; }
  .module_ProductCarousel.smartEdit #slider ul {
    list-style-type: none; }
  .module_ProductCarousel.smartEdit #slider li {
    position: relative;
    min-height: 1px;
    float: left;
    width: 25%; }
    @media (max-width: 480px) {
      .module_ProductCarousel.smartEdit #slider li {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_ProductCarousel.smartEdit #slider li {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      .module_ProductCarousel.smartEdit #slider li {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_ProductCarousel.smartEdit #slider li {
        float: left;
        width: 25%; } }
    @media (min-width: 769px) {
      .module_ProductCarousel.smartEdit #slider li {
        float: left;
        width: 25%; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/ProductsOverview/productsOverview.scss
++ 2017-08-29 12:48 [bdce968] Jan Klimes - Added new module ProductsOverview for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_ProductsOverview .tabMatrix {
  display: block;
  margin: 0;
  width: 100%; }

.module_ProductsOverview ul.quicktabs_tabs.tablist {
  float: left;
  margin: 0;
  position: relative;
  width: 20%;
  z-index: 2;
  list-style-type: none; }
  @media (max-width: 768px) {
    .module_ProductsOverview ul.quicktabs_tabs.tablist {
      width: 100%;
      float: none;
      background: #F2F2F2; } }

.module_ProductsOverview ul.quicktabs_tabs.tablist li {
  display: block;
  color: #666666;
  padding: 0.4em;
  text-align: right;
  border: 1px solid #999;
  background: #f2f2f2;
  font-weight: normal;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #F2F2F2 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F2F2F2 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F2F2F2 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2F2', endColorstr='#FFE5E5E5', GradientType=0);
  font-size: 0.867em; }
  @media (max-width: 768px) {
    .module_ProductsOverview ul.quicktabs_tabs.tablist li {
      float: left;
      border-bottom: 0; } }
  .module_ProductsOverview ul.quicktabs_tabs.tablist li:not(:last-of-type) {
    border-bottom: 0; }
    @media (max-width: 768px) {
      .module_ProductsOverview ul.quicktabs_tabs.tablist li:not(:last-of-type) {
        border-right: 0; } }
  .module_ProductsOverview ul.quicktabs_tabs.tablist li.active {
    color: #444444;
    font-weight: bold;
    background-image: -webkit-linear-gradient(top, #e3e3e7 0%, #bdbdbd 100%);
    background-image: -o-linear-gradient(top, #e3e3e7 0%, #bdbdbd 100%);
    background-image: linear-gradient(to bottom, #e3e3e7 0%, #bdbdbd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE3E3E7', endColorstr='#FFBDBDBD', GradientType=0); }

.module_ProductsOverview .quicktabs_main.tablist {
  float: left;
  padding: 0;
  position: relative;
  width: 80%;
  z-index: 1; }
  @media (max-width: 768px) {
    .module_ProductsOverview .quicktabs_main.tablist {
      width: 100%;
      float: none; } }

.module_ProductsOverview ul.quicktabs_tabs.quicktabs-style-basic {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  list-style-type: none;
  background-image: -webkit-linear-gradient(top, #e3e3e7 0%, #bdbdbd 100%);
  background-image: -o-linear-gradient(top, #e3e3e7 0%, #bdbdbd 100%);
  background-image: linear-gradient(to bottom, #e3e3e7 0%, #bdbdbd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE3E3E7', endColorstr='#FFBDBDBD', GradientType=0);
  font-size: 0.867em; }

.module_ProductsOverview ul.quicktabs_tabs.quicktabs-style-basic li {
  color: #666666;
  float: left;
  padding: 0.4em;
  position: relative;
  cursor: pointer;
  margin-left: 1em; }

.module_ProductsOverview ul.quicktabs_tabs.quicktabs-style-basic li.active {
  font-weight: bold;
  color: #444444;
  position: relative; }
  .module_ProductsOverview ul.quicktabs_tabs.quicktabs-style-basic li.active:before {
    content: "";
    position: absolute;
    margin-left: -10px;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #bdbdbd transparent transparent;
    z-index: 9999; }
  .module_ProductsOverview ul.quicktabs_tabs.quicktabs-style-basic li.active:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #999999 transparent transparent transparent;
    z-index: 9998; }

.module_ProductsOverview .quicktabs_main.quicktabs-style-basic {
  border: medium none;
  padding: 0; }

.module_ProductsOverview ul.quicktabs_tabs.quicktabs-style-navlist li {
  border: 1px solid #999;
  border-bottom: none;
  height: 30px;
  color: #666;
  font-size: 13px;
  font-weight: bold !important; }

.module_ProductsOverview ul.quicktabs_tabs.quicktabs-style-navlist li.active {
  border: 1px solid #999;
  border-bottom: none;
  color: #444; }

.module_ProductsOverview .quicktabs_tabpage .view-articles {
  margin: 8px 15px;
  opacity: 0.8; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .view-content .views-row,
.module_ProductsOverview .quicktabs_tabpage .view-articles .view-empty {
  border-top: 1px solid #CFCFCF;
  padding-top: 1em;
  width: 100%;
  margin-top: 1em; }
  .module_ProductsOverview .quicktabs_tabpage .view-articles .view-content .views-row.row,
  .module_ProductsOverview .quicktabs_tabpage .view-articles .view-empty.row {
    margin-left: 0;
    margin-right: 0; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .view-empty {
  border-bottom: 1px solid #CFCFCF; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-row-last {
  border-bottom: 1px solid #CFCFCF; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-tid {
  color: #222222;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6em; }
  @media (max-width: 480px) {
    .module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-tid {
      padding-bottom: 1.667em; } }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-title {
  color: #222222;
  font-weight: bold;
  line-height: 1.111em;
  margin-bottom: 0.556em;
  font-size: 1.2em; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-body {
  color: #222222;
  line-height: 1.385em;
  font-weight: normal;
  font-size: 0.867em; }
  .module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-body div.download .module_DownloadSingleFile:first-child {
    margin-top: 1em; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-field-article-pdf-fid a:hover {
  text-decoration: underline; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-field-article-moreinfo-url a {
  color: #222222;
  text-decoration: none; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-field-article-moreinfo-url a:hover {
  text-decoration: underline; }

.module_ProductsOverview .quicktabs_tabpage .view-articles li:first-letter {
  text-transform: uppercase; }

.module_ProductsOverview .quicktabs-hide {
  display: none; }

.module_ProductsOverview div.tab-0, .module_ProductsOverview div.tab-1, .module_ProductsOverview div.tab-2, .module_ProductsOverview div.tab-3, .module_ProductsOverview div.tab-4, .module_ProductsOverview div.tab-5, .module_ProductsOverview div.tab-6, .module_ProductsOverview div.tab-7, .module_ProductsOverview div.tab-8, .module_ProductsOverview div.tab-9, .module_ProductsOverview div.tab-10, .module_ProductsOverview div.tab-11, .module_ProductsOverview div.tab-12, .module_ProductsOverview div.tab-13 {
  display: none; }

.module_ProductsOverview div.tab-0.active, .module_ProductsOverview div.tab-1.active, .module_ProductsOverview div.tab-2.active, .module_ProductsOverview div.tab-3.active, .module_ProductsOverview div.tab-4.active, .module_ProductsOverview div.tab-5.active, .module_ProductsOverview div.tab-6.active, .module_ProductsOverview div.tab-7.active, .module_ProductsOverview div.tab-8.active, .module_ProductsOverview div.tab-9.active, .module_ProductsOverview div.tab-10.active, .module_ProductsOverview div.tab-11.active, .module_ProductsOverview div.tab-12.active, .module_ProductsOverview div.tab-13.active {
  display: block; }

.module_ProductsOverview .quicktabs_tabpage .view-articles .views-field-body a.download {
  font-size: 1em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/SharedContentLoader/sharedContentLoader.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2017-08-08 12:12 [6e005f6] Jan Klimes - Added new module SharedContentLoader for microsite_html5
*/
.module_SharedContentLoader .text_Common {
  font-weight: normal;
  color: #6a7a86;
  font-size: 0.867em;
  line-height: 1.231em;
  margin-bottom: 1.7em;
  font: Arial,Helvetica; }

.module_SharedContentLoader .text_Common h1 {
  color: #000000;
  display: block;
  font: normal 1.538em/1.1em 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: #6a7a86;
  border-bottom: 1px dotted #6a7a86;
  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 #6a7a86;
  color: #6a7a86;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/SlideTool/slideTool.scss
++ 2017-08-03 06:58 [516ea06] Jan Klimes - Added module SlideTool for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_SlideTool .item {
  width: 100%;
  height: 100%; }
  .module_SlideTool .item:not(.current) {
    display: none; }

.module_SlideTool .spNavigation {
  position: absolute;
  z-index: 2;
  bottom: .5em;
  right: 2em; }

.module_SlideTool .spDot {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-left: 0.5em;
  border: 0.2em solid white;
  background-color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  cursor: pointer;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  .module_SlideTool .spDot:first-child:last-child {
    display: none; }

.module_SlideTool .spDot:hover {
  background-color: #003cf5; }

.module_SlideTool .spDot.current {
  background: transparent; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Table/table.scss
++ 2019-01-08 07:18 [9b22d4a] Stanislav ?incl - Update Table module for Microsite to adjust table with images
++ 2017-11-23 07:53 [c18060a] Jan Klimes - Updated list styles in Table module for microsite_html5
++ 2017-11-15 11:52 [f6837ab] Jan Klimes - Changed table styles for microsite_html5
++ 2017-08-07 11:25 [d6f1f6f] Jan Klimes - Added modules Link and Table for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_Table {
  font-weight: normal; }
  #left-side-modules .module_Table h1 {
    padding-bottom: 1em;
    font-size: 1.333em; }
  .module_Table table {
    font-size: 0.867em;
    width: 100%;
    border-collapse: collapse; }
    .module_Table table tr, .module_Table table td {
      padding: 0.385em 0.95em;
      border-bottom-color: #555;
      border-bottom: 1px dotted;
      margin-bottom: 1.538em; }
      .module_Table table tr ul, .module_Table table tr ol, .module_Table table td ul, .module_Table table td ol {
        margin-left: 1.462em; }
    .module_Table table thead tr td {
      color: #999;
      padding-top: 0.769em;
      border-bottom: 1px solid #999;
      font: 1em  Arial, Helvetica;
      color: #7c7b6d; }
    .module_Table table thead + tbody tr:first-of-type td {
      padding-top: 0.769em; }
  .module_Table .articleTruck td {
    vertical-align: middle; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/TeaserImg/teaserImg.scss
++ 2017-08-11 12:46 [89fc299] Jan Klimes - Added new module TeaserImg for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_TeaserImg {
  /* skipped (TYPE_CMS) */ }
  @media (max-width: 480px) {
    .module_TeaserImg.teaserImgContent .teaserImgMain {
      margin-bottom: 10px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_TeaserImg.teaserImgContent .teaserImgMain {
      margin-bottom: 20px; } }
  @media (min-width: 769px) {
    .module_TeaserImg.teaserImgContent .teaserImgMain {
      margin-bottom: 30px; } }
  .module_TeaserImg.teaserImgContent .teaserImgMain:last-child {
    margin-right: 0; }
  .module_TeaserImg.teaserImgContent .teaserImgMain[data-frame="true"] {
    border: 1px solid #6a7a86; }
  .module_TeaserImg.teaserImgContent .teaserImgMain .teaserImg {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 0.733em; }
    @media (max-width: 480px) {
      .module_TeaserImg.teaserImgContent .teaserImgMain .teaserImg {
        font-size: 0.867em; } }
    .module_TeaserImg.teaserImgContent .teaserImgMain .teaserImg:hover {
      color: black !important; }
    .module_TeaserImg.teaserImgContent .teaserImgMain .teaserImg .img-responsive + .teaserImgText, .module_TeaserImg.teaserImgContent .teaserImgMain .teaserImg .teaserImgText:empty {
      display: none; }
  .module_TeaserImg.teaserImgContent .teaserImgMain .teaserImgText {
    color: #6a7a86;
    white-space: normal;
    text-align: left;
    padding: 0.909em; }
    @media (max-width: 480px) {
      .module_TeaserImg.teaserImgContent .teaserImgMain .teaserImgText {
        padding: 1.538em; } }
  .module_TeaserImg.teaserImgContent .teaserText {
    white-space: normal;
    font-size: 0.733em; }
    @media (max-width: 480px) {
      .module_TeaserImg.teaserImgContent .teaserText {
        margin-bottom: 1.818em; } }
    @media (min-width: 481px) {
      .module_TeaserImg.teaserImgContent .teaserText {
        display: none; } }
  .module_TeaserImg .teaserAddText {
    color: #6a7a86;
    font-weight: normal;
    line-height: 1.231em;
    font-size: 0.867em; }
    @media (max-width: 480px) {
      .module_TeaserImg .teaserAddText {
        display: none; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/TeaserSplitted/teaserSplitted.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_TeaserSplitted {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .module_TeaserSplitted {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_TeaserSplitted {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_TeaserSplitted {
      padding-left: 15px;
      padding-right: 15px; } }
  .module_TeaserSplitted .topicCol {
    position: relative;
    min-height: 1px;
    display: flex;
    width: 33%;
    clear: none; }
    @media (max-width: 480px) {
      .module_TeaserSplitted .topicCol {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_TeaserSplitted .topicCol {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      .module_TeaserSplitted .topicCol {
        padding-left: 15px;
        padding-right: 15px; } }
  .module_TeaserSplitted .topicTeaserMain {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    .module_TeaserSplitted .topicTeaserMain[data-layout="1"] .topicCol:first-child {
      width: 100%; }
    .module_TeaserSplitted .topicTeaserMain[data-layout="1"] .topicCol:nth-child(2), .module_TeaserSplitted .topicTeaserMain[data-layout="1"] .topicCol:nth-child(3) {
      display: none; }
    .module_TeaserSplitted .topicTeaserMain[data-layout="2"] .topicCol:first-child {
      width: 66%; }
    .module_TeaserSplitted .topicTeaserMain[data-layout="2"] .topicCol:last-child {
      display: none; }
    .module_TeaserSplitted .topicTeaserMain[data-layout="3"] .topicCol:nth-child(2) {
      width: 66%; }
    .module_TeaserSplitted .topicTeaserMain[data-layout="3"] .topicCol:last-child {
      display: none; }
    .module_TeaserSplitted .topicTeaserMain .topic {
      width: 100%;
      margin-bottom: 1.538em; }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_TeaserSplitted .topicTeaserMain .topic {
          margin-bottom: 1.538em; } }
      @media (max-width: 480px) {
        .module_TeaserSplitted .topicTeaserMain .topic {
          margin-bottom: 0.769em; } }
  .module_TeaserSplitted .teasers {
    font-size: 0.867em;
    color: #7C7B6D;
    font-weight: normal;
    line-height: 1.231em;
    padding: 0; }
    .module_TeaserSplitted .teasers .teaser {
      position: relative;
      min-height: 1px;
      float: left;
      width: 33%; }
      @media (max-width: 480px) {
        .module_TeaserSplitted .teasers .teaser {
          padding-left: 5px;
          padding-right: 5px; } }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_TeaserSplitted .teasers .teaser {
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 769px) {
        .module_TeaserSplitted .teasers .teaser {
          padding-left: 15px;
          padding-right: 15px; } }
      .module_TeaserSplitted .teasers .teaser .teaserImg img {
        margin-bottom: 0.6em;
        max-width: none;
        width: 100%; }
        .module_TeaserSplitted .teasers .teaser .teaserImg img.greyBorder {
          border: 1px solid #DEE4E7; }
        .module_TeaserSplitted .teasers .teaser .teaserImg img.noBorder {
          border: 0; }
      .module_TeaserSplitted .teasers .teaser h1, .module_TeaserSplitted .teasers .teaser h2 {
        font-family: Arial, Helvetica; }
      @media (min-width: 481px) and (max-width: 768px) {
        #left-side-modules .module_TeaserSplitted .teasers .teaser .headline {
          font-size: 1.154em; } }
      @media (max-width: 480px) {
        #left-side-modules .module_TeaserSplitted .teasers .teaser .headline {
          font-size: 1.077em; } }
      .module_TeaserSplitted .teasers .teaser p sub, .module_TeaserSplitted .teasers .teaser p sup {
        line-height: 0; }
      .module_TeaserSplitted .teasers .teaser .modTeaserSplittedFrameVideo {
        position: relative;
        color: #003CF5;
        cursor: pointer; }
        .module_TeaserSplitted .teasers .teaser .modTeaserSplittedFrameVideo .ext_VideoCloud_Popup {
          display: none; }
        .module_TeaserSplitted .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper {
          position: relative; }
          .module_TeaserSplitted .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper:not(:empty) {
            margin-bottom: 0.5em; }
          .module_TeaserSplitted .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper .glyphicon {
            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);
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            -moz-text-shadow: 2px 2px 4px #000000;
            text-shadow: 2px 2px 4px #000000;
            font-size: 3.333em; }
            @media (max-width: 480px) {
              .module_TeaserSplitted .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper .glyphicon {
                font-size: 2em; } }
        .module_TeaserSplitted .teasers .teaser .modTeaserSplittedFrameVideo:hover .glyphicon:not(:first-child) {
          opacity: 1; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/TeaserSplittedTwoCol/teaserSplittedTwoCol.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2020-06-16 11:17 [0eb43c0] Dominik R?znar - Update CSS of teaserSplittedTwoCol for MS
++ 2020-06-16 09:15 [209222f] Dominik R?znar - Add CSS teaserSplittedTwoCol for MS
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_TeaserSplittedTwoCol {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .module_TeaserSplittedTwoCol {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_TeaserSplittedTwoCol {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_TeaserSplittedTwoCol {
      padding-left: 15px;
      padding-right: 15px; } }
  .module_TeaserSplittedTwoCol .topicCol {
    position: relative;
    min-height: 1px;
    display: flex;
    width: 50%;
    clear: none; }
    @media (max-width: 480px) {
      .module_TeaserSplittedTwoCol .topicCol {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_TeaserSplittedTwoCol .topicCol {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      .module_TeaserSplittedTwoCol .topicCol {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 768px) {
      .module_TeaserSplittedTwoCol .topicCol {
        margin-top: 0.6em;
        width: 100%; } }
  .module_TeaserSplittedTwoCol .topicTeaserMain {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    .module_TeaserSplittedTwoCol .topicTeaserMain[data-layout="1"] .topicCol:first-child {
      width: 100%; }
    .module_TeaserSplittedTwoCol .topicTeaserMain[data-layout="1"] .topicCol:nth-child(2), .module_TeaserSplittedTwoCol .topicTeaserMain[data-layout="1"] .topicCol:nth-child(3) {
      display: none; }
    .module_TeaserSplittedTwoCol .topicTeaserMain[data-layout="2"] .topicCol:first-child {
      width: 66%; }
    .module_TeaserSplittedTwoCol .topicTeaserMain[data-layout="2"] .topicCol:last-child {
      display: none; }
    .module_TeaserSplittedTwoCol .topicTeaserMain[data-layout="3"] .topicCol:nth-child(2) {
      width: 66%; }
    .module_TeaserSplittedTwoCol .topicTeaserMain[data-layout="3"] .topicCol:last-child {
      display: none; }
    .module_TeaserSplittedTwoCol .topicTeaserMain .topic {
      width: 100%;
      margin-bottom: 1.538em; }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_TeaserSplittedTwoCol .topicTeaserMain .topic {
          margin-bottom: 1.538em; } }
      @media (max-width: 480px) {
        .module_TeaserSplittedTwoCol .topicTeaserMain .topic {
          margin-bottom: 0.769em; } }
  .module_TeaserSplittedTwoCol .teasers {
    font-size: 0.867em;
    color: #7C7B6D;
    font-weight: normal;
    line-height: 1.231em;
    padding: 0; }
    .module_TeaserSplittedTwoCol .teasers .teaser {
      position: relative;
      min-height: 1px;
      width: 50%;
      float: left; }
      @media (max-width: 480px) {
        .module_TeaserSplittedTwoCol .teasers .teaser {
          padding-left: 5px;
          padding-right: 5px; } }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_TeaserSplittedTwoCol .teasers .teaser {
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 769px) {
        .module_TeaserSplittedTwoCol .teasers .teaser {
          padding-left: 15px;
          padding-right: 15px; } }
      @media (max-width: 768px) {
        .module_TeaserSplittedTwoCol .teasers .teaser {
          margin-top: 0.6em;
          width: 100%; } }
      .module_TeaserSplittedTwoCol .teasers .teaser .teaserImg img {
        margin-bottom: 0.6em;
        max-width: none;
        width: 100%; }
        .module_TeaserSplittedTwoCol .teasers .teaser .teaserImg img.greyBorder {
          border: 1px solid #DEE4E7; }
        .module_TeaserSplittedTwoCol .teasers .teaser .teaserImg img.noBorder {
          border: 0; }
      .module_TeaserSplittedTwoCol .teasers .teaser h1, .module_TeaserSplittedTwoCol .teasers .teaser h2 {
        font-family: Arial, Helvetica; }
      .module_TeaserSplittedTwoCol .teasers .teaser h3 {
        font-family: Trebuchet MS, Arial, Helvetica;
        margin-bottom: 0.5em;
        padding-bottom: 0.385em;
        text-transform: uppercase;
        clear: both;
        font-size: 1em;
        color: #7C7B6D;
        font-weight: bold;
        cursor: default; }
      @media (min-width: 481px) and (max-width: 768px) {
        #left-side-modules .module_TeaserSplittedTwoCol .teasers .teaser .headline {
          font-size: 1.154em; } }
      @media (max-width: 480px) {
        #left-side-modules .module_TeaserSplittedTwoCol .teasers .teaser .headline {
          font-size: 1.077em; } }
      .module_TeaserSplittedTwoCol .teasers .teaser p sub, .module_TeaserSplittedTwoCol .teasers .teaser p sup {
        line-height: 0; }
      .module_TeaserSplittedTwoCol .teasers .teaser .modTeaserSplittedFrameVideo {
        position: relative;
        color: #003CF5;
        cursor: pointer; }
        .module_TeaserSplittedTwoCol .teasers .teaser .modTeaserSplittedFrameVideo .ext_VideoCloud_Popup {
          display: none; }
        .module_TeaserSplittedTwoCol .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper {
          position: relative; }
          .module_TeaserSplittedTwoCol .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper:not(:empty) {
            margin-bottom: 0.5em; }
          .module_TeaserSplittedTwoCol .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper .glyphicon {
            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);
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            -moz-text-shadow: 2px 2px 4px #000000;
            text-shadow: 2px 2px 4px #000000;
            font-size: 3.333em; }
            @media (max-width: 480px) {
              .module_TeaserSplittedTwoCol .teasers .teaser .modTeaserSplittedFrameVideo .arrowWrapper .glyphicon {
                font-size: 2em; } }
        .module_TeaserSplittedTwoCol .teasers .teaser .modTeaserSplittedFrameVideo:hover .glyphicon:not(:first-child) {
          opacity: 1; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Text/text.scss
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2017-12-18 10:42 [7a3505a] Stepan Hlavaty - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2017-12-18 09:26 [b5e5db8] Zdenek Klug - Update CSS for 2nd level of list for HTML5
++ 2017-11-15 12:51 [8124590] Jan Klimes - Changed indent for ol tag in Text module for microsite_html5
++ 2017-09-01 08:15 [6d7c63f] Jan Klimes - Update list color in module Text for microsite_html5
++ 2017-08-31 13:40 [3db1fc3] Jan Klimes - Updated Text module for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_Text {
  margin-bottom: 0 !important; }
  .row > .module_Text {
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%; }
    @media (max-width: 480px) {
      .row > .module_Text {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .row > .module_Text {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      .row > .module_Text {
        padding-left: 15px;
        padding-right: 15px; } }
  #left-side-modules .module_Text .text {
    font-weight: normal;
    color: #7C7B6D;
    font-size: 0.867em;
    line-height: 1.231em;
    margin-bottom: 1.7em; }
  .module_Text .text {
    font-weight: normal;
    color: #7C7B6D;
    margin-bottom: 1.867em; }
  .module_Text #middle .text {
    font-size: 13px; }
  .module_Text .text-download {
    font-weight: normal;
    color: #7C7B6D; }
  .module_Text .text p {
    margin-bottom: 1.154em; }
  .module_Text .textToolbox a:hover {
    text-decoration: none; }
  .module_Text .text .headline, .module_Text .text h1 {
    color: #000;
    display: block;
    font-size: 20px;
    margin-bottom: 1em;
    vertical-align: top;
    margin-top: 9px; }
  .module_Text .emptypage .text .headline {
    margin-bottom: 0; }
  .module_Text .text ul, .module_Text .text ol {
    margin-top: 1.538em;
    margin-left: 1.462em;
    font-size: 1em;
    margin-bottom: 1.538em;
    color: #7C7B6D; }
    .module_Text .text ul li ul, .module_Text .text ul li ol, .module_Text .text ol li ul, .module_Text .text ol li ol {
      margin-bottom: 0.385em;
      margin-top: 0.385em; }
  .module_Text .toolbox .reports .text .headlineSlider, .module_Text .toolbox .reports-simple .report-simple .headline {
    color: #000000;
    display: block;
    font-weight: 700; }
  .module_Text .toolbox .reports-simple img.smallIconNew {
    float: left;
    height: 20px;
    padding-left: 10px;
    width: 20px; }
  .module_Text .text sup {
    font-size: 0.769em; }
  .module_Text .content .highlight {
    color: #003CF5; }
  .module_Text .small-headline {
    margin-bottom: 0.769em;
    font-size: 0.867em;
    font-weight: normal; }
  .module_Text .topic2 {
    height: 1.333em;
    font: bold 0.867em  Arial, Helvetica;
    color: #7C7B6D;
    padding-bottom: 0.308em;
    clear: both;
    height: auto; }
  .module_Text .topic {
    font-size: 0.867em;
    font-family: Arial, Helvetica !important;
    border-bottom: 1px solid #7C7B6D;
    color: #7C7B6D !important;
    margin-bottom: 1.154em;
    padding-bottom: 0.385em;
    clear: both;
    font-weight: bold; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ContentModules/Video/video.scss
++ 2021-06-01 08:40 [3c01007] Vojtech Schwarz - Update videoCloud to mediaElement for MS-HTML5
++ 2017-09-05 10:42 [c6f1873] Jan Klimes - Added module Video (VideoCloud) for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

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

.module_Video .errorText, .ui-popup-container .videoPopup .errorText {
  display: block;
  width: 100%;
  height: 3.333em;
  background-color: #000;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 14px; }

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

.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;
  background: #ffffff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.75) ;
  -moz-box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.75) ;
  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 #bdc9cf;
    border-top-color: #003cf5;
    animation: spin 1s infinite linear; }

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

.ui-popup-container.error {
  display: block;
  height: 5.333em;
  background-color: #000; }

.ui-popup-container .errorText {
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 14px; }

.ui-popup-container .videoPopup {
  padding: 0; }
  .ui-popup-container .videoPopup .title {
    padding: 0.533em;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    background-image: -o-linear-gradient(top, rgba(50, 50, 50, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    background-image: linear-gradient(to bottom, rgba(50, 50, 50, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3323232', endColorstr='#B3000000', GradientType=0); }
  .ui-popup-container .videoPopup .title + .ui-icon-delete {
    top: 0.333em;
    right: 0.333em; }
  .ui-popup-container .videoPopup .ui-icon-delete {
    background: #ffffff;
    border-color: #6a7a86; }
    .ui-popup-container .videoPopup .ui-icon-delete:after {
      -moz-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      -webkit-transition: opacity 0.3s ease;
      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;
  margin-bottom: 1.333em; }
  .row > .module_Video {
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%; }
    @media (max-width: 480px) {
      .row > .module_Video {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .row > .module_Video {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      .row > .module_Video {
        padding-left: 15px;
        padding-right: 15px; } }
  .module_Video.ext_Video_Popup {
    margin-bottom: 0; }
    .module_Video.ext_Video_Popup .video {
      display: none; }
  .module_Video .videoNavigateHelp input {
    margin: .2em 0 .2em 0;
    background: transparent;
    border: 0;
    cursor: copy;
    color: #000000; }
    .module_Video .videoNavigateHelp input:hover {
      text-decoration: underline; }
  .module_Video .videoNavigateHelp .popover-content {
    color: #000000;
    font-size: 0.8em; }
  .module_Video .videoContainer {
    margin-bottom: 0;
    /*            .mi-player .mi-player-generator.mi-big-play {
            border: 0 !important;
            background-color: transparent !important;
        }*/ }
    .module_Video .videoContainer iframe {
      width: 100%; }
    .module_Video .videoContainer .mi-player[style],
    .module_Video .videoContainer .mi-player > video[style],
    .module_Video .videoContainer .mi-player > object[style] {
      height: 100% !important; }

/*
**
**============================================= 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: 6_microsite_html5/module/ContentModules/WishList/wishList.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2018-06-28 07:39 [d96aee9] Zdenek Klug - New module WishList for MS Mining
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_WishListCollection {
  display: none; }
  .module_WishListCollection .item {
    padding: 1.333em 0;
    border-bottom: 1px dotted #ccc; }
    .module_WishListCollection .item .productName {
      padding-top: 0.467em; }
  .module_WishListCollection .heading {
    font-weight: bold;
    padding-bottom: 0.667em;
    text-transform: uppercase; }

.module_WishListContent a:hover {
  text-decoration: none; }

.module_WishListContent .errorToWishList {
  text-align: center;
  color: red;
  display: none;
  margin-top: 2.333em; }

.module_WishListContent .update, .module_WishListContent .cancel {
  display: none; }

.wishBtn {
  color: #ffffff;
  background-color: #003cf5;
  border-radius: 0.267em; }
  .wishBtn:hover {
    cursor: pointer;
    background-color: #003cf5;
    color: #ffffff; }
  .wishBtn.submit {
    display: none;
    background-color: green;
    margin: 2.333em auto; }
  .wishBtn.back {
    margin-bottom: 3.333em; }

.module_WishListSendRequest {
  padding-top: 2em; }
  .module_WishListSendRequest .headline {
    font-size: 1.333em;
    text-transform: uppercase;
    padding-bottom: 1em; }
  .module_WishListSendRequest .reqestedItems {
    padding-bottom: 1.333em; }
  .module_WishListSendRequest .module_WishListCollection {
    display: block; }
  @media (min-width: 769px) {
    .module_WishListSendRequest .contactFormRow ~ .contactFormRow .form_column:first-child {
      /*                    width: 66%;*/ } }
  .module_WishListSendRequest .contactFormRow .form_column {
    font-size: 1em;
    position: relative;
    min-height: 1px; }
    .module_WishListSendRequest .contactFormRow .form_column:empty {
      display: none; }
    @media (max-width: 480px) {
      .module_WishListSendRequest .contactFormRow .form_column {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_WishListSendRequest .contactFormRow .form_column {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      .module_WishListSendRequest .contactFormRow .form_column {
        padding-left: 15px;
        padding-right: 15px; } }
    .module_WishListSendRequest .contactFormRow .form_column:nth-child(1) {
      float: left;
      width: 100%; }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_WishListSendRequest .contactFormRow .form_column:nth-child(1) {
          float: left;
          width: 100%; } }
      @media (min-width: 769px) {
        .module_WishListSendRequest .contactFormRow .form_column:nth-child(1) {
          float: left;
          width: 33%; } }
    .module_WishListSendRequest .contactFormRow .form_column:nth-child(2) {
      float: left;
      width: 100%; }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_WishListSendRequest .contactFormRow .form_column:nth-child(2) {
          float: left;
          width: 100%; } }
      @media (min-width: 769px) {
        .module_WishListSendRequest .contactFormRow .form_column:nth-child(2) {
          float: left;
          width: 33%; } }
    .module_WishListSendRequest .contactFormRow .form_column:nth-child(3) {
      float: left;
      width: 50%; }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_WishListSendRequest .contactFormRow .form_column:nth-child(3) {
          float: left;
          width: 50%; } }
      @media (min-width: 769px) {
        .module_WishListSendRequest .contactFormRow .form_column:nth-child(3) {
          float: left;
          width: 33%; } }
  .module_WishListSendRequest .form_item input {
    line-height: normal; }
  .module_WishListSendRequest .form_item input {
    border: 1px solid #7C7B6D;
    margin-bottom: 0.333em; }
  .module_WishListSendRequest .form_item input[type=text] {
    width: 100%;
    margin: .25em .5em 0.5em 0;
    padding: .2em; }
  .module_WishListSendRequest .form_item input[type=text]:focus {
    background-color: #fff; }
  .module_WishListSendRequest .form_item input[type=password] {
    width: 8em;
    margin: .25em .5em 0.5em 0;
    padding: .2em; }
  .module_WishListSendRequest .form_item input[type=password]:focus {
    background-color: #fff; }
  .module_WishListSendRequest .form_item input[type=radio] {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0.25em 0.1em 0.2em 0;
    font-size: 1em;
    border: 0; }
  .module_WishListSendRequest .form_item input[type=checkbox] {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .1em 0.2em 0;
    font-size: 1em;
    border: 0; }
  .module_WishListSendRequest .form_item input[type=image] {
    margin: .5em 0 0 0;
    background: transparent;
    border: 0; }
  .module_WishListSendRequest .form_item input.radio {
    display: inline-block;
    border: 0; }
  .module_WishListSendRequest .form_item label.radio {
    display: inline-block;
    padding: 0 .6em 0 .3em; }
  .module_WishListSendRequest .form_item select {
    height: 2em;
    margin-bottom: 0.55em;
    float: left;
    width: 11.6em;
    margin-top: .25em;
    font-size: .9em;
    color: #333;
    font-family: Arial, Helvetica;
    background-color: #ffffff;
    border: 1px solid #7C7B6D; }
  .module_WishListSendRequest .form_item label.label_item {
    float: left;
    width: 98%; }
  .module_WishListSendRequest .form_item.freeLine {
    height: 0.5em; }
  .module_WishListSendRequest .form_item.break {
    float: left;
    width: 98%;
    border: 1px #000 solid;
    clear: both; }
  @media (max-width: 768px) {
    .module_WishListSendRequest .form_item.captcha {
      text-align: center; } }
  .module_WishListSendRequest .form_item.captcha input[type=text] {
    width: 50%;
    margin-right: 0; }
    @media (max-width: 768px) {
      .module_WishListSendRequest .form_item.captcha input[type=text] {
        width: 33%;
        text-align: center; } }
  .module_WishListSendRequest .form_item.captcha .formCaptcha {
    width: 162px;
    height: 82px; }
  .module_WishListSendRequest .form_item.captcha .captchaRefresh {
    display: inline-block;
    margin-left: 0.667em;
    margin-top: 2.467em;
    vertical-align: top;
    -moz-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
    -webkit-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
    text-decoration: none; }
    .module_WishListSendRequest .form_item.captcha .captchaRefresh:after {
      font-family: 'Glyphicons Halflings';
      content: '\e031';
      color: #000;
      font-size: 1.6em; }
    .module_WishListSendRequest .form_item.captcha .captchaRefresh:hover:after, .module_WishListSendRequest .form_item.captcha .captchaRefresh:hover {
      color: #003cf5;
      text-decoration: none;
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); }
  .module_WishListSendRequest textarea.form_input {
    width: 100%;
    border: 1px solid #7C7B6D;
    margin: 0.25em 0.5em 0.5em 0;
    padding: 0.2em;
    height: 5.05em; }
    .module_ContactPage .form_column .form_item textarea.form_input {
      width: 100%; }
  .module_WishListSendRequest .submit_button {
    padding-top: 1.267em;
    padding-right: 33%;
    text-align: center; }
    @media (max-width: 768px) {
      .module_WishListSendRequest .submit_button {
        padding-right: 0; } }
    .module_WishListSendRequest .submit_button a.blueArrow, .module_WishListSendRequest .submit_button input.blueArrow {
      background-color: green;
      border-radius: 0.267em;
      border: 0 solid #7C7B6D;
      color: #FFFFFF;
      font-family: Arial, Helvetica;
      padding: 0.4em 2.133em;
      text-decoration: none;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .module_WishListSendRequest .submit_button a.blueArrow, .module_WishListSendRequest .submit_button input.blueArrow {
          text-align: center;
          width: 33%; } }
  .module_WishListSendRequest .form_info {
    clear: both;
    padding-top: 2em; }
  .module_WishListSendRequest .form_item_large {
    height: 7.333em; }
  .module_WishListSendRequest .form_item_large {
    height: auto; }
  .module_WishListSendRequest input.form_input_text {
    width: 99%; }
  .module_WishListSendRequest select.form_select {
    width: 9em;
    border: 1px solid #7C7B6D; }
  .module_WishListSendRequest fieldset {
    border: 1px;
    margin: 0;
    padding: 0; }
  .module_WishListSendRequest div.form_item_large fieldset {
    width: 20.667em;
    padding-top: 0.533em; }
  .module_WishListSendRequest .rightCheckBoxes {
    float: left;
    width: 10.333em; }
  .module_WishListSendRequest .leftCheckBoxes {
    float: right;
    width: 10.333em; }
  .module_WishListSendRequest label.radio {
    text-align: left;
    width: auto;
    padding-top: 0.5em;
    border: 0; }
  .module_WishListSendRequest .form_column .checkboxes .label_item {
    padding-bottom: 0.2em; }
  .module_WishListSendRequest .form_column .checkbox-item {
    width: 98%;
    float: left; }
  .module_WishListSendRequest .form_column .checkbox-item .radio {
    height: 1.5em; }
  .module_WishListSendRequest .rightColl {
    font-size: 1em; }
  .module_WishListSendRequest .rightColl span.headline, .module_WishListSendRequest .leftColl span.headline {
    color: #000;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 0.385em; }
  .module_WishListSendRequest .rightColl, .module_WishListSendRequest .leftColl {
    margin: 1.8em 0 3.133em 0; }
    @media (max-width: 768px) {
      .module_WishListSendRequest .rightColl, .module_WishListSendRequest .leftColl {
        margin-top: 0;
        margin-bottom: 0; } }
  .module_WishListSendRequest .form_error_offline {
    display: none; }
  .module_WishListSendRequest .rightColl div.form_error_inline p, .module_WishListSendRequest .form_error {
    color: #CB3017;
    padding: .333em 0 15px 0;
    line-height: 1; }
  .module_WishListSendRequest .form_error_inline {
    display: none; }

/*.wishlistForm {
    
        
    .ui-dialog-titlebar-close.ui-state-hover {
        border: 0;
        font-weight: bold;
    }
    
    .ui-icon.ui-icon-closethick {
        text-indent: 0;
    }
    
    .form_column {
        
        .form_error_inline, .form_error, .form_error_offline {
            display: none;
        }

        input[type="text"] {
            
            width: 100%;
            margin-bottom: fromPxToEm(8);
        }
        
        textarea {
            
            width: 100%;
        }
        
        .radio {
            
            display: inline;
            margin-right: fromPxToEm(4);            
        }
        
        .submit_button  {
            
            text-align: center;
            padding-bottom: fromPxToEm(10); 
            
            input {
            
                color: white;
                @include font-size(15);
                padding: fromPxToEm(6,15) fromPxToEm(50,15);
                background-color: green;
                border: 1px solid #ccc; 
                border-radius: fromPxToEm(4);
            }
        }
        
    }
    
    .headline {
     
        text-align: center;
        padding-top: fromPxToEm(15);
        
    }
    
    .reqestItems {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 20px;
    }
}


//CSS for PopupTeaser
.module_PopupTeaser .contentDialog {
  
    display: none;
}

.custom_dialog {
        
    
    .headline {
     
        text-transform: uppercase;
        
    }
}**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/SharedModules/LanguageMenu/languageMenu.scss
++ 2017-09-19 08:49 [92a8696] Jan Klimes - Fixed right position of language dropdown for category selection page for microsite_html5
++ 2017-08-31 13:40 [01fee8d] Jan Klimes - Updated LanguageMenu module for microsite_html5
++ 2017-08-18 09:28 [545e70b] Jan Klimes - Updated language menu and shared styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

/*
++ GIT: 6_microsite_html5/library/bootstrap/mixins/_border-radius.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_LanguageMenu {
  position: relative; }
  #tools.toolsInHead #languages .module_LanguageMenu .languages {
    background: #e8e8e8;
    right: 0; }
  #tools-centred #languages .module_LanguageMenu .languages {
    right: 1em; }
    @media (min-width: 481px) and (max-width: 768px) {
      #tools-centred #languages .module_LanguageMenu .languages {
        right: 0.667em; } }
    @media (max-width: 480px) {
      #tools-centred #languages .module_LanguageMenu .languages {
        right: 0.333em; } }
  #languages .module_LanguageMenu .languages {
    display: none;
    position: absolute;
    right: 1em;
    top: 1.4em;
    z-index: 20;
    border: 1px solid #333;
    border-top: 0;
    background: #ffffff;
    padding: 0.133em;
    padding-bottom: 0.267em;
    -webkit-box-shadow: 0px 4px 4px #666 ;
    -moz-box-shadow: 0px 4px 4px #666 ;
    box-shadow: 0px 4px 4px #666 ;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
    @media (min-width: 481px) and (max-width: 768px) {
      #languages .module_LanguageMenu .languages {
        right: 0.667em; } }
    @media (max-width: 480px) {
      #languages .module_LanguageMenu .languages {
        right: 0.333em; } }
    #languages .module_LanguageMenu .languages .langItem {
      position: relative;
      min-height: 1px;
      float: left;
      width: 100%; }
      @media (max-width: 480px) {
        #languages .module_LanguageMenu .languages .langItem {
          padding-left: 5px;
          padding-right: 5px; } }
      @media (min-width: 481px) and (max-width: 768px) {
        #languages .module_LanguageMenu .languages .langItem {
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 769px) {
        #languages .module_LanguageMenu .languages .langItem {
          padding-left: 15px;
          padding-right: 15px; } }
    #languages .module_LanguageMenu .languages[data-column-count="2"] .langItem {
      float: left;
      width: 50%; }
    #languages .module_LanguageMenu .languages[data-column-count="3"] .langItem {
      float: left;
      width: 33%; }
    #languages .module_LanguageMenu .languages[data-column-count="4"] .langItem {
      float: left;
      width: 25%; }
    #languages .module_LanguageMenu .languages[data-column-count="5"] .langItem {
      float: left;
      width: 20%; }
  #languages .module_LanguageMenu .langCurrent {
    display: block;
    height: 1.4em;
    line-height: 1.4em;
    text-decoration: none; }
  #languages .module_LanguageMenu .langItem {
    padding-left: 2px !important;
    padding-right: 2px !important; }
  #languages .module_LanguageMenu .langFlag {
    top: 1px; }
  #languages .module_LanguageMenu a.langLink {
    display: block;
    padding: 0.267em 0.4em 0.267em 0.4em;
    text-decoration: none;
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    #languages .module_LanguageMenu a.langLink:hover {
      background: #ce9600; }
      #languages .module_LanguageMenu a.langLink:hover span {
        color: #fff; }
  #languages .module_LanguageMenu .langLabel {
    color: #888;
    font-size: 0.8em;
    font-weight: bold; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/SharedModules/Lightbox/lightbox.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/library/bootstrap/mixins/_border-radius.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_Lightbox {
  /* ACTIVITY INDICATION */
  /* OVERLAY */
  /* "CLOSE" BUTTON */
  /* CAPTION */
  /* ARROWS */
  /* DOWNLOAD ICON */ }
  .module_Lightbox#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    margin-bottom: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75) ;
    -moz-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75) ;
    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;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75) ;
    -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75) ;
    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 #6a7a86;
      border-top-color: #003cf5;
      animation: spin 1s infinite linear; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .module_Lightbox > #imagelightbox-overlay {
    background-color: #fff;
    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;
    text-align: left;
    background-color: #6a7a86;
    position: fixed;
    z-index: 10002;
    top: 2.5em;
    right: 2.5em;
    opacity: .8;
    border: 0;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: color 0.3s ease, opacity 0.3s ease;
    -o-transition: color 0.3s ease, opacity 0.3s ease;
    -webkit-transition: color 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, opacity 0.3s ease; }
    @media (max-width: 768px) {
      .module_Lightbox > #imagelightbox-close {
        top: 0;
        right: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-bottom-left-radius: 50%; } }
    .module_Lightbox > #imagelightbox-close:hover {
      opacity: 1; }
    .module_Lightbox > #imagelightbox-close > .glyphicon {
      position: static;
      color: #dee4e7;
      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: #6a7a86;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    text-align: center;
    cursor: pointer;
    opacity: .8;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    @media (min-width: 769px) {
      .module_Lightbox .imagelightbox-arrow {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; } }
    @media (max-width: 768px) {
      .module_Lightbox .imagelightbox-arrow {
        width: 2.4em;
        margin-top: -2.4em; } }
    .module_Lightbox .imagelightbox-arrow:hover {
      opacity: 1; }
    .module_Lightbox .imagelightbox-arrow > .glyphicon {
      position: static;
      color: #dee4e7;
      font-size: 1.5em;
      line-height: 4em; }
      @media (max-width: 768px) {
        .module_Lightbox .imagelightbox-arrow > .glyphicon {
          line-height: 3.2em; } }
    .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-left {
      left: 2.5em; }
      @media (max-width: 768px) {
        .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 {
        margin-right: 0.3em;
        -moz-transition: margin-right 0.3s ease;
        -o-transition: margin-right 0.3s ease;
        -webkit-transition: margin-right 0.3s ease;
        transition: margin-right 0.3s ease; }
    .module_Lightbox .imagelightbox-arrow.imagelightbox-arrow-right {
      right: 2.5em; }
      @media (max-width: 768px) {
        .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 {
        margin-left: 0.3em;
        -moz-transition: margin-left 0.3s ease;
        -o-transition: margin-left 0.3s ease;
        -webkit-transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease; }
  .module_Lightbox .glyphicon.download {
    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: #dee4e7;
    opacity: .8;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: color 0.3s ease, opacity 0.3s ease;
    -o-transition: color 0.3s ease, opacity 0.3s ease;
    -webkit-transition: color 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, opacity 0.3s ease; }
    @media (max-width: 768px) {
      .module_Lightbox .glyphicon.download {
        top: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%; } }
    .module_Lightbox .glyphicon.download: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 {
    -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: 768px) {
    .module_Lightbox #container {
      width: 100%; } }
  @media only screen and (480px) {
    .module_Lightbox .imagelightbox-arrow-left {
      left: 0; }
    .module_Lightbox .imagelightbox-arrow-right {
      right: 0; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/SharedModules/SiteSearch/siteSearch.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2019-04-02 13:33 [f00b8e2] Zdenek Klug - Fix displaying search input for Microsites
++ 2019-01-31 08:01 [0ad26ad] Zdenek Klug - Fix - temporary hiding search inputs for Microsites(HTML5)
++ 2018-09-25 15:48 [23dc36c] Stanislav ?incl - Update SiteSearch SCSS, lesser search field bug fix
++ 2018-01-03 10:27 [2a1a232] Jan Klimes - Updated styles for help popup in GSA frontend for microsite_html5
++ 2018-01-03 09:32 [e60c7a3] Jan Klimes - Added missing GSA frontend styles for microsite_html5
++ 2017-09-01 08:16 [fa67932] Jan Klimes - Updated search input position on empty page for module SiteSearch for microsite_html5
++ 2017-08-18 09:27 [ed5b131] Jan Klimes - Updated stylesheet for search module for microsite_html5
++ 2017-08-03 06:54 [fd33e59] Jan Klimes - Updated Klaptool and Sitesearch for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.siteSearch, .module_SiteSearch {
  display: inline-block;
  border-radius: 0.3em 0.3em 0.3em 0.3em;
  height: 22px;
  /* Category selection page */ }
  @media (max-width: 768px) {
    .siteSearch:not(.mobile), .module_SiteSearch:not(.mobile) {
      display: none; } }
  .siteSearch.categorySelectionPage, .module_SiteSearch.categorySelectionPage {
    position: relative;
    top: 0px;
    width: 172px;
    z-index: 10; }
    .siteSearch.categorySelectionPage #search, .module_SiteSearch.categorySelectionPage #search {
      background-color: rgba(0, 0, 0, 0); }
    .siteSearch.categorySelectionPage #searchMagnifier, .module_SiteSearch.categorySelectionPage #searchMagnifier {
      right: 12px; }
  .siteSearch.standardPage, .siteSearch.sitemapPage, .siteSearch.emptyPage, .siteSearch.homePage, .siteSearch.catselPage, .module_SiteSearch.standardPage, .module_SiteSearch.sitemapPage, .module_SiteSearch.emptyPage, .module_SiteSearch.homePage, .module_SiteSearch.catselPage {
    position: relative;
    top: -0.667em;
    width: 10.8em;
    z-index: 10; }
    .siteSearch.standardPage .search, .siteSearch.sitemapPage .search, .siteSearch.emptyPage .search, .siteSearch.homePage .search, .siteSearch.catselPage .search, .module_SiteSearch.standardPage .search, .module_SiteSearch.sitemapPage .search, .module_SiteSearch.emptyPage .search, .module_SiteSearch.homePage .search, .module_SiteSearch.catselPage .search {
      background-color: rgba(0, 0, 0, 0); }
    .siteSearch.standardPage .searchMagnifier, .siteSearch.sitemapPage .searchMagnifier, .siteSearch.emptyPage .searchMagnifier, .siteSearch.homePage .searchMagnifier, .siteSearch.catselPage .searchMagnifier, .module_SiteSearch.standardPage .searchMagnifier, .module_SiteSearch.sitemapPage .searchMagnifier, .module_SiteSearch.emptyPage .searchMagnifier, .module_SiteSearch.homePage .searchMagnifier, .module_SiteSearch.catselPage .searchMagnifier {
      right: 1px; }
  .siteSearch.catselPage, .module_SiteSearch.catselPage {
    top: 0px; }
  .siteSearch.emptyPage, .module_SiteSearch.emptyPage {
    top: 0px; }
  .siteSearch.homePage ~ ul, .siteSearch.standardPage ~ ul, .module_SiteSearch.homePage ~ ul, .module_SiteSearch.standardPage ~ ul {
    position: relative;
    top: -0.733em; }
  .siteSearch.sliderStartPage, .module_SiteSearch.sliderStartPage {
    position: absolute;
    top: 0.667em;
    right: 0;
    width: 13.667em;
    z-index: 1000;
    margin-left: 2em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .siteSearch.sliderStartPage, .module_SiteSearch.sliderStartPage {
        margin-left: 1.333em; } }
    @media (max-width: 480px) {
      .siteSearch.sliderStartPage, .module_SiteSearch.sliderStartPage {
        margin-left: 0.667em; } }
    .siteSearch.sliderStartPage .search, .module_SiteSearch.sliderStartPage .search {
      width: 18.636em; }
    .siteSearch.sliderStartPage .searchMagnifier, .module_SiteSearch.sliderStartPage .searchMagnifier {
      right: 1px; }
  .siteSearch.mobile, .module_SiteSearch.mobile {
    margin: 0.933em;
    float: right; }
    .siteSearch.mobile .search, .module_SiteSearch.mobile .search {
      color: #6a7a86;
      background: transparent;
      border-color: #6a7a86; }
      .siteSearch.mobile .search::placeholder, .module_SiteSearch.mobile .search::placeholder {
        color: #6a7a86; }
  .siteSearch form, .module_SiteSearch form {
    position: relative; }
    .siteSearch form:after, .module_SiteSearch form:after {
      display: block;
      clear: both;
      content: ''; }
  .siteSearch .search, .module_SiteSearch .search {
    display: block;
    float: left;
    border: 1px solid #D3D7DC;
    line-height: 20px;
    height: 24px;
    width: 100%;
    color: #6a7a86;
    padding-left: 3px;
    padding-right: 23px;
    outline: none;
    font-size: 0.733em; }
    .siteSearch .search:focus, .module_SiteSearch .search:focus {
      border: 1px solid #003cf5 !important;
      /*outline: 1px solid;outline: auto -webkit-focus-ring-color;*/
      /*outline-color: $hella-color-minor;*/ }
    .siteSearch .search:focus ~ .searchMagnifier, .module_SiteSearch .search:focus ~ .searchMagnifier {
      color: #003cf5; }
  .siteSearch .searchMagnifier.glyphicon, .module_SiteSearch .searchMagnifier.glyphicon {
    cursor: pointer;
    position: absolute;
    right: 0.313em;
    top: 0.25em;
    color: #6a7a86;
    font-size: 1.067em; }
    .siteSearch .searchMagnifier.glyphicon.focused, .module_SiteSearch .searchMagnifier.glyphicon.focused {
      color: #003cf5; }
  .siteSearch input.search:focus, .module_SiteSearch input.search:focus {
    border-color: #003cf5;
    outline-color: #003cf5; }

#searchHeader {
  background-color: #E2E5E8;
  border: 1px solid #BBB;
  margin-bottom: 20px; }
  @media (max-width: 480px) {
    #searchHeader {
      margin-left: 5px;
      margin-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    #searchHeader {
      margin-left: 10px;
      margin-right: 10px; } }
  @media (min-width: 769px) {
    #searchHeader {
      margin-left: 15px;
      margin-right: 15px; } }
  #searchHeader #searchForm {
    padding: 12px 0;
    width: 100%; }
    @media (max-width: 480px) {
      #searchHeader #searchForm {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      #searchHeader #searchForm {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      #searchHeader #searchForm {
        padding-left: 15px;
        padding-right: 15px; } }
    #searchHeader #searchForm span.deleteicon {
      position: relative; }
      #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; }
        #searchHeader #searchForm span.deleteicon span:hover {
          background: url("images/search_delete_active_orange.png") repeat scroll 0 0 transparent; }
    #searchHeader #searchForm input[type="text"] {
      border-radius: 10px;
      border: 1px solid #E2E5E8;
      box-shadow: 2px 2px 2px 0 rgba(106, 122, 134, 0.5) inset;
      color: #6A7985;
      font-family: Arial;
      font-size: 0.933em;
      font-weight: normal;
      height: 45px;
      line-height: 3em;
      margin-right: 1%;
      padding-left: 14px;
      width: 64%; }
      @media (min-width: 481px) and (max-width: 768px) {
        #searchHeader #searchForm input[type="text"] {
          width: 62%; } }
      @media (max-width: 480px) {
        #searchHeader #searchForm input[type="text"] {
          width: 60%; } }
    #searchHeader #searchForm input[type="text"]:focus {
      border: 1px solid #003CF5;
      box-shadow: 0 0 0 0; }
    #searchHeader #searchForm input[type="submit"] {
      border-radius: 10px;
      background-color: #003CF5;
      border: medium none;
      cursor: pointer;
      height: 48px;
      padding-bottom: 2px;
      width: 30%;
      border: 1px solid #D3D7DC;
      box-shadow: 1px 1px 3px 0 #6A7A86 inset;
      text-transform: uppercase;
      color: white;
      font-weight: bold; }
  #searchHeader input[type="button"] {
    background-image: url("images/000_Styleguide_r1_c5.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain !important;
    border: 0;
    cursor: pointer;
    height: 26px;
    width: 4%;
    padding: 0;
    vertical-align: middle;
    margin-left: 1%; }
    @media (min-width: 481px) and (max-width: 768px) {
      #searchHeader input[type="button"] {
        width: 6%; } }
    @media (max-width: 480px) {
      #searchHeader input[type="button"] {
        width: 8%; } }
  #searchHeader input[type="button"]:hover {
    background-image: url("images/000_Styleguide_r1_c5_orange.png"); }
  #searchHeader .searchIcons {
    width: 100%; }
    #searchHeader .searchIcons:after {
      display: block;
      clear: both;
      content: ''; }
    #searchHeader .searchIcons .resultIcon {
      position: relative;
      min-height: 1px;
      float: left;
      width: 100%; }
      @media (max-width: 480px) {
        #searchHeader .searchIcons .resultIcon {
          padding-left: 5px;
          padding-right: 5px; } }
      @media (min-width: 481px) and (max-width: 768px) {
        #searchHeader .searchIcons .resultIcon {
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 769px) {
        #searchHeader .searchIcons .resultIcon {
          padding-left: 15px;
          padding-right: 15px; } }
      @media (min-width: 481px) and (max-width: 768px) {
        #searchHeader .searchIcons .resultIcon {
          float: left;
          width: 100%; } }
      @media (min-width: 769px) {
        #searchHeader .searchIcons .resultIcon {
          float: left;
          width: 33%; } }
      #searchHeader .searchIcons .resultIcon.active .iconText {
        background-color: #D3D7DC;
        border: 1px solid #D3D7DC;
        box-shadow: 1px 1px 3px 0 #6A7A86 inset;
        font-weight: bold; }
      #searchHeader .searchIcons .resultIcon:not(:nth-child(3)) .iconText {
        margin-bottom: 14px; }
      #searchHeader .searchIcons .resultIcon .iconText {
        display: block;
        background-color: #E2E5E8;
        border: 1px solid #A6B0B7;
        border-radius: 0.4em;
        cursor: pointer;
        font-weight: normal;
        font-size: 13px;
        padding: 12px 0 012px;
        text-align: center;
        position: relative; }
        #searchHeader .searchIcons .resultIcon .iconText:hover {
          cursor: pointer; }
      #searchHeader .searchIcons .resultIcon .numberOfResults {
        position: absolute;
        top: 3px;
        right: 3px;
        font-size: 11px;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        color: #6A7A86;
        padding: 3px;
        margin-left: 0; }
        @media (max-width: 480px) {
          #searchHeader .searchIcons .resultIcon .numberOfResults {
            margin-left: 5px;
            margin-right: 5px; } }
        @media (min-width: 481px) and (max-width: 768px) {
          #searchHeader .searchIcons .resultIcon .numberOfResults {
            margin-left: 10px;
            margin-right: 10px; } }
        @media (min-width: 769px) {
          #searchHeader .searchIcons .resultIcon .numberOfResults {
            margin-left: 15px;
            margin-right: 15px; } }
  #searchHeader .clear {
    display: none; }
  #searchHeader #searchInfo {
    background-color: white;
    border: 1px solid #A6B0B7;
    border-radius: 6px;
    box-shadow: 4.5px 4.5px 4.5px rgba(0, 0, 0, 0.2);
    display: none;
    right: 0;
    position: absolute;
    top: 80px;
    width: 555px;
    max-width: 100%;
    z-index: 200; }
    @media (max-width: 480px) {
      #searchHeader #searchInfo {
        margin-left: 5px;
        margin-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      #searchHeader #searchInfo {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (min-width: 769px) {
      #searchHeader #searchInfo {
        margin-left: 15px;
        margin-right: 15px; } }
  #searchHeader .infoContent {
    margin: 13px;
    font-size: 13px;
    font-weight: normal; }
  #searchHeader .infoContent h3 {
    font-weight: bold;
    margin-bottom: 14px;
    margin-bottom: 14px;
    font-size: 15px; }
  #searchHeader #searchInfo table td {
    background-color: #F7F7F9;
    padding: 5px;
    vertical-align: middle; }
  #searchHeader .infoClose {
    background: url("images/close.png") no-repeat scroll center center transparent;
    height: 35px;
    right: 10px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 39px; }
  #searchHeader .infoClose:hover {
    background: url("images/close_orange_hover.png") no-repeat scroll center center transparent; }
  #searchHeader .infoText {
    background-color: white;
    border: 1px solid #A6B0B7;
    border-radius: 5px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    display: none;
    font-size: 13px;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0; }

#contentSearch {
  background-color: #FFFFFF;
  float: left;
  padding-left: 28px;
  padding-right: 28px;
  width: 940px; }
  #contentSearch #emptyPlace {
    color: #FFFFFF;
    height: 15.8em;
    width: 100%; }

#searchResults {
  color: #6A7A86;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal; }
  @media (max-width: 480px) {
    #searchResults {
      margin-left: 5px;
      margin-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    #searchResults {
      margin-left: 10px;
      margin-right: 10px; } }
  @media (min-width: 769px) {
    #searchResults {
      margin-left: 15px;
      margin-right: 15px; } }
  #searchResults h1 {
    color: #000000;
    display: block;
    font-size: 20px;
    font-family: Arial,Helvetica;
    margin-bottom: 48px; }
  #searchResults .resultItem {
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Helvetica;
    line-height: 16px;
    color: #6A7A86;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D3D7DC;
    clear: both; }
    #searchResults .resultItem .resultIcon {
      display: block;
      float: left;
      height: 125px;
      width: 105px; }
      @media (max-width: 480px) {
        #searchResults .resultItem .resultIcon {
          width: 75px; } }
    #searchResults .resultItem .resultItemData {
      padding-left: 110px; }
      @media (max-width: 480px) {
        #searchResults .resultItem .resultItemData {
          padding-left: 80px; } }
  #searchResults #left-side[style] {
    width: 100% !important; }
  #searchResults .resultHeadline {
    display: block;
    height: 30px;
    margin-bottom: 12px; }
  #searchResults .resultHeadline a {
    margin-right: 10px; }
  #searchResults .modulePage {
    margin: 7px auto;
    padding: 11px;
    text-align: center;
    width: 100%; }
  #searchResults ul.jPag-pages {
    list-style-type: none;
    padding: 0; }
  #searchResults ul.jPag-pages li {
    display: inline; }
  #searchResults ul.jPag-pages li span.jPag-current, #searchResults ul.jPag-pages li a:hover {
    background-color: #003CF5;
    color: white; }
  #searchResults ul.jPag-pages li a, #searchResults ul.jPag-pages li span {
    border: 1px solid #D3D7DC;
    border-radius: 3px;
    color: #6A7A86;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 0.1em;
    padding: 0;
    text-align: center; }
    @media (max-width: 480px) {
      #searchResults ul.jPag-pages li a, #searchResults ul.jPag-pages li span {
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px; } }
  #searchResults .jPag-sprevious {
    background: url("images/000_Styleguide_r4_c34.png") no-repeat scroll center center transparent; }
    #searchResults .jPag-sprevious:after {
      content: "\00a0";
      white-space: pre; }
  #searchResults .jPag-snext {
    background: url("images/000_Styleguide_r4_c36.png") no-repeat scroll center center transparent; }
    #searchResults .jPag-snext:after {
      content: "\00a0";
      white-space: pre; }
  #searchResults .jPag-sprevious:hover {
    background: url("images/000_Styleguide_r22_c34_white.png") no-repeat scroll center center transparent; }
  #searchResults .jPag-snext:hover {
    background: url("images/000_Styleguide_r22_c36_white.png") no-repeat scroll center center transparent; }
  #searchResults .download, #searchResults .download a {
    font-size: 13px; }

#resultTabs ul {
  list-style-type: none;
  height: 50px; }

#resultTabs li {
  float: left;
  margin-right: 5px; }

#resultTabs a {
  background-color: #E2E5E8;
  color: #6A7A86;
  font-weight: normal;
  padding: 12px 21px;
  position: relative;
  top: 11px;
  border-radius: 0 0 5px 5px; }

#resultTabs a.active {
  background-color: #003CF5;
  color: white; }

#resultTabs a:hover {
  text-decoration: underline; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/SharedModules/Sitemap/sitemap.scss
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-01-05 10:46 [5d57676] Stepan Hlavaty - Added rule for last topic in sitemap, when there are 6 topics. Microsite HTML5.
++ 2018-01-05 10:29 [d72dbf2] Stepan Hlavaty - Breadcrumb styling updates (when breadcrumb item is no link). Margin for last sitemap topic when there is 6 topics.
++ 2017-09-18 12:27 [7b80fb0] Jan Klimes - Fixed sitemap padding for microsite_html5
++ 2017-09-18 12:14 [a32dfe5] Jan Klimes - Changed sitemap list paddings for microsite_html5
++ 2017-09-15 11:26 [463a6e3] Jan Klimes - Updated sitemap styles for microsite_html5
++ 2017-09-15 09:25 [f1f579c] Jan Klimes - Added sitemap styles for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_Sitemap {
  margin-top: 1.9em;
  margin-bottom: 6.667em; }
  .module_Sitemap #tools {
    width: 100%;
    float: none !important; }
    .module_Sitemap #tools img {
      border: 0px currentColor none; }
    .module_Sitemap #tools .headlineTools {
      margin-left: 0;
      height: 1.333em;
      float: left;
      color: #7C7B6D;
      text-transform: uppercase;
      font-size: 0.867em;
      font-weight: bold; }
  .module_Sitemap .rowSitemap {
    margin-top: 1em; }
    .text + .module_Sitemap .rowSitemap {
      margin-top: 0; }
    .module_Sitemap .rowSitemap *:link, .module_Sitemap .rowSitemap *:visited, .module_Sitemap .rowSitemap *:link, .module_Sitemap .rowSitemap *:visited {
      color: #7C7B6D; }
    .module_Sitemap .rowSitemap .topic {
      font-weight: bold;
      margin-left: 0;
      font-family: Arial, Helvetica, sans-serif;
      border-bottom: 0;
      color: #7C7B6D;
      margin-bottom: 1em;
      display: block;
      font-size: 0.867em; }
      @media (max-width: 480px) {
        .module_Sitemap .rowSitemap > *[class*="col-"]:not(:first-child) {
          margin-top: 3.077em; } }
    .module_Sitemap .rowSitemap ul {
      list-style-type: none;
      margin-left: 0; }
      .module_Sitemap .rowSitemap ul li a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.733em; }
        @media (max-width: 480px) {
          .module_Sitemap .rowSitemap ul li a {
            font-size: 0.8em; } }
      .module_Sitemap .rowSitemap ul li ul {
        margin-left: 1em; }
    .module_Sitemap .rowSitemap > *[class*="col-"]:not(:first-child) ul > li {
      padding-top: 1.2em; }
      .module_Sitemap .rowSitemap > *[class*="col-"]:not(:first-child) ul > li:first-of-type {
        padding-top: 0; }
      .module_Sitemap .rowSitemap > *[class*="col-"]:not(:first-child) ul > li > ul > li {
        padding-top: 0; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_Sitemap .rowSitemap > *[class*="col-"]:not(:first-child):nth-child(3n+4) {
        clear: left; } }
    @media (min-width: 769px) {
      .module_Sitemap .rowSitemap > *[class*="col-"]:nth-last-child(-n + 6):last-child .topic {
        margin-top: 2em; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_Sitemap .rowSitemap > *[class*="col-"]:nth-child(n+4) .topic {
        margin-top: 3.077em; } }
    .module_Sitemap .rowSitemap a:hover {
      color: #003CF5;
      text-decoration: none; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/SharedModules/SliderStartPage/sliderStartPage.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_SliderStartPage {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 54.22%;
  height: 0;
  overflow: hidden;
  margin-bottom: 0.667em; }
  .module_SliderStartPage .spContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border: 0; }
  .module_SliderStartPage .spRdPanelAbsolute {
    position: absolute;
    z-index: 3;
    left: 19em;
    top: 3em;
    width: 16em;
    background: #ddd; }
  .module_SliderStartPage .spRdPanelRelative {
    position: relative;
    z-index: 3;
    left: 19em;
    top: 2em;
    width: 16em;
    background: #ddd; }
  .module_SliderStartPage .spRdPanelVideo {
    position: absolute;
    z-index: 3;
    left: 36em;
    top: 2em;
    width: 29em;
    background: #ddd; }
  .module_SliderStartPage .spSlide {
    width: 100%;
    height: 100%;
    display: none; }
    .module_SliderStartPage .spSlide:not(.current) {
      display: none; }
  .module_SliderStartPage .spFrame {
    position: absolute;
    left: 0px;
    bottom: 2em;
    width: 65%;
    min-height: 8em;
    display: flex; }
    @media (max-width: 768px) {
      .module_SliderStartPage .spFrame {
        width: 100%;
        bottom: 0; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_SliderStartPage .spFrame {
        min-height: 6em; } }
    @media (max-width: 480px) {
      .module_SliderStartPage .spFrame {
        min-height: 4em; } }
    .module_SliderStartPage .spFrame .spIcon {
      -moz-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
    .module_SliderStartPage .spFrame .spWrap {
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
    .module_SliderStartPage .spFrame:hover .spIcon {
      opacity: .9; }
    .module_SliderStartPage .spFrame:hover .spWrap {
      background-color: rgba(255, 255, 255, 0.9); }
  .module_SliderStartPage .spFrame.spTypeImageLink {
    visibility: hidden; }
  .module_SliderStartPage .col-left, .module_SliderStartPage .col-right {
    min-height: 8em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_SliderStartPage .col-left, .module_SliderStartPage .col-right {
        min-height: 6em; } }
    @media (max-width: 480px) {
      .module_SliderStartPage .col-left, .module_SliderStartPage .col-right {
        min-height: 4em; } }
  .module_SliderStartPage .col-left {
    display: none; }
  .module_SliderStartPage .col-right {
    width: 100%; }
  .module_SliderStartPage .spWrap {
    height: 100%;
    background: rgba(255, 255, 255, 0.75); }
    @media (min-width: 769px) {
      .module_SliderStartPage .spWrap {
        border-top-right-radius: 0.667em;
        -moz-border-top-right-radius: 0.667em;
        -webkit-border-top-right-radius: 0.667em;
        border-bottom-right-radius: 0.667em;
        -moz-border-bottom-right-radius: 0.667em;
        -webkit-border-bottom-right-radius: 0.667em; } }
  .module_SliderStartPage .spText {
    position: relative;
    margin: 1.333em;
    color: #000; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_SliderStartPage .spText {
        margin: 1.1em; } }
    @media (max-width: 480px) {
      .module_SliderStartPage .spText {
        margin: .9em; } }
  .module_SliderStartPage .spTitle {
    font-family: Arial, Helvetica;
    font-size: 1.538em;
    line-height: 1.1em;
    margin-bottom: 1em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_SliderStartPage .spTitle {
        font-size: 1.25em; } }
    @media (max-width: 480px) {
      .module_SliderStartPage .spTitle {
        font-size: 1em; } }
  .module_SliderStartPage .spShort,
  .module_SliderStartPage .spMore {
    line-height: 1.073em;
    font-family: Arial;
    color: #333;
    line-height: 1.23em;
    font-size: 0.867em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_SliderStartPage .spShort,
      .module_SliderStartPage .spMore {
        font-size: 0.8em; } }
    @media (max-width: 480px) {
      .module_SliderStartPage .spShort,
      .module_SliderStartPage .spMore {
        font-size: 0.667em; } }
  .module_SliderStartPage .spMore {
    display: none; }
  .module_SliderStartPage .spLink {
    color: #003CF5; }
  @media (max-width: 768px) {
    .module_SliderStartPage .spTypeVideo {
      width: 100%; } }
  .module_SliderStartPage .spTypeVideo .col-left {
    width: 25%;
    display: block; }
  .module_SliderStartPage .spTypeVideo .col-right {
    margin-left: 1%;
    width: 74%; }
    @media (max-width: 768px) {
      .module_SliderStartPage .spTypeVideo .col-right {
        margin-left: 0;
        width: 75%; } }
  @media (max-width: 768px) {
    .module_SliderStartPage .spTypeVideo .spWrap {
      left: 10.667em; } }
  .module_SliderStartPage .spTypeVideo .spIcon {
    background: url("images/slider_icon_play.gif") center center;
    opacity: 0.75; }
    @media (max-width: 768px) {
      .module_SliderStartPage .spTypeVideo .spIcon {
        background-size: cover; } }
  @media (max-width: 768px) {
    .module_SliderStartPage .spTypeFile {
      width: 100%; } }
  .module_SliderStartPage .spTypeFile .col-left {
    width: 25%;
    display: block; }
  .module_SliderStartPage .spTypeFile .col-right {
    margin-left: 1%;
    width: 74%; }
    @media (max-width: 768px) {
      .module_SliderStartPage .spTypeFile .col-right {
        margin-left: 0;
        width: 75%; } }
  @media (max-width: 768px) {
    .module_SliderStartPage .spTypeFile .spWrap {
      left: 10.667em; } }
  .module_SliderStartPage .spTypeFile .spIcon {
    background: url("images/slider_icon_download.gif") center center;
    opacity: 0.75; }
    @media (max-width: 768px) {
      .module_SliderStartPage .spTypeFile .spIcon {
        background-size: cover; } }
  .module_SliderStartPage .spNavigation {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    right: 2em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_SliderStartPage .spNavigation {
        bottom: auto;
        top: 1.5em;
        right: 1.5em; } }
    @media (max-width: 480px) {
      .module_SliderStartPage .spNavigation {
        bottom: auto;
        top: 1em;
        right: 1em; } }
  .module_SliderStartPage .spPointer {
    cursor: pointer; }
  .module_SliderStartPage .spDot {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-left: 0.5em;
    border: 0.2em solid white;
    background-color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    cursor: pointer;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
  .module_SliderStartPage .spDot:hover {
    background-color: #003cf5; }
  .module_SliderStartPage .spDot.current {
    background: transparent; }
  .module_SliderStartPage .spTooltip {
    font: normal normal 400 0.872em/1.073em Arial;
    position: absolute;
    z-index: 100000;
    top: 0px;
    left: 0px;
    background: white;
    color: black;
    opacity: 0.0;
    filter: alpha(opacity=0);
    padding: 4px 15px 4px 15px;
    border-radius: 0.667em;
    -moz-border-radius: 0.667em;
    -webkit-border-radius: 0.667em; }
  .module_SliderStartPage .spTooltip .hidden {
    visibility: hidden;
    display: none; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/System/CategoryOption/categoryOption.scss
++ 2019-09-10 06:26 [c5a0a85] Vojtech Schwarz - Update css and js for categoryOption for MS HTML5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_CategoryOption {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .module_CategoryOption {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_CategoryOption {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_CategoryOption {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_CategoryOption {
      float: left;
      width: 33%; } }
  @media (min-width: 769px) {
    .module_CategoryOption {
      float: left;
      width: 33%; } }
  @media (max-width: 480px) {
    .module_CategoryOption {
      margin-bottom: 0.667em; } }
  .module_CategoryOption.half {
    width: 50%;
    margin: 0 auto;
    display: inline-block; }
    @media (max-width: 768px) {
      .module_CategoryOption.half {
        display: block;
        width: unset; } }
  .module_CategoryOption > a {
    display: block;
    position: relative;
    border: 1px solid #91A5AF;
    padding: 0.667em; }
    .module_CategoryOption > a:hover .categoryImage {
      opacity: 1; }
  .module_CategoryOption .optionText:not(:empty) {
    padding: 0.769em;
    font-size: 0.867em; }
    @media (min-width: 769px) {
      .module_CategoryOption .optionText:not(:empty) {
        display: none; } }
  .module_CategoryOption .optionLabel {
    position: absolute;
    top: 60%;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 0.667em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_CategoryOption .optionLabel {
        top: 50%; } }
    .module_CategoryOption .optionLabel > div {
      background: #6a7a86;
      color: #fff;
      padding: 0.667em;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .module_CategoryOption .optionLabel > div:before {
        content: '';
        display: block;
        width: 100%;
        border-top: 2px solid #ffffff;
        margin-bottom: 0.2em; }
    .module_CategoryOption .optionLabel span:not(.glyphicon) {
      text-decoration: none;
      text-transform: uppercase;
      font-weight: bold;
      display: block;
      padding-right: 1.333em;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .module_CategoryOption .optionLabel .glyphicon {
      position: absolute;
      right: 0;
      font-size: 1.133em; }
  .module_CategoryOption .categoryImage {
    width: 100%;
    position: relative;
    display: block; }
    @media (min-width: 769px) {
      .module_CategoryOption .categoryImage {
        opacity: .3;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/DownloadTypA/downloadboxTypA.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
.module_DownloadboxTypA[data-show-image="yes"] .textToolbox {
  padding: 0;
  padding-right: 1.538em; }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_DownloadboxTypA[data-show-image="yes"] .textToolbox {
      padding-right: 13.846em; } }
  @media (max-width: 480px) {
    .module_DownloadboxTypA[data-show-image="yes"] .textToolbox {
      padding-right: 13.077em; } }
  @media (min-width: 769px) {
    .module_DownloadboxTypA[data-show-image="yes"] .textToolbox {
      width: 50%;
      float: left; } }

.module_DownloadboxTypA[data-show-image="yes"] .imageToolbox {
  float: right;
  max-width: 50%; }
  .module_DownloadboxTypA[data-show-image="yes"] .imageToolbox .img-responsive.greyBorder {
    border: 1px solid #DEE4E7; }
  .module_DownloadboxTypA[data-show-image="yes"] .imageToolbox .img-responsive.noBorder {
    border: 0; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/Gallery/gallery.scss
++ 2017-10-26 14:50 [dcec3c1] Jan Klimes - Added thumbnail support for toolbox Gallery for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_Gallery .gallery-info2 {
  font-weight: bold;
  font-size: 0.769em; }

.module_Gallery .imageThumbnails:after {
  display: block;
  clear: both;
  content: ''; }

.module_Gallery .imageThumbnails .customCol {
  float: left;
  width: 25%; }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_Gallery .imageThumbnails .customCol {
      float: left;
      width: 20%; } }
  .module_Gallery .imageThumbnails .customCol .imageThumbnail {
    margin-right: 5px;
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    cursor: pointer;
    opacity: .7;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
    .module_Gallery .imageThumbnails .customCol .imageThumbnail:hover {
      opacity: 1; }
  @media (max-width: 480px) {
    .module_Gallery .imageThumbnails .customCol:nth-child(4n) .imageThumbnail {
      margin-right: 0; } }
  @media (min-width: 769px) {
    .module_Gallery .imageThumbnails .customCol:nth-child(4n) .imageThumbnail {
      margin-right: 0; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_Gallery .imageThumbnails .customCol:nth-child(5n) .imageThumbnail {
      margin-right: 0; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/NavigationSelectableAreas/navigationSelectableAreas.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_NavigationSelectableAreas .navigationData li {
  margin-bottom: 0.769em; }

.module_NavigationSelectableAreas .navigationData li h3 {
  border: 1px solid #7C7B6D;
  display: block;
  padding: 0.385em 0.769em;
  cursor: pointer;
  color: #000000;
  width: 100%; }

.module_NavigationSelectableAreas .submenuData li {
  display: block;
  margin-bottom: 0.769em;
  padding: 0.385em 0.769em;
  cursor: pointer;
  color: #000000;
  width: 100%; }

.module_NavigationSelectableAreas .navigationData li:last-child {
  margin: 0; }

.module_NavigationSelectableAreas .navigationData li h3:hover,
.module_NavigationSelectableAreas .navigationData li h3.selectedItem,
.module_NavigationSelectableAreas .navigationData li h3.activeItem {
  background-color: #003cf5; }

.module_NavigationSelectableAreas .navigationData, .module_NavigationSelectableAreas .submenuData {
  margin-left: 0 !important;
  list-style: none outside none; }

.module_NavigationSelectableAreas .submenuData {
  display: none; }

.module_NavigationSelectableAreas .submenuData li a {
  color: #000000;
  text-decoration: none; }
  .module_NavigationSelectableAreas .submenuData li a:after {
    display: block;
    clear: both;
    content: ''; }

.module_NavigationSelectableAreas .submenuData li a img {
  float: left;
  max-width: 7.692em; }
  .module_NavigationSelectableAreas .submenuData li a img + .submenuTitles {
    float: left;
    margin-left: 2.308em; }

.module_NavigationSelectableAreas .submenuTitles {
  display: block;
  margin-left: 3.846em;
  margin-top: 0.385em;
  cursor: pointer; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/NewsteaserToolbox/newsteaserToolbox.scss
++ 2017-08-07 11:24 [7d32970] Jan Klimes - Added module Newsteaser and renamed toolbox Newsteaser to NewsteaserToolbox for microsite_html5
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_NewsteaserToolbox {
  font-weight: normal;
  margin-bottom: 1.1em;
  color: #000; }
  .module_NewsteaserToolbox:last-child {
    margin-bottom: 0; }
  .module_NewsteaserToolbox .date {
    color: #7C7B6D;
    padding-right: 0.385em; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/SlidingList/slidingList.scss
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_SlidingList .report-slider {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .module_SlidingList .report-slider .text {
    margin-bottom: 0;
    padding: 0;
    padding-right: 1.538em; }
    @media (min-width: 481px) and (max-width: 768px) {
      .module_SlidingList .report-slider .text {
        padding-right: 13.846em; } }
    @media (max-width: 480px) {
      .module_SlidingList .report-slider .text {
        padding-right: 13.077em; } }
    @media (min-width: 769px) {
      .module_SlidingList .report-slider .text {
        width: 50%;
        float: left; } }
    .module_SlidingList .report-slider .text p:last-child {
      margin-bottom: 0; }
    .module_SlidingList .report-slider .text .headlineSlider {
      display: block;
      font-weight: bold;
      text-transform: uppercase;
      color: #000000; }
  .module_SlidingList .report-slider .imageCont {
    float: right;
    max-width: 50%;
    position: relative; }
    .module_SlidingList .report-slider .imageCont:hover .glyphicon:not(:first-child) {
      opacity: 1; }
    .module_SlidingList .report-slider .imageCont .glyphicon {
      opacity: 0;
      position: absolute;
      width: 100%;
      text-align: center;
      top: 50%;
      line-height: 1em;
      cursor: pointer;
      margin-top: -0.5em;
      color: rgba(255, 255, 255, 0.8);
      -moz-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      -moz-text-shadow: 2px 2px 4px #000000;
      text-shadow: 2px 2px 4px #000000;
      font-size: 3.333em; }
      @media (max-width: 480px) {
        .module_SlidingList .report-slider .imageCont .glyphicon {
          font-size: 2em; } }
    .module_SlidingList .report-slider .imageCont .img-responsive {
      cursor: pointer; }
      .module_SlidingList .report-slider .imageCont .img-responsive.greyBorder {
        border: 1px solid #DEE4E7; }
      .module_SlidingList .report-slider .imageCont .img-responsive.noBorder {
        border: 0; }
  .module_SlidingList .report-slider ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    .module_SlidingList .report-slider ul li {
      display: block;
      list-style-type: none;
      margin-right: 2em !important; }

.module_SlidingList .toolbox-controls {
  position: absolute;
  top: -1px;
  right: 15px; }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_SlidingList .toolbox-controls {
      right: 10px; } }
  @media (max-width: 480px) {
    .module_SlidingList .toolbox-controls {
      right: 5px; } }
  .module_SlidingList .toolbox-controls .prevBtn, .module_SlidingList .toolbox-controls .nextBtn {
    cursor: pointer;
    font-size: 1.333em; }
    @media (min-width: 769px) {
      .module_SlidingList .toolbox-controls .prevBtn, .module_SlidingList .toolbox-controls .nextBtn {
        display: none; } }
    .module_SlidingList .toolbox-controls .prevBtn:hover, .module_SlidingList .toolbox-controls .nextBtn:hover {
      color: #003cf5; }
  .module_SlidingList .toolbox-controls .prevBtn {
    margin-right: .2em; }
  .module_SlidingList .toolbox-controls ol {
    float: right;
    list-style-type: none; }
    @media (max-width: 768px) {
      .module_SlidingList .toolbox-controls ol {
        display: none; } }
    .module_SlidingList .toolbox-controls ol li {
      float: left;
      margin-left: 0.154em; }
      .module_SlidingList .toolbox-controls ol li a {
        text-decoration: none;
        font-size: 0.846em; }
        .module_SlidingList .toolbox-controls ol li a:not(:last-child) {
          margin-right: 0.385em; }
        .module_SlidingList .toolbox-controls ol li a span {
          color: #ffffff;
          border: 1px solid #808080;
          background-color: #b9b9b9;
          padding: 0.2em 0.4em; }
          @media (max-width: 768px) {
            .module_SlidingList .toolbox-controls ol li a span {
              padding: 0.2em 0.8em; } }
      .module_SlidingList .toolbox-controls ol li.current {
        font-weight: bold; }
        .module_SlidingList .toolbox-controls ol li.current a span {
          background-color: #003CF5; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/TeaserWithTextAndLinks/teaserWithTextAndLinks.scss
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_TeaserWithTextAndLinks {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .module_TeaserWithTextAndLinks {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_TeaserWithTextAndLinks {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_TeaserWithTextAndLinks {
      padding-left: 15px;
      padding-right: 15px; } }
  .slidingPageContent .module_TeaserWithTextAndLinks {
    float: left;
    width: 100%; }
    @media (min-width: 769px) {
      .slidingPageContent .module_TeaserWithTextAndLinks {
        float: left;
        width: 20%; } }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/TeaserWithTextAndVideo/teaserWithTextAndVideo.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-12-13 10:59 [cebe97a] Klug, Zdenek - Update CSS for text on module TeaserWithTextAndVideo for HTML5
++ 2018-01-15 12:25 [a1f75a5] Stepan Hlavaty - 3 same width column layout when Slider start page. Microsites HTML5.
++ 2017-09-12 09:22 [df9228c] Jan Klimes - Updated module TeaserWithTextAndVideo to support VideoCloud popup for microsite_html5
++ 2017-08-31 13:41 [ce56d0c] Jan Klimes - Updated TeaserWithTextAndVideo module for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_TeaserWithTextAndVideo {
  margin-bottom: 0.65em;
  /* if (not TYPE_CMS) */
  /* end if (not TYPE_CMS) */ }
  .row > .module_TeaserWithTextAndVideo {
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%; }
    @media (max-width: 480px) {
      .row > .module_TeaserWithTextAndVideo {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .row > .module_TeaserWithTextAndVideo {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      .row > .module_TeaserWithTextAndVideo {
        padding-left: 15px;
        padding-right: 15px; } }
  .module_TeaserWithTextAndVideo .video {
    display: none; }
  .module_TeaserWithTextAndVideo .text_Common {
    display: inline-block;
    line-height: 1.385em;
    margin-bottom: 0.65em;
    position: relative;
    padding-top: 2.923em; }
    .module_TeaserWithTextAndVideo .text_Common p {
      margin-bottom: 0; }
  .module_TeaserWithTextAndVideo .topic {
    position: absolute;
    top: 0; }
  .module_TeaserWithTextAndVideo .arrowWrapper {
    position: relative;
    float: right;
    max-width: 50%;
    cursor: pointer; }
    .module_TeaserWithTextAndVideo .arrowWrapper:not(:empty) {
      margin-bottom: 0.5em; }
    .module_TeaserWithTextAndVideo .arrowWrapper .glyphicon {
      opacity: 0;
      position: absolute;
      width: 100%;
      text-align: center;
      top: 50%;
      line-height: 1em;
      cursor: pointer;
      margin-top: -0.5em;
      color: rgba(255, 255, 255, 0.8);
      -moz-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      -moz-text-shadow: 2px 2px 4px #000000;
      text-shadow: 2px 2px 4px #000000;
      font-size: 3.333em; }
      @media (max-width: 480px) {
        .module_TeaserWithTextAndVideo .arrowWrapper .glyphicon {
          font-size: 2em; } }
  .module_TeaserWithTextAndVideo:hover .glyphicon:not(:first-child) {
    opacity: 1; }
  #middle.slidingPageContent .module_TeaserWithTextAndVideo {
    position: relative;
    min-height: 1px;
    font-size: 0.867em; }
    @media (max-width: 480px) {
      #middle.slidingPageContent .module_TeaserWithTextAndVideo {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 481px) and (max-width: 768px) {
      #middle.slidingPageContent .module_TeaserWithTextAndVideo {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 769px) {
      #middle.slidingPageContent .module_TeaserWithTextAndVideo {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 769px) {
      #middle.slidingPageContent .module_TeaserWithTextAndVideo {
        float: left;
        width: 33%; } }
    #middle.slidingPageContent .module_TeaserWithTextAndVideo .moduleBody:after {
      display: block;
      clear: both;
      content: ''; }
    #middle.slidingPageContent .module_TeaserWithTextAndVideo .arrowWrapper {
      margin-right: 0.769em;
      float: left;
      max-width: 35%; }
      @media (min-width: 481px) and (max-width: 768px) {
        #middle.slidingPageContent .module_TeaserWithTextAndVideo .arrowWrapper {
          margin-right: 1.538em; } }
      @media (min-width: 769px) {
        #middle.slidingPageContent .module_TeaserWithTextAndVideo .arrowWrapper {
          float: none;
          margin-right: auto;
          max-width: 100%; } }
      #middle.slidingPageContent .module_TeaserWithTextAndVideo .arrowWrapper:not(:empty) {
        margin-bottom: 0; }
    #middle.slidingPageContent .module_TeaserWithTextAndVideo .topic {
      display: inline;
      color: #000000;
      font-family: Arial,Helvetica;
      line-height: 1.1em;
      text-transform: uppercase;
      font-weight: normal;
      border-bottom: 0;
      position: static;
      font-size: 1.538em; }
      @media (min-width: 769px) {
        #middle.slidingPageContent .module_TeaserWithTextAndVideo .topic {
          padding: 1em 0 0 0;
          display: block;
          margin-bottom: 0.4em; } }
    #middle.slidingPageContent .module_TeaserWithTextAndVideo .text_Common {
      padding-top: 0.077em;
      position: initial; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 6_microsite_html5/module/ToolboxModules/TeaserWithTextLinkAndImage/teaserWithTextLinkAndImage.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2019-02-18 15:23 [0f6dd67] Stanislav ?incl - Update TextWithTextLinkAndImage CSS to adjust column width with no image.
++ 2018-01-15 12:25 [a1f75a5] Stepan Hlavaty - 3 same width column layout when Slider start page. Microsites HTML5.
++ 2018-01-02 14:37 [4f58171] Zdenek Klug - Fix for small icon on Homepage for template Teaser with text, link and Image for HTML5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/styles.bootstrap.scss
++ 2018-01-03 09:31 [ebe30e8] Jan Klimes - Fixed a parameter call for a gutter mixin in custom bootstrap styles for microsite_html5
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_variables.scss
++ 2024-11-01 09:26 [6152a25] HAT\ryzndo1 - Remove hella fonts from MS-HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
/*
++ GIT: 6_microsite_html5/project/_mixins.scss
++ 2018-03-22 08:55 [553f4c3] Stepan Hlavaty - Pack for Masonry design Microsites HTML5 + video head module for Audi Microsite if it will be realized.
++ 2017-07-31 13:55 [70b4c68] Jan Klimes - Initial commit for responsive microsites
*/
@media (max-width: 480px) {
  .container-fluid .row {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row {
    padding-left: 15px;
    padding-right: 15px; } }

.container-fluid .row .row {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .container-fluid .row .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .container-fluid .row .row {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 769px) {
    .container-fluid .row .row {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 480px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 769px) {
  .container-fluid .row > *[class^='col-'],
  .container-fluid .row > *[class*=' col-'] {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .container-fluid .row > .col-md-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid .row > .col-sm-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

@media (max-width: 480px) {
  .container-fluid .row > .col-xs-ext-33 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3%; } }

.container-fluid .img-responsive-unlim {
  width: 100%; }

.module_TeaserWithTextLinkAndImage {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%;
  /*    .reports .text .headlineSlider,
    .reports-simple .report-simple .headline {
        color: #000000;
        display: block;
        font-weight: 700;
        text-transform: uppercase;
    }*/ }
  @media (max-width: 480px) {
    .module_TeaserWithTextLinkAndImage {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .module_TeaserWithTextLinkAndImage {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .module_TeaserWithTextLinkAndImage {
      padding-left: 15px;
      padding-right: 15px; } }
  .module_TeaserWithTextLinkAndImage[data-no-image="true"] .reports-simple .report-simple {
    padding-right: 0;
    width: auto;
    float: none; }
  .module_TeaserWithTextLinkAndImage .reports-simple {
    font-weight: normal;
    color: #000; }
    .module_TeaserWithTextLinkAndImage .reports-simple:after {
      display: block;
      clear: both;
      content: ''; }
    .module_TeaserWithTextLinkAndImage .reports-simple .report-simple {
      color: #7C7B6D;
      padding: 0;
      padding-right: 1.538em; }
      @media (min-width: 481px) and (max-width: 768px) {
        .module_TeaserWithTextLinkAndImage .reports-simple .report-simple {
          padding-right: 13.846em; } }
      @media (max-width: 480px) {
        .module_TeaserWithTextLinkAndImage .reports-simple .report-simple {
          padding-right: 13.077em; } }
      @media (min-width: 769px) {
        .module_TeaserWithTextLinkAndImage .reports-simple .report-simple {
          width: 50%;
          float: left; } }
      .module_TeaserWithTextLinkAndImage .reports-simple .report-simple .headline {
        color: #000000;
        font-family: Arial,Helvetica;
        line-height: 1.1em;
        margin-bottom: 0.4em;
        font-weight: normal;
        font-size: 1.538em; }
        .module_TeaserWithTextLinkAndImage .reports-simple .report-simple .headline p {
          display: inline-block; }
        .module_TeaserWithTextLinkAndImage .reports-simple .report-simple .headline img.smallIconNew {
          width: 1.1em;
          height: 1.1em;
          margin-left: 0.5em; }
    .module_TeaserWithTextLinkAndImage .reports-simple .img-responsive {
      max-width: 50%;
      float: right; }
      .module_TeaserWithTextLinkAndImage .reports-simple .img-responsive.greyBorder {
        border: 1px solid #DEE4E7; }
      .module_TeaserWithTextLinkAndImage .reports-simple .img-responsive.noBorder {
        border: 0; }
  @media (min-width: 769px) {
    .slidingPageContent .module_TeaserWithTextLinkAndImage {
      float: left;
      width: 33%; } }
  @media (min-width: 769px) {
    .slidingPageContent .module_TeaserWithTextLinkAndImage[data-no-image="true"] {
      float: left;
      width: 30%; } }
  .slidingPageContent .module_TeaserWithTextLinkAndImage[data-no-image="true"] .reports-simple .report-simple {
    padding-left: 0;
    width: auto;
    float: none; }
  .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .report-simple {
    padding-right: 0;
    width: auto; }
    @media (min-width: 769px) {
      .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .report-simple {
        width: 100%;
        padding: 1.538em 0 0 0; } }
    .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .report-simple .headline {
      display: inline-block;
      position: relative;
      font-size: 1.538em; }
      .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .report-simple .headline p {
        display: inline-block; }
      .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .report-simple .headline .smallIconNew + p {
        padding-right: 30px; }
      .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .report-simple .headline .smallIconNew {
        position: absolute;
        top: 0;
        right: 0; }
  .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .img-responsive {
    max-width: 35%;
    float: left;
    margin-right: 1.538em; }
    @media (min-width: 769px) {
      .slidingPageContent .module_TeaserWithTextLinkAndImage .reports-simple .img-responsive {
        max-width: 100%;
        float: none;
        margin-right: auto; } }

/*# sourceMappingURL=ResourceManager */