/* 20250826112833 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
#home-block-banners .banners.br article {
    border-radius: 20px;
}

@media (min-width: 992px) {
#home-block-banners .banners article .wrap {
    background-color: transparent;
    max-width: calc(75% - 100px) !important;
    position: absolute;
}
}

#home-block-banners .banners.br article img {
    border-radius: 20px;
}

@media (max-width: 767.98px) {
.banner-2 h4.h1 {
  	font-size: 35px;
  } }

@media (max-width: 767.98px) {
h4.h1 {
  	font-size: 35px;
}
}

@media (max-width: 767.98px) {
#home-block-banners .banners article .wrap.text-mobile-center {
    text-align: left;
}
}

@media (max-width: 991.98px) {
#home-block-banners .banners.static > article {
    width: calc(50% - 15px);
}
}

@media (max-width: 991.98px) {
#home-block-banners .banners.static > *:nth-child(2n) {
    width: calc(50% - 15px);
}
}

@media (max-width: 1199.98px) {
#home-block-banners .banners.static > article {
    width: calc(55% - 15px);
}
}

@media (max-width: 1199.98px) {
#home-block-banners .banners.static > *:nth-child(2n) {
    width: calc(45% - 15px);
}
}

.button::before {
  	background-color: #FF9F1C;
  	color: #FF9F1C;
    border-radius: 15px;
}

body {
    font-size: 14px !important;
  	font-weight: 300 !important;
}

.button {
		font-weight: 600 !important;
}

input, textarea {
    border-radius: 10px;
}

.menu > ul > li > a {
    font-weight: 300 !important;
}

header .wrap-cart .count {
    background: #FF9F1C;
}

-header .wrap-cart > * {
    font-weight: 300 !important;
}

.review-widget.big .score {
    background: #FEDB07;
  	color: #222222;
}

.icon-check {
	font-weight: 600 !important;
  font-size: 18px;
  color: var(--positives);
}

header .icon-check {
	color: white !important;
}

.topbar {
  font-size: 14px;
  font-weight: 300 !important;
}



span.usporanje {
		color: #FF9F1C;
    font-weight: 600 !important;
}

span.usppaars {
		color: #754696;
    font-weight: 700 !important;
}

.button::before {
  	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

#home-block-benefits .block {
    border-radius: 20px;
}

#home-block-benefits .bg-wrap img {
    border-radius: 20px;
}

#home-block-benefits h4.h1 {
  line-height: 1.0;
}

#home-block-benefits .bg-wrap::before {
    opacity: 15%;
    border-radius: 20px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}

h2, .h2 {
    font-weight: 800 !important;
}

.category:hover {
    color: var(--colorBody);
    margin-bottom: 20px;
    padding-bottom: 25px;
    top: 0px;
}

.category .img img {
		border-radius: 20px;
}

.category .h4 {
  font-size: 20px;
  font-weight: 600 !important;
}

.button.accent.solid {
    background-color: var(--accent);
    color: var(--white);
  	border-radius: 10px;
}

#servicepage .h1 {
    margin-bottom: 1.8rem;
}

#servicepage .box.solid {
		display: none !important;
}

.service-banner .image img {
    object-position: center top;
}

#servicepage img {
    border-radius: 20px;
}

#servicepage .button.accent.solid {
    background-color: transparent !important;
}

#mobile-variant-4 .palette-bg-light {
    background-color: white;
    color: var(--black);
}

#home-block-banners h4.h1 {
  	line-height: 1.0;;
}

#collection > .content .img, #catalog .content .img {
    display: none;
}

#catalog .content .img img {
    height: auto;
    display: none;
}

.gui-form .gui-radio label:before {
    border: 1px solid #ede9e6;
}

.gui-form .gui-checkbox label:before {
    border: 1px solid #ede9e6;
}

input, textarea {
    border: 1px solid #ede9e6;
}

.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text a:hover {
  color: #301644;
}

@media (max-width: 767.98px) {
.formSearch input {
    color: #222222 !important;
  	font-weight: 200;
  } }

.share {
    display: none;
}

.check .icon-check {
    display: none;
}

.serviceheader {
    margin-top: -50px;
  	margin-left: 10px;
}

@media (max-width: 991.98px) {
.serviceheader {
    display: none;
}
}

@media (max-width: 1199.98px) {
img.serviceheader {
    width: 47px;
  	height: 64px;
}
}

.fa-solid .topbar .usp .list, .topbar .usp .list * {
    line-height: 40px;
    height: var(--topbar);
}

.usp .list .item i {
    margin-right: 7px !important;
    vertical-align: middle;
  	font-size: 18px;
}

header .wrap-cart > * {
    font-size: 20px;
}

header .wrap-cart a:hover i, header .wrap-cart .cart:hover > i {
    color: white;
  	filter: var(--darkFilter2);
}

/* HEADER */

