body.default p {
  font-family: 'mollerregular' !important;
}

body.default h1,
body.default h2,
body.default h3,
body.default h4 {
  font-family: 'mollermedium';
  margin-bottom: .5em;

  font-weight: bold;

}

body.default {
    .hero {
        .hero-version-two {
            h1, h2 {
                font-family: "larken";
            }
        }
        
        .hero-version-four-image {
            h1, h2 {
                font-family: "larken";
            }
        }
        
        .hero-version-five {
            h1, h2, h3 {
                font-family: "larken";
            }
        }
    }
}

body h1,
body h2,
body h3,
body h4 {
  margin-bottom: .5em;
}

.volkswagen {
  --car-radio-button-color: #001e50;
  --footer-background-color: #001e50;
  --footer-text-color: #fff;
  --sub-menu-item-color: #001e50;
  --sub-menu-active-item-color: #001e50;
  --sub-menu-active-item-weight: 700;
  --sub-menu-logotype-height: 1.5rem;
  --font-family-base: VW Text, sans-serif;
  --font-family-headings: VW Head, sans-serif;
  --headings-font-weight: 700;
  --headings-color: #000;
  --text-color: #000;
  --label-background-color: #00b0f0;
  --label-text-color: #fff;
  --label-border-radius: 100px;
  --alert-info-background-color: #00b0f0;
  --alert-info-text-color: #fff;
  --button-primary-background-color: #001e50;
  --button-primary-text-color: #fff;
  --button-primary-border-color: #001e50;
  --button-primary-border-radius: 100px;
  --button-primary-hover-background-color: #334b73;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-border-color: #334b73;
  --button-primary-hover-opacity: 1;
  --button-primary-font-weight: 400;
  --button-secondary-background-color: #fff;
  --button-secondary-text-color: #001e50;
  --button-secondary-border-color: #001e50;
  --button-secondary-border-radius: 100px;
  --button-secondary-hover-background-color: #f5f5f5;
  --button-secondary-hover-text-color: #001e50;
  --button-secondary-hover-border-color: #001e50;
  --button-secondary-hover-opacity: 1;
  --button-secondary-font-weight: 400;
  --link-color: #001e50
}

.audi {
  --car-radio-button-color: #000;
  --footer-background-color: #000;
  --footer-text-color: #fff;
  --sub-menu-item-color: #000;
  --sub-menu-active-item-color: #000;
  --sub-menu-active-item-weight: 700;
  --sub-menu-logotype-height: 1rem;
  --font-family-base: Audi Type Screen, sans-serif;
  --font-family-headings: Audi Type Extended, sans-serif;
  --headings-font-weight: 700;
  --headings-color: #000;
  --text-color: #000;
  --label-background-color: #000;
  --label-text-color: #fff;
  --label-border-radius: 0px;
  --alert-info-background-color: #000;
  --alert-info-text-color: #fff;
  --button-primary-background-color: #000;
  --button-primary-text-color: #fff;
  --button-primary-border-color: #000;
  --button-primary-border-radius: 0;
  --button-primary-hover-background-color: #4c4c4c;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-border-color: #4c4c4c;
  --button-primary-hover-opacity: 1;
  --button-primary-font-weight: 400;
  --button-secondary-background-color: #fff;
  --button-secondary-text-color: #000;
  --button-secondary-border-color: #000;
  --button-secondary-border-radius: 0;
  --button-secondary-hover-background-color: #fff;
  --button-secondary-hover-text-color: #4c4c4c;
  --button-secondary-hover-border-color: #4c4c4c;
  --button-secondary-hover-opacity: 1;
  --button-secondary-font-weight: 400;
  --link-color: #000
}

body.seat {
  --car-radio-button-color: #ea5d1a;
  --footer-background-color: #ea5d1a;
  --footer-text-color: #fff;
  --sub-menu-item-color: #000;
  --sub-menu-active-item-color: #000;
  --sub-menu-active-item-weight: 700;
  --sub-menu-logotype-height: 1rem;
  --font-family-base: SeatBcn-Web, sans-serif;
  --font-family-headings: SeatBcn-Web, sans-serif;
  --headings-font-weight: 700;
  --headings-color: #000;
  --text-color: #000;
  --label-background-color: #dedad4;
  --label-text-color: #000;
  --label-border-radius: 4px;
  --alert-info-background-color: #dedad4;
  --alert-info-text-color: #000;
  --button-primary-background-color: #ea5d1a;
  --button-primary-text-color: #fff;
  --button-primary-border-color: #ea5d1a;
  --button-primary-border-radius: 4px;
  --button-primary-hover-background-color: #f08d5f;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-border-color: #f08d5f;
  --button-primary-hover-opacity: 1;
  --button-primary-font-weight: 700;
  --button-secondary-background-color: #fff;
  --button-secondary-text-color: #ea5d1a;
  --button-secondary-border-color: #ea5d1a;
  --button-secondary-border-radius: 4px;
  --button-secondary-hover-background-color: #fff;
  --button-secondary-hover-text-color: #f08d5f;
  --button-secondary-hover-border-color: #f08d5f;
  --button-secondary-hover-opacity: 1;
  --button-secondary-font-weight: 700;
  --link-color: #000
}

