/*!=============================================
=             variables            =
=============================================*/
/*!=====  End of Section comment block  ======*/
/*! function call using : rem(20px) as ex.*/
/*! Call this using @include rem(( pro: value ;))*/
/*!=============================================
=             variables            =
=============================================*/
/*!=====  End of Section comment block  ======*/
.editMode .breadcrumb {
  padding-top: 0px !important; }

body:not(.page--home) .search-area .search-field .form-container .search-button {
  right: 0;
  top: -2px; }

body:not(.page--home) header:not(.sticky-scroll) .search-area {
  display: none;
  visibility: hidden;
  opacity: 0; }

@media only screen and (max-width: 880px) {
  body:not(.page--HomeMap):not(.page--dealers):not(.page--soloDealer):not(.page--home) header .header-area {
    padding: 15px; } }

@media only screen and (max-width: 880px) {
  body:not(.page--HomeMap):not(.page--dealers):not(.page--soloDealer):not(.page--home) header .header-area .mark-logo {
    display: block;
    text-align: center;
    padding: 0;
    margin-bottom: 15px; }
    body:not(.page--HomeMap):not(.page--dealers):not(.page--soloDealer):not(.page--home) header .header-area .mark-logo:after {
      display: none; } }

@media only screen and (max-width: 550px) {
  body:not(.page--HomeMap):not(.page--dealers):not(.page--soloDealer):not(.page--home) header .header-area .mark-headline {
    display: block;
    text-align: center; } }