header#variant-1 .sticky {
    top: 0px;
}

header#variant-1.sticky .topbar {
    z-index: 0 !important;
}


#cart.sidebar {
    color: #222222;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 12px 24px -16px rgba(0,0,0,.3);  
}

.formSearch input {
    color: #222222 !important;
  	font-weight: 200;
  }

.formSearch input:focus {
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 12px 24px -16px rgba(0,0,0,.3);
  	color: #222222;
  	font-size: 14px;
  	font-weight: 200;
}

.formSearch .search-results {
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 12px 24px -16px rgba(0,0,0,.3); 
  	border-radius: 10px;
}

header#variant-1.sticky .topbar {
    padding-top: 10px;
}

#variant-1 .hallmark {
    margin-left: 30px;
}

.menu > ul > li > ul {
    width: 200%;
}

.menu.standard > ul > li > ul > li a {
    font-weight: 300;
}

.has-sub .palette-bg-white {
    background-color: #f8f5f2;
}

/* COOKIE LAW */

/*@media (min-width: 1400px) {
.wsa-cookielaw img {
	margin-top: 85px !important;
}
}*/

/*@media (min-width: 1200px) and (max-width: 1399.98px) {
.wsa-cookielaw img {
	margin-top: 85px !important;
}
}*/

/*@media (min-width: 992px) and (max-width: 1199.98px) {
.wsa-cookielaw img {
	margin-top: 105px !important;
}
}*/

/*@media (min-width: 992px) {
.koekjestekst {
	color: #222222;
  padding-left: 40px !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;  
}
}*/

/*@media (min-width: 1400px) {
.wsa-cookielaw {
    position: fixed;
    top: 35%!important;
  	bottom:unset;
    left: 30% !important;
    transform: translate(-50%, -50%);
    z-index: 99999!important;
    width: 35% !important;
    height: unset!important;
    margin: 0;
    padding: 0px !important;
    color: #fff;
    line-height: unset!important;
    /*background: rgba(0,0,0,.4);*/
		/*background: #fff;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    border-top: 1px solid #bbb;
    border-bottom: 0!important;
    font-family: unset!important;
    white-space: unset!important;
  	font-weight: 200;
  	border-radius: 15px;
  	color:#222222;
  	font-size: 14px;
/*   	box-shadow: 1px 6px 35px; */
/*}
}*/

/*@media (min-width: 1200px) and (max-width: 1399.98px) {
.wsa-cookielaw {
    position: fixed;
    top: 35%!important;
  	bottom:unset;
    left: 25% !important;
    transform: translate(-50%, -50%);
    z-index: 99999!important;
    width: 50% !important;
    height: unset!important;
    margin: 0;
    padding: 0px !important;
    color: #fff;
    line-height: unset!important;
    /*background: rgba(0,0,0,.4);*/
		/*background: #fff;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    border-top: 1px solid #bbb;
    border-bottom: 0!important;
    font-family: unset!important;
    white-space: unset!important;
  	font-weight: 200;
  	border-radius: 15px;
  	color:#222222;
  	font-size: 14px;
/*   	box-shadow: 1px 6px 35px; */
/*}
}*/

/*@media (min-width: 992px) and (max-width: 1199.98px) {
.wsa-cookielaw {
    position: fixed;
    top: 35%!important;
  	bottom:unset;
    left: 23% !important;
    transform: translate(-50%, -50%);
    z-index: 99999!important;
    width: 55% !important;
    height: unset!important;
    margin: 0;
    padding: 0px !important;
    color: #fff;
    line-height: unset!important;
    /*background: rgba(0,0,0,.4);*/
		/*background: #fff;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    border-top: 1px solid #bbb;
    border-bottom: 0!important;
    font-family: unset!important;
    white-space: unset!important;
  	font-weight: 200;
  	border-radius: 15px;
  	color:#222222;
  	font-size: 14px;
/*   	box-shadow: 1px 6px 35px; */
/*}
}*/

