/* General
========================================================================== */
/* General
========================================================================== */
/* Fractions
========================================================================== */
/* Ratios
========================================================================== */
/* Breakpoints
========================================================================== */
/*==========================================================================
  #COLORS
  ========================================================================== */
/* Color Palette
========================================================================== */
/* Color Options
========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans|IBM+Plex+Sans");
@font-face {
  font-family: "VAG Rounded";
  src: url("/themes/cpl/assets/fonts/VAGRounded-Light.woff2") format("woff2"), url("/themes/cpl/assets/fonts/VAGRounded-Light.woff") format("woff"), url("/themes/cpl/assets/fonts/VAGRounded-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "VAG Bold";
  src: url("/themes/cpl/assets/fonts/VAG-Rounded-Bold.woff2") format("woff2"), url("/themes/cpl/assets/fonts/VAG-Rounded-Bold.woff") format("woff"), url("/themes/cpl/assets/fonts/VAG-Rounded-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "VAG Round";
  src: url("/themes/cpl/assets/fonts/VAGRound.woff2") format("woff2"), url("/themes/cpl/assets/fonts/VAGRound.woff") format("woff"), url("/themes/cpl/assets/fonts/VAGRound.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "VAG Black";
  src: url("/themes/cpl/assets/fonts/VAGRounded-Black.woff2") format("woff2"), url("/themes/cpl/assets/fonts/VAGRounded-Black.woff") format("woff"), url("/themes/cpl/assets/fonts/VAGRounded-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.u-h1,
.u-h2,
.u-h3,
.u-h4,
.u-h5,
.u-h6 {
  font-family: var(--font-heading);
}

/* Color Options
========================================================================== */
:root {
  --primary-color: #575556;
  --primary-color--lighten-5: #b8b8b8;
  --primary-color--lighten-10: #d0d0d0;
  --primary-color--lighten-20: #e8e8e8;
  --primary-color--lighten-25: #cecccc;
  --primary-color--lighten-30: #cecccc;
  --primary-color--lighten-45: #c4d0ec;
  --primary-color--lighten-50: #d7dff2;
  --primary-color--lighten-70: white;
  --primary-color--darken-5: #3c3c3c;
  --primary-color--darken-10: #2c2c2c;
  --primary-color--darken-20: #222222;
  --primary-color--darken-25: #1a1a1a;
  --primary-color--darken-50: black;
  --secondary-color: #d7dce3;
  --secondary-color--lighten-5: #e6e9ee;
  --secondary-color--lighten-10: #f5f6f8;
  --secondary-color--lighten-20: white;
  --secondary-color--lighten-25: white;
  --secondary-color--lighten-30: white;
  --secondary-color--lighten-45: white;
  --secondary-color--lighten-50: white;
  --secondary-color--lighten-70: white;
  --secondary-color--darken-5: #c8cfd9;
  --secondary-color--darken-10: #b9c2ce;
  --secondary-color--darken-20: #9ba8b9;
  --secondary-color--darken-25: #8c9aaf;
  --secondary-color--darken-50: #4d5b6e;
  --tertiary-color: #222222;
  --tertiary-color--lighten-5: #19336f;
  --tertiary-color--lighten-10: #1d3c84;
  --tertiary-color--lighten-20: #274fad;
  --tertiary-color--lighten-25: #2b59c2;
  --tertiary-color--lighten-30: #3564d2;
  --tertiary-color--lighten-45: #7494e0;
  --tertiary-color--lighten-50: #88a4e5;
  --tertiary-color--lighten-70: #dce4f7;
  --tertiary-color--darken-5: #0f1f45;
  --tertiary-color--darken-10: #0b1630;
  --tertiary-color--darken-20: #010307;
  --tertiary-color--darken-25: black;
  --tertiary-color--darken-50: black;
  --alert-color: red;
  --alert-color--lighten-5: #ff1a1a;
  --alert-color--lighten-10: #ff3333;
  --alert-color--lighten-20: #ff6666;
  --alert-color--lighten-25: #ff8080;
  --alert-color--lighten-30: #ff9999;
  --alert-color--lighten-45: #ffe6e6;
  --alert-color--lighten-50: white;
  --alert-color--lighten-70: white;
  --alert-color--darken-5: #e60000;
  --alert-color--darken-10: #cc0000;
  --alert-color--darken-20: #990000;
  --alert-color--darken-25: maroon;
  --alert-color--darken-50: black;
  --warning-color: orange;
  --warning-color--lighten-5: #ffae1a;
  --warning-color--lighten-10: #ffb733;
  --warning-color--lighten-20: #ffc966;
  --warning-color--lighten-25: #ffd280;
  --warning-color--lighten-30: #ffdb99;
  --warning-color--lighten-45: #fff6e6;
  --warning-color--lighten-50: white;
  --warning-color--lighten-70: white;
  --warning-color--darken-5: #e69500;
  --warning-color--darken-10: #cc8400;
  --warning-color--darken-20: #996300;
  --warning-color--darken-25: #805300;
  --warning-color--darken-50: black;
  --success-color: green;
  --success-color--lighten-5: #009a00;
  --success-color--lighten-10: #00b300;
  --success-color--lighten-20: #00e600;
  --success-color--lighten-25: #01ff01;
  --success-color--lighten-30: #1aff1a;
  --success-color--lighten-45: #67ff67;
  --success-color--lighten-50: #80ff80;
  --success-color--lighten-70: #e6ffe6;
  --success-color--darken-5: #006700;
  --success-color--darken-10: #004d00;
  --success-color--darken-20: #001a00;
  --success-color--darken-25: #000100;
  --success-color--darken-50: black;
  --info-color: blue;
  --info-color--lighten-5: #1a1aff;
  --info-color--lighten-10: #3333ff;
  --info-color--lighten-20: #6666ff;
  --info-color--lighten-25: #8080ff;
  --info-color--lighten-30: #9999ff;
  --info-color--lighten-45: #e6e6ff;
  --info-color--lighten-50: white;
  --info-color--lighten-70: white;
  --info-color--darken-5: #0000e6;
  --info-color--darken-10: #0000cc;
  --info-color--darken-20: #000099;
  --info-color--darken-25: navy;
  --info-color--darken-50: black;
  --cta-color: #2bb732;
  --cta-color--lighten-5: #30cc38;
  --cta-color--lighten-10: #42d34a;
  --cta-color--lighten-20: #6cdc71;
  --cta-color--lighten-25: #80e185;
  --cta-color--lighten-30: #95e699;
  --cta-color--lighten-45: #d3f5d5;
  --cta-color--lighten-50: #e8f9e8;
  --cta-color--lighten-70: white;
  --cta-color--darken-5: #26a22c;
  --cta-color--darken-10: #218e27;
  --cta-color--darken-20: #18641b;
  --cta-color--darken-25: #135016;
  --cta-color--darken-50: black;
  --black-color: #0a0a0a;
  --black-color--lighten-5: #171717;
  --black-color--lighten-10: #242424;
  --black-color--lighten-20: #3d3d3d;
  --black-color--lighten-25: #4a4a4a;
  --black-color--lighten-30: #575757;
  --black-color--lighten-45: #7d7d7d;
  --black-color--lighten-50: #8a8a8a;
  --black-color--lighten-70: #bdbdbd;
  --black-color--darken-5: black;
  --black-color--darken-10: black;
  --black-color--darken-20: black;
  --black-color--darken-25: black;
  --black-color--darken-50: black;
  --dark-grey-color: #3b3b3b;
  --dark-grey-color--lighten-5: #484848;
  --dark-grey-color--lighten-10: #555555;
  --dark-grey-color--lighten-20: #6e6e6e;
  --dark-grey-color--lighten-25: #7b7b7b;
  --dark-grey-color--lighten-30: #888888;
  --dark-grey-color--lighten-45: #aeaeae;
  --dark-grey-color--lighten-50: #bbbbbb;
  --dark-grey-color--lighten-70: #eeeeee;
  --dark-grey-color--darken-5: #2e2e2e;
  --dark-grey-color--darken-10: #222222;
  --dark-grey-color--darken-20: #080808;
  --dark-grey-color--darken-25: black;
  --dark-grey-color--darken-50: black;
  --medium-grey-color: #bdbdbd;
  --medium-grey-color--lighten-5: #cacaca;
  --medium-grey-color--lighten-10: #d7d7d7;
  --medium-grey-color--lighten-20: #f0f0f0;
  --medium-grey-color--lighten-25: #fdfdfd;
  --medium-grey-color--lighten-30: white;
  --medium-grey-color--lighten-45: white;
  --medium-grey-color--lighten-50: white;
  --medium-grey-color--lighten-70: white;
  --medium-grey-color--darken-5: #b0b0b0;
  --medium-grey-color--darken-10: #a4a4a4;
  --medium-grey-color--darken-20: #8a8a8a;
  --medium-grey-color--darken-25: #7d7d7d;
  --medium-grey-color--darken-50: #3e3e3e;
  --light-grey-color: #e6e6e6;
  --light-grey-color--lighten-5: #f3f3f3;
  --light-grey-color--lighten-10: white;
  --light-grey-color--lighten-20: white;
  --light-grey-color--lighten-25: white;
  --light-grey-color--lighten-30: white;
  --light-grey-color--lighten-45: white;
  --light-grey-color--lighten-50: white;
  --light-grey-color--lighten-70: white;
  --light-grey-color--darken-5: #d9d9d9;
  --light-grey-color--darken-10: #cdcdcd;
  --light-grey-color--darken-20: #b3b3b3;
  --light-grey-color--darken-25: #a6a6a6;
  --light-grey-color--darken-50: #676767;
  --white-color: #fefefe;
  --white-color--lighten-5: white;
  --white-color--lighten-10: white;
  --white-color--lighten-20: white;
  --white-color--lighten-25: white;
  --white-color--lighten-30: white;
  --white-color--lighten-45: white;
  --white-color--lighten-50: white;
  --white-color--lighten-70: white;
  --white-color--darken-5: #f1f1f1;
  --white-color--darken-10: #e5e5e5;
  --white-color--darken-20: #cbcbcb;
  --white-color--darken-25: #bebebe;
  --white-color--darken-50: #7f7f7f;
  --font-body: "Open Sans", sans-serif;
  --font-heading: "VAG Bold";
}