header {
  text-align: center;
  display: inline-block !important;
  width: 100%;
  background-color: #1D1717;
  color: #fff; }
  header .container-full-width {
    max-width: 1688px;
    text-align: left; }
  header .header-area {
    display: block;
    width: 100%;
    margin: 0px auto;
    display: inline-flex;
    width: auto;
    background-color: #1D1717;
    text-align: left;
    padding: 30px;
    min-height: 54px; }
    @media only screen and (max-width: 880px) {
      header .header-area {
        display: block;
        padding: 15px; } }
    header .header-area .mark-logo {
      display: block;
      position: relative;
      top: 38px;
      margin-top: -17px;
      z-index: 9999;
      position: relative;
      top: 0;
      left: 0;
      padding-right: 40px;
      vertical-align: middle;
      display: inline-block;
      margin: 0; }
      header .header-area .mark-logo:after {
        content: '';
        position: absolute;
        top: 0;
        right: 20px;
        width: 1px;
        height: 100%;
        background-color: #ad9d91; }
      @media only screen and (max-width: 880px) {
        header .header-area .mark-logo {
          display: block !important;
          text-align: center;
          padding: 0;
          margin-bottom: 15px; }
          header .header-area .mark-logo:after {
            display: none; } }
    header .header-area .mark-headline {
      margin: 0px auto;
      display: inline-block;
      vertical-align: top; }
      @media only screen and (max-width: 880px) {
        header .header-area .mark-headline {
          position: relative;
          z-index: 20;
          top: -8px;
          top: 0px !important;
          width: 100%; } }
      header .header-area .mark-headline .page-title {
        margin: 0px;
        top: 0; }
        @media only screen and (max-width: 880px) {
          header .header-area .mark-headline .page-title {
            margin: 0px; } }
        @media only screen and (max-width: 880px) {
          header .header-area .mark-headline .page-title {
            padding: 0.2em 0px 0px 0px;
            text-align: center; } }
        header .header-area .mark-headline .page-title .first-ligne {
          font-family: "DSAutomobiles-Regular";
          font-size: 30px;
          letter-spacing: 5px;
          color: #ffffff;
          text-transform: uppercase;
          font-weight: bold;
          display: block; }
          @media only screen and (max-width: 880px) {
            header .header-area .mark-headline .page-title .first-ligne {
              font-size: 14px; } }
        header .header-area .mark-headline .page-title .seconde-ligne {
          display: block;
          font-size: 1.5625rem;
          text-transform: uppercase;
          font-family: "DSAutomobiles-Regular";
          font-weight: normal;
          font-size: 16px;
          color: #e6e0db;
          text-transform: none;
          display: inline-flex; }
          @media only screen and (max-width: 880px) {
            header .header-area .mark-headline .page-title .seconde-ligne {
              display: inline-block;
              font-size: 14px; } }
  header.sticky-scroll {
    position: fixed;
    z-index: 300;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 10px 0;
    animation: fadeInFromNone 0.7s ease-in-out;
    padding: 0px !important; }
    header.sticky-scroll + .page-content {
      margin-top: 12em;
      margin-top: 0; }
      @media only screen and (max-width: 880px) {
        header.sticky-scroll + .page-content {
          margin-top: 10em; } }
    header.sticky-scroll .mark-logo {
      margin-top: 0px; }
      header.sticky-scroll .mark-logo img {
        max-width: 63px; }
      @media only screen and (max-width: 880px) {
        header.sticky-scroll .mark-logo {
          position: relative !important; }
          header.sticky-scroll .mark-logo img {
            max-width: 40px; } }
    header.sticky-scroll .header-area {
      display: none;
      visibility: hidden;
      opacity: 0; }
    @media only screen and (max-width: 880px) {
      header.sticky-scroll .mark-headline {
        display: none;
        visibility: hidden;
        opacity: 0; } }
    header.sticky-scroll .mark-headline .page-title {
      padding: 10px 0px; }
      header.sticky-scroll .mark-headline .page-title .seconde-ligne {
        display: none;
        visibility: hidden;
        opacity: 0; }
        @media only screen and (max-width: 880px) {
          header.sticky-scroll .mark-headline .page-title .seconde-ligne {
            display: none !important;
            visibility: hidden;
            opacity: 0 !important; } }
    header.sticky-scroll .search-area {
      margin-top: 0px !important;
      bottom: 0px !important;
      max-width: 619px !important;
      margin-bottom: 0px !important;
      vertical-align: middle;
      max-width: inherit !important;
      background-color: #1D1717; }
      @media only screen and (max-width: 880px) {
        header.sticky-scroll .search-area {
          margin-top: -14px !important;
          margin-top: 0 !important;
          min-width: inherit;
          padding-bottom: 35px; } }
      header.sticky-scroll .search-area .label-search {
        display: none !important; }
      @media only screen and (max-width: 880px) {
        header.sticky-scroll .search-area .search-field .form-container {
          margin-bottom: 0 !important; } }
      @media only screen and (max-width: 880px) {
        header.sticky-scroll .search-area .search-field .form-container .field-content {
          background-color: rgba(255, 255, 255, 0.11); }
          header.sticky-scroll .search-area .search-field .form-container .field-content:after {
            display: none;
            opacity: 0;
            visibility: hidden; } }
      header.sticky-scroll .search-area .search-field .form-container .field-content .field-input, header.sticky-scroll .search-area .search-field .form-container .field-content input {
        font-style: normal !important;
        color: #1D1717;
        font-size: 15px; }
        header.sticky-scroll .search-area .search-field .form-container .field-content .field-input.placeholder, header.sticky-scroll .search-area .search-field .form-container .field-content input.placeholder {
          font-style: normal !important;
          color: #1D1717;
          text-transform: initial !important; }
        header.sticky-scroll .search-area .search-field .form-container .field-content .field-input:-moz-placeholder, header.sticky-scroll .search-area .search-field .form-container .field-content input:-moz-placeholder {
          font-style: normal !important;
          color: #1D1717;
          text-transform: initial !important; }
        header.sticky-scroll .search-area .search-field .form-container .field-content .field-input::-webkit-input-placeholder, header.sticky-scroll .search-area .search-field .form-container .field-content input::-webkit-input-placeholder {
          font-style: normal !important;
          color: #1D1717;
          text-transform: initial !important; }
        @media only screen and (max-width: 880px) {
          header.sticky-scroll .search-area .search-field .form-container .field-content .field-input, header.sticky-scroll .search-area .search-field .form-container .field-content input {
            padding: 0 10px !important;
            width: calc(100% - 20px) !important; } }
        @media only screen and (max-width: 880px) {
          header.sticky-scroll .search-area .search-field .form-container .field-content .field-input, header.sticky-scroll .search-area .search-field .form-container .field-content input {
            padding: 13px 0px 13px 5px;
            width: calc(100% - 5px); } }
      header.sticky-scroll .search-area .search-field .form-container .field-content .ap-loupe {
        left: -178px; }
      header.sticky-scroll .search-area .search-field .search-button {
        height: 44px !important;
        border-radius: 0px !important;
        height: 35px !important;
        border-radius: 0px !important;
        margin-bottom: 7px; }
        @media only screen and (max-width: 880px) {
          header.sticky-scroll .search-area .search-field .search-button {
            top: 5px !important; } }
      @media only screen and (min-width: 880px) {
        header.sticky-scroll .search-area .custom-select-wrapper {
          position: unset;
          width: 40%; }
          header.sticky-scroll .search-area .custom-select-wrapper .custom-select__trigger:before {
            width: 88%; }
          header.sticky-scroll .search-area .custom-select-wrapper .custom-select {
            position: unset; }
            header.sticky-scroll .search-area .custom-select-wrapper .custom-select .custom-options {
              top: 44px;
              top: 41px; } }

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }