:root {
  --waves-width: 150%;
  --waves-height: min(5rem, 10vw);
  --borderw: .1rem;
  --borders: solid;
  --borderr: var(--radius-s) ;
  --borderc: var(--shade-light);
  --whitec: #ffffff;
  --triangle-dark-width: 200%;
  --triangle-light-width: 300%;
  --triangle-height: min(10rem, 10vw);
}
/* CSS for social icons */
.cc-link--white a {
  color: var(--white);
}
.cc-link--white a:hover {
  color: var(--action);
}
.cc-voertuig__name a {
  color: #ffffff;
}
#cc--social__svg {
  fill: currentColor;
  width: 3rem;
  height: 3rem;
  margin-right: var(--space-m);
}
.cc--social__container {
  display: flex;
  flex-direction: row;
}
.list--none {
  list-style: none;
  padding-left: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
/* End CSS for social icons */
.cc--background-darklight {
  background: linear-gradient(to bottom left, transparent 49%, var(--base-light) 50%) top/100% 50px, linear-gradient(var(--base-light), var(--base-light)) center/100% calc(100% - 100px), linear-gradient(to top right, transparent 49%, var(--base-light) 50%) bottom/100% 50px, linear-gradient(to bottom right, transparent 49%, var(--base) 50%) top/100% 50px;
  background-repeat: no-repeat;
}
.cc--card__container {
  border-radius: var(--borderr);
  border-color: var(--borderc);
  border-style: var(--borders);
  border-width: var(--borderw);
  padding: var(--space-m);
}