body {
  background-color: var(--white-color);
  color: var(--dark-grey-color);
}

/*# sourceMappingURL=theme.css.map */

/* Custom CSS */

.c-product-price__main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.c-product-card__price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.c-product-price__main:not(:empty)::after,
.cpl-small-vat {
  font-family: var(--font-body);
  content: " + VAT";
  font-size: small;
  margin-left: 6px;
}

.cpl-branding-table {
  display: block;
  max-width: calc(100vw - 24px);
  overflow-x: auto;
}

.commerce-checkout-flow {
  padding: 0 1rem;
}

.ui-dialog {
  max-width: 100vw;
}

.cpl-branding-table .cpl-first-td {
  min-width: 155px;
}

.cpl-branding-table td {
  padding: 0.25rem;
  width: calc(100% / 11) !important;
	max-width: unset !important;
}

.cpl-branding-table .cpl-first-td {
  position: sticky;
  left: 0;
  background: inherit;
	width: unset !important;
	max-width: unset !important;
}

.c-accorditab .c-accorditab__content--bmpm {
  display: block !important;
}

@media (min-width: 46.25em) {
  .c-topbar .c-topbar__logo {
    height: 5rem !important;
  }
}

#product-details .c-accorditab:not(:has(> .is-active)) > :nth-child(1).c-accorditab__header {
  display: flex;
}

#product-details .c-accorditab:not(:has(> .is-active)) > :nth-child(2).c-accorditab__content {
  display: block;
}