/*@media (min-width: 576px) and (max-width: 991.98px) {
.wsa-cookielaw {
  width: 60% !important;
  left: 22% !important;
  border-radius: 15px;  
}
}*/

/*.wsa-cookielaw {
  bottom: unset;
  top: 10%!important;
  font-weight:200;
  color:#222222;
  font-size: 14px;
  box-shadow: 1px 6px 35px;
  width: 90%;
  left: 5%;
  border-radius: 15px;  
  text-align: left;
  padding: 20px;
}*/


/*a.wsa-cookielaw-button.wsa-cookielaw-button-green {
  background: #fa9f27;
  border-radius: 10px;
  padding: 14px 15px;
  width: 100%;
  font-size:14px;
  margin-top: 20px;
  text-decoration: none !important;
  text-align: center !important;
}*/

/*a.wsa-cookielaw-button.wsa-cookielaw-button-red {
  background: #b502029c;}
.wsa-cookielaw {background:#fff;}*/

/*@media (min-width: 992px) {
.cookiemelding {
  font-size:35px !important;
}
}*/

/*.cookiemelding {
  font-size:25px;
  font-weight: 800;
  color:#222222;
  text-align: left;
}*/

/*.wsa-cookielaw a {
    text-decoration: underline;
  	text-decoration-color: #bc96d7;
}*/

/*@keyframes pop-in {
     0% { opacity: 0; transform: scale(0.1); }
     100% { opacity: 1; transform: scale(1); }
}*/

/*.wsa-cookielaw {
     animation:pop-in 0.5s;
}*/

/*#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
}*/

/*@media (min-height: 300px) and (max-height: 350px) {
  .row.cookiepopup {max-height:230px;overflow:scroll;}
}*/

/*@media (min-height: 351px) and (max-height: 450px) {
  .row.cookiepopup {max-height:320px;overflow:scroll;}
}*/

/*@media (min-height: 451px) and (max-height: 650px) {
  .row.cookiepopup {max-height:420px;overflow:scroll;}
  .wsa-cookielaw {top:3%!important;}
}*/


strong {
    font-weight: 600 !important;
}

.h4 {
    font-size: 16px;
    font-weight: 600;
}

.product .prices span.price {
    font-size: 24px;
    font-weight: 800;  
}

.product .stock .outofstock {
    color: #cbcbcb !important;
  	font-weight: 300; 
}

.product .wrap > label {
    background-color: white;
		background: url(https://cdn.webshopapp.com/shops/356323/files/482145661/notre-choix.svg) no-repeat !important;
  	padding: 53px 27px !important;
}

.label {
    background-color: white;
		background: url(https://cdn.webshopapp.com/shops/356323/files/482145661/notre-choix.svg) no-repeat !important;
  	padding: 53px 27px !important;
}

.product .prices span.price {
    color: #343E40 !important;
    font-weight: 800;  
}

.oldprices {
 	margin-top: 20px; 
  margin-bottom: -10px;
  text-decoration: line-through;
  color: #CCCCCC;
  font-weight: 300;
}

.old-price { 
  margin-bottom: 10px;
}

.button {
	font-size: 15px;
  padding: 0px 35px !important;
  line-height: 50px;
}

home-block-banners .button [class^=icon-] {
    font-weight: 600;
    line-height: 1;
}

#home-block-banners .button i {
    position: absolute;
    right: 15px;
    top: 20px;
    transform: rotate(-90deg);
}

[class^="revicon-"] {
	font-size: 18px !important;
}

.revicon-stervol:before {
    margin-right: 2px;
}

#product [class^="revicon-"] {
	font-size: 18px !important;
}

#product .revicon-stervol:before {
    margin-right: 2px;
}

.product .stock .instock {
    color: #754696;
    white-space: nowrap;
  	font-weight: 600;
}

#home-block-banners {
    padding-top: 30px !important;
}

#home-block-products {
    padding-top: 20px !important;
}

.product .prices {
    margin-top: 0px;
}

.product .wrap > label.sale {
    background-color: #ff9f1c !important;
  	background: #ff9f1c !important;
  	padding: 4px 15px !important;
  	border-radius: 5px;
}

.dmws-plus-stock-cta-button-inner { font-size: 0; }
.dmws-plus-stock-cta-button-inner svg { margin-right: 0; }

label.sale {
    position: absolute;
    right: 0px;
    top: 130px;
}

label.sale {
    position: absolute;
    right: 0px;
    top: 145px;
}

