.bg-darkgrey {
  background-color: #444444;
  color: #fff;
}
.bg-darkgrey a {
  color: #fff;
}
.bg-lightgrey {
  background-color: #ebebeb;
  color: #444444;
}
.bg-lightgrey a {
  color: #444444;
}
.bg-white {
  background-color: #fff;
  color: #212121;
}
.bg-white a {
  color: #212121;
}
.bg-red {
  background-color: #e2001a;
  color: #fff;
}
.navigation-bar .bg-red {
  background-color: #e2001a;
  color: #fff;
}
.navigation-bar .bg-red a {
  color: #fff;
}
.navigation-bar .bg-red a:hover {
  text-decoration: underline;
}
.col-red {
  color: #e2001a;
}
:root {
  font-size: 16px;
}
body {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.company-logo {
  width: 159px;
  height: 56px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: normal;
}
a {
  color: #e2001a;
  text-decoration: none;
}
a:hover {
  color: #c00a1f;
}
.w-33 {
  width: 33%;
}
.h-100 {
  height: 100%;
}
.w-fitcontent {
  width: fit-content;
}
img.fit-container {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
header {
  background-color: #fff;
}
.intro-text {
  background-color: #444444;
  color: #fff;
}
.intro-text a {
  color: #fff;
}
.no-display {
  display: none;
}
.clr-red {
  color: #e2001a;
}
.help-needed .telephone {
  font-size: 2.25rem;
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  margin-bottom: 20px;
}
address strong {
  font-weight: 700;
}
.category-box {
  background-color: #e2001a;
  cursor: pointer;
  min-height: 225px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.category-box:hover img {
  /*right: 5%;
            bottom: 6%;*/
  transform: scale(1.2);
}
.category-box a {
  max-width: 100%;
}
.category-box .red-shadow {
  height: 100%;
  z-index: 10;
  /*background-image: linear-gradient(to bottom, rgb(226,0,26), rgba(226,0,26,0.8), rgba(226,0,26,0.1), rgba(226,0,26,0) );*/
  background-image: linear-gradient(to bottom, #e2001a 0%, #e2001a 35%, rgba(226, 0, 26, 0.1) 60%, rgba(226, 0, 26, 0) 100%);
}
.category-box div {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 105px;
}
.category-box:before {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  top: -4px;
  left: 0;
  background-color: #e2001a;
}
.category-box:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #e2001a;
}
.category-box h3 {
  font-size: 1.7rem;
  text-transform: uppercase;
  position: absolute;
  top: 16%;
  left: 15px;
  z-index: 1;
  color: #fff;
}
.category-box h4 {
  color: #d2041c;
  font-size: 7.5rem;
  text-transform: uppercase;
  line-height: 7.5rem;
}
.category-box .img-container {
  position: absolute;
  bottom: 0;
  height: 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  overflow: hidden;
}
.category-box .img-container img {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: transform 0.3s;
  /* Animation */
}
.page h1 {
  color: #e2001a;
  text-transform: uppercase;
}
.umb-grid img {
  max-width: 100%;
}
.py-6,
.pb-6 {
  padding-bottom: 3.5rem !important;
}
.py-6 {
  padding-top: 3.5rem !important;
}
.home-page h1,
.home-page h2 {
  text-transform: uppercase;
  text-align: center;
}
.home-page h1.red-header,
.home-page h2.red-header {
  color: #e2001a;
}
.home-page h2 {
  font-size: 2.5rem;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
.home-page .slider .slick-arrow {
  position: absolute;
  top: -46%;
  font-size: 3.5rem;
  font-weight: 700;
  cursor: pointer;
  font-family: "teko", sans-serif;
}
.home-page .slider .slick-arrow.slick-prev {
  left: 15px;
}
.home-page .slider .slick-arrow.slick-next {
  right: 15px;
}
#order-summary-toggle {
  color: #1a171b;
}
/*#region Feedback */
.rating-module .fb-btn {
  margin-right: 40px;
}
.rating-module .rating-total {
  background-color: #fff;
  border-radius: 40px;
  color: #e2001a;
  font-size: 28px;
  font-weight: 700;
  height: 75px;
  margin-bottom: 15px;
  padding: 16px 18px;
  width: 75px;
}
.rating-module .ratings,
.rating-module .rating-box,
.rating-module .rating {
  display: inline-block;
  height: 32px;
  width: 160px;
}
.rating-module .rating-box {
  background-image: url(/lib/img/feedback/star_empty.png);
  background-repeat: repeat-x;
}
.rating-module .rating {
  background-image: url(/lib/img/feedback/star_full.png);
  background-repeat: repeat-x;
}
.rating-module .rating-count {
  font-size: 15px;
  margin-bottom: 30px;
}
.rating-module .review-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
.rating-module .review-text h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.rating-module .review-text span {
  font-size: 15px;
}
.rating-module .review-button {
  margin-top: 50px;
}
.rating-module .btn {
  width: 200px;
}
/*#endregion */
@media screen and (max-width: 768px) {
  .project-page .slider {
    margin-top: 10%;
  }
  .project-page .slider .slick-arrow {
    top: -28%;
  }
  #logo {
    height: 50px;
    width: 100%;
  }
  #logo img {
    max-height: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .home-page h2 {
    max-width: 100%;
    font-size: 3rem;
  }
}
@media screen and (min-width: 1408px) {
  .container {
    max-width: 1344px;
    width: 1344px;
  }
}
#unibox-suggest-box a,
#unibox-suggest-box-special a {
  color: #1a171b;
}
.unibox-selectable.active,
.unibox-selectable:hover {
  background-color: #444444 !important;
}
.slick-dots {
  position: absolute;
  bottom: 13%;
  right: 43%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.3);
}
.slick-dots li.slick-active {
  background-color: #fff;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-arrow {
  position: absolute;
  bottom: 15%;
  z-index: 100;
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: block;
}
.slick-arrow::before {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}
.slick-arrow.slick-prev {
  left: 5%;
}
.slick-arrow.slick-prev::before {
  content: '<';
}
.slick-arrow.slick-next {
  right: 6%;
}
.slick-arrow.slick-next::before {
  content: '>';
}
@media (min-width: 1200px) {
  .slick-dots {
    right: 25%;
    bottom: 21%;
  }
  .slick-arrow {
    bottom: 23%;
  }
  .slick-arrow.slick-prev {
    left: 58%;
  }
  .slick-arrow.slick-next {
    right: 11%;
  }
}
/* #region Reviews Module */
.review-module {
  --star-size: 60px;
  --star-background: #fc0;
  background-color: transparent;
  color: #fff;
}
.review-module .module__title {
  margin-bottom: 0;
  text-warp: balance;
}
.review-module .review-scoreboard {
  align-items: center;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.review-module .review-scoreboard .review__score {
  font-size: 3.125rem;
  font-weight: 700;
}
.review-module .review__stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 3rem;
  font-family: Times;
  line-height: 1;
}
.review-module .review__stars::before {
  content: '★★★★★';
  letter-spacing: 3px;
  background: linear-gradient(90deg, #fff var(--percent), #444444 var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.review-module .review-slider {
  margin-top: 3rem;
  padding-inline: 1rem;
}
.review-module .review-slider .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.review-module .review-slider .slick-arrow.slick-next {
  right: 0;
}
.review-module .review-slider .slick-arrow.slick-prev {
  left: 0;
}
.review-module .review-slider .slick-arrow svg {
  height: 65px;
  width: auto;
}
.review-module .review-slider .review-slider__item {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.review-module .review-slider .review-slider__item img {
  max-width: 4rem;
  width: fit-content;
}
.review-module .review-slider .review-slider__item .review-item__author {
  font-weight: var(--fw-demibold);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.review-module .review-slider .review-slider__item .review__stars {
  --star-size: 30px;
  font-size: 2rem;
}
.review-module .review-slider .review-slider__item .review-item__text {
  font-size: 1rem;
  padding-inline: 2rem;
  text-align: center;
}
.review-module .review-slider .review-slider__item .review-item__text .review-item__text--full {
  display: none;
}
.review-module .review-slider .review-slider__item .review-item__text a {
  color: #fff;
  display: block;
  margin-top: 0.5rem;
  text-decoration: none;
  text-transform: lowercase;
}
.review-module .review-slider .review-slider__item .review-item__text.toggled .review-item__text--small {
  display: none;
}
.review-module .review-slider .review-slider__item .review-item__text.toggled .review-item__text--full {
  display: block;
}
@media (max-width: 991px) {
  .review-module .review-slider {
    padding-inline: 2rem;
  }
  .review-module .review-slider .slick-arrow svg {
    height: 35px;
  }
  .review-module .review-slider .review-slider__item .review-item__text {
    font-size: 1rem;
  }
  .review-module .button {
    margin-inline: auto;
    margin-top: 2rem;
  }
}
/* #ednregion */
.openinghours .openinghours__table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem;
}
.openinghours .openinghours__table .open {
  display: flex;
  gap: 5px;
}
html {
  overflow-x: hidden;
}
.flag {
  width: 30px;
  padding: 5px;
}
.language-selector .dropdown-item {
  background-color: transparent;
}
.navbar-brand img {
  width: 159px;
  height: 56px;
}
#mobile-navbar {
  background-color: #444444;
}
.navigation-bar a {
  font-family: "teko", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #1a171b;
  font-size: 1.5rem;
  text-decoration: none;
}
.navigation-bar .top-nav > a,
.navigation-bar .top-nav > div {
  border-right: solid 2px #ebebeb;
  padding: 0 15px;
}
.navigation-bar .top-nav > a:last-child,
.navigation-bar .top-nav > div:last-child {
  border-right: none;
}
.nav-bar {
  /*> div {*/
  /*}*/
}
.nav-bar div .nav-link {
  color: #fff;
}
.nav-bar div .nav-link:hover,
.nav-bar div .nav-link.nav-link--active {
  background-color: #1a171b;
}
.nav-bar div:nth-of-type(2) .nav-link {
  background-color: #e2001a;
}
.nav-bar a.nav-link {
  color: #fff;
}
#mobile-navbar .nav-bar div div {
  margin-bottom: 5px;
}
#mobile-navbar .pb-nav {
  padding-bottom: 150px;
}
.right-nav-bar > div {
  margin-right: 10px;
}
.right-nav-bar > div:last-of-type {
  margin-right: 0;
}
.right-nav-bar > div a.nav-link {
  color: #fff;
}
.right-nav-bar > div a.nav-link:hover,
.right-nav-bar > div a.nav-link.nav-link--active {
  background-color: #1a171b;
}
.hamburger {
  padding: 7px 0;
  float: right;
  outline: none;
  width: 100%;
}
#mobile-navbar .dropdown-menu {
  border: none !important;
  /* transform: none !important;
        top: 0 !important;*/
  bottom: -10px !important;
  left: 0 !important;
  right: 0 !important;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.dropdown-menu.right {
  /*    top: 109%;*/
  background-color: #444444;
  border: none;
  position: relative;
}
.dropdown-menu.right a {
  color: #fff;
}
.dropdown-menu.right a.nav-link--active {
  background-color: #1a171b;
}
.dropdown-menu.right:after {
  content: '';
  background-color: #444444;
  position: absolute;
  left: -100vw;
  top: 0;
  width: 150vw;
  height: 100%;
  z-index: -1;
}
.navbar.top-nav {
  background-color: #fff;
  color: #212121;
}
.navbar.top-nav a {
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #212121;
  font-size: 1.125rem;
}
.navbar.top-nav a:hover {
  color: #e2001a;
}
.navbar.top-nav .navbar-nav li {
  border-right: solid 2px #ebebeb;
}
.navbar.top-nav .navbar-nav li .nav-link {
  padding-left: 1.45rem;
  padding-right: 1.45rem;
}
.navbar.top-nav .navbar-nav li:last-child {
  border-right: none;
}
.navbar.bottom-nav {
  background-color: #444444;
  color: #fff;
}
.navbar.bottom-nav .nav-item {
  margin-bottom: 10px;
}
.navbar.bottom-nav .nav-item.active .nav-link {
  background-color: #212121;
}
.navbar.bottom-nav .nav-item .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
}
.navbar.bottom-nav .nav-item .nav-link:hover {
  background-color: #212121;
}
.navbar.bottom-nav .nav-item.webshop.show > a {
  position: relative;
}
.navbar.bottom-nav .nav-item.webshop.show > a:before {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -20px;
  left: 0;
  background-color: #e2001a;
}
.navbar.bottom-nav .nav-item.webshop a {
  background-color: #e2001a;
}
.navbar.bottom-nav .nav-item.webshop a:hover {
  background-color: #e2001a;
}
.navbar.bottom-nav .nav-item.webshop .dropdown-menu {
  top: 109%;
  background-color: #e2001a;
  border: none;
}
.navbar.bottom-nav .nav-item.webshop .dropdown-menu:before {
  content: '';
  background-color: #e2001a;
  position: absolute;
  left: -50%;
  top: 0;
  width: 5000px;
  height: 100%;
  z-index: -1;
}
.navbar.bottom-nav .nav-item.webshop .dropdown-menu:after {
  content: '';
  background-color: rgba(255, 255, 255, 0.8);
  width: 100vw;
  z-index: -2;
  height: 100vh;
  position: fixed;
  left: 0;
}
.navbar.bottom-nav .nav-item.normal.show > a {
  position: relative;
}
.navbar.bottom-nav .nav-item.normal.show > a:before {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -20px;
  left: 0;
  background-color: #444444;
}
.navbar.bottom-nav .nav-item.normal .dropdown-item {
  padding: 0.25rem 0.5rem;
}
.navbar.bottom-nav .nav-item.normal .dropdown-item:hover,
.navbar.bottom-nav .nav-item.normal .dropdown-item:active {
  color: #e2001a;
  background-color: transparent;
}
.navbar.bottom-nav .nav-item.normal .dropdown-menu {
  top: 109%;
  background-color: #444444;
  border: none;
}
.navbar.bottom-nav .nav-item.normal .dropdown-menu:before {
  content: '';
  background-color: #444444;
  position: absolute;
  left: -100vw;
  top: 0;
  width: 150vw;
  height: 100%;
  z-index: -1;
}
.navbar.bottom-nav .nav-item.normal .dropdown-menu:after {
  content: '';
  background-color: rgba(255, 255, 255, 0.8);
  width: 100vw;
  z-index: -2;
  height: 100vh;
  position: fixed;
  left: 0;
}
.navbar.bottom-nav .nav-item:last-child {
  padding-right: 0;
}
.navbar.bottom-nav a {
  font-family: "teko", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 1.55rem;
  text-transform: uppercase;
}
/*.dropdown-menu {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 150px);
}
*/
.header-image {
  display: flex !important;
  justify-content: end;
  position: relative;
}
.header-image .header-text-holder {
  /*justify-content: center; // Zet tekst in het midden*/
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  position: relative;
  width: 100%;
}
.header-image .header-text-holder h3 {
  text-transform: uppercase;
  font-size: 2rem;
  z-index: 100;
}
.header-image .header-text-holder div {
  font-size: 1.7rem;
  font-weight: 300;
  font-family: "teko", sans-serif;
  z-index: 100;
}
.header-image .header-text-holder .button {
  width: fit-content;
}
.header-image::before {
  content: "";
  font-size: 1.5rem;
  /*  top: 0;
        bottom: 0;
        right: 0;
        left: 50%; // Beginnen op 40% van links, want de .header-content is 60% breed, dus dan beginnen ze op dezelfde plek.*/
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 2rem;
  position: absolute;
  z-index: 0;
  background-color: #e2001a;
  mix-blend-mode: darken;
  /*   clip-path: polygon( 0 0,
        // links boven
        100% 0,
        // rechts boven
        100% 100%,
        // rechts onder
        0 100%,
        // links onder
        100px 100%,
        // inham, 100px van links, 90% van boven
        20px 55%,
        // piek, 20px van links, 70% van boven
        70px 30% // inham, 130px van links, 40% van boven
        );*/
  clip-path: polygon(0 0, 100% 0, 100% 70%, 60% 85%, 30% 70%, 0 75%);
}
/*@media screen (max-width: 375px) {
    .header-image {

        &::before {
            top: -129px;
        }
    }
}
*/
.fixed-top #first {
  -webkit-transition: padding 0.2s ease;
  -moz-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
}
.affix #first {
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;
  -webkit-transition: padding 0.2s linear;
  -moz-transition: padding 0.2s linear;
  -o-transition: padding 0.2s linear;
  transition: padding 0.2s linear;
}
.language-selector {
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  line-height: 1;
  list-style: none;
  padding-top: 5px;
  position: relative;
}
.language-selector .ddt:before {
  color: black;
  content: '>';
  display: block;
  font-size: 18px;
  position: absolute;
  right: 7px;
  transform: rotateZ(90deg);
}
.language-selector .dropdown-menu {
  position: absolute;
  min-width: 4.5rem;
  text-align: center;
}
.language-selector .dropdown-menu a {
  display: block;
  margin-bottom: 10px;
  width: auto;
}
.header-images-container {
  height: 490px;
  /*
    position: relative;*/
  overflow: hidden;
}
.header-images-container .header-images {
  height: 490px;
}
.header-images-container .header-images .header-image {
  height: 490px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.header-images-container .slick-track,
.header-images-container .slick-list {
  height: 490px;
}
@media screen and (max-width: 576px) {
  .account-nav {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .btn-account {
    background: url(/lib/img/ic-account.svg) left center no-repeat;
    width: 35px;
    height: 35px;
    padding-left: 30px;
    background-size: 35px;
    flex-wrap: wrap;
    align-self: center;
    /* &.logged-in {
        background: url(/lib/img/account-loggedin.svg) left center no-repeat;
    }*/
  }
  .bottom-nav.is-active {
    height: 80vh;
    overflow-x: hidden;
  }
  .account-container {
    position: absolute;
    top: 8px;
    right: 0;
    width: 50%;
  }
  .account-nav li.nav-mobile {
    display: inline-block !important;
    float: left;
  }
  .account-nav li.nav-mobile a {
    display: inline-block !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    position: relative;
  }
  .account-nav li.nav-mobile a.ddt:before {
    right: 0;
  }
}
@media screen and (min-width: 576px) {
  .header-images-container .mountain .text .info {
    top: 35%;
    left: 50.6%;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .header-images-container .mountain {
    background-position: center;
  }
  .header-images-container .mountain .text .info {
    top: 35%;
    left: 49%;
    right: 0;
  }
  .header-images-container .mountain .text .info h3 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .navbar.bottom-nav .nav-item {
    padding-right: 10px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .search-form {
    float: none;
    width: auto;
  }
  .search-form a {
    right: 5px;
  }
  .nav-bar > div {
    margin-right: 10px;
  }
  .header-image .header-text-holder {
    padding: 3rem 2rem 2rem 150px;
    width: 50%;
  }
  .header-image .header-text-holder h3 {
    font-size: 3rem;
  }
  .header-image::before {
    left: 50%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100px 100%, 20px 55%, 70px 30%);
  }
}
@media (max-width: 1024px) {
  .navbar {
    overflow: auto;
    align-items: flex-start;
  }
  .account-nav .icon {
    width: 25px;
    height: 25px;
  }
}
.breadcrumbs ul {
  list-style: none;
  margin-left: 0;
}
.breadcrumbs ul li {
  float: left;
  margin-right: 10px;
  display: flex;
}
.breadcrumbs ul li::after {
  content: '>';
  margin-left: 15px;
}
.breadcrumbs ul li:first-child {
  margin-left: -22px;
}
.breadcrumbs ul li:last-of-type::after {
  content: '';
}
.breadcrumbs ul li a {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-size: 0.9rem;
  color: #444444;
  text-decoration: none;
}
.breadcrumbs ul li a:hover {
  text-decoration: underline;
}
.breadcrumbs ul li:last-child a {
  font-weight: 600;
  /*font-style: italic;*/
}
.footer-logo {
  width: 250px;
}
.usps img {
  max-height: 55px;
  display: flex;
}
.usps h4 {
  text-transform: uppercase;
  color: #444444;
  font-size: 1.55rem;
}
footer {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
footer ul {
  padding-left: 18px;
}
footer .newsletter-form {
  margin-top: 3rem;
}
footer .newsletter-form__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
footer .newsletter-form__form input {
  background-color: #fff;
  color: #444444;
}
footer .newsletter-form__form label {
  color: #e2001a;
}
footer .newsletter-form__form .button {
  margin-left: auto;
}
.footernav ul li,
.footer ul li {
  font-size: 0.75rem;
}
.footernav ul li.social-icon,
.footer ul li.social-icon {
  list-style: none;
  float: left;
  margin-right: 10px;
}
.footernav ul li *,
.footer ul li * {
  font-size: 1rem;
}
.footer {
  background-color: #e2001a;
  color: #fff;
}
.footer .customerservicenav ul li {
  margin-bottom: 6px;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #fff;
  text-decoration: underline;
}
.footer h3 {
  text-transform: uppercase;
}
.footer .telephone {
  font-size: 2.25rem;
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  margin-bottom: 20px;
  text-decoration: none;
}
.footer .telephone:hover {
  text-decoration: none;
}
.footernav {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #444444;
}
.footernav li {
  margin-left: 0;
}
.footernav a {
  color: #444444;
}
.footer-bar a {
  color: #444444;
}
.footer-bar a:hover {
  color: #444444;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footernav li {
    margin-right: 20px;
    float: left;
    margin-left: 45px;
  }
  .footernav li.social-icon {
    position: relative;
    top: -4px;
    margin-right: 10px;
  }
  .footernav li.social-icon,
  .footernav li:first-child {
    margin-left: 0;
  }
}
span.error {
  display: block;
  color: #e2001a;
  font-size: 0.9rem;
}
#unibox-invisible {
  /*important for fixing the input-group-addon heights*/
  position: absolute !important;
}
.unibox-selectable .unibox-selectable-img-container {
  width: 60px;
  float: left;
  margin-right: 6px;
}
.unibox-selectable img {
  max-width: 60px;
  max-height: 60px;
}
textarea.form-control {
  min-height: 150px;
}
.search-form {
  position: relative;
  float: left;
  width: 80%;
}
.search-form a.icon-anchor {
  position: absolute;
  right: 15px;
}
.search-form .icon {
  height: 26px;
  width: 26px;
}
.search-form .form-control {
  line-height: 2.5rem;
}
.search-form .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #444444 !important;
  font-family: "teko", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
}
.search-form .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #444444 !important;
  font-family: "teko", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
}
.search-form .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #444444 !important;
  font-family: "teko", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
}
.search-form .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #444444 !important;
  font-family: "teko", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
}
.search-form .form-control::placeholder {
  color: #444444 !important;
  font-family: "teko", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
}
.form-check-input {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.form-check-input:checked {
  background-color: #1a171b;
  border-color: #1a171b;
}
.form-control {
  border: none;
  background-color: #ebebeb;
  color: #212121;
}
.form-group {
  margin-bottom: 0.5rem;
}
.col-form-label {
  margin-top: 0;
}
.field-validation-error {
  color: #e2001a;
}
/* Customize the label (the container) */
label.checkcontainer {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom radio button */
}
label.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.checkcontainer input:checked ~ .radiobtn {
  background-color: #444444;
}
label.checkcontainer input:checked ~ .radiobtn:after {
  display: block;
}
label.checkcontainer input:checked ~ .checkbox {
  background-color: #444444;
}
label.checkcontainer input:checked ~ .checkbox:after {
  display: block;
}
label.checkcontainer .radiobtn {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ebebeb;
  border-radius: 50%;
}
label.checkcontainer .radiobtn.white {
  background-color: #fff;
}
label.checkcontainer .radiobtn:after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}
label.checkcontainer .checkbox {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ebebeb;
}
label.checkcontainer .checkbox.white {
  background-color: #fff;
}
label.checkcontainer .checkbox:after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #fff;
}
.grecaptcha-badge {
  visibility: hidden;
}
.grecaptcha-disclaimer {
  font-size: 14px;
  margin-top: 25px;
}
.grecaptcha-disclaimer a {
  color: inherit !important;
  text-decoration: underline;
}
a {
  outline: none;
}
.button-holder {
  display: inline-block;
}
.swal-button {
  border-radius: 0;
}
.swal-button:focus {
  outline: 0;
}
button.button {
  border: none;
}
.button-disable-info {
  display: none;
}
.pagination a,
.swal-button,
.button-holder,
.button,
a.button {
  padding: 10px 15px;
  font-family: "teko", sans-serif;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.3rem;
  display: block;
  width: fit-content;
}
.pagination a:before,
.swal-button:before,
.button-holder:before,
.button:before,
a.button:before {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  top: -4px;
  left: 0;
}
.pagination a:after,
.swal-button:after,
.button-holder:after,
.button:after,
a.button:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.pagination a.swal-button--defeat,
.swal-button.swal-button--defeat,
.button-holder.swal-button--defeat,
.button.swal-button--defeat,
a.button.swal-button--defeat,
.pagination a.swal-button--confirm,
.swal-button.swal-button--confirm,
.button-holder.swal-button--confirm,
.button.swal-button--confirm,
a.button.swal-button--confirm,
.pagination a.red,
.swal-button.red,
.button-holder.red,
.button.red,
a.button.red {
  background-color: #e2001a;
  color: #fff;
  /*&:hover {
            background-color: @red;
            color: @white;
        }*/
}
.pagination a.swal-button--defeat:before,
.swal-button.swal-button--defeat:before,
.button-holder.swal-button--defeat:before,
.button.swal-button--defeat:before,
a.button.swal-button--defeat:before,
.pagination a.swal-button--confirm:before,
.swal-button.swal-button--confirm:before,
.button-holder.swal-button--confirm:before,
.button.swal-button--confirm:before,
a.button.swal-button--confirm:before,
.pagination a.red:before,
.swal-button.red:before,
.button-holder.red:before,
.button.red:before,
a.button.red:before,
.pagination a.swal-button--defeat:after,
.swal-button.swal-button--defeat:after,
.button-holder.swal-button--defeat:after,
.button.swal-button--defeat:after,
a.button.swal-button--defeat:after,
.pagination a.swal-button--confirm:after,
.swal-button.swal-button--confirm:after,
.button-holder.swal-button--confirm:after,
.button.swal-button--confirm:after,
a.button.swal-button--confirm:after,
.pagination a.red:after,
.swal-button.red:after,
.button-holder.red:after,
.button.red:after,
a.button.red:after {
  background-color: #e2001a;
}
.pagination a.transparent,
.swal-button.transparent,
.button-holder.transparent,
.button.transparent,
a.button.transparent {
  background-color: transparent;
  color: #fff;
}
.pagination a.resetFilter,
.swal-button.resetFilter,
.button-holder.resetFilter,
.button.resetFilter,
a.button.resetFilter {
  display: inline-block;
}
.pagination a.white,
.swal-button.white,
.button-holder.white,
.button.white,
a.button.white {
  background-color: #fff;
  color: #e2001a;
}
.pagination a.white:before,
.swal-button.white:before,
.button-holder.white:before,
.button.white:before,
a.button.white:before,
.pagination a.white:after,
.swal-button.white:after,
.button-holder.white:after,
.button.white:after,
a.button.white:after {
  background-color: #fff;
}
.pagination a.semigrey,
.swal-button.semigrey,
.button-holder.semigrey,
.button.semigrey,
a.button.semigrey {
  background-color: #a1a1a1;
  color: #fff;
}
.pagination a.semigrey:before,
.swal-button.semigrey:before,
.button-holder.semigrey:before,
.button.semigrey:before,
a.button.semigrey:before,
.pagination a.semigrey:after,
.swal-button.semigrey:after,
.button-holder.semigrey:after,
.button.semigrey:after,
a.button.semigrey:after {
  background-color: #a1a1a1;
}
.pagination a .icon,
.swal-button .icon,
.button-holder .icon,
.button .icon,
a.button .icon {
  width: 25px;
  height: 25px;
}
.pagination a .icon.left,
.swal-button .icon.left,
.button-holder .icon.left,
.button .icon.left,
a.button .icon.left {
  float: left;
  margin-right: 10px;
}
.pagination a .icon.right,
.swal-button .icon.right,
.button-holder .icon.right,
.button .icon.right,
a.button .icon.right {
  float: right;
  margin-left: 10px;
}
.pagination a.cart,
.swal-button.cart,
.button-holder.cart,
.button.cart,
a.button.cart {
  background-image: url('/Lib/Img/ic-winkelwagen-wit.svg');
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 50px;
  width: fit-content;
}
.pagination a:hover,
.swal-button:hover,
.button-holder:hover,
.button:hover,
a.button:hover {
  background-color: #212121;
  color: #fff !important;
  text-decoration: none;
}
.pagination a:hover:before,
.swal-button:hover:before,
.button-holder:hover:before,
.button:hover:before,
a.button:hover:before,
.pagination a:hover:after,
.swal-button:hover:after,
.button-holder:hover:after,
.button:hover:after,
a.button:hover:after {
  background-color: #212121;
}
.pagination a:disabled,
.swal-button:disabled,
.button-holder:disabled,
.button:disabled,
a.button:disabled {
  border-color: #a1a1a1;
  background-color: #a1a1a1;
  cursor: default;
}
.pagination a:disabled:hover,
.swal-button:disabled:hover,
.button-holder:disabled:hover,
.button:disabled:hover,
a.button:disabled:hover {
  background-color: #a1a1a1;
}
.pagination a:disabled::before,
.swal-button:disabled::before,
.button-holder:disabled::before,
.button:disabled::before,
a.button:disabled::before,
.pagination a:disabled::after,
.swal-button:disabled::after,
.button-holder:disabled::after,
.button:disabled::after,
a.button:disabled::after {
  background-color: #a1a1a1 !important;
}
.pagination a:disabled + .button-disable-info,
.swal-button:disabled + .button-disable-info,
.button-holder:disabled + .button-disable-info,
.button:disabled + .button-disable-info,
a.button:disabled + .button-disable-info {
  display: inline-block;
  font-size: 0.75rem;
  color: #e2001a;
  padding-block: 0.5rem;
}
.pagination a {
  background-color: #ebebeb;
  color: #1a171b;
}
.pagination a:before,
.pagination a:after {
  background-color: #ebebeb;
}
.pagination a.active,
.pagination .active a {
  background-color: #e2001a;
  color: #fff;
}
.pagination a.active:before,
.pagination .active a:before,
.pagination a.active:after,
.pagination .active a:after {
  background-color: #e2001a;
}
.btn-cart img {
  margin-left: 5px;
}
.cart h4 {
  margin-bottom: 0;
}
.cart .product-images {
  background-color: #fff;
}
.cart .product-images a {
  width: 100%;
  display: flex;
  justify-content: center;
}
.cart .product-images img {
  max-height: 70px;
}
.quantity {
  float: left;
  margin-right: 15px;
  background-color: #eee;
  position: relative;
  width: 80px;
  overflow: hidden;
}
.quantity input {
  margin: 0;
  text-align: center;
  width: 15px;
  height: 15px;
  padding: 0;
  float: right;
  color: #000;
  font-size: 20px;
  border: 0;
  outline: 0;
  background-color: #F6F6F6;
}
.quantity input.qty {
  position: relative;
  border: 0;
  width: 100%;
  height: 40px;
  padding: 10px 25px 10px 10px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  border-radius: 0;
  background-clip: padding-box;
}
.quantity .minus,
.quantity .plus {
  line-height: 0;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-size: 6px 30px;
  -moz-background-size: 6px 30px;
  color: #bbb;
  font-size: 20px;
  position: absolute;
  height: 50%;
  border: 0;
  right: 0;
  padding: 0;
  width: 25px;
  z-index: 3;
}
.quantity .minus:hover,
.quantity .plus:hover {
  background-color: #dad8da;
}
.quantity .minus {
  bottom: 0;
}
.shopping-cart {
  margin-top: 20px;
}
.basket-page h1 {
  color: #e2001a;
  text-transform: uppercase;
}
.cart {
  background-color: #ebebeb;
  color: #1a171b;
}
.cart > .row {
  border-bottom: solid 1px #fff;
}
.cart a {
  color: #1a171b;
  text-decoration: none;
}
.cart a.delete {
  background-color: #1a171b;
  color: #fff;
  border-radius: 0;
  font-size: 0.75rem;
  padding: 2px 5px;
}
.cart .pd-quantity {
  float: left;
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.cart .pd-quantity input {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  border: none;
  background-color: #fff;
  color: #212121;
  text-align: center;
}
.cart .pd-quantity input[type=button] {
  cursor: pointer;
}
.cart .pd-quantity input[type=button]:last-child {
  margin-right: 0;
}
.cart .pd-quantity input[type=number]::-webkit-inner-spin-button,
.cart .pd-quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mui-basket thead {
  background-color: #1a171b;
  color: #fff;
  font-size: 0.75rem;
}
.mui-basket thead th {
  font-weight: 500 !important;
  border: 1px solid #fff;
  padding: 10px !important;
}
.mui-basket tbody {
  background-color: #ebebeb;
  color: #1a171b;
}
.mui-basket tbody td {
  border: 1px solid #fff;
  padding: 10px !important;
  vertical-align: middle;
}
.mui-basket tbody td.image {
  padding: 2px !important;
  width: 80px;
}
.mui-basket tbody td .option-choice {
  font-size: 0.75rem;
}
.mui-basket tbody td.text {
  /*vertical-align: middle;*/
  color: #1a171b;
}
.mui-basket tbody td.text a {
  color: #1a171b;
}
.mui-basket tbody td.text h3 {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 0;
}
.mui-basket tbody td.qty {
  width: 121px;
}
.mui-basket tbody td.qty .pd-quantity {
  float: left;
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.mui-basket tbody td.qty .pd-quantity input {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  border: none;
  background-color: #fff;
  color: #212121;
  text-align: center;
}
.mui-basket tbody td.qty .pd-quantity input[type=button] {
  cursor: pointer;
}
.mui-basket tbody td.qty .pd-quantity input[type=button]:last-child {
  margin-right: 0;
}
.mui-basket tbody td.qty .pd-quantity input[type=number]::-webkit-inner-spin-button,
.mui-basket tbody td.qty .pd-quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mui-basket tbody td.price {
  font-size: 1.125rem;
  font-weight: 700;
  width: 121px;
}
.mui-basket tbody td.piece-price {
  width: 100px;
}
.mui-basket tbody td.delete a.btn-remove {
  background-color: #1a171b;
  color: #fff;
  border-radius: 0;
  font-size: 0.75rem;
  padding: 2px 5px;
}
.delivery-block .head {
  background-color: #e2001a;
  color: #fff;
}
.delivery-block .head h3 {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.delivery-block ul {
  margin-bottom: 0;
}
.delivery-block ul li {
  padding: 5px 10px;
  border-top: solid 1px #fff;
  display: block;
  clear: both;
  overflow: hidden;
}
.delivery-block ul li:first-child {
  border-top: none;
}
.delivery-block ul li .form-control {
  width: 50%;
  float: right;
  background-color: #fff;
  height: 1.75rem;
  font-size: 0.85rem;
  padding: 0;
}
.delivery-block ul li label.checkcontainer {
  margin-bottom: 0;
  float: left;
}
.delivery-block ul li label.checkcontainer.half {
  width: 50%;
}
.delivery-block.prices .col-12 span {
  float: right;
  font-weight: 700;
  min-width: 30%;
}
.delivery-block.prices .col-12 span.currency {
  min-width: initial;
}
.checkout-basket tbody td.text h3 {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .mui-basket thead {
    display: none;
  }
  .mui-basket tr {
    border-bottom: 10px solid #fff;
  }
  .mui-basket td {
    display: inline-block;
    min-height: 54px;
    width: 40% !important;
    border-bottom: 0;
    border-top: 1px solid #fff;
    border-right: 0;
    /*&.price {
                line-height: 40px;
            }*/
  }
  .mui-basket td.image,
  .mui-basket td.piece-price {
    display: none;
  }
  .mui-basket td.text {
    width: 100% !important;
  }
  .mui-basket td.delete,
  .mui-basket td.oh-qty {
    width: 20% !important;
  }
  .mui-basket td.oh-qty {
    line-height: 36px;
  }
  .receipt-page .mui-basket td.piece-price {
    display: inline-block;
  }
  .receipt-page .mui-basket td.price {
    line-height: 36px;
  }
}
.pricing {
  font-family: "teko", sans-serif;
  font-style: normal;
  line-height: 1;
}
.pricing span {
  width: 100%;
  display: inline-block;
}
.pricing .original-price {
  font-weight: 300;
  color: #444444;
  font-size: 1.25rem;
  text-decoration: line-through;
}
.pricing .price {
  align-items: end;
  color: #e2001a;
  display: flex;
  font-size: 2.5rem;
  font-weight: 700;
  gap: 0.5rem;
}
.pricing .price span:first-child {
  flex-shrink: 0;
  width: fit-content;
}
.pricing .price .vat-label {
  color: #444444;
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 0.45rem;
}
.pricing div {
  color: #212121;
}
.extra-price {
  font-weight: 700;
}
.product-box {
  border-top: solid 1px #a1a1a1;
  border-bottom: solid 1px #a1a1a1;
  height: 100%;
  width: 100%;
  min-height: 495px;
  flex-direction: column;
  color: #212121;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
  /*    a {
        color: @darker-grey;
        text-decoration: none;
*/
  /* }*/
  /*
    .bottom-box {
        position: absolute;
        bottom: 1.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;

        .button {
            margin-top: 0.9rem;
            display: inline-block;
        }
    }*/
}
.product-box .product-label {
  background-color: #444444;
  color: #fff;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  text-transform: uppercase;
  font-style: italic;
  position: absolute;
  top: -39px;
  right: 0;
  display: flex;
  align-items: center;
  text-align: center;
  z-index: 1000;
}
.product-box .product-label div {
  left: 50%;
  top: 50%;
}
.product-box:hover .image-holder {
  transform: scale(1.1);
}
.product-box h4 {
  font-size: 1.35rem;
  margin-top: 1.5rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #444444;
}
.product-box .image-holder {
  height: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s;
  /* Animation */
}
.product-box img {
  max-width: 100%;
  transition: transform 0.3s;
  /* Animation */
  max-height: 100%;
  height: 100%;
}
.product-box .pricing .price {
  align-items: center;
  flex-direction: column;
}
.product-box .pricing .price .vat-label {
  padding: 0;
}
.font-bold {
  font-weight: 700;
}
.filters-holder a {
  color: #1a171b;
}
.filters-holder a.font-bold {
  font-weight: 700;
}
.filters-holder a:hover {
  text-decoration: underline;
}
.filter-arrow-holder {
  background-color: #444444;
  color: #fff;
  padding: 10px;
  font-weight: 700;
}
.filter-arrow-holder a {
  color: #fff;
}
.dropdown-toggle {
  display: inline-flex;
}
.dropdown-toggle::after {
  border: none;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  align-self: center;
}
.language-selector .dropdown-toggle::after {
  border: none;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  align-self: center;
}
.filter-group .filter-arrow-holder {
  display: flex;
}
.filter-group .filter-arrow-holder:after {
  display: inline-flex;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  margin-left: auto;
  align-self: center;
}
.product-page .product-box,
.home-page .product-box {
  padding-bottom: 4rem !important;
}
.product img {
  max-width: 100%;
  max-height: 400px;
}
.select-wrapper {
  border-top: solid 1px #e2001a;
  border-bottom: solid 1px #e2001a;
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
}
.select-wrapper #sort-products {
  padding: 7px 14px;
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: italic;
  position: relative;
  cursor: pointer;
  border: none;
  background-color: #e2001a;
  color: #fff;
}
.select-wrapper #sort-products a {
  color: #fff;
}
.select-wrapper #sort-products a:hover {
  color: #fff;
}
.paging.products {
  clear: both;
  min-height: 35px;
  display: inline-block;
}
.paging.products ul {
  list-style: none;
}
.paging.products ul li {
  float: left;
  padding: 7px 14px;
  font-family: "teko", sans-serif;
  font-weight: 700;
  font-style: italic;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  background-color: #ebebeb;
  color: #1a171b;
}
.paging.products ul li a {
  color: #1a171b;
}
.paging.products ul li.active {
  background-color: #e2001a;
  color: #fff;
}
.paging.products ul li.active:before {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  top: -4px;
  left: 0;
}
.paging.products ul li.active:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.paging.products ul li.active:before,
.paging.products ul li.active:after {
  background-color: #e2001a;
}
.paging.products ul li.active a {
  color: #fff;
}
.paging.products ul li.active a:hover {
  color: #fff;
}
.filter h3 {
  font-size: 1.625rem;
  font-weight: 600;
  text-transform: uppercase;
}
.filter ul {
  list-style: none;
  padding-left: 0;
}
.filter ul a.active {
  font-weight: 700;
}
.filter.car-types {
  margin-bottom: 25px;
}
.swal-icon--success {
  border-color: #444444;
}
.swal-icon--success__line {
  background-color: #444444;
}
.swal-icon--success__ring {
  border-color: hsla(0, 0%, 27%, 0.2);
}
.swal-title {
  font-family: "teko", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #e2001a;
}
.product-page .submitForm {
  margin-top: 10px;
}
.product-page h1 {
  color: #e2001a;
  font-size: 2.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
.product-page h3 {
  font-size: 1.875rem;
  font-weight: 600;
  text-transform: uppercase;
}
.product-page .product-option {
  color: #444444;
  margin: 0.75rem 0;
}
.product-page .product-option:last-child {
  margin-bottom: 1.25rem;
}
.product-page .product-option .extra-price {
  font-weight: 600;
}
.product-page .images {
  list-style: none;
}
.product-page .images li {
  margin-bottom: 10px;
}
.product-page .pd-quantity {
  display: flex;
  margin-right: 20px;
  /*input {
            width: 30px;
            height: 30px;
            float: left;
            margin-right: 5px;
            border: none;
            background-color: @white;
            color: @darker-grey;
            text-align: center;

            &[type=button] {
                cursor: pointer;
            }

            &[type=number]::-webkit-inner-spin-button,
            &[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
        }*/
}
.product-page .pd-quantity input[type="button"] {
  flex-shrink: 0;
  flex-grow: 0;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  border: none;
  background-color: #fff;
  color: #212121;
  text-align: center;
  cursor: pointer;
}
.product-page .pd-quantity input[type="number"] {
  height: 30px;
  width: 30px;
  margin-right: 5px;
  border: none;
  background-color: #fff;
  color: #212121;
  text-align: center;
}
.product-page .pd-quantity input[type="number"]::-webkit-inner-spin-button,
.product-page .pd-quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-page .vertical-middle {
  float: left;
  position: relative;
  top: 3px;
}
table.product-details tr {
  color: #212121;
}
table.product-details tr td {
  border-color: #212121;
}
table.product-details tr:nth-child(even) {
  background: #fff;
}
table.product-details tr:nth-child(odd) {
  background: #ebebeb;
}
.out-of-stock-info {
  font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
  .product-page .images {
    list-style: none;
  }
  .product-page .images li {
    width: 50%;
    float: left;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .sales-slider .product-box {
    min-height: 615px;
  }
}
@media screen and (min-width: 1200px) {
  .product-box .product-label {
    top: -25px;
    right: -20px;
  }
}
.fav {
  height: 35px;
  width: 35px;
  background-image: url(/lib/img/heart.png);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 250ms ease;
}
.fav.active {
  background-image: url(/lib/img/heart-filled.png);
}
.fav:hover {
  transform: scale(1.3);
}
.badge-pill.mox-attribute {
  background-color: #e2001a !important;
}
.badge-pill.mox-attribute svg path {
  fill: #fff;
}
#reg-form {
  display: none;
}
.account-menu a {
  color: #212121;
  padding: 7px 15px;
  display: flex;
  text-decoration: none;
  border-bottom: solid 1px #ebebeb;
}
.account-menu a.active {
  border: none;
  background-color: #444444;
  color: #fff;
}
.account-menu a.active {
  border: none;
  background-color: #444444;
  color: #fff;
}
.account-environment aside .list-group.list-group-flush li a {
  color: #212121;
}
.account-environment aside .list-group.list-group-flush li.active {
  border: none;
  background-color: #444444;
}
.account-environment aside .list-group.list-group-flush li.active a {
  color: #fff;
}
.account-environment aside .list-group.list-group-flush li:last-child a {
  color: #e2001a;
}
.account-environment .button {
  display: inline-block;
  margin-top: 15px;
}
.account-environment .strong {
  font-weight: 700;
}
.account-environment .form-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  border: solid 1px #e2001a;
}
.account-environment .form-control.disabled {
  background-color: #ebebeb;
  border: none;
}
.account-environment .orders a {
  color: #1a171b;
}
/*.row {
    .form-floating > label{
        left:15px;
    }
}*/
.order-header {
  font-weight: 700;
}
.openOrder {
  cursor: pointer;
}
.order-data .cart-page {
  background-color: #fff;
}
.order-row {
  padding: 5px 0px;
  border-bottom: solid 1px #1a171b;
}
.order-row a {
  color: #1a171b;
}
.order-row:nth-of-type(even) {
  background-color: #ebebeb;
}
.order-row:nth-of-type(odd) {
  background-color: #fff;
}
.login-page {
  /*
    .form-control {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: @white;
        border: solid 1px @red;
    }*/
}
.login-page .seperator {
  border-right: solid 1px #212121;
}
.login-page h2 {
  text-transform: uppercase;
  color: #e2001a;
  font-size: 1.875rem;
}
.login-page .forgot-password {
  color: #1a171b;
  display: inline-block;
  font-style: italic;
  margin-top: 1rem;
  text-decoration: none;
}
.login-page .customer-type .checkcontainer {
  margin-bottom: 0;
}
.login-page .customer-type .checkcontainer > span {
  font-weight: 700;
}
.swal-icon--warning {
  border-color: #e2001a;
  animation: none;
}
.swal-icon--warning .swal-icon--warning__dot {
  margin-left: -3px;
}
.swal-icon--warning .swal-icon--warning__dot,
.swal-icon--warning .swal-icon--warning__body {
  background-color: #e2001a;
}
#newDeliveryAddressBtn {
  color: #36c00a;
  font-weight: 700;
}
#closeNewAddress {
  float: right;
  font-weight: 700;
  color: #1a171b;
}
.customerAddress {
  border-bottom: solid 1px #c00a1f;
  display: flex;
  align-items: center;
  justify-content: end;
  cursor: pointer;
}
.customerAddress * {
  cursor: pointer;
}
.customerAddress label {
  font-weight: 700;
  flex-grow: 1;
  width: 100%;
}
.customerAddress.checkout label {
  font-weight: 300;
}
.customerAddress.checkout label span {
  font-weight: 700;
}
.customerAddress .is-default {
  border-radius: 25px;
  border: solid 1px #c00a1f;
  color: #c00a1f;
  padding: 5px 15px;
}
.customerAddress .edit {
  width: 12px;
  height: 12px;
  /*   background: url(/Lib/Img/arrow-right-red.svg) 92% center no-repeat;*/
  transform: rotate(90deg);
  margin-left: 15px;
  cursor: pointer;
}
.customerAddress .empty-delete,
.customerAddress .delete {
  width: 25px;
  height: 25px;
  color: #e2001a;
  font-weight: 700;
  margin-left: 15px;
  cursor: pointer;
}
.addAddress {
  cursor: pointer;
}
@media (min-width: 1024px) {
  .customerAddress label {
    font-weight: 700;
    flex-grow: 1;
  }
}
.checkout-page .form-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  border: solid 1px #e2001a;
}
#address-edit-modal .modal-dialog {
  max-width: 620px;
}
#address-edit-modal .modal-title {
  font-size: 2rem;
  text-transform: uppercase;
  color: #e2001a;
}
#address-edit-modal .back {
  color: #444444;
}
.hide {
  display: none !important;
}
.project-box {
  margin-bottom: 15px;
}
.project-box a {
  text-decoration: none;
}
.project-box:hover img {
  transform: scale(1.1);
}
.project-box .row {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  border-top: solid 1px #444444;
  border-bottom: solid 1px #444444;
}
.project-box .row div:first-child {
  padding-left: 0;
}
.project-box .row div:last-child {
  padding-right: 0;
}
.project-box img {
  transition: transform 0.3s;
  /* Animation */
}
.project-box a {
  color: #212121;
}
.project-box a:hover {
  text-decoration: none;
}
.project-box a h2 {
  text-transform: uppercase;
}
.bg-image-lazy {
  background-image: none !important;
}
.cars-overview {
  background-image: url('/lib/img/tiretracks.png');
  background-position: top center;
  background-repeat: no-repeat;
}
.cars-overview .car-box {
  position: relative;
  margin-bottom: 30px;
}
.cars-overview .car-box a {
  text-decoration: none;
}
.cars-overview .car-box:hover img {
  transform: scale(1.1);
}
.cars-overview .car-box img {
  transition: transform 0.3s;
  /* Animation */
}
.cars-overview .car-box .row {
  background-color: #444444;
  border-bottom: solid 1px #ebebeb;
  border-top: solid 1px #ebebeb;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 15px;
  padding-top: 15px;
}
.cars-overview .car-box .row div:first-child {
  padding-left: 0;
}
.cars-overview .car-box .row div:last-child {
  padding-right: 0;
}
.cars-overview .car-box a {
  color: #fff;
}
.cars-overview .car-box a:hover {
  text-decoration: none;
}
.cars-overview .car-box a h2 {
  text-transform: uppercase;
  font-size: 2rem;
  text-align: left;
}
.car-page h3 {
  text-transform: uppercase;
}
.car-page .thumbnail {
  margin-bottom: 25px;
}
.car-page .thumbnail img {
  cursor: pointer;
}
.cd-price {
  color: #e2001a;
  display: inline-block;
  font-family: "teko", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: lowercase;
  margin-top: auto;
}
.cars .help-needed h3 {
  text-transform: uppercase;
  font-size: 2rem;
}
.cars .help-needed a.telephone {
  font-size: 1.75rem;
}
.contact h1,
.contact h3 {
  color: #e2001a;
  text-transform: uppercase;
}
#map {
  height: 400px;
}
.postcodenl-autocomplete-menu {
  display: none;
  position: absolute;
  z-index: 9900;
  background-position: right 0.85em bottom 0.3em;
  box-shadow: 0 0.5em 0.75em rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.postcodenl-autocomplete-menu-open {
  display: block;
}
.postcodenl-autocomplete-menu-items {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  max-height: 19em;
  overflow-y: auto;
  overflow-x: hidden;
}
.postcodenl-autocomplete-menu-items:empty {
  display: none;
}
/* input,
textarea,
select {
	box-sizing: border-box;
	padding: 11px 17px;
	width: 100%;
	line-height: var(--line-height-base);
	outline: none;
	border: none;
	color: var(--color-text);
	background: #fff;
} */
input[class].postcodenl-autocomplete-address-input {
  transition: none;
}
.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo {
  padding-bottom: 1.75em;
  border-top: 1px solid #ddd;
}
.postcodenl-autocomplete-logo .postcodenl-autocomplete-menu-items {
  border-top: none;
}
.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo,
input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank.postcodenl-autocomplete-logo {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMjYuMTcgNDAiIHdpZHRoPSIyMjYiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8ZyBmaWxsPSIjOTk5Ij4KCQk8cGF0aCBkPSJtOC4zODMgMS43NjlhNy40NjYgNy40NjYgMCAwIDEgNy42ODYgNy42NDIgNy4zNDEgNy4zNDEgMCAwIDEtMi4yIDUuNDQ3IDcuNDczIDcuNDczIDAgMCAxLTUuNSAyLjJoLTYuNXY5LjM2N2gtMS44Njl2LTI0LjY1NnptMCAxMy40OTJhNS42MyA1LjYzIDAgMCAwIDQuMTc3LTEuNjUxIDUuNzE4IDUuNzE4IDAgMCAwIDEuNjM3LTQuMiA1Ljc3IDUuNzcgMCAwIDAtMS42MzctNC4yMjggNS42MyA1LjYzIDAgMCAwLTQuMTc3LTEuNjUxaC02LjUxOHYxMS43NDV6Ii8+CgkJPHBhdGggZD0ibTQwLjQ4NSAyMy4xMDFhMTIuMjMgMTIuMjMgMCAwIDEtOS4wMjIgMy43MjIgMTIuMjMgMTIuMjMgMCAwIDEtOS4wMTQtMy43MjIgMTIuMjgxIDEyLjI4MSAwIDAgMS0zLjY3LTkgMTIuMyAxMi4zIDAgMCAxIDMuNjctOS4wMDcgMTIuMjUyIDEyLjI1MiAwIDAgMSA5LjAxNC0zLjcxNCAxMi4yNTIgMTIuMjUyIDAgMCAxIDkuMDIyIDMuNzE0IDEyLjMgMTIuMyAwIDAgMSAzLjY3IDkuMDA3IDEyLjI4MSAxMi4yODEgMCAwIDEtMy42NyA5em0tMTYuNzE1LTEuMjdhMTAuNCAxMC40IDAgMCAwIDcuNjkzIDMuMTkzIDEwLjQgMTAuNCAwIDAgMCA3LjctMy4xOTMgMTAuNTU2IDEwLjU1NiAwIDAgMCAzLjE1Ny03LjczIDEwLjU4NSAxMC41ODUgMCAwIDAtMy4xNTctNy43MzcgMTAuNDI0IDEwLjQyNCAwIDAgMC03LjctMy4xODYgMTAuNDI0IDEwLjQyNCAwIDAgMC03LjY5MyAzLjE4NiAxMC41ODUgMTAuNTg1IDAgMCAwLTMuMTU3IDcuNzM3IDEwLjU1NiAxMC41NTYgMCAwIDAgMy4xNTcgNy43M3oiLz4KCQk8cGF0aCBkPSJtNTUuMjE4IDI2LjgyM2ExMC4zMjEgMTAuMzIxIDAgMCAxLTUuOC0xLjU3MSA3LjczNyA3LjczNyAwIDAgMS0zLjIyMy00LjI0M2wxLjYyMi0wLjk1NGE2LjUgNi41IDAgMCAwIDIuNTU1IDMuNjI2IDguMTQ4IDguMTQ4IDAgMCAwIDQuODQ1IDEuMzQzIDYuODU2IDYuODU2IDAgMCAwIDQuNi0xLjM4IDQuNDQxIDQuNDQxIDAgMCAwIDEuNi0zLjU1MyAzLjYxMiAzLjYxMiAwIDAgMC0xLjU1MS0zLjE0MiAxOC43ODUgMTguNzg1IDAgMCAwLTQuODEtMi4xNDhsLTEuNzQtMC42MzEtMS41NzEtMC41NzNhOC42MTEgOC42MTEgMCAwIDEtMS41Mi0wLjY5Yy0wLjMzLTAuMjEzLTAuNzM0LTAuNS0xLjE4Mi0wLjg1MmEzLjg2OCAzLjg2OCAwIDAgMS0xLjAyLTEuMDQyIDcuMDU1IDcuMDU1IDAgMCAxLTAuNTU3LTEuMzEyIDUuMiA1LjIgMCAwIDEtMC4yNS0xLjY3NCA2LjAxMiA2LjAxMiAwIDAgMSAyLjEyOS00LjgwOCA3Ljk1IDcuOTUgMCAwIDEgNS4zNDQtMS44NDMgOC4zNDYgOC4zNDYgMCAwIDEgNC45MzMgMS40NjggOC41MyA4LjUzIDAgMCAxIDMgMy43MTRsLTEuNTg2IDAuODgxYTYuMzUgNi4zNSAwIDAgMC02LjM0Mi00LjI2NSA1Ljg3MyA1Ljg3MyAwIDAgMC00LjAzNyAxLjMzNiA0LjM2IDQuMzYgMCAwIDAtMS41MiAzLjQyMSAzLjM5MSAzLjM5MSAwIDAgMCAxLjQwOSAyLjk4OCAxOC42ODIgMTguNjgyIDAgMCAwIDQuNjE3IDIuMDQ4bDMuMTc5IDEuMTgyYTE0LjQxOCAxNC40MTggMCAwIDEgMi40NjcgMS4yNjMgNS4yNzggNS4yNzggMCAwIDEgMS45MTYgMS45NzUgNS43IDUuNyAwIDAgMSAwLjYgMi42NjUgNi4wODYgNi4wODYgMCAwIDEtMi4yIDQuOTE4IDguODgyIDguODgyIDAgMCAxLTUuOTA3IDEuODUzeiIvPgoJCTxwYXRoIGQ9Im04MS44MiAxLjc2OXYxLjc2MmgtNy43NTJ2MjIuOWgtMS45MDh2LTIyLjloLTcuNzUydi0xLjc2MnoiLz4KCQk8cGF0aCBkPSJtOTUuMjM5IDI2LjkyNmExMi41MzEgMTIuNTMxIDAgMCAxLTEyLjgzMi0xMi44MjQgMTIuNTE2IDEyLjUxNiAwIDAgMSAxMi44MzItMTIuODI0IDEyLjY0OCAxMi42NDggMCAwIDEgNi4xMyAxLjUyNyAxMS42OTQgMTEuNjk0IDAgMCAxIDQuNCA0LjE3N2wtNC44NjcgMi44MTlhNS41MjggNS41MjggMCAwIDAtMi4zMjctMi4yIDcuMTU3IDcuMTU3IDAgMCAwLTMuMzc3LTAuNzkzIDYuOTc0IDYuOTc0IDAgMCAwLTUuMiAyIDcuMjg5IDcuMjg5IDAgMCAwLTEuOTYgNS4zMjIgNy4zIDcuMyAwIDAgMCAxLjk2IDUuMzIyIDYuOTY2IDYuOTY2IDAgMCAwIDUuMjM0IDIgNy4yMTYgNy4yMTYgMCAwIDAgMy40LTAuODA3IDUuNDg0IDUuNDg0IDAgMCAwIDIuMzA1LTIuMmw0Ljg2NyAyLjgxOWExMS4zMzQgMTEuMzM0IDAgMCAxLTQuNCA0LjE3NyAxMi43MTQgMTIuNzE0IDAgMCAxLTYuMTY1IDEuNDg1eiIvPgoJCTxwYXRoIGQ9Im0xMzEuODcgMTYuMjUzLTExLjI2OSAyMy43NDctMTEuMjY4LTIzLjc0N2E5Ljg4OCA5Ljg4OCAwIDAgMS0wLjc3MS00LjIxNCAxMi4wMzkgMTIuMDM5IDAgMSAxIDI0LjA3OCAwIDkuODg4IDkuODg4IDAgMCAxLTAuNzcxIDQuMjE0em0tMTEuMjY5LTEwLjIzNGE2LjAxOSA2LjAxOSAwIDEgMCA2LjAxOSA2LjAxOSA2LjAxOSA2LjAxOSAwIDAgMC02LjAxOS02LjAxOXoiLz4KCQk8cGF0aCBkPSJtMTM1Ljk2IDI2LjQzNXYtMjQuNjY2aDkuODU1OXEyLjUxMTMgMCA0LjczMDEgMC45NjMyMyAyLjIzNjEgMC45NDYwMyAzLjgxODUgMi41ODAxIDEuNTgyNCAxLjYzNCAyLjUxMTMgMy45MjE3IDAuOTI4ODMgMi4yODc3IDAuOTI4ODMgNC44Njc3dC0wLjkyODgzIDQuODY3Ny0yLjUxMTMgMy45MjE3cS0xLjU4MjQgMS42MzQtMy44MTg1IDIuNTk3My0yLjIxODkgMC45NDYwMy00LjczMDEgMC45NDYwM3ptNS42NDE4LTUuNDE4Mmg0LjIxNDFxMi45MjQxIDAgNC43MzAxLTEuODc0OSAxLjgyMzMtMS44OTIxIDEuODIzMy01LjAzOTggMC0zLjE0NzctMS44MjMzLTUuMDIyNi0xLjgwNi0xLjg3NDktNC43MzAxLTEuODc0OWgtNC4yMTQxeiIvPgoJCTxwYXRoIGQ9Im0xNjAuNjYgMjYuNDM1di0yNC42NjZoMTUuMzI2djUuNDM1NGgtOS42ODM5djQuMDc2NWg4LjgwNjd2NS4zNjY2aC04LjgwNjd2NC4zNjg5aDkuODU1OXY1LjQxODJ6Ii8+CgkJPHBhdGggZD0ibTE3OC40MiAyMy41OHEwLTEuMzU4OCAwLjk4MDQzLTIuMzM5MyAwLjk5NzYzLTAuOTk3NjMgMi4zNzM3LTAuOTk3NjMgMS4zNTg4IDAgMi4zMzkzIDAuOTgwNDMgMC45OTc2MyAwLjk4MDQzIDAuOTk3NjMgMi4zNTY1IDAgMS4zNzYtMC45OTc2MyAyLjM3MzctMC45ODA0MyAwLjk4MDQzLTIuMzM5MyAwLjk4MDQzdC0yLjM1NjUtMC45ODA0M3EtMC45OTc2My0wLjk5NzYzLTAuOTk3NjMtMi4zNzM3eiIvPgoJCTxwYXRoIGQ9Im0xODguNDQgMjYuNDM1di0yNC42NjZoMTUuMzI2djUuNDM1NGgtOS42ODM5djQuMDc2NWg4LjgwNjd2NS4zNjY2aC04LjgwNjd2NC4zNjg5aDkuODU1OXY1LjQxODJ6Ii8+CgkJPHBhdGggZD0ibTIwNi41NyAxOC40NzF2LTE2LjcwMmg1LjYyNDZ2MTYuMjAzcTAgMy40NTczIDMuODg3MyAzLjQ1NzMgMy44NzAxIDAgMy44NzAxLTMuNDU3M3YtMTYuMjAzaDUuNjQxOHYxNi43MDJxMCAyLjU4MDEtMS4yNTU2IDQuNTIzNy0xLjI1NTYgMS45NDM3LTMuNDA1NyAyLjk0MTMtMi4xMzI5IDAuOTk3NjMtNC44NTA1IDAuOTk3NjMtMi43MTc3IDAtNC44Njc4LTAuOTk3NjMtMi4xMzI5LTAuOTk3NjMtMy4zODg1LTIuOTQxMy0xLjI1NTYtMS45NDM3LTEuMjU1Ni00LjUyMzd6Ii8+Cgk8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 5em;
}
input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank {
  background-position: calc(100% - 0.85em) calc(50% + 0.1em);
}
input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank:focus {
  background-image: none;
}
input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-loading {
  background-image: url(data:image/gif;base64,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);
  background-position: center right 0.6em;
  background-repeat: no-repeat;
  background-size: 0.8em;
}
.postcodenl-autocomplete-item {
  padding: 0.4em 1.2em 0.4em 0.6em;
  margin: 0;
  line-height: 1.1;
  list-style: none;
  cursor: pointer;
}
.postcodenl-autocomplete-item-focus {
  background-color: #f0f0f0;
}
.postcodenl-autocomplete-item mark {
  background-color: transparent;
  font-weight: 700;
  padding: 0;
}
.postcodenl-autocomplete-item-label {
  display: inline-block;
  max-width: 100%;
  margin-right: 0.4em;
}
.postcodenl-autocomplete-item-description,
.postcodenl-autocomplete-item-tag {
  margin-right: 0.4em;
  font-size: 80%;
  color: #666;
}
.postcodenl-autocomplete-item-description {
  white-space: nowrap;
}
.postcodenl-autocomplete-item-more {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPHBhdGggZD0ibTUgMTQgNi02LTYtNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
  background-position: center right 0.25em;
  background-repeat: no-repeat;
  background-size: 0.8em;
}
.postcodenl-autocomplete-aria-live-region {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
:root {
  --umb-block-grid--areas-column-gap: 2rem;
}
.umb-grid img {
  max-width: 100%;
}
.umb-grid a {
  text-decoration: underline;
}