.transportbilar {
  --car-radio-button-color: #001e50;
  --footer-background-color: #001e50;
  --footer-text-color: #fff;
  --sub-menu-item-color: #001e50;
  --sub-menu-active-item-color: #001e50;
  --sub-menu-active-item-weight: 700;
  --sub-menu-logotype-height: 2rem;
  --font-family-base: VW Text, sans-serif;
  --font-family-headings: VW Head, sans-serif;
  --headings-font-weight: 700;
  --headings-color: #000;
  --text-color: #000;
  --label-background-color: #00b0f0;
  --label-text-color: #fff;
  --label-border-radius: 100px;
  --alert-info-background-color: #00b0f0;
  --alert-info-text-color: #fff;
  --button-primary-background-color: #001e50;
  --button-primary-text-color: #fff;
  --button-primary-border-color: #001e50;
  --button-primary-border-radius: 100px;
  --button-primary-hover-background-color: #334b73;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-border-color: #334b73;
  --button-primary-hover-opacity: 1;
  --button-primary-font-weight: 400;
  --button-secondary-background-color: #fff;
  --button-secondary-text-color: #001e50;
  --button-secondary-border-color: #001e50;
  --button-secondary-border-radius: 100px;
  --button-secondary-hover-background-color: #f5f5f5;
  --button-secondary-hover-text-color: #001e50;
  --button-secondary-hover-border-color: #001e50;
  --button-secondary-hover-opacity: 1;
  --button-secondary-font-weight: 400;
  --link-color: #000
}

.cupra {
  --car-radio-button-color: #95572b;
  --footer-background-color: #f8f8f8;
  --footer-text-color: #000;
  --sub-menu-active-item-color: #000;
  --sub-menu-active-item-weight: 600;
  --sub-menu-logotype-height: 1rem;
  --font-family-base: Cupra, sans-serif;
  --font-family-headings: Cupra, sans-serif;
  --headings-font-weight: 500;
  --headings-color: #000;
  --text-color: #000;
  --label-background-color: #d9cebd;
  --label-text-color: #000;
  --label-border-radius: 0px;
  --alert-info-background-color: #d9cebd;
  --alert-info-text-color: #000;
  --button-primary-background-color: #fff;
  --button-primary-text-color: #000;
  --button-primary-border-color: #000;
  --button-primary-border-radius: 0;
  --button-primary-hover-background-color: #4c4c4c;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-border-color: #4c4c4c;
  --button-primary-hover-opacity: 1;
  --button-primary-font-weight: 350;
  --button-secondary-background-color: #d9cebd;
  --button-secondary-text-color: #000;
  --button-secondary-border-color: #d9cebd;
  --button-secondary-border-radius: 0;
  --button-secondary-hover-background-color: #fff;
  --button-secondary-hover-text-color: #4c4c4c;
  --button-secondary-hover-border-color: #4c4c4c;
  --button-secondary-hover-opacity: 1;
  --button-secondary-font-weight: 350;
  --link-color: #000
}

body.default {
  --car-radio-button-color: #0021f3;
  --footer-background-color: #001946;
  --footer-text-color: #fff;
  --sub-menu-item-color: #000;
  --sub-menu-active-item-color: #000;
  --sub-menu-active-item-weight: 700;
  --sub-menu-logotype-height: 1rem;

  --font-family-base: 'mollerregular';
  --font-family-headings: 'mollerregular';

  --headings-font-weight: 700;
  --headings-color: #000;
  --text-color: #000;
  --label-background-color: #e0e0e0;
  --label-text-color: #000;
  --label-border-radius: 0px;
  --alert-info-background-color: #e0e0e0;
  --alert-info-text-color: #000;

  --button-primary-background-color: #0021f3;
  --button-primary-text-color: #fff;
  --button-primary-border-color: #0021f3;
  --button-primary-border-radius: 2rem;
  --button-primary-hover-background-color: #213ef8;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-border-color: #213ef8;
  --button-primary-hover-opacity: 1;
  --button-primary-font-weight: 400;

  --button-secondary-background-color: #001946;
  --button-secondary-text-color: #fff;
  --button-secondary-border-color: #0021f3;
  --button-secondary-border-radius: 2rem;
  --button-secondary-hover-background-color: #001946;
  --button-secondary-hover-text-color: #FFF;
  --button-secondary-hover-border-color: #213ef8;
  --button-secondary-hover-opacity: 1;
  --button-secondary-font-weight: 400;
  
  --link-color: #000
}

body .menu>a img.logotype {
  max-height: 2.5rem;
}


/* ----------- MENY ----------- */
@media (min-width: 576px) {

  body .menu .side-bar .side-bar-content ul li a,
  body .menu .side-bar .side-bar-content ul li span {
    font-size: 1rem;
  }

  body .menu .side-bar .side-bar-content ul li ul li a,
  body .menu .side-bar .side-bar-content ul li ul li span {
    font-size: .8rem;

  }
}

/*alla utom första*/
body .menu .side-bar .side-bar-content ul li:not(:first-of-type) {
  /*margin: 0 0 0 .8rem;*/
  margin-top: 0;
}

/*första nivån*/
body .menu .side-bar .side-bar-content ul li {
  margin: 1rem 0;
  /*
    color: red;
    background: lightgray;
    */
}

/*andra nivån*/
body .menu .side-bar .side-bar-content ul li ul li {
  margin: 0 0 0 .8rem;
  /*
    color: blue;
    background: yellow;
    */
}

/* --------------------------- */


body .default-font {
  font-family: 'mollerregular' !important;
}


/* ----------- hero1 ----------- */

@media (min-width: 576px) {
  .hero .hero-version-one {
    padding: 4rem 2.5rem;
  }
}

.hero .hero-version-one {
  padding: 3rem 1.5rem;
}

/* ----------------------------- */



/* ------- Kontakta oss -------- */

body .contact-info .employee-image {
  width: 100px;
  height: 100px;
}

/* ----------------------------- */

body .footer .menus ul li a,
body .footer .links ul li a {
  font-size: .7rem;
}

body .footer span.d-block {
  font-size: .9rem;
}

.footer .py-2 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}