@media (min-width: 576px) {
label.sale {
    position: absolute;
    right: 0px;
    top: 180px;
}
}

@media (min-width: 768px) {
label.sale {
    position: absolute;
    right: 0px;
    top: 160px;
}
}

@media (min-width: 1200px) {
label.sale {
    position: absolute;
    right: 0px;
    top: 180px;
}
}

@media (min-width: 1200px) {
label.sale {
    position: absolute;
    right: 0px;
    top: 180px;
}
}

@media (min-width: 1400px) {
label.sale {
    position: absolute;
    right: 0px;
    top: 220px;
}
}

#home-block-products label.sale {
    right: 20px;
}

#product .images .images-wrap .promotion {
		background: #ff9f1c !important;
  	color: white;
    padding: 4px 15px !important;
    border-radius: 5px;
  	position: absolute;
  	left: 60px;
  	z-index: 2;
    font-weight: 600;
}

.product:hover {
  	border-radius: 20px;
}

#home-block-products .product-slider .product .wrap {
    padding: 30px 25px;
}

.related .button.cta::before {
    color: var(--cta);
    background-color: black;
}

/* homepage categories */

.catsmall {
    background-color: #F8F5F2;
  	border-radius: 20px;
  	padding: 20px;
}

.catbig {
    background-image: url("https://cdn.webshopapp.com/shops/356323/files/482146409/acheter-barriere-de-securite.webp");
  	background-size: cover;
  	background-color: #F8F5F2;
  	border-radius: 20px;
}

.mb45 {
  margin-bottom: 20px;
}

@media (min-width: 576px) {
.mb45 {
  margin-bottom: 45px;
}
  }

.mb452 {
  margin-bottom: 45px;
}

@media (min-width: 576px) {
.mb452 {
  margin-bottom: 0px;
}
  }

.mbn {
  margin-bottom: 0px !important;
}

p.mbn {
  line-height: 1.4 !important;
  text-align: center;
}

h3.mbn {
  text-align: center;
}

.paa {
  padding-right: 30px !important;
}

.par {
  padding-right: 22px !important;
}

.pal {
  padding-left: 22px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt40 {
  margin-top: 40px !important;
}

@media (min-width: 576px) {
.paa {
  padding-right: 55px !important;
}
}

.nopaddinglr {
  padding-left: 0 !important;
  padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;  
}

.alth2 {
  font-size: 20px !important;
  font-weight: 600 !important;
}

#servicepage .text a {
    text-decoration: underline;
}

#catalog .text a {
    text-decoration: underline !important;
}

#catalog img {
	border-radius: 20px;
}

#catalog .content .text h3 {
    display: none !important;
}

#catalog .video {
	border-radius: 20px;
}

/* Trustedshop Badge - Left */

#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
 left: 20px!important;
 right: unset!important;
}
   
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810:hover {
 left: 19px!important;
 right: unset!important;
}
   
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 .outsideAlerter-98e3dadd90eb493088abdc5597a70810 > div:first-child {
 left: 0!important;
 right: auto!important;
}
   
#maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
 left: 20px!important;
 right: unset!important;
}
   
#trustcard-98e3dadd90eb493088abdc5597a70810 {
 left: 20px!important;
 right: unset!important;
}


#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
  border-radius: 20px !important;
  padding: 20px 5px !important;
}

@media only screen and (max-width: 648px) {
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
	padding: 5px 5px !important;
}
}

#trustbadge-minimized-menu-button-98e3dadd90eb493088abdc5597a70810 {
	padding: 10px 10px 0px 20px !important;
}

#maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
  border-radius: 20px !important;
}

.meilleurtest {
  padding: 20px;
  background-color: #f8f5f2;
  border-radius: 20px;
}

.button .bestebutton a:before {
  background-color: #f8f5f2 !important;
}

#trengo-web-widget {
    z-index: 999247483647 !important;
}

#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
    z-index: 1 !important;
}

.aidechoixbanner {
	background-color: #f8f5f2 !important;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: 0.5px;
  margin-right: 0.5px;
  margin-top: 10px;  
}

.aidechoixbanner img {
    width: 100%;
    height: auto;
  	border-radius: 20px;
  	padding-left: -50px !important;
}

.aidechoixbanner div.col-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-radius: 20px;
}

@media (max-width: 575.98px) { 
.aidechoixbanner {
  display: none !important;
  }
}

@media (min-width: 576px) {
.mobilaidechoix {
  display: none !important;
}
}

@media (min-width: 576px) {
.onlymobile {
  display: none !important;
}
}

.mobilaidechoix img {
    width: 100%;
    height: auto;
  	border-radius: 20px;
}

.mobilaidechoix {
	background-color: #f8f5f2 !important;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: 0.5px;
  margin-right: 0.5px;
  margin-top: 10px;
}

@media (max-width: 575.98px) {
.mobilaidechoix div.col-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
}

#collection .mobilaidechoix img {
    width: 150%;
    height: auto;
  	border-radius: 20px;
}

#collection .mobilaidechoix {
	background-color: #f8f5f2 !important;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: 0.5px;
  margin-right: 0.5px;
  margin-top: 10px;
}

@media (max-width: 575.98px) {
#collection .mobilaidechoix div.col-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
}

#mobile-variant-4 button i {
    position: relative;
    left: 10px;
  	bottom: 2px;
    transform: rotate(-90deg);
    display: inline-block;
}

.aideauchoixbutton {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-right: 10px !important;
  background-color: #754696;
  border-radius: 7px;
  color: white !important;
  font-weight: 600;
  height: 35px;
  margin-top: 5px;
  line-height: 2.5;
  cursor:pointer;
}

.aideauchoixbutton:hover {
  background-color: #754696;
  color: white !important;
}

#collection button i {
    position: relative;
    left: 10px;
  	bottom: 2px;
    transform: rotate(-90deg);
    display: inline-block;
}

@media (max-width: 575.98px) {
h1, .h1 {
    font-size: 35px;
    font-weight: 800;
}
}

#collection .button.cta::before {
    color: #222222 !important;
    background-color: white !important;
  	border: 1px solid rgb(229, 229, 229);
  	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.00) !important;
}

#collection .button.cta {
    color: #222222 !important;
}

#collection .results-actions .showFilter i {
    color: #222222 !important;
}

.mobile-menu > .menu-wrapper > ul {
    padding: 15px 15px 80px 15px !important;
}

.mobile-menu > .menu-wrapper > ul > li:last-of-type {
    padding-bottom: 40px !important;
}

.banner-1 .button::before {
    background-color: #754696;
    color: #754696;
    border-radius: 15px;
}

.banner-2 .button::before {
    background-color: white;
    color: white;
    border-radius: 15px;
}

.banner-2 .button {
    color: #222222;
}

aside.cart .totals-wrap {
    padding-left: 0px;
    padding-top: 20px;
}

aside.cart .continue a.button {
    margin-left: auto;
    text-align: center;
    width: 100%;
}

aside.cart div.link {
    color: #222222;
    margin-top: 10px;
    width: 100%;  
    padding-left: 0px;
    text-align: center;
}

.list-cart > li .actions a.delete {
    color: #222222;
}

aside.cart .totals-wrap .amount {
    color: #222222;
    font-size: 16px;
    font-weight: 600;
}

aside.cart .totals-wrap .positive {
    color: #ff9f1c;
    font-size: 14px;
    font-weight: 600;
}

@media (min-width: 576px) {
.service-banner {
    margin-top: 15px !important;
  }}

#servicepage .servicecontent {
	margin-top: -5rem;
  margin-bottom: 4rem;
  background-color: white;
  border-radius: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
  box-shadow: 1px -61px 94px -95px rgba(0,0,0,0.41);
}

@media (max-width: 575.98px) {
#servicepage .servicecontent {
	margin-top: -1rem;
  margin-bottom: 4rem;
  background-color: white;
  border-radius: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
  box-shadow: 1px -61px 94px -95px rgba(0,0,0,0.41);
}
}

#servicepage ul.links {
	display: none !important;
}


#servicepage .breadcrumbs .container {
  margin-top: 20px;
  padding-right: 0px;
  padding-left: 0px;
}


@media (min-width: 576px) {  
.breadcrumbs ol li a {
    font-size: 14px;
}
}

@media (min-width: 576px) {
.breadcrumbs ol li.item.icon i {
  font-size: 10px;
  top: 6px;
  right: 0px;
}
}

@media (min-width: 576px) {
.breadcrumbs ol li.item {
    padding-right: 10px;
    padding-left: 10px;
}
}

@media (min-width: 576px) {
.breadcrumbs ol li.item {
    font-size: 14px;
}
}

.homepagechoix {
    border: none;
    background: #754696;
    border-radius: 15px;
    width: 100%;
    padding: 15px 35px !important;
  	line-height: 50px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  	margin-top: 30px;
}

.banner-1 h4.h1 {
    margin-bottom: 30px !important;
}

.homepagechoix .icon-chevron-down:before {
    position: relative;
    left: 10px;
  	bottom: 2px;
    transform: rotate(-90deg);
    display: inline-block;
}

#servicepage .box {
  border: 0px solid var(--lines) !important;
  border-radius: 20px;
  background-color: #f8f5f2 !important;
}

.modal-backdrop {
    z-index: 0;
    background-color: #ffffff;
}

/* Tooltip Product */

.delivery .btn-primary {
    color: #FF9F1C;
    background-color: transparent;
    border-color: transparent;
}

.delivery .btn {
    color: #222222;
    text-align: center;
    vertical-align: middle;
    padding: 0rem 0rem;
  	margin-left: 5px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.delivery .btn {
		color: #FF9F1C;
}

#product .delivery {
    color: #222222 !important;
  	font-weight: 300 !important;
}

.well {
    border-radius: 15px;
    background: #f8f5f2;
  	padding-bottom: 10px;
  	padding-left: 20px;
  	padding-right: 20px;
  	padding-top: 5px;
}

.fermlivraison {
  	margin-top: -10px;
}

.fermer {
    color: #dbdad9 !important;
}

.delivery .btn-primary:focus {
    box-shadow: 0 0 0 0rem rgb(255 221 38 / 50%) !important;
}

.delivery .btn-primary:not(:disabled):not(.disabled):active {
    background-color: transparent !important;
    border-color: transparent !important;
}

.well .justify-content-end {
    margin-right: -11px;
}

/* Tooltip Cart */

.available .btn-primary {
    color: #FF9F1C;
    background-color: transparent;
    border-color: transparent;
}

.available .btn {
    color: #222222;
    text-align: center;
    vertical-align: middle;
    padding: 0rem 0rem;
  	margin-left: 5px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.available .btn {
		color: #FF9F1C;
}

#product .available {
    color: #222222 !important;
  	font-weight: 300 !important;
}

.available .btn-primary:focus {
    box-shadow: 0 0 0 0rem rgb(255 221 38 / 50%) !important;
}

.available .btn-primary:not(:disabled):not(.disabled):active {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Cart */

#cartpage .list-cart-main > li .stock .available {
    color: #222222;
  	font-weight: 300 !important;
}

#cartpage .totals-wrap .item label {
    color: #222222;
}

#cartpage .totals-wrap .usps {
   color: #222222;
}

#cartpage .totals-wrap .usps a {
   color: #222222;
}

/* Footer */

#footer .footer-top {
    border-bottom: 1px solid;
    border-color: #9862bd;
}

/* Productpagina */

@media (min-width: 576px) {
div.column-wrap.productpagina {
    box-shadow: 0 7px 16px 0 rgba(0,0,0,.15) !important;
    transition: box-shadow .25s cubic-bezier(.25,.8,.25,1) !important;
  	padding: 20px;
  	border-radius: 20px;
}
}

.announcement {
  background-color: #ff9f1c !important;
  color: white !important;
  margin-top: 10px;
}

.announcement a {
  background-color: white !important;
  color: #ff9f1c !important;
  padding: 10px !important;
  border-radius: 10px !important;
  margin-left: 10px;
  font-weight: 700;
}

@media (max-width: 575.98px) {
.announcement {
  background-color: #ff9f1c !important;
  color: white !important;
  margin-top: 10px;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
}
}

@media (max-width: 575.98px) {
.announcement a {
  background-color: rgba(76, 175, 80, 0.0) /* Green background with 30% opacity */ !important;
  color: white !important;
  padding: 10px !important;
  border-radius: 10px !important;
  margin-left: 10px;
  margin-top: 40px;
  font-weight: 700;
}
}

.composer-banner-desktop img {
  border-radius: 10px;
}

.composer-banniere-mob img {
  border-radius: 10px;
}

@media (max-width: 575.98px) {
.composer-banner-desktop {
  display: none;
  }
}

@media (min-width: 576px) {
.composer-banniere-mob {
  display: none;
  }
}

#servicepage .appbutton img  {
  border-radius: 5px !important;
}

#servicepage .appbutton {
  gap: 5px;
}

#servicepage .apptekst {
  padding-top: 2px !important;
}

.aideauchoix {
  background-color: #f8f5f2;
  padding: 20px;
  border-radius: 20px;
}

@media (min-width: 576px) {
.aideauchoix {
  padding: 40px;
  }
}

.aideauchoixmodal {
  background-color: #f8f5f2;
  padding: 20px;
  border-radius: 20px;
}

@media (min-width: 576px) {
.aideauchoixmodal {
  padding: 0px 40px 20px 40px;
  }
}

.modal-content {
  background-color: #f8f5f2;
  padding: 20px;
  border-radius: 20px;
  border: 0px solid rgba(0,0,0,.2);
}

.modal-header {
    border-bottom: 0px solid #dee2e6;
}

.modal {
  z-index: 9999;
}

.modal-open .modal-backdrop {
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1 !important;
  z-index: 9998;
}

.btn-close {
	background-image: url("https://cdn.webshopapp.com/shops/356323/files/482146502/x.svg");
  background-size: contain;
	background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  border: 0px solid rgba(0,0,0,.2);
}

button.btn-close {
    background-color: #f8f5f2 !important;
}

.btn-aidechoix {
    border: none;
    background: #754696;
    border-radius: 0.625rem;
    padding: 0.75rem 1.125rem;
    color: #ffffff;
    font-size: inherit;
    font-weight: 600;
    cursor: pointer;
}

.btn-aidechoix:hover {
    background: #603a7b;
    color: #ffffff;
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgba(0,123,255,1.0);
}

.aidechoixcollection {
    margin-left: -20px;
    margin-top: 10px;
}

.categorie {
    background-color: #F8F5F2;
  	border-radius: 20px;
  	border: 0px !important;
}

.categoriebanner {
    background-image: url("https://cdn.webshopapp.com/shops/356323/files/482146409/acheter-barriere-de-securite.webp");
  	background-size: cover;
  	background-color: #F8F5F2;
  	border-radius: 20px;
  	height: 352px;
  	color: white;
}

.categorie {
  position: relative;
}

#servicepage .card-body a {
  text-decoration: none !important;
  color: #222222 !important;
}

.categorie a::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

html.page-initialized a {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

h2.card-title.h1 {
    margin-bottom: 0.2rem !important;
}

#mobile-variant-4 button i.icon-search {
    transform: rotate(90deg) !important;
}

#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
    z-index: 1947483647 !important;
}


/* Cookiebot */

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

#CybotCookiebotDialogNav {
    display: none;
}

@media screen and (min-width: 601px) {
    #CybotCookiebotDialog {
        max-width: 730px !important;
    }
}

#CybotCookiebotDialog.CybotCookiebotDialogActive+#CybotCookiebotDialogBodyUnderlay {
    opacity: .5 !important;
    pointer-events: auto;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer {
    border-bottom: 0px solid #FFFFFF !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 8px !important;
}

#CybotCookiebotDialog h2 {
    font-size: 20px !important;
}

@media screen and (min-width: 1280px) {
    #CybotCookiebotDialogPoweredbyImage {
        max-height: 2.0em !important;
    }
}

#CybotCookiebotDialogPoweredbyImage  {
    max-height: 2.0em !important;
}

#CybotCookiebotDialogHeader {
    padding: 1.5em;
    display: none !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    padding-top: 12px !important;
    padding-right: 1em;
    padding-bottom: 12px !important;
    padding-left: 1em;
}

.qw-title {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.blackfridaytop {
    border-radius: 15px;
}

/* Checkout Begin */

.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col1 {
    border: 0;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2 {
    border: 0;
    background-color: #FFFFFF;
    border-radius: 10px;
}


.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col3 {
    border: 0;
  	padding: 25px;
    background-color: #f8f5f2;
    border-radius: 10px;
}

.gui-input {
    position: relative;
  	background-color: #ffffff;
    border: 1px solid #DCDCDC;
    overflow: hidden;
}

.gui-input input {
    color: #333347;
}

.gui-select {
    font-size: 100%;
}
.gui-select select {
    color: #333347;
}

.gui-form label {
    color: #333347;
}

.gui-page-title, .gui a.gui-bold, .gui-block-subtitle, .gui-table thead tr th, .gui ul.gui-products li .gui-products-title a, .gui-form label, .gui-block-title.gui-dark strong, .gui-block-title.gui-dark strong a, .gui-content-subtitle {
    color: #333347;
}

.gui-checkout-one-step .gui-block-option .gui-field .gui-radio > label {
    font-size: 14px !important;
    font-weight: normal;
    line-height: 25px;
    padding: 0;
}

.gui-checkout-one-step .gui-block-option .gui-field .gui-radio > input {
    height: auto;
    margin: 6px 0px 6px 0 !important;
    width: auto;
}

.gui-delivery-time-checkout {
    display: none !important;
}

.gui-cart-sum .gui-line {
    margin-top: 0px;
    margin-bottom: 15px;
}

.gui-field #gui-form-comment {
    display: none !important;
}

.gui-field #gui-form-cart-review-remark-title {
    display: none !important;
}

.gui-cart-sum .gui-item .gui-desc {
    float: left;
    width: 60%;
    text-align: left;
}

.order-summary {
  padding-left: 0px;
  padding-right: 0px;
}

.gui-table thead tr th {
    background-color: #f8f5f2;
}

.gui-cart-sum .gui-big {
    font-size: 120%;
    margin-bottom: 0px;
}

th.gui-align-left  {
    padding-left: 0px !important;
}

.order-summary .gui-table thead tr th:last-child {
    padding-right: 0px;
}

.gui-table tbody tr td {
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    border-top: 1px solid #EEEEEE;
}

.gui a.gui-bold {
    font-weight: 400;
  	font-size: 13px;
    line-height: 19.2px;  
}

.order-summary .gui-table tbody tr:last-child td {
    font-weight: 400;
  	font-size: 13px;
    line-height: 19.2px;  
}

.gui-terms-message-only {
    font-weight: 400;
  	font-size: 13px;
    line-height: 19.2px;
}

#page .container .gui-button-small {
    border: none;
    width: 100%;
}

#gui-block-review table {
    font-size: 13px;
}

.gui-div-cart-coupons .gui-button-small::before {
    background-color: #35353a !important;
    border: 0px !important;
}

.gui-button-small::before {
    background-color: #E96521 !important;
    border: 0px !important;
}

.gui-block-subtitle {
    font-size: 16px;
}

.gui-form .gui-spacer {
    height: 5px;
}

#gui-block-review .gui-spacer {
    height: 15px !important;
}

#gui-block-review .gui-table thead tr th {
    font-size: 13px;
}

#gui-block-review .gui-input input {
    font-size: 13px;
}

#gui-block-review .gui-field input[type="text"] {
		padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 9px;
    padding-left: 15px;
}

.gui-checkout-one-step .gui-payment-method-service > label {
    border-radius: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
  	border: 0px solid #f3f3f3 !important;
  	margin-top: 5px;
}

..gui-checkout-one-step .gui-payment-method-service > label:hover {
    border-radius: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
  	border: 1px solid #04622d !important;
  	margin-top: 5px;
  	background-color: #f3f3f3;
}

.gui-checkout-one-step .gui-payment-method-service > label:checked {
    border-radius: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
  	border: 1px solid green !important;
  	margin-top: 5px;
  	background-color: #f3f3f3;  
}

.gui a {
    color: #333347;
  	text-decoration: underline;
}

#gui-block-billing-address .gui-field input[type="text"] {
  	padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
}

.gui-checkout .gui-form .gui-radio label:before {
    border: 1px solid #e1e1e1 !important;
}

.gui-checkout .gui-payment-method-subtitle:before {
    border: 1px solid #e1e1e1 !important;
}

#gui-block-payment-method {
    padding-top: 20px;
}

#gui-block-review .gui-button-large::before {
    background-color: #ff9f1c !important;
}

/* Checkout End */

..meilleurschoix {
  background-color: #F8F5F2;
  padding: 20px;
  border-radius: 8px;
}

@media (min-width: 768px) {
#cartpage .list-cart-main > li > div.title, #cartpage .list-cart-main > li > div.stock {
    padding-right: 20px;
	}
}

#product #description .main a {
	text-decoration: underline;
}

#collection .text a {
	text-decoration: underline;
}

#collection .text a.button {
	text-decoration: none !important;
}

.right .hallmark {
  display: flex;
  align-items: center;
  height: 45px; /* hoogte van menubalk */
  min-width: 100px; /* optioneel, voor stabiliteit */
}

.right .hallmark img {
  display: block;
  height: 31.14px;
  width: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.right .hallmark img.loaded {
  opacity: 1;
}
