:root {
  --brightgreen: rgb(170, 192, 64);
  --prettyorange: rgb(198, 109, 85);
  --custardyellow: rgb(255, 221, 154);
  --forrestgreen: rgb(48, 95, 69);
  --bordeauxred: rgb(144, 22, 42);
  --brightorange: rgb(243, 158, 82);
  --sagegreen: rgb(179, 199, 189);
  --softpink: rgb(254, 232, 217);
  --skyblue: rgb(136, 169, 217);
  --terrabrown: rgb(201, 135, 99);
  --snow: rgb(255, 250, 250);
  --seashell: rgb(255, 245, 238);
  --floralwhite: rgb(255, 250, 240);
  --white: #ffffff;
  --medium-grey: #cccccc;
  --light-grey: #f2f2f2;
  --lighter-grey: #f5f5f5;
  --text-color: #262626;
  --lightest-grey: #f8f8f8;
  --border-radius-round: 1000px !important;
  --border-radius-big: 20px !important;
  --border-radius-small: .5rem;
  --box-shadow-light: 0 1px 1px rgba(0, 0, 0, 0.125), 0 2px 6px rgba(0, 0, 0, 0.125);
}


@media screen and (max-width: 991px) { 
:root {
  --border-radius-big: 12px !important;
}

}

.btn-outline-success {
  --bs-btn-color: #67925D;
  --bs-btn-border-color: #67925D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #67925D;
  --bs-btn-hover-border-color: #67925D;
  --bs-btn-focus-shadow-rgb: 113, 176, 48;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #67925D;
  --bs-btn-active-border-color: #67925D;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #67925D;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #67925D;
  --bs-gradient: none;
}



/*----------  Background-colors  ----------*/

.background-lighter-grey {
  background-color: #f8f8f8 !important;
}

.background-light-grey {
  background-color: #f5f5f5 !important;
}
.background-forestgreen {
  background-color: #305F45 !important;
}

.background-bordeauxred {
  background-color: #90162A !important;
}

.background-brightorange {
  background-color: #F39E52 !important;
}


.background-brightorange-lightest { 
  background-color: #FCECDA !important;
}

.background-brightorange-lighter {
  background-color: #ffebd9 !important;
}

.background-sagegreen {
  background-color: #B3C7BD !important;
}

.background-sagegreen-lighter {
  background-color: #F0F4F2 !important;
}



.box-shadow-light {
  box-shadow: var(--box-shadow-light);
}


.background-sagegreen * {
  color: var(--text-color) !important;
}

.background-softpink {
  background-color: #FEE8D9 !important;
  color: var(--prettyorange) !important;
}


.swiper-home-slider-color .background-softpink h1,
.swiper-home-slider-color.background-softpink h2,
.swiper-home-slider-color.background-softpink p,
.swiper-home-slider-color .background-softpink span,
.swiper-home-slider-color .background-softpink .title,
.swiper-home-slider-color .background-softpink .text,
.swiper-home-slider-color .background-softpink a {
  color: var(--prettyorange) !important;
}

.background-softpink h1,
.background-softpink h2,
.background-softpink p,
.background-softpink span,
.background-softpink .title,
.background-softpink .text,
.background-softpink a {
  color: var(--prettyorange) !important;
}

.background-prettyorange {
  background-color: var(--prettyorange) !important;
}


.background-rose-lightest {
  background-color: #FFF1F0 !important;
}



.background-skyblue-lighter {
  background-color: #d8e3f3 !important;
}

.plp-template-1 .section-header.background-skyblue-lighter h1,
.plp-template-1 .section-header.background-skyblue-lighter h2,
.plp-template-1 .section-header.background-skyblue-lighter p,
.plp-template-1 .section-header.background-skyblue-lighter span,
.plp-template-1 .section-header.background-skyblue-lighter .title,
.plp-template-1 .section-header.background-skyblue-lighter .text,
.plp-template-1 .section-header.background-skyblue-lighter a {
    color: #ffffff !important;
}

.background-skyblue {
  background-color: #88A9D9 !important;
}


.background-skyblue-lighter {
  background-color: #88A9D9 !important;
}

.background-skyblue-lightest {
  background-color: #E5ECF6 !important;
}

.background-skyblue * {
  color: var(--text-color) !important;
}

.background-custardyellow {
  background-color: #FFDD9A !important;
}

.background-custardyellow-lighter {
  background-color: #FFF4DD !important;
}

.background-custardyellow-lightest {
  background-color: #FFF7E8 !important;
}

html, body {
  background-color: #ffffff;
}

.background-custardyellow h2,
.background-custardyellow p,
.background-custardyellow .title,
.background-custardyellow .text,
.background-custardyellow span {
  color: #CB795B !important;
}

.background-custardyellow {
  background-color: #FFDD9A !important;
}

.background-terrabrown {
  background-color: #C98763 !important;
}

.background-terrabrown h2,
.background-terrabrown p,
.background-terrabrown .title,
.background-terrabrown .text,
.background-terrabrown span {
  color: #ffffff !important;
}

.background-snow {
  background-color: #ffffff !important;
}

.background-seashell {
  background-color: #FFF5EE !important;
}

.background-none {
  background-color: unset !important;
}

.background-floralwhite {
  background-color: #FFFAF0 !important;
}

/*---------------- General styling -----------*/
.thumbnail-card .thumbnail-card-label a:has(.icon-trash) {
  display: none;
}

.href-link {
  text-decoration: underline;
}

ul.bullet {
  list-style: disc inside;
}

body {
  overflow-x: hidden;
}

.category-container img {
  max-width: 200px;
  max-height: 40px;
  margin-bottom: 1rem;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .15 !important;
  cursor: auto;
  pointer-events: none;
  display: none;
}

#card_previews.card-preview-flat .thumbnail-card-wrapper .thumbnail-card .thumbnail-card-label-top {
  position: absolute;
  top: auto !important;
  width: 100%;
  bottom: 0 !important;

}

h3, h4, h5, h6 {
  font-family: "Poppins Medium","poppins", sans-serif !important;
  font-weight: 500 !important;
}

.image-contain {
  object-fit: contain !important;
}

.button-primary {
  background-color: var(--prettyorange);
  padding: .75rem 1.5rem !important;
  border-color: var(--prettyorange);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #fff;
  margin: 0;
}

.button-primary i {
  font-size: .85rem !important;
  margin-left: .5rem;
}

body .producttypelabel {
  font-family: "Poppins Medium","poppins", sans-serif;
  padding: 1rem 0px;
  font-size: clamp(.8rem, 2.5vw, 1rem) !important;
  line-height: 160%;
  width: 100%;
  word-break: break-word;

}

body #card_previews.card-preview-flat .thumbnail-card-wrapper .thumbnail-card .thumbnail-card-label-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding: 1rem 0px; */
  position: initial;
}

body #card_previews.card-preview-flat .thumbnail-card-wrapper .thumbnail-card .thumbnail-card-label-bottom .thumbnail-price p {
font-size: .9rem;

}

#card_previews .designlabel {
  top: 1rem !important;
  left: 1rem !important;
  position: absolute !important;
  height: fit-content !important;
}

.cards_form #card_previews.card-preview-flat div.thumbnail-card {
  aspect-ratio: 1/1;
}

.cards_form #card_previews .designlabel {
  font-size: 11px;
  padding: 4px 10px;
  display: flex;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
  border: solid #E6E6E6 1px;
  background-color: white;
  top: 1rem !important;
  bottom: auto !important;
  left: 1rem !important;
  position: absolute !important;
  border-radius: 8px;
  height: fit-content !important;
}

#card_previews .designlabel {
  display: flex !important;
  font-family: "Poppins Regular","poppins", sans-serif;
}

#card_previews.card-preview-flat .thumbnail-card-wrapper .thumbnail-card .thumbnail-card-label-bottom .designlabel {
  position: absolute;
}

#card_previews.card-preview-flat div.thumbnail-card {
  margin-top: 0 !important;

}




.fw-container-background {
  height: 100%;
  width: 100vw;
  height: 700px;
  position: absolute;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 992px) {

  .fw-container-background {
    height: 100%;
    width: 100vw;
    height: 400px !important;
    position: absolute;
    left: 0;
    z-index: -1;
  }

  #categories {
    width: 400px;
    padding: 1rem 0 0 .5rem !important;
  }

  .full-width-text-banner {
    border-radius: var(--border-radius-big);
  }

  .cards_form {
    max-width: 1500px !important;
    padding: 0 !important;
    margin: auto !important;
  }
}

#body_contact-support:has(.section-header) #mid {
  max-width: unset;
  padding: 0 !important;
}

body:has(#categories) #mid {
  max-width: 1800px;
  padding: 0 !important;
}

.container-fluid{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

body:has(#categories) .plp-container section.full-width {
  padding: 2.5rem;
}

body:has(.section-header) #mid {
  max-width: unset;
  padding: 0 !important;
}

#body_contact-support:has(.section-header) #pagecontent {
padding: 0 !important;
}

#body_contact-support:has(.section-header) #categories {
  display: none;
}


#body_contact-support:has(.section-header) #pagecontent {
  width: 100%;
}

#card_previews.card-preview-flat .thumbnail-card:not(.web-component)::before {
  display: block;
  padding-top: 0 !important;
  content: "";
}

#pagebody:has(.query_text) #card_previews.card-preview-flat .thumbnail-card:not(.web-component)::before {

  padding-top: 100% !important;

}

#card_previews.card-preview-flat .thumbnail-card .thumbnail-card-img {
  /* display: flex; */
  /* padding: 0px; */
  /* position: initial !important; */
}

@media only screen and (max-width: 991px) {
  .thumbnail-flat-featured img {
    max-width: 100% !important;
    max-height: 100%;
    height: 100%;
    width: 100% !important;
    object-fit: contain !important;
    margin: auto;
  }
}

/*----------  New Header Style (Left aligned)  ----------*/

.navigation-bar-group-delivery i {
  color: #AAC040;
}

.navigation-bar-group-customerservice i {
  color: #d88d94;
}

.navigation-bar-header .fa-star {
  color: var(--custardyellow) !important;
}

.navigation-bar-header:has(.navigation-bar-group-reviews) {
  height: 32px;
  padding: 6px 0;
}

.navigation-bar {
  border-bottom: 1px solid #E6E6E6 !important;

}




@media (max-width: 991px) {

  .navigation-bar-header .navigation-bar-item a {
    font-size: clamp(.7rem, 2.5vw, .8rem) !important;
  }

  .navigation-bar__b2b {
    display: none !important;
  }

  .navigation-bar__kundenservice {
    display: none !important;
  }

  .d-lg-none .navigation-bar__kundenservice {
    display: flex !important;
  }

  .d-lg-none .navigation-bar__b2b {
    display: flex !important;
  }


}




.navigation-bar-group-reviews img {
  width: 100%;
}
@media (min-width: 992px) {
  .navigation-bar {
    margin-bottom: 1rem !important;
  }

  body:has(.section-header) .navigation-bar {
    margin-bottom: 0rem !important;
  }

  .navigation-bar-container:has(.navigation-bar-group-delivery) {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
  }

  .navigation-bar-badge {
    position: initial;
    font-size: 0.6rem;
    font-weight: 300;
    width: 18px;
    height: 18px;
    left: -20px;
    bottom: -10px;
    color: #fff !important;
    background-color: var(--prettyorange) !important;
  }

  .navigation-bar-group {
    display: flex !important;
  }

  .navigation-bar-account,
  .navigation-bar-login {
    flex-direction: row !important;
    gap: .5rem !important;
  }

  .navigation-bar-body .navigation-bar-basket {
    gap: .5rem !important;
  }

  .navigation-bar-item {
    color: var(--text-color) !important;
    padding: 0 .75rem !important;
    font-size: 14px !important;
    line-height: 26px !important;
    box-sizing: border-box !important;
    border-radius: var(--border-radius-small) !important;
  }

  .navigation-bar-header {
    background-color: var(--lighter-grey) !important;
    color: var(--text-color-light) !important;
  }



  .navigation-bar-container:has(.navigation-bar-group-delivery) .navigation-bar-item {
    transition: .3s;
  }

  .navigation-bar-group-reviews .navigation-bar-item {
    gap: 8px !important;
    font-size: 12px !important;
  }



  .navigation-bar-header .navigation-bar-group .navigation-bar-item {
    flex: 1;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    padding: .4rem .75rem;
    margin: auto;
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    justify-content: center !important;
  }

  .navigation-bar-header .navigation-bar-group .navigation-bar-item a,
  .navigation-bar-header .navigation-bar-group .navigation-bar-item a:hover {
    text-decoration: none !important;
  }


  .navigation-bar-container:has(.navigation-bar-group-delivery) .navigation-bar-item:hover {
    background-color: #e9e9e9;
    border-radius: 100px;
  }

  .navigation-bar-group-delivery a,
  .navigation-bar-group-customerservice a {
    gap: 8px;
    display: flex;
    align-items: center;
  }

  .navigation-bar-group-delivery .navigation-bar-item,
  .navigation-bar-group-customerservice .navigation-bar-item {
    gap: 8px !important;
    font-size: 12px !important;
  }

  /*.navigation-bar-container {*/
  /*    max-width: calc(1540px + 3rem);*/
  /*}*/

  .navigation-bar-body .navigation-bar-container .navigation-bar-dropdown {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin: auto 0;

  }

  .mega-navbar-item a.mega-navbar-link[href="/zelf-maken"], .mega-navbar-item a.mega-navbar-link[href="/a-creer-soi-meme"] {
    background-color: #c66d55;
    color: #fff;
    padding: .6rem 1rem;
    transition: .2s ease;
    border-radius: 100px;
    /* box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .15), 0 2px 8px rgba(13, 18, 22, .15); */
  }

  #pdp .navigation-bar-footer .mega-navbar-item a.mega-navbar-link[href="/zelf-maken"],#pdp .navigation-bar-footer .mega-navbar-item a.mega-navbar-link[href="/a-creer-soi-meme"] {
    background-color: #c66d55;
    color: #fff !important;
    /* box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .15), 0 2px 8px rgba(13, 18, 22, .15); */
  }

  .mega-navbar-item a.mega-navbar-link[href="/zelf-maken"]:hover,  .mega-navbar-item a.mega-navbar-link[href="/a-creer-soi-meme"]:hover {
    filter: brightness(.95);
  }


.navigation-bar-collapse:has(> .mega-navbar:first-child) {
  width: 100%;
  /* overflow-x: hidden; */
  max-width: 100vw !important;
}


  .mega-navbar-item:has(a.mega-navbar-link[href="/zelf-maken"]):hover,
  .mega-navbar-item.active:has(a.mega-navbar-link[href="/zelf-maken"]) {
    text-decoration: none !important;
    border-bottom: 2px solid transparent;

  }

  .mega-navbar-item:has(a.mega-navbar-link[href="/a-creer-soi-meme"]):hover,
  .mega-navbar-item.active:has(a.mega-navbar-link[href="/a-creer-soi-meme"]) {
    text-decoration: none !important;
    border-bottom: 2px solid transparent;

  }

  /* .mega-navbar-item:has(a.mega-navbar-link[href="/zelf-maken"]) {
  padding: 0.5rem 2rem 0.5rem 1rem;
} */


  .navigation-bar-header:has(.navigation-bar-alert) {
    height: auto !important;
    padding: 0 0 3px 0 !important;
    display: flex;
    width: 100%;
    flex-direction: column !important;
  }

  .navigation-bar {
    margin-bottom: .5rem;
    border-bottom: 1px solid #e8e8e8;
  }

  /* HEADER REDESIGN */

  .navigation-bar-group-search-desk {
    width: 100%;
    max-width: 800px;
    margin-right: auto;
  }



  .navigation-bar-group:has(.navigation-bar__de) {
    display: none;
  }



  .navigation-bar-body .navigation-bar-item-logo {
    margin: 0 !important;
    padding: 0.5rem 1rem;
    max-width: 260px !important;

  }

  .navigation-bar-footer .navigation-bar-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
  }

  .navigation-bar-collapse .navigation-bar-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
  }

  .mega-navbar-link.text-truncate {
    /*font-family: 'Poppins Regular', sans-serif;*/
    font-size: 14px;
    color: #262626;
  }

  .mega-navigation-bar-group-search {
    display: none !important;
  }

  .navigation-bar-group:has(.navigation-bar__de) .navigation-bar-dropdown-menu .navigation-bar-dropdown-body .navigation-bar-group {
    flex-direction: column !important;
  }

  .navigation-bar-group:has(.navigation-bar__de) .navigation-bar-dropdown {
    margin: 0;
  }

  .navigation-bar-group:has(.navigation-bar__de) .navigation-bar-item {
    border: none;
    font-family: 'Poppins Regular', sans-serif;
    font-size: 14px;
    color: #262626;
  }

  .navigation-bar__de::before,
  .navigation-bar__nl::before {
    content: "";
    width: 26px;
    height: 18px;
    border-radius: 4px;
    background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.nl/media/de_de_flag.svg);
    margin-right: .8rem;
    background-size: cover;
    background-position: center;
  }

  .navigation-bar__deutschland:before,
  .navigation-bar__de:before {
    content: "";
    width: 26px;
    height: 18px;
    border-radius: 4px;
    background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.nl/media/de_de_flag.svg);
    margin-right: .8rem;
    background-size: cover;
    background-position: center;
  }

  .navigation-bar__niederlande:before,
  .navigation-bar__nl:before {
    content: "";
    width: 26px;
    height: 18px;
    border-radius: 4px;
    background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.nl/media/nl_nl_flag.svg);
    margin-right: .8rem;
    background-size: cover;
    background-position: center;
  }

  .navigation-bar__belgien:before,
  .navigation-bar__be:before {
    content: "";
    width: 26px;
    height: 18px;
    border-radius: 4px;
    background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.nl/media/be_nl_flag.svg);
    margin-right: .8rem;
    background-size: cover;
    background-position: center;
  }

  .navigation-bar__frankreich:before,
  .navigation-bar__fr:before {
    content: "";
    width: 26px;
    height: 18px;
    border-radius: 4px;
    background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.nl/media/fr_fr_flag.svg);
    margin-right: .8rem;
    background-size: cover;
    background-position: center;
  }

  .navigation-bar-collapse .navigation-bar-group {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .navigation-bar-group:has(.navigation-bar__be) .navigation-bar-dropdown,
  .navigation-bar-group:has(.navigation-bar__klantendienst) .navigation-bar-dropdown,
  .navigation-bar-group:has(.navigation-bar__kundenservice) .navigation-bar-dropdown,
  .navigation-bar-group:has(.navigation-bar__service-client) .navigation-bar-dropdown,
  .navigation-bar-item.navigation-bar__b2b {
    margin: 0 !important;
  }

  .navigation-bar-item.navigation-bar__b2b:before {
    content: "\f0f2";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.2rem;
    margin-right: .8rem;
    font-weight: 300;
    color: var(--prettyorange);
    line-height: 40px;
    height: revert;
    line-height: 1.2rem;
    align-self: inherit;
    margin-bottom: 0px !important;
    display: flex !important;
    vertical-align: middle !important;
    align-items: end !important;
  }
  .navigation-bar-item.navigation-bar__b2b {
    margin-right: 5px;
  }
  .navigation-bar-item.navigation-bar__b2b.active {
    color: var(--prettyorange) !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  }

  body .navigation-bar-container .navigation-bar-collapse .navigation-bar-item.navigation-bar__b2b:hover {
    background-color: #f5f5f5 !important;
    color: var(--prettyorange) !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .navigation-bar-footer .navigation-bar-group:has(.navigation-bar__be) .navigation-bar-item,
  .navigation-bar-footer .navigation-bar-group:has(.navigation-bar__klantendienst) .navigation-bar-item,
  .navigation-bar-footer .navigation-bar-group:has(.navigation-bar__kundenservice) .navigation-bar-item,
  .navigation-bar-group:has(.navigation-bar__kundenservice) .navigation-bar-item,
  .navigation-bar-footer .navigation-bar-group:has(.navigation-bar__service-client) .navigation-bar-item,
  .navigation-bar-group:has(.navigation-bar__service-client) .navigation-bar-item,
  .navigation-bar-item.navigation-bar__b2b {
    border: none;
    /*font-family: 'Poppins Regular',sans-serif;*/
    font-size: 14px;
    color: #262626;
    font-family: 'Poppins', sans-serif;
    font-weight: 400 !important;
  }

  .navigation-bar-group:has(.navigation-bar__be) .navigation-bar-dropdown-menu .navigation-bar-dropdown-body .navigation-bar-group,
  .navigation-bar-group:has(.navigation-bar__klantendienst) .navigation-bar-dropdown-menu .navigation-bar-dropdown-body .navigation-bar-group,
  .navigation-bar-group:has(.navigation-bar__kundenservice) .navigation-bar-dropdown-menu .navigation-bar-dropdown-body .navigation-bar-group,
  .navigation-bar-group:has(.navigation-bar__service-client) .navigation-bar-dropdown-menu .navigation-bar-dropdown-body .navigation-bar-group {
    flex-direction: column !important;
  }

  .navigation-bar-dropdown.dropdown-expand-on-hover .navigation-bar-dropdown-toggle {
    border-radius: var(--border-radius-small);
    padding: .75rem !important;
  }

  .navigation-bar-footer .navigation-bar-group.navigation-bar-group-logo {
    display: none !important;
  }

  .mega-navbar .content-container {
    max-width: 1800px;
  }

  .mega-navbar .content-container .content-row {
    max-width: 1380px;
  }

  .mega-navbar-item {
    padding: 0.5rem 1rem !important;
  }

  .navigation-bar-container:has(.navigation-bar-group-delivery) {
    display: flex;
    justify-content: space-between;
    max-width: 1200px !important;
  }

  .navigation-bar-body .navigation-bar-group.navigation-bar-group-logo-with-search {
    position: initial !important;
    display: flex !important;
    flex: unset;
    width: fit-content;
  }

  /* .navigation-bar-body .navigation-bar-item, .navigation-bar-basket, .navigation-bar-footer .navigation-bar-item {*/
  /*  padding: 0.5rem 0.6rem !important;*/
  /*/*height: min-content;*/
  */
  /*}*/

  .navigation-bar-group-search-desk * {
    position: initial !important;
    max-width: none !important;
  }

  .dropdown-search.dropdown-search-visible {
    align-items: center;
  }

  .navigation-bar-group-search-desk .dropdown-search {
    width: 100%;
    border-radius: 100px;
    overflow: hidden;
  }

  .dropdown-search .navigation-bar-input-group .navigation-bar-input {
    font-size: 14px !important;
  }

  .navigation-bar-dropdown.dropdown-search.dropdown-search-visible {
    background-color: #e9ecef !important;
  }

  .dropdown-search.dropdown-search-visible .navigation-bar-dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    position: relative;
    top: auto !important;
    bottom: auto;
    right: auto;
    left: auto;
    box-shadow: none;
    width: 100% !important;
    padding: 0;
    z-index: 0;
  }

  .navigation-bar-group-search-desk .navigation-bar-input-group .navigation-bar-item {
    justify-content: center;
    width: 44px;
    height: 44px;
  }

  .navigation-bar-group-search-desk .navigation-bar-input-group .navigation-bar-item::before {
    filter: none;
    width: 18px;
    height: 18px;
  }

  .navigation-bar-body .navigation-bar-container {
    align-items: center;
  }

  .navigation-bar-group-search-desk .navigation-bar-input-group .navigation-bar-input {
    min-width: calc(38vw - 45px);
  }

  .navigation-bar-label {
    font-size: .9rem !important;
    font-weight: 400 !important;
    margin: 0 !important;
  }

  .navigation-bar-body {
    height: 70px !important;
  }


  .navigation-bar-group-search-desk .navigation-bar-dropdown-menu {
    background-color: unset !important;
  }

  .navigation-bar-group-search-desk .navigation-bar-input-group {
    width: 100% !important;
    background-color: #f2f2f2 !important;
    height: 44px;
    border: solid 1px #d5d5d5;
    border-radius: var(--border-radius-round);
  }



  .navigation-bar-body .navigation-bar-container .navigation-bar-dropdown {
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    margin: auto 0;
  }

  .navigation-bar-body .navigation-bar-item-logo {
    margin: 0;
    padding: 0.5rem 1rem !important;
  }

  .navigation-bar-body {
    height: 72px;
  }

  .navigation-bar-item-logo>img {
    position: initial !important;
    padding: 0 !important;
  }

  .navigation-bar-dropdown-menu .navigation-bar-item,
  .navigation-bar-footer .navigation-bar-item,
  .navigation-bar-body .navigation-bar-basket {
    padding: 0.5rem 0.6rem !important;
    border-radius: var(--border-radius-small) !important;
  }

  .navigation-bar-body .navigation-bar-container,
  .navigation-bar-footer .navigation-bar-container {
    max-width: calc(1800px + 1rem) !important;
  }

  html:lang(de-DE) .navigation-bar-body .navigation-bar-container,
  html:lang(de-DE) .navigation-bar-footer .navigation-bar-container {
    max-width: calc(1800px + 3.5rem) !important;
  }



  .navigation-bar-group-search-desk {
    width: 100%;
    max-width: 800px;
    margin-right: auto;
  }

  .navigation-bar-item-logo img {
    padding: 0;
    max-height: 2.2rem;
    width: 100%;

    margin: 0 !important;

  }

  .navigation-bar-dropdown.dropdown-expand-on-hover:hover>.navigation-bar-dropdown-toggle,
  .navigation-bar-dropdown.open>.navigation-bar-dropdown-toggle,
  .navigation-bar-item:hover,
  .navigation-bar-item:active,
  .navigation-bar-item:focus {
    background-color: #f5f5f5 !important;
  }

  .mega-navbar {
    justify-content: flex-start !important;
    min-height: 48px;
  }

  .mega-navbar .ratio-1x1 {
    --bs-aspect-ratio: 2 / 1.5 !important;
    aspect-ratio: 2 / 1.5 !important;
  }

  .navigation-bar__kundenservice::before,
  .navigation-bar__klantendienst::before,
  .navigation-bar__service-client:before {
    content: "\f05a" !important;
    font-family: "Font Awesome 6 Pro";
    font-size: 1.2rem;
    margin-right: .8rem;
    font-weight: 300;
    color: var(--prettyorange);
    line-height: 40px;
    height: revert;
    line-height: 1.2rem;
    align-self: inherit;
    margin-bottom: -4px;
    background-image: unset !important;
  }

  .navigation-bar-footer .navigation-bar-dropdown-menu {
    top: 100%;
    right: 0 !important;
    left: auto !important;
  }


  .navigation-bar {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: .5rem;
  }

  .navigation-bar-collapse>.navigation-bar-group .navigation-bar-item {
    margin-right: 0;
  }

  .navigation-bar__kundenservice,
  .navigation-bar__service-client:before {
    display: flex;
    align-items: center;
  }

  .navigation-bar__kundenservice::before,
  .navigation-bar__service-client:before {
    content: "\f05a";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.2rem;
    margin-right: .8rem;
    font-weight: 300;
    color: var(--prettyorange);
    line-height: 40px;
    height: revert;
    line-height: 1.2rem;
    align-self: inherit;
    margin-bottom: 0px !important;
    display: flex !important;
    vertical-align: middle !important;
    align-items: end !important;

  }

  #pdp .display-md-block {
    display: block !important;
  }

  .product-desc-header {
    display: none;
  }

  #pdp .mega-navbar-items {
    padding-left: 0 !important;
  }

  .navigation-bar-item.navigation-bar-item-logo:hover {
    background-color: transparent !important;
  }

}
#pdp #complete-set-button {
  margin-top: 0;
  display: block;
  color: var(--prettyorange);
  font-size: 14px;
  line-height: 14px;
  font-family: Poppins Regular;
  margin-bottom: 1rem;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .mega-navbar-item {

    padding: 0.5rem .5rem !important;
  }


}


@media (min-width: 992px) and (max-width: 1500px) {

  .navigation-bar-footer .navigation-bar-group:has(.navigation-bar__klantendienst),
  .navigation-bar-footer .navigation-bar-group:has(.navigation-bar__kundenservice),
  .navigation-bar-footer .navigation-bar-group:has(.navigation-bar__service-client) {
    display: none !important;
  }

  .navigation-bar-group-customerservice {
    display: none;
  }

}


@media (min-width: 1501px) {

  .navigation-bar-body .navigation-bar-group:has(.navigation-bar__klantendienst),
  .navigation-bar-body .navigation-bar-group:has(.navigation-bar__kundenservice),
  .navigation-bar-body .navigation-bar-group:has(.navigation-bar__service-client) {
    display: none !important;
  }
}


/* Footer cards */

.section-footer-cards-container .card-block {
  height: 128px;
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow-light);
  background-color: #fff;
  border: none;
  display: flex;
  flex-direction: row;
  transition: 0.2s;
  align-items: center;
  overflow: hidden;
  text-decoration: none !important;
 
}

.section-footer-cards-container .card-block:hover{
  text-decoration: none !important;
  transform: scale(.98);
  /* border: 2px solid #c66d55; */
}

.section-footer-cards-container .card-block:active{
  border: 2px solid #c66d55;
}

.section-footer-cards-container .card-block img {
  height: 100%;
  object-fit: cover;
  max-width: 160px;
}

.pagina-footer .section-footer-cards-container .card-block {
  text-decoration: none !important;
}

.section-footer-cards-container .card-block-title {
  margin: 0 !important;
  padding: 1.5rem !important;
  text-align: left !important;
  font-size: clamp(.9rem, 2.5vw, 1rem) !important;
  font-family: "Poppins Medium", Sans-serif;
  opacity: 1;
}

.section-footer-cards-container .card-block .card-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  align-items: flex-start;
  gap: .5rem;
  text-align: left;
}


.section-footer-cards-container .card-block:has(.card-content) {
  height: 160px;

}

.section-footer-cards-container .card-block .card-content .card-block-title { 
padding: 0 !important;
opacity: 1;
}

.section-footer-cards-container .card-block .card-content .card-block-subtitle {
  font-size: .9rem;
  line-height: 160%;
}


@media (max-width: 991px) { 
  .section-footer-cards-container .card-block {
    height: 90px;
    margin-left: -.5rem;
    margin-right: -.5rem;
  }

  .section-footer-cards-container .card-block:has(.card-content) {
    height: 130px;
  
  }

  .section-footer-cards-container .card-block:has(.card-content) img {
    max-width: 120px;
  }



}

/* Section Info Track and Trace */

.section-info-trackandtrace {
  border-radius: var(--border-radius-big);

  box-shadow: var(--box-shadow-light);

}



.section-info-trackandtrace .section-container, .section-info .section-container{
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

@media (max-width: 1800px) {  

.section-info-trackandtrace .section-container, .section-info .section-container {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}}

.section-button-container {
  padding-bottom: 1.5rem;
}


@media (max-width: 991px) {  
  .section-info-trackandtrace .section-container, .section-info .section-container {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  }


}

.section-button-container.text-center {
  display: flex;
  justify-content: center;
}

/*  list-page-banner  */

.list-page-banner .plp-crumbs {
  font-size: 12px;
  color: #545454 !important;
  margin-bottom: 0.5rem;
}

.list-page-banner h1 {
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  line-height: 150%;
  font-family: 'quiche-sans', serif;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0 0 0.5rem 0;
}

.list-page-banner p {
  font-size: .9rem;
  max-width: 800px;
  margin-bottom: 1.5rem;
  line-height: 150%;
  color: var(--text-color);
}

.list-page-banner .read-more-label {
  cursor: pointer;
  color: #363636;
  font-family: 'Poppins', sans-serif;
  display: inline-block;
  z-index: 10;
  font-weight: 500;
  position: relative;
}

@media only screen and (min-width: 992px) {
  .list-page-banner.position-center {
    display: flex;
    justify-content: center;
    text-align: center;
  }

  .list-page-banner {
    margin-top: 1rem;
    padding: 0 0 0 0;
    height: max-content;
    border-radius: var(--border-radius-big);
    overflow: hidden;
  }

  .section-container.temp-div {

    flex-direction: row !important;
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .section-container.temp-div .section-title-container {
  padding: 1rem 0 1rem 0;
  }
}

@media screen and (min-width: 1200px) {

  p.md-collapse #dots {
    display: inline;
  }

  p.md-collapse #more {
    display: none;
  }

  p.md-collapse label {
    visibility: visible;
  }


}

body:has(.section-notificationbar) .navigation-bar {
  margin-bottom: 0rem !important;
}

@media only screen and (max-width: 991px) {

  .navigation-bar-group-logo-with-search,
  .navigation-bar-group-search-desk {
    display: none !important;
  }

  .navigation-bar-item-logo>img {
    margin: 0 !important;
  }


}

/*----------  landing page navigation (icons) ----------*/

.section-styleselector-icons {
  max-width: 1400px;
  margin: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: .5rem;
  margin-bottom: 2rem;
  padding: 0 .5rem;
}

.section-styleselector-icons .section-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-styleselector-icons .section-title-container b {
  font-family: "Poppins Medium" !important;
  font-weight: 700;
}

.section-styleselector-icons .section-title-container p {
  max-width: 1000px;
}

.section-styleselector-icons .section-title-container h3 {
  font-size: clamp(1.2rem, 2.5vw, 1.3rem);
  font-weight: 500;
  font-family: "Poppins Regular", sans-serif !important;
  margin-bottom: 1rem;
}

.section-styleselector-icons swiper-slide {
  max-width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-styleselector-icons .swiper-slide-title {
  font-family: "Poppins Medium", sans-serif;
}

.section-styleselector-icons .swiper-slide-subtitle {
  font-family: "Poppins Regular", sans-serif;
  font-size: .85rem;
  color: #848484; 
}

.section-styleselector-icons swiper-slide a {
  transition: all .3s ease-in-out;
}

.section-styleselector-icons swiper-slide a:hover {
  transform: scale(.97);
}

.section-styleselector-icons swiper-slide .swiper-slide-img img {
  width: 100%;
  object-fit: contain;
}

.section-styleselector-icons swiper-slide .swiper-slide-img img {
  width: 100%;
  object-fit: contain;
}

.section-styleselector-icons swiper-slide .swiper-slide-img {
  display: block;
}

.section-styleselector-icons swiper-slide .swiper-slide-img.all-slide {
  background-color: var(--lighter-grey);
  border-radius: 100px;
  background-color: #f5f5f5;
}

.section-styleselector-icons swiper-slide .swiper-slide-img {
  display: block;

}

.section-styleselector-icons swiper-slide .swiper-slide-img.img-round {
  border-radius: 1000px;
  overflow: hidden;
  display: block;
}

.section-styleselector-icons .swiper-slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}



.section-styleselector-icons swiper-slide a {
  outline: 0;
  text-decoration: none;
  gap: .5rem;
  display: flex;
  flex-direction: column;
}




@media only screen and (max-width: 991px) {

  .section-styleselector-icons swiper-slide {
    max-width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  swiper-slide:last-of-type, .swiper-slide:last-of-type {
    margin-right: 2rem !important;
  } 

  .swiper-styleselector-icons {
    width: 100%;
  }

  .styleselector-swiper .swiper-container,  swiper-container.swiper-styleselector-icons {
    padding-right: 2rem !important;
  }

  .section-products-swiper.grid-4 .swiper-container {
    padding-right: 0 !important;
  }

  .section-styleselector-icons .swiper-slide-title {

    font-size: .9rem;
  }
  
  .section-styleselector-icons .swiper-slide-subtitle {

    font-size: .8rem;
  }


}


/*----------  Gifting landing page navigation (product images) ----------*/

.gifting-lp-navigation {
  max-width: 1400px;
  margin: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: .5rem;
  margin-bottom: 1rem;
  padding: 0 .5rem;
}


.gifting-lp-navigation .section-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gifting-lp-navigation.section-title-container b {
  font-family: "Poppins Medium" !important;
  font-weight: 700;
}

.gifting-lp-navigation .section-title-container h3 {
  font-size: clamp(1.2rem, 2.5vw, 1.3rem);
  font-weight: 500;
  font-family: "Poppins Regular", sans-serif !important;
  margin-bottom: 1rem;
}

.gifting-lp-navigation h2 {
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  font-family: "poppins Medium", sans-serif !important;
}

.gifting-lp-navigation swiper-slide {
  max-width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gifting-lp-navigation .swiper-slide-title {
  font-family: "Poppins Medium", sans-serif;
}

.gifting-lp-navigation swiper-slide a {
  transition: all .3s ease-in-out;
}

.gifting-lp-navigation swiper-slide a:hover {
  transform: scale(.97);
}

.gifting-lp-navigation swiper-slide .swiper-slide-img img {
  width: 100%;
  object-fit: contain;
}

.gifting-lp-navigation swiper-slide .swiper-slide-img img {
  width: 100%;
  object-fit: contain;
}

.gifting-lp-navigation swiper-slide .swiper-slide-thumbnail {
  display: block;
}

.gifting-lp-navigation swiper-slide .swiper-slide-thumbnail.all-slide .swiper-slide-img {
  background-color: var(--lighter-grey);
}

.gifting-lp-navigation swiper-slide .swiper-slide-img {
  display: block;
  box-shadow: var(--box-shadow-light);
}

.gifting-lp-navigation swiper-slide .swiper-slide-img.img-round {
  border-radius: 1000px;
  overflow: hidden;
  display: block;
}

.gifting-lp-navigation swiper-slide .swiper-slide-img {
  box-shadow: var(--box-shadow-light);
}

.gifting-lp-navigation swiper-slide a {
  outline: 0;
  text-decoration: none;
  gap: .5rem;
  display: flex;
  flex-direction: column;
}


@media only screen and (max-width: 991px) {

  .gifting-lp-navigation swiper-slide {
    max-width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .gifting-lp-navigation .swiper-slide-title {

    font-size: .9rem;
  }
  
  .gifting-lp-navigation .swiper-slide-subtitle {

    font-size: .8rem;
  }


}


/*----------  Gifting landing page banner ----------*/

.gifting-lp-banner {
  max-width: 1800px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.gifting-lp-banner-image-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.gifting-lp-banner-image-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-height: 280px;
  border-radius: var(--border-radius-big);
  overflow: hidden;
  justify-content: center !important;
}

.gifting-lp-banner-image {
  object-fit: cover;
  object-position: center;
}

.gifting-lp-banner-image.image-1,
.gifting-lp-banner-image.image-5 {
  width: 100%;

}

.gifting-lp-banner-image.image-2,
.gifting-lp-banner-image.image-3,
.gifting-lp-banner-image.image-4 {
  aspect-ratio: 1 / 1;

}

.gifting-lp-content {
  padding: .5rem 0 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.gifting-lp-content p {
  max-width: 1000px;
  margin: auto;
}

.gifting-lp-content h1 {
  font-size: clamp(1.2rem, 2.5vw, 2.2rem);
  line-height: 150%;
}

/* @media (max-width: 1800px) {
  .gifting-lp-banner-image-container {
    padding: 0 1rem;
  }
} */




@media (min-width: 992px) and (max-width: 1200px) {
  .gifting-lp-banner-image.image-5 {
    display: none;
  }

  .gifting-lp-banner-image-container {
    justify-content: right;
  }

}


@media only screen and (max-width: 991px) {

  .gifting-lp-banner-image.image-1,
  .gifting-lp-banner-image.image-5 {
    display: none;
  }

  .gifting-lp-banner-image.image-2,
  .gifting-lp-banner-image.image-3,
  .gifting-lp-banner-image.image-4 {
    aspect-ratio: none;
    width: 34%
  }

  .gifting-lp-banner-image-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-height: 200px;
    border-radius: 0 !important;
    overflow: hidden;
    justify-content: center;
  }

}

@media only screen and (max-width: 686px) {

  .gifting-lp-banner-image.image-1,
  .gifting-lp-banner-image.image-5,
  .gifting-lp-banner-image.image-2 {
    display: none;
  }

  .gifting-lp-banner-image.image-3,
  .gifting-lp-banner-image.image-4 {
    aspect-ratio: none;
    width: 50%
  }

}

/*----------  Gifting page ----------*/

.card-3-list-link-promo {
  margin-right: auto;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: var(--prettyorange);
  padding: .5rem .5rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "poppins medium";
  border-radius: 6px;
  box-shadow: var(--box-shadow-light);
}

.card-3-list-link-promo.beliebt,
h2.beliebt {
  color: #FD784B !important;
}

.card-3-list-link-promo.beliebt:before,
h2.beliebt:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f004";
  font-weight: 900;
  margin-right: .3rem;
  font-size: 80%;
  vertical-align: top;
}

h2.beliebt:before {
  margin-right: 1rem;
}

@media only screen and (min-width: 992px) { 
  .card-3 {
    height: 240px !important;
  }

}

/*----------  Page templates ----------*/

.plp-container {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.plp-container p {
  font-size: 14px !important;
  color: #262626 !important;
}

.plp-container section:not(.section-header) {
  max-width: 1800px;
  margin: 0 auto 0rem;
  width: 100%;
  padding: 1.5rem 1rem;
}

@media only screen and (max-width: 1800px) {
  .plp-container section:not(.section-header) {

    padding: 1rem 1rem;
  }

  .plp-container section:has(.section-title-container) {

    padding: 1rem 1rem;
  }
}

.plp-container section:not(.full-width) {
border-radius: var(--border-radius-big);
}



@media (min-width: 1400px) {
  .plp-container section.bs-container-xl {


      max-width: 1320px;
    }
}

.plp-container section.full-width {
  width: 100%;
  max-width: unset !important;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.plp-container b {
  font-family: 'Poppins Semibold', sans-serif;
}

.plp-container .section-usp-inline .section-container {
  max-width: 1500px;
  margin: auto;
  width: 100%;
}

.plp-container .section-container {
  max-width: 1800px;
  margin: auto;
  width: 100%;
}

.plp-container .plp-crumbs {
  color: #646464;
  font-size: .75rem !important;
  margin: 0 0 .5rem 0;
}

.plp-container .plp-crumbs i,
.plp-container .plp-crumbs a {
  color: #646464;
}

.plp-container h1 {
  font-size: clamp(1.4rem, 2.5vw, 2.2rem);
  line-height: 140%;
  font-weight: 400;
  font-family: 'Poppins Light';
  margin: 0;
}

#wrapper:has(.plp-container) {
  padding: 0 !important;
}

.plp-container h1 b {
  /* font-family: "quiche-sans",sans-serif; */
  font-weight: 500;
}

.plp-container .section-blocks-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  transition: .2s ease;
  margin-left: -15px;
  margin-right: -15px;
}

 .icon-link {
  font-size: .9rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  line-height: .85rem;
  font-family: "Poppins Regular", sans-serif;
}

.icon-link:hover { 
text-decoration: none;
color: var(--prettyorange);

}

.icon-link i {
  font-size: .8rem;
}

.icon-link {
  padding: .5rem .75rem;
background-color: #00000010;
width: fit-content;
border-radius: 100px;
transition: .2s ease;
}

.icon-link:hover {

background-color: #00000025;

}

.plp-container .section-blocks-container .promo-element {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 10%;
  align-content: center;
  justify-content: center;
  height: calc(100% - 40px - 1rem);
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow-light);
}

.plp-container .section-blocks-container .promo-element h1 {
  font-size: clamp(1.3rem, 2.5vw, 1.5rem) !important;
  font-family: "Poppins Light", "poppins", sans-serif !important;
}

.plp-container .section-blocks-container .promo-element h1 b {
  font-size: clamp(1.3rem, 2.5vw, 1.5rem) !important;
  font-family: "Poppins Medium", "poppins", sans-serif !important;
}

.promo-element .usp-items li:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  margin-right: .5rem;
  color: #c66d55;
}
@media only screen and (min-width: 992px) {
  .plp-container .icon-link {
    padding: .5rem .75rem;
  background-color: #00000008;
  width: fit-content;
  border-radius: 100px;
  }
}

@media only screen and (max-width: 991px) {

  .plp-container .section-blocks-container .promo-element { 
    height: 100% !important;
    border-radius: none;
    box-shadow: unset;
  }

  .plp-container .xs-12:has(.promo-element) {
    margin-bottom: 1rem;
  }

  .plp-container .cols.sm-cols-spacing > [class*="lg-"], .plp-container .cols.sm-cols-spacing > [class*="md-"], .plp-container .cols.sm-cols-spacing > [class*="sm-"], .plp-container .cols.sm-cols-spacing > [class*="xs-"], .plp-container .cols.sm-cols-spacing > [class*="xsm-"] {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  .plp-container .section-blocks-container .promo-element { 
    padding: 5%;
  }
}

.pagina-footer:has(.section-usp-cards),
.pagina-footer:has(.section-review-cards) {
  margin: 0rem auto;
  max-width: unset;
}


.pagina-footer .cols ul {
  list-style: inside;
}

.plp-container .section-blocks-container .block-element {
  display: flex;
  width: 100%;
  flex-direction: column;
  /* margin-bottom: 1rem; */
  box-sizing: border-box;
  transition: .2s ease;
  margin-bottom: 1rem;
}

.block-element .block-element-thumbnail {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-big);
  overflow: hidden;
  box-shadow: var(--box-shadow-light);
  position: relative;
  display: block;
}

.block-element-label {
  z-index: 99;
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: #fff;
  padding: .5rem .5rem;
  font-size: .8rem;
  line-height: .8rem;
  text-transform: uppercase;
  color: #c66d55;
  font-family: "Poppins Medium", sans-serif;
  letter-spacing: 1px;
  border-radius: 6px;
  box-shadow: var(--box-shadow-light);
}


.block-element .ar-1x1 {
  aspect-ratio: 1 / 1;
}

.block-element:hover {
  text-decoration: none !important;
}

.block-element img {
  transition: .2s ease;
}

.block-element:hover img {
  transform: scale(1.05);
}

.section-title-container h2, .section-title-container .h2 {
  font-family: 'Poppins Light', "poppins", sans-serif !important;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem) !important;
  line-height: 140%;
  font-weight: 400;
  margin: 0;
}

.footer-newsletter h2, #pdp .footer-newsletter h2 {
  font-family: 'Poppins Light', "poppins", sans-serif !important;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem) !important;
  line-height: 140%;
  font-weight: 400;
  margin: 0;
}


.footer-newsletter h2 b, #pdp .footer-newsletter h2 b  {
  font-family: 'Poppins Medium', "poppins", sans-serif !important;
  font-weight: 600;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem) !important;
}


.section-title-container h2 b, .section-title-container .h2 b {
  font-family: 'Poppins Medium', "poppins", sans-serif !important;
  font-weight: 600;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem) !important;
}

.md-4 .block-element .block-element-title {
  font-size: 1rem;
  line-height: 160%;
}

.block-element-subtitle {
  font-size: .85rem;
  color: #848484;
}

@media only screen and (max-width: 991px) {

  .fw-container-background img {
  height: 100vh !important;
  width: 100%;
  object-fit: cover !important;
  }

  .md-4 .block-element .block-element-title {
    font-size: 1.1rem;
    line-height: 160%;
    font-size: 0.9375rem;
  }
}  


/* .section-title-container {
  padding: 2rem 15px 1rem;
} */

.plp-container .section-title-container,
.pagina-footer .section-title-container {
  padding: 1rem 0 2rem 0;
  gap: .5rem !important;
  display: flex;
  flex-direction: column;
}



.plp-container .section-title-container:has(.section-link-container),
.pagina-footer .section-title-container:has(.section-link-container) {
  gap: .75rem;
  display: flex;
  flex-direction: column;
}

.plp-container .section-title-container h2,
.pagina-footer .section-title-container h2,
.pagina-footer section h2 {
  font-family: 'Poppins Light', "poppins", sans-serif !important;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem);
  line-height: 140%;
  font-weight: 400;
  margin: 0;
  margin-bottom: .5rem;
}

.block-element .block-element-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .2s ease;
}

.md-4 .block-element .block-element-img,
.lg-4 .block-element .block-element-img {

  aspect-ratio: 1.6 / 1 !important;
}

.md-6 .block-element .block-element-img,
.lg-6 .block-element .block-element-img {

  aspect-ratio: 1.6 / 1 !important;
}

.md-3 .block-element .block-element-img,
.lg-3 .block-element .block-element-img {

  aspect-ratio: 1.25 / 1 !important;
}


.plp-container .block-element .block-element-img.aspect-1x1 {
  aspect-ratio: 1 / 1 !important;
}

.lg-2.md-3 .block-element .block-element-img {

  aspect-ratio: 1 / 1 !important;
}

.lg-2 .block-element .block-element-img {

  aspect-ratio: 1 / 1 !important;
}

@media only screen and (min-width: 1801px) { 
  .plp-container section.full-width {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
}

@media only screen and (max-width: 991px) {
  .xs-12.lg-4 .block-element .block-element-img {

    aspect-ratio: 2 / 1 !important;
  }

  .plp-container .section-title-container h2,
.pagina-footer .section-title-container h2,
.pagina-footer section h2 {
  font-family: 'Poppins Light', "poppins", sans-serif !important;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem);
  line-height: 140%;
  font-weight: 400;
  margin: 0;
  margin-bottom: 0rem !important;
}

  .plp-container .section-container {
    padding: 0 .5rem !important;
  }

  .plp-container:has(.section-image-container) .section-container {
    padding: 0 !important;
  }

  .plp-container section:not(.section-header) {
    /* margin: 1rem auto; */
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .md-4 .block-element .block-element-img,
  .lg-4 .block-element .block-element-img {

    aspect-ratio: 1 / 1 !important;
  }

  .md-3 .block-element .block-element-img,
  .lg-3 .block-element .block-element-img {

    aspect-ratio: 1 / 1 !important;
  }
}

@media only screen and (min-width: 1800px) {
.plp-container section:not(.section-header) {
  padding: 1.5rem 0rem;
}
}

.block-element .block-element-title {
  font-family: "poppins Medium", sans-serif;
}



.block-element .block-element-description {
  color: #848484;
  font-size: .85rem;
}

.block-element .block-element-body {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}

.block-element .block-element-container {
  display: flex;
  flex-direction: column;
}


/*----------  PLP templates ----------*/

.plp-container.plp-template-1 h1 {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  line-height: 140%;
  font-weight: 400;
  font-family: 'Poppins Light';
  margin: 0;
}

.plp-container.plp-template-1 h1 b {
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  line-height: 140%;
  font-weight: 700;
  margin: 0;
  font-family: 'Poppins Semibold';
}

.plp-container .ok_card_image img {
  width: 48px;
}


.plp-template-1 .section-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  padding: 3em 0;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 32px 32px;

  width: 100%;
}

.plp-container.plp-template-1 .section-header {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.plp-container.plp-template-1 .section-header:not(.section-header.full-width) {
  padding: 2.5rem;
  margin-top: 1rem;
}

.plp-container.plp-template-1 .section-header.background-seashell {
  background-color: #FFF5EE !important;
  background-image: url('https://web.archive.org/web/20251124175856im_/https://www.prettyorange.be/media/kc-media/PO_standaard_background-01.svg') ;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}


@media only screen and (min-width: 992px) {
.block-element .block-element-title:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  margin-left: .35rem;
  font-size: .75rem;
  font-weight: 500;

}}


.plp-template-1 .section-header p {
  max-width: 900px;
  font-size: 13px !important;
  color: #262626 !important;
  line-height: 20px;
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
}


@media only screen and (max-width: 991px) {
  .plp-container.plp-template-1 .section-header.background-seashell {
    background-color: #FFF5EE !important;
    background-image: url('https://web.archive.org/web/20251124175856im_/https://www.prettyorange.be/media/kc-media/PO_standaard_background-02.svg') ;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }


.plp-template-1 .section-header p {

  margin-bottom: 1rem !important;
  margin-top: .5rem !important;
}

}


.plp-template-1 .section-header:has(p) h1  {
  margin-bottom: .5rem;
}



/* .plp-template-1 .section-header .section-container{
  padding: 1.5rem 0;
} */

body:has(#card_previews) .plp-template-1 .section-header .section-container {
  max-width: 1500px;
}

.plp-template-1 .section-header:has(.section-image-container) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
  padding: 0;
  overflow: hidden;
  position: relative;

}

.plp-template-1 .section-container:has(.section-image-container) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
  padding: 0;
  z-index: 2;
}

.plp-template-1 .section-header:has(.section-image-container) .section-content-container {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 0;
}

.plp-template-1 .section-header .section-image-container {
  width: 50%;
  max-height: 290px;
  display: flex;
  justify-content: center;
}

.plp-template-1  .section-header .section-image-container.img-circle img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.plp-template-1  .section-header .section-image-container img {
  width: 90%;
  object-fit: cover;
  height: 100%;
}

.plp-template-1 .section-header .section-image-container .section-header-image-mobile {
  display: none;
}

.plp-template-1 .section-header .section-image-container .section-header-image-desktop {
  display: block;
}



.header-wave-container {
  display: none;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
}

.background-sagegreen-lighter .header-wave {
  background: rgba(179, 199, 189, 0.12);
}

.background-seashell .header-wave {
  background: rgba(198, 109, 85, 0.06);
}

.header-wave {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 1000% 1000% 0 0;
  position: absolute;
  width: 200%;
  height: 40%;
  animation: wave 13s -3s linear infinite;
  transform: translate3d(0,0,0);
  opacity: 0.8;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
.header-wave:nth-of-type(2) {
  bottom: -1.25em;
  animation: wave 28s linear reverse infinite;
  opacity: 0.8;
}

@keyframes wave {
  2% {
      transform: translateX(1);
  }

  25% {
      transform: translateX(-25%);
  }

  50% {
      transform: translateX(-50%);
  }

  75% {
      transform: translateX(-25%);
  }

  100% {
      transform: translateX(1);
  }
}



@media only screen and (max-width: 1824px) {
  .plp-template-1 .section-header {
    padding: 1rem 1.5rem;
  }
  .plp-template-1 .section-header h1 b {
    font-size: clamp(1.6rem, 2.5vw, 2rem) !important;

  }


  .plp-template-1 .section-header:has(.section-image-container) .section-content-container  {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
  }


  .plp-template-1 section {
    padding: 1.5rem 1.5rem;
    ;
  }
}



@media only screen and (max-width: 991px) {
  .plp-template-1 section {
    padding: 1rem 1rem;
  }


  .plp-template-1 .section-header .section-content-container {
    padding-bottom: 1rem;
  }

  .plp-template-1 .section-header:has(p) .section-content-container,  .plp-template-1 .section-header:has(.section-filter-pills) .section-content-container {
    padding-bottom: 0;
  }

  .plp-template-1 .section-header {
    padding: 1rem .75rem 1rem .75rem !important;
    border-radius: 0 0 16px 16px;
  }

  .po-mark-lp {
    position: relative;
    margin: auto;
      margin-top: auto;
    text-align: center;
    width: 48px !important;
    margin-top: -24px !important;
    display: block;
    z-index: 20;
  }

  .card-style-swiper {
    width: 100%;
  }
  
  .plp-container .ok_card_image img {
    width: 38px;
  }

  .plp-template-1 .section-header .section-image-container .section-header-image-desktop {
    display: none;
  }

  .plp-template-1 .section-header .section-image-container .section-header-image-mobile {
    display: block;
  }

  .plp-template-1 .section-container:has(.section-image-container.img-circle) .section-content-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    position: unset;
    height: 100%;
    z-index: 2;
  }

  .plp-template-1 .section-container .section-image-container.img-circle {
    width: 100%;
    max-height: 200px;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-top: -50px;
  }

  .plp-template-1 .section-container:has(.section-image-container.img-circle) {
    display: flex;
    flex-direction: column;
  }

  .plp-template-1 .section-container:has(.section-image-container) {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
    position: relative;
  }

  .plp-template-1 .section-container:has(.section-image-container) .section-content-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    position: absolute;
    bottom: 0;
    height: 100%;
  }

  .plp-template-1 .section-header .section-image-container img {
    width: 80%;
  }

  .plp-template-1 .section-header .section-image-container {
    width: 80%;
    max-height: 150px;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
  }

  .plp-container .section-blocks-container .xs-6,
  .plp-container .section-blocks-container .xs-2,
  .plp-container .section-blocks-container .xs-4,
  .plp-container .section-blocks-container .xs-8,
  .plp-container .section-blocks-container .xs-10,
  .plp-container .section-blocks-container .xs-12 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .plp-container .section-blocks-container {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }

  .plp-container .section-blocks-container .block-element {
    margin-bottom: .5rem;
  }

  .block-element .block-element-title,
  .block-element .block-element-description {
    word-break: break-all;
    font-size: .9rem;
  }

 



  .block-element .block-element-body {
    display: flex;
    flex-direction: column;
    padding: 0.5rem .2rem;
  }

}


/*-------- Section Productrail -------------*/


.section-productrail .section-header {
  background-color: var(--light-grey);
  display: flex;
  justify-content: center;
  padding: .75rem;
  flex-direction: column;
  text-align: center !important;
}

.section-productrail .section-header p {
  max-width: 1000px;
  margin: auto;
  margin-bottom: 1rem;
}

.section-productrail .section-header h1 {
  color: var(--text-color) !important;
  font-size: 1.1rem;
  font-family: "Poppins Medium", sans-serif;
  line-height: 160%;
  margin: 0;
}

.section-productrail .section-component {
  padding: 1.5rem .75rem;
  display: flex;
  flex-direction: column;
}

.section-productrail .section-navigation.section-component {
  padding: 0 .75rem;
}

.section-productrail h2 {
  color: var(--text-color);
  font-size: 1.3rem;
  font-family: "Poppins Medium", sans-serif !important;
  line-height: 160%;
  margin: 0;
}

.section-productrail a.link-button {
  color: var(--prettyorange);
  font-size: 1rem !important;
  font-family: "Poppins Medium", sans-serif;
  line-height: 160%;
  padding: .5rem 0;
  gap: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: ease .2s;
  border-bottom: 2px solid #ffffff00;
}

.section-productrail a.link-button:hover {
  text-decoration: none;
  border-bottom: 2px solid var(--prettyorange);
}

.section-productrail .section-title-container a {
  color: var(--prettyorange);
  font-size: .9rem;
  font-family: "Poppins Regular", "Poppins", sans-serif;
  line-height: 160%;
  font-weight: 400;
}

.section-productrail .section-title-container {
  display: flex;
  /* padding: 0; */
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.word-break { 
  word-break: break-all !important; 
}



.section-productrail .section-navigation .section-title-container {
  padding: .75rem 0;
}

.section-productrail .section-container {
  margin-bottom: 0rem;
  padding: 1rem 0 .5rem 0;
}

.section-productrail .grid-swiper-nav .slide-img {
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: var(--border-radius-small);
  overflow: hidden;
}

.section-productrail .slide-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}

.section-productrail .grid-swiper-nav swiper-slide a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  transition: .2s ease;
  border-radius: .5rem;
  border: transparent solid 2px;
}

.section-productrail .grid-swiper-nav swiper-slide a:hover {
  text-decoration: none !important;
  background-color: #f5f5f5;
  border-radius: .5rem;
  border: #c66d55 solid 2px;
}

.section-productrail .swiper-content {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  justify-content: center;
}

.section-productrail .grid-swiper-nav {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.section-productrail .grid-swiper-nav swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 70%;
}

.section-productrail swiper-container::part(button-prev),
.section-productrail swiper-container::part(button-next) {
  box-shadow: var(--box-shadow-light);
}



.section-productrail .card-style-swiper {
  width: 100%;
  margin-bottom: 1rem;
  /* filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.12)); */

  filter: drop-shadow(0 1px 1px #2b21180a) drop-shadow(0 2px 4px #2b21180f);
}


.section-productrail .card-style-swiper swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 80% !important;
  max-width: 300px;
}

.section-products-swiper.grid-4 swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 42% !important;
  max-width: 300px;
}

.section-productrail .card-style-swiper .slide-img {
  display: flex;
  width: 100%;
  border-radius: var(--border-radius-big);
  overflow: hidden;
  background-color: var(--lightest-grey);

}

.section-products-swiper.grid-4  .slide-img img {
  aspect-ratio:  1 / 1;
  object-fit: cover;
  width: 100%;

}

.section-products-swiper.grid-4 a {
  transition: .2s ease;
}

.section-products-swiper.grid-4 a:hover {
text-decoration: none !important;
transform: scale(97%);
}


.section-products-swiper.grid-4 .slide-img {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-big);
  overflow: hidden;
  box-shadow: var(--box-shadow-light);
  position: relative;
  display: block;

}

.section-products-swiper.grid-4 .slide-img {
  display: flex;
  width: 100%;
  border-radius: var(--border-radius-big);
  overflow: hidden;
  background-color: var(--lightest-grey);

}


.section-products-swiper.grid-4 .swiper-title {
  font-family: "poppins Medium", sans-serif;
}

.section-products-swiper.grid-4 .swiper-title:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  margin-left: .35rem;
  font-size: .75rem;
  font-weight: 500;
}

.section-products-swiper.grid-4 .swiper-content {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;

}

.section-productrail .card-style-swiper .slide-img.slide-card-img {
  padding: 2rem;
}



.section-productrail .swiper-title {
  color: var(--text-color);
  font-size: 1rem;
  font-family: "Poppins Semibold", sans-serif;
  line-height: 150%;
}

.section-productrail .card-style-swiper .swiper-title {
  font-weight: 400;
  font-size: .8rem;
  color: var(--text-color);
  font-family: "Poppins Regular", sans-serif;
  text-align: center;
  line-height: 160%;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 40px;
}



.section-productrail .card-style-swiper .swiper-content {
  padding: 6px 12px;
  position: absolute;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
  width: 50%;
  left: 25%;
  border-radius: 8px 8px 0 0;
  background-color: white;
  -webkit-box-shadow: 0px -8px 14px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px -8px 14px 0px rgba(0, 0, 0, 0.08);
  box-shadow: var(--box-shadow-light);
}

.section-productrail .card-style-swiper .slide-img.slide-card-img img {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.12));
}

.section-productrail .card-style-swiper img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.card-text-swiper {
  width: 100%;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.12));
}

.card-text-swiper swiper-slide {
  padding: 12px 0;
  max-width: 200px;
}

.card-text-swiper swiper-slide a:hover {
  text-decoration: none !important;
  transform: scale(97%);
}

.card-text-swiper swiper-slide a {
  padding: 1rem;
  transition: .2s ease;
  width: 100%;
  gap: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--border-radius-big, 0.875rem);
  background: #FFF;
}

.card-text-swiper span.slide-img.slide-img-textbased {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  background-color: #f5f5f5;
  border-radius: 14px;
  text-align: center;
  font-size: 230%;
}

.card-text-swiper swiper-slide:nth-child(3n+1) .slide-img.slide-img-textbased {
  background-color: #F4FAD9;
  /* Groen */
}

.card-text-swiper swiper-slide:nth-child(3n+2) .slide-img.slide-img-textbased {
  background-color: #E8F2FF;
  /* Groen */
}

.card-text-swiper swiper-slide:nth-child(3n+3) .slide-img.slide-img-textbased {
  background-color: #FFEAD6;
  /* Blauw */
}

/*-------- Section Swiper Round Style -------------*/

.section-swiper-round-style .section-container {
  text-align: center;
  display: flex;
  padding: 0rem;
  /* max-width: 1480px; */
  margin: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.section-swiper-round-style.home-categories .section-container {
  text-align: left !important;
  gap: 0 !important;
}

.section-flex-grid {
  background-color: #ffffff;
}

.plp-container:has(.home-categories) .section-flex-grid {
  padding-bottom: 0;
  margin-bottom: 0;
}


.flex-grid-item .svg-wave-wide path, .flex-grid-item .svg-wave-square path {
  fill: #ffffff00;
}

.section-swiper-round-style.home-categories .section-title-container h2 {
  text-align: left !important;
}

.section-swiper-round-style.home-categories .section-title-container {
  width: 100%;
}

.swiper-round-style {
  width: 100%;
}



.swiper-round-style swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 160px;
}

.swiper-round-style swiper-slide a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 1rem;
  transition: .3s ease;
}

.swiper-round-style swiper-slide a img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.swiper-round-style swiper-slide a:hover {
  text-decoration: none !important;
}

.swiper-round-style swiper-slide a:hover {
  transform: scale(.96);
}




.swiper-round-style swiper-slide .swiper-slide-title {
  font-family: "poppins Medium", sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.section-link-container {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  justify-content: flex-start;
}

.section-swiper-round-style .section-link-container a {
  color: #c66d55 !important;
}

.section-link-container a {
  display: flex;
  flex-direction: row;
  gap: .3rem;
  justify-content: flex-start;
  align-items: center;
  color: #c66d55;

}

.section-swiper-round-style .section-container p {
  text-align: left;
}

.section-swiper-round-style .section-title-container h2 {
  text-align: left;
}

.section-link-container a i {
  font-size: .8rem;
}

.swiper-round-style swiper-slide .swiper-slide-img {
  aspect-ratio: 1 / 1;
  border-radius: 1000px;
  overflow: hidden;
  box-shadow: var(--box-shadow-light);
  background-color: white;
}

@media only screen and (max-width: 991px) { 
  .section-link-container a { 
    font-size: 14px;
  line-height: 18px;
  }

}

@media only screen and (min-width: 992px) {
  .section-swiper-round-style .section-container {
    /* padding: 2.5rem 1.5rem !important; */
    align-items: center;
  }

  /* .word-break br{ 
    display: none !important;
  } */

  .swiper-round-style swiper-slide {

    max-width: 200px;
  }

  .section-products-swiper.grid-4 swiper-slide {
    max-width: 21%;
  }

  .section-swiper-round-style .section-container p {
  text-align: center;
}

  .section-link-container {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start;
  }

  .section-link-container.align-center {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: center;
  }

  .swiper-round-style.align-center {
width: auto;
  }

  .section-link-container a {

    justify-content: center;



  }

  .section-swiper-round-style .section-title-container h2 {
    text-align: center;
  }

  .section-swiper-round-style .section-container {

    padding: 1.5rem;
  }

  .section-swiper-round-style.home-categories .section-container {
    padding: 0;
  }

}


.section-swiper-round-style.color-custard swiper-slide a .swiper-slide-img {
  background-color: #FFF4DD; 
}

.section-swiper-round-style.color-brightorange swiper-slide a .swiper-slide-img {
  background-color: #ffe6cf; 
}


/* Section Square Style Swiper  */


  .section-swiper-square-style .section-container {
    text-align: center;
    display: flex;
    padding: 0rem;
    /* max-width: 1480px; */
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  
  .section-swiper-square-style.home-categories .section-container {
    text-align: left !important;
    gap: 0 !important;
  }
  
  .plp-container:has(.home-categories) .section-flex-grid {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  
  .section-swiper-square-style.home-categories .section-title-container h2 {
    text-align: left !important;
  }
  
  .section-swiper-square-style.home-categories .section-title-container {
    width: 100%;
  }
  
  .swiper-square-style {
    width: 100%;
  }
  
  .swiper-square-style swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 160px;
  }
  
  .swiper-square-style swiper-slide a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 1rem;
    transition: .3s ease;
  }
  
  .swiper-square-style swiper-slide a img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  .swiper-square-style swiper-slide a:hover {
    text-decoration: none !important;
  }
  
  .swiper-square-style swiper-slide a:hover {
    transform: scale(.96);
  }
  
  .swiper-square-style swiper-slide .swiper-slide-title {
    font-family: "poppins Medium", sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .section-link-container {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
  }
  
  .section-swiper-square-style .section-link-container a {
    color: #c66d55 !important;
  }
  
  .section-link-container a {
    display: flex;
    flex-direction: row;
    gap: .3rem;
    justify-content: flex-start;
    align-items: center;
    color: #c66d55;
  }
  
  .section-swiper-square-style .section-container p {
    text-align: left;
  }
  
  .section-swiper-square-style .section-title-container h2 {
    text-align: left;
  }
  
  .section-link-container a i {
    font-size: .8rem;
  }
  
  .swiper-square-style swiper-slide .swiper-slide-img {
    aspect-ratio: 1 / 1;
    border-radius: var(--border-radius-big);
    overflow: hidden;
    box-shadow: var(--box-shadow-light);
    background-color: white;
  }
  
  @media only screen and (max-width: 991px) { 
    .section-link-container a { 
      font-size: 14px;
      line-height: 18px;
    }
  }
  
  @media only screen and (min-width: 992px) {
    .section-swiper-square-style .section-container {
      /* padding: 2.5rem 1.5rem !important; */
      align-items: center;
    }
  
    /* .word-break br { 
      display: none !important;
    } */
  
    .swiper-square-style swiper-slide {
      max-width: 200px;
    }
  
    .section-products-swiper.grid-4 swiper-slide {
      max-width: 21%;
    }
  
    .section-swiper-square-style .section-container p {
      text-align: center;
    }
  
    .section-link-container {
      display: flex;
      flex-direction: row;
      gap: 1.5rem;
      justify-content: flex-start;
    }
  
    .section-link-container.align-center {
      display: flex;
      flex-direction: row;
      gap: 1.5rem;
      justify-content: center;
    }
  
    .swiper-square-style.align-center {
      width: auto;
    }
  
    .section-link-container a {
      justify-content: center;
    }
  
    .section-swiper-square-style .section-title-container h2 {
      text-align: center;
    }
  
    .section-swiper-square-style .section-container {
      padding: 1.5rem;
    }
  
    .section-swiper-square-style.home-categories .section-container {
      padding: 0;
    }
  }
  
  .section-swiper-square-style.color-custard swiper-slide a .swiper-slide-img {
    background-color: #FFF4DD; 
  }
  
  .section-swiper-square-style.color-brightorange swiper-slide a .swiper-slide-img {
    background-color: #ffe6cf; 
  }
  
/*-------- Section Two Column -------------*/
span.ok_card_title {
  display: flex;
}

.section-two-column .section-image-container img {
 width: 100%;
 aspect-ratio: 1.8 / 1;
 border-radius: var(--border-radius-big);
 overflow: hidden;
  box-shadow: var(--box-shadow-light);

}

.section-two-column .container-left .section-image-container img, .section-two-column .container-right .section-image-container img {
  width: 100%;
  aspect-ratio: unset;
  border-radius: var(--border-radius-big);
  overflow: hidden;
   /* box-shadow: var(--box-shadow-light); */
 
 }

.plp-template-1.section-two-column .section-image-container img.ratio-1x1{
  aspect-ratio: 1 / 1;
}



.section-two-column.columns-md-reversed {
  flex-direction: column-reverse;
  display: flex;
}


.plp-template-1 .section-two-column .container-right .section-image-container {
  width: 100% !important;
  max-height: unset !important;
}

@media only screen and (min-width: 992px) {

.section-two-column .section-container  {
  width: 50%;
  
}

.section-two-column {
  display: flex;
  flex-direction: row;
}
.section-two-column.columns-md-reversed {
  flex-direction: row;
}

}

.card-5 {
  border-radius: var(--border-radius-big);
 overflow: hidden;
  box-shadow: var(--box-shadow-light);
  position: relative;
  padding: 0 !important;
  margin-bottom: 2rem;

}

.card-5 .card-5-thumbnail{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}

.card-5 .card-5-content {
  display: flex;
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding: 2rem;
  flex-direction: column;
}

.card-5 .card-5-subtitle {

    font-size: 1rem;
    line-height: 140%;
    font-weight: 500;
    margin: 0;
    font-family: 'Poppins Regular';
}

.card-5 .card-5-title {

    font-size: clamp(1rem, 2.5vw, 1.2rem);
    line-height: 140%;
    font-weight: 700;
    margin: 0;
    font-family: 'Poppins Semibold';
}

.card-5 .card-5-text {

    font-size: 14px;
    line-height: 140%;
    color: #262626;
    font-weight: 300;
    margin: 0;
    font-family: 'Poppins Light';
}



/*-------- Section Hero Combi Products -------------*/


.section-hero-combi-products-swiper  .card-style-swiper {
  width: 100%;
  /* margin-bottom: 1rem; */
  /* filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.12)); */
  transition: .2s ease;
  /* filter: drop-shadow(0 1px 1px #2b21180a) drop-shadow(0 2px 4px #2b21180f); */
}

.section-hero-combi-products-swiper .card-style-swiper swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 80% !important;
  max-width: 260px;
  transition: .2s ease;
}
.section-hero-combi-products-swiper .card-style-swiper .slide-img {
  display: flex;
  width: 100%;
  border-radius: var(--border-radius-big);
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background-color: var(--lightest-grey);
  box-shadow: var(--box-shadow-light);

}

.section-hero-combi-products-swiper .card-style-swiper .slide-img img {
  object-fit: cover;
  width: 100%;
  transition: .2s ease;
  height: 100%;
}

.section-hero-combi-products .section-image-container, .section-hero-content .section-image-container  {
  max-height: unset;
  width: 100%;
  height: 100%;
  box-shadow: var(--box-shadow-light);
  overflow: hidden;
  border-radius: var(--border-radius-big);
}

.section-hero-combi-products .section-image-container img, .section-hero-content .section-image-container img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 1;
}

.section-hero-combi-products {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 2rem 1rem !important;
}

.section-hero-combi-products.reverse .section-container, .section-hero-content.reverse .section-container {
  flex-direction: row-reverse;
}

.section-hero-content.two-third .container-right {
  width: 40%;
  margin: auto;
}

.section-hero-content.two-third .container-left {
  width: 60%;
  margin: auto;
}


.section-hero-content.two-third .section-image-container img {
  aspect-ratio: 1.75 / 1;
}

.section-hero-combi-products .container-left, .section-hero-combi-products .container-right, .section-hero-content .container-left, .section-hero-content .container-right {
  width: 50%;
  margin: auto;
}

.section-hero-combi-products-swiper {
  width: 100%;
}


.section-hero-combi-products-swiper .card-style-swiper .swiper-title {

  color: var(--text-color);
display: block ;
  text-align: left;
  line-height: 160%;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.5rem;
  font-family: "poppins Medium", sans-serif;
  /* max-height: 40px; */
}

.section-hero-combi-products-swiper swiper-slide a {
  transition: .2s ease;
}

.section-hero-combi-products .button {
  width: fit-content;
}

.section-hero-combi-products-swiper swiper-slide a:hover {
  text-decoration: none !important;
  transform: scale(97%);
}
@media only screen and (max-width: 991px) { 
  .section-hero-combi-products .container-left, .section-hero-combi-products .container-right {
    width: 100%;
    margin: auto;
  }

.section-hero-content  .container-left, .section-hero-content .container-right {
    width: 100%;
    margin: auto;
  }

  .section-hero-content  {
    padding: .5rem !important;
  }

  .section-hero-combi-products .button, .section-hero-content .button {
    margin-top: .25rem;
    background-color: unset;
    border-color: unset !important;
    color: #c66d55;
    padding: .25rem !important;
    border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    font-family: "Poppins Light", sans-serif;
  }

  .section-hero-combi-products .button:hover, .section-hero-content .button:hover {
    border: none !important;
    background-color: unset !important;
  }

  .section-hero-combi-products .section-container .container-right, .section-hero-content .section-container .container-right {
    background-color: #fff;
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow-light);
  padding: 1.5rem 1rem !important;
  }

  .section-hero-combi-products .section-container .container-right p, .section-hero-content .section-container .container-right p {
    margin-bottom: 0 !important;
  }

  .section-hero-combi-products .section-container .section-title-container, .section-hero-content .section-container .section-title-container {
    padding: 0 !important;
  }

  .section-hero-combi-products .container-left, .section-hero-content  .container-left{
    display: none;
  }

  .section-hero-combi-products-swiper .card-style-swiper swiper-slide {
    width: 42% !important;
  }

}

/*-------- Section Review Cards -------------*/


@media only screen and (min-width: 768px) {
  #body_design .design-content {
    margin-top: 20px;
  }

  .container-reviews {
    padding: 48px !important;
    background-color: #f8f8f8;
  }
}

.section-review-cards {
  display: flex;
  padding: 1.5rem !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;

}

.plp-container .section-review-cards,
.pagina-footer .section-review-cards {
  background-color: var(--lightest-grey);
}

.section-review-cards-container {
  max-width: 1800px;
  margin: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}


.section-review-cards h2 {
  color: var(--text-color);
  /* font-family: "Poppins Medium", sans-serif !important; */
  /* line-height: 140%;
      font-size: clamp(1.4rem, 2.5vw, 3rem); */
  margin: 0;
}

.section-review-cards .review_stars {
  display: flex;
  flex-direction: row;
  width: fit-content;
  padding: .5rem 1rem;
  border-radius: 100px;
  background-color: var(--lighter-grey);
  align-items: center;
  justify-content: space-evenly;
}




.section-review-cards .review_stars i {
  color: var(--custardyellow) !important;
  font-size: 1.2rem;
}

.section-review-cards .review-meta {
  padding: .5rem 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: auto;
}

.section-review-cards .reviews-number a,
.container-sidebar a:has(.StarCount) {
  display: flex;
  flex-direction: row;
  font-size: .85rem;
  width: fit-content;
  padding: .5rem 1rem;
  background-color: #ffffff;
  box-shadow: var(--box-shadow-light);
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  margin-bottom: .5rem;
}

.section-review-cards .reviews-number {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}

.section-review-cards .reviews-number .StarCount {
  margin-right: 4px;
}

.section-review-cards .reviews-number #trusted-shops-icon:before,
.section-review-cards .reviews-number #google-icon:before,
.section-review-cards .reviews-number #trustpilot-icon:before {
  margin-right: .5rem;
}

.container-sidebar #trusted-shops-icon:before,
.container-sidebar #google-icon:before,
.container-sidebar #trustpilot-icon:before {
  margin-right: .5rem;
}

.section-review-cards .review-name {
  font-size: .9rem;
  font-family: 'Poppins Medium';
}

.section-review-cards .review-content {
  font-size: .9rem;
  line-height: 160%;
  min-height: 140px;
  color: #242424;
}

.section-review-cards #trusted-shops-icon:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.de/media/trusted-shops-icon-black.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-flex;
}

.section-review-cards #google-icon:before,
.container-sidebar #google-icon:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.de/media/google_g_nopadding.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-flex;
}

.container-sidebar #trustpilot-icon:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.de/media/trustpilot_star_nopadding.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-flex;
}

.section-review-cards #trustpilot-icon:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(https://web.archive.org/web/20251124175856im_/https://www.prettyorange.de/media/trustpilot_star_nopadding.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-flex;
}

.section-review-cards swiper-slide {
  width: 80%;
  padding: 1rem 0;
  height: auto !important;
  margin-bottom: 1.5rem;


}

.section-review-cards swiper-slide a {
  background-color: var(--white);
  padding: 2rem;
  gap: .5rem;
  width: 100%;
  border-radius: var(--border-radius-big);
  display: flex;
  flex-direction: column;
  box-shadow: var(--box-shadow-light);
  height: auto;
}

.section-review-cards swiper-slide a:hover {
  text-decoration: none !important;
}

.section-review-cards swiper-container {
  width: 100%;
  /* filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.12)); */
}

.section-review-cards swiper-slide:last-of-type {
  /*padding-right: 1rem;*/
}

@media only screen and (min-width: 768px) {

  .section-review-cards swiper-slide {
    width: 60%;
  }

}



@media only screen and (min-width: 992px) {
  .section-review-cards .reviews-number {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }

  .section-review-cards swiper-slide {
    width: 50%;
  }


  .section-review-cards h2 {
    color: var(--text-color) !important;
    font-size: 2rem;
    line-height: 160%;
    text-align: center;
    margin: 0;
  }
}

@media only screen and (min-width: 1200px) {

  .section-review-cards swiper-slide {
    width: 38%;
  }


}

@media only screen and (min-width: 1380px) {

  .section-review-cards swiper-slide {
    width: 28%;
  }


}

@media only screen and (min-width: 992px) {
  .section-review-cards {

    padding: 2.5rem 1.5rem !important;
    align-items: center;
  }
}

@media only screen and (max-width: 991px) { 
  .section-review-cards-container {
    padding: 0 1rem !important;
    gap: 0 !important;

  }

}


/*-------- Section USP Cards -------------*/



.section-usp-cards {
  width: 100%;
  padding: 1rem;
}

@media only screen and (min-width: 992px) {
  .section-usp-cards {
    width: 100%;
    padding: 2.5rem 1.5rem
  }
}

.section-usp-cards-container {
  max-width: 1800px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}


.cols.usp-container-cards {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  transition: .2s ease;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  gap: 1rem;
}

.cols.usp-container-cards:before {
  display: none !important;
  content: " ";
}

.usp-container-cards .usp-card-icon {
  width: 4.5rem;
  height: 4.5rem;
  margin-bottom: 1rem;
}

.usp-card {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  transition: .2s ease;

}

.usp-card:hover {
  transform: scale(.97);
}

@media only screen and (max-width: 991px) {

  .section-usp-cards .usp-card {
  width: 80vw !important;
  min-width: 80vw;

}

.section-usp-cards .usp-container-cards {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: scroll;
  width: 100% !important;
}

}

@media only screen and (min-width: 1200px) {
  .usp-card.lg-4 {
    width: calc(33.3% - .75rem);
  }
}

@media only screen and (min-width: 992px) {
  .usp-card.md-4 {
    width: calc(33.3% - .75rem);
  }
}


.usp-container-cards .usp-card-title {
  font-family: 'Poppins Light';
  font-size: clamp(1rem, 2.5vw, 1.1rem);
  line-height: 150%;
}

.usp-container-cards .usp-card-title b {
  font-family: 'Poppins Semibold';
  font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  line-height: 150%;
  display: block;
}

.usp-container-cards .usp-card-content {
  font-size: .85rem;
  color: #848484;
  margin-bottom: 1.5rem;
}

.usp-card-button {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #c66d55;
  color: #fff;
  margin-left: auto;
  margin-top: auto;
  font-weight: 700 !important;
}

.usp-card-button i {
  font-weight: 600 !important;
}

.usp-container-cards a {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow-light);
  gap: 1rem;
  height: 100%;
  text-decoration: none !important;
}

.pagina-footer .usp-container-cards .usp-card a {
  text-decoration: none !important;
}

.usp-container-cards a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
.cols.usp-container-cards {

  width:auto;
}


.usp-card-button {
  position: absolute !important;
  right: 1.5rem;
}

.usp-card {
  margin-bottom: 1rem;
}

}

/* Section Instagram */

.section-insta .insta-img {

  width: 100%;
  object-fit: cover;
  object-position: center;


}

#body_home .section-insta .insta-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.8);
}

#body_home .container-homepage-blog-text {
  background-color: transparent !important;
}
.container-homepage-blog-text {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex
;
  flex-direction: column;
  background-color: rgba(43 40 40 / 30%);
  bottom: 0%;
  padding: 24px;
}

.homepage-blog-title {
  font-size: 1.1rem;
  font-family: "poppins Semibold";
  color: white;
  text-align: center;
  padding-bottom: 16px;
  letter-spacing: 0.5px;
  margin-top: auto;
}

.homepage-blog-categorie {
  color: white;
  background-color: rgb(0 0 0 / 30%);
  width: fit-content;
  padding: 4px 12px;
  border-radius: 50px;
}

.section-insta .swiper-pagination {
  position: initial !important;
}

.section-insta .swiper  {
  padding-bottom: 2.5rem !important;
}

.section-insta .insta-heart {
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  z-index: 99;
  bottom: .5rem;
  left: .5rem;
  background-color: #ffffff;
  border-radius: 100px;
  box-shadow: var(--box-shadow-light);
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-insta .insta-heart img {
  width: 100%;
  height: 100%;
  max-width: 1.2rem;
  max-height: 1.2rem;
}


.section-insta swiper-slide a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
 text-decoration: none;

}

.section-insta swiper-slide:hover {
  transform: scale(.98);
}


.section-insta swiper-slide {
  width: 75%;
  box-shadow: var(--box-shadow-light);
  border-radius: var(--border-radius-big);
  overflow: hidden;
  margin-bottom: 2.5rem;
  transition: .2s ease;

}

@media only screen and (min-width: 680px) {

  .section-insta swiper-slide {
    width: 55%
  }

}


@media only screen and (min-width: 992px) {

  .section-insta swiper-slide {
    width: 33%
  }

}

@media only screen and (min-width: 1200px) {

  .section-insta swiper-slide {
    width: 25%
  }

}

@media only screen and (min-width: 1480px) {

  .section-insta swiper-slide {
    width: 20.5%
  }

}

/* PDP Styling */

#body_design #card_order_info .box-body {
  margin-bottom: 1rem;
}

#pdp #mid .pdp-panel h1.design-title, #body_design #card_order_info #design_title {
  font-size: clamp(1.1rem, 2.5vw, 1.3rem) !important;
  line-height: 140% !important;
  margin: 2px 0 0 0;
  font-weight: 500 !important;
  font-family: 'Poppins', 'Poppins Medium', sans-serif;
  font-style: normal !important;

  letter-spacing: -0.02em;
}

#pdp .js-pricing-accordion {
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  margin-top: 1rem !important;
}

#pdp .display-none {
  display: none;
}

#pdp .js-pricing-accordion .pdp-accordion-menu {
  padding: 1rem !important;
  border: 1px solid #cccccc !important;
  border-radius: var(--border-radius-big);
}

#pdp .js-freeform_price_accordion-group {
  padding: 0 !important;
}

.pdp-accordion-toggle {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  margin-bottom: 1rem;
  font-family: 'Poppins Regular', "poppins", sans-serif !important;
  padding: 0 !important;
}



#pdp .pdp-accordion-group {
  border-bottom: 0;
  border-top: none !important;}

#pdp .price-scale {
  font-size: .9rem;
  margin-left: .5rem;
  font-family: 'Poppins Light', 'Poppins', Sans-serif;
}

#pdp .price-scale i {
  font-size: .8rem;
  margin-left: .25rem;
}

#body_design #design__info .button-success, #body_design #choose_preview, #body_design #design__info #body_design .button {
  font-size: 1rem !important;
  padding: 0.7rem 2rem;
  font-family: 'Poppins Light',sans-serif;
}

#body_design #design__info .proof-price-usp, #body_product #design__info .proof-price-usp {
  text-align: center !important;
  margin: 10px 0 0 0;
  font-size: 13px;
  line-height: 140%;
}


#pdp h2, #pdp .pdp-panel .js-freeform-unit-price {
  font-size: 1.3rem !important;
  font-weight: 700;
  margin: 1rem 0;
  font-family: 'Poppins Medium',sans-serif !important;
}

#body_design .pdp-rail-header {
  font-size: 1.3rem !important;
  font-weight: 500;
  margin: 1rem 0;
  font-family: 'Poppins Regular',sans-serif !important;
}



#pdp #mid .breadcrumb-nav .breadcrumb, #pdp #mid .breadcrumb-nav .breadcrumb li, #pdp #mid .breadcrumb-nav .breadcrumb a {
  margin-bottom: 0rem !important;
  color: #545454;
  font-size: .8rem !important;
}

#pdp #mid .breadcrumb-nav {
  margin-bottom: 0.5rem !important;
}

#pdp .product-information-pdp {
  margin: 2rem 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#pdp .product-information-pdp h3 {
  font-family: 'Poppins Regular',sans-serif;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  margin-bottom: 1rem;
}

#pdp .offcanvas-preview img {
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: block;

}

#pdp .pdp-panel .pdp-usp a,
#pdp .pdp-panel .pdp-usp li {
  text-decoration: none;
  font-size: .875rem;
}

#pdp .product-information-pdp ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#pdp .product-information-pdp li {
  display: flex;
  padding: .5rem 0;
  flex-direction: row;
}

#pdp .product-information-pdp li span {
  padding: 0 .5rem;
  min-width: 40%;

}

#pdp .product-information-pdp li .product-information-title {
  width: 40%;
  word-break: break-word;
}

#pdp .product-information-pdp li .product-information-content {
  width: 60%;
}

#freeInput1 .product-information-content,
#freeInput2 .product-information-content,
#freeInput3 .product-information-content,
#freeInput4 .product-information-content,
#freeInput5 .product-information-content {
  margin-left: auto;
}

#pdp .product-information-pdp li:nth-of-type(2n+1) {
  background-color: #F5F5F5;
}

#pdp .product-information-title {
  font-weight: 600;
  font-weight: bold;
}


#pdp .choose-card-btn, #pdp .choose-card-btn-mob, #pdp .choose-card-bottom-b   {
  font-size: 1rem;

padding: 0.7rem 2rem;
}

#pdp:has(#complete-set-button) .pdp-panel .navigation-bar-group-star{
  margin-bottom: 0 !important;
}


#pdp .pdp-panel .pdp-usp .navigation-bar-group-stars li::before {
  content: "";
  display: none;
}

#pdp #calculator_partial .price-toggle-icon-expanded, #pdp #calculator_partial .price-toggle-icon-collapsed {
  visibility: hidden;
}


#pdp a#gesamtes-set-button {
  margin-top: 0rem;
  margin-bottom: 0.8rem;

}

#body_design .desUsp .open_calculator, #body_design .open_calculator, #pdp #card-info-right .open_calculator  {
  border-radius: var(--border-radius-big) !important;
  padding: .8rem 1.5rem !important;
  width: 100%;
  background-color: #f2f2f2;
  color: var(--text-color);
  font-weight: 400 !important;
  font-size: 0.9rem;
  transition: .2s ease;
  display: flex;
  justify-content: center;
}
#pdp .pdp-panel:first-of-type {
  margin-bottom: 0 !important;
}
.mega-dropdown-content {
  z-index: 99 !important;
}

#pdp #footer ul, #pdp .mega-dropdown-content ul {
  list-style-type: none;
  padding-left: 0;
}

#pdp #card-info-right {
  width: 100%;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: var(--border-radius-big);
}
#pdp .price-accordion-group {
  border: 0 !important;
}

#pdp #card-info-right .open_calculator i {
  color: #c66d55 !important;
}
/* #pdp .price-accordion-group .price-accordion-menu, .js-pricing-accordion .pdp-accordion-menu{
  display: flex !important;
  padding: 1rem !important;
  border-radius: var(--border-radius-big);
  border: 1px #ccc solid;
} */

.design-content .pdp-accordion-toggle {
  font-family: "Poppins Medium",sans-serif;
  padding: .5rem !important;
  cursor: default;
}

.pdp-accordion-toggle:after {
  display: none;
}

.pdp-accordion-group:nth-child(2) .calculator-wrapper {
  display: flex;
  flex-direction: column;
  padding: .5rem;
}

.pdp-accordion-group:nth-child(2) .calculator-wrapper .calculator-item {
  flex: 1
}

.pdp-accordion-group:nth-child(2) .calculator-wrapper .calculator-item.text {
  font-size: 14px;
}

#pdp .price-accordion-header.js-pdp-accordion-toggle i {
  display: none !important;
}

#pdp .js-pricing-accordion .pdp-accordion-menu table {
  width: 100%;
  flex: 1 1;
  display: flex;
}

#pdp .js-pricing-accordion .pdp-accordion-menu table tbody {
  width: 100%;

}

#pdp .js-pricing-accordion .pdp-accordion-menu tr:nth-of-type(2n+1) {
  background-color: #F5F5F5;

}

#pdp .js-pricing-accordion .pdp-accordion-menu .col-md-8 {
  min-width: 200px;
  width: unset;
}

#pdp .js-pricing-accordion .pdp-accordion-menu tr {

  width: 100%;
  display: block;
  padding: 0 .5rem;
}
#pdp p.option-group-title {
  font-family: 'Poppins Regular', "poppins", sans-serif;
  font-weight: 500 !important;
  font-size: 0.9375rem;
  line-height: 24px;
  color: var(--text-color);
}

#pdp .price-info {
  margin-top: 1rem;
  padding: 0.5rem 0rem;
  transition: .2s ease;
  display: inline-flex;
  align-items: baseline;
  flex-direction: row;
  gap: .5rem;
}

#pdp .preview-swiper-container swiper-slide {
  padding: 1rem;
}

#pdp h2, #pdp .pdp-panel .option-group-name, #pdp #mid .price-accordion-header, #pdp .product-info-header, #pdp .pdp-rail-header {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  margin-bottom: 1rem;
  font-family: 'Poppins Regular', "poppins", sans-serif !important;
  padding: 0 !important;
}

#pdp h2, #pdp .pdp-panel .option-group-name a:hover, #pdp #mid .price-accordion-header a:hover {
  text-decoration: none !important;
}

#pdp h2, #pdp .pdp-panel .option-group-name, #pdp #mid .price-accordion-header {
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
}

#pdp #mid .pdp-panel .option-group-name {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  margin-bottom: 1rem;
  font-family: 'Poppins Regular', "poppins", sans-serif;
  padding: 0;
}

#pdp #mid .price-accordion-header.js-price-accordion-toggle {
margin-top: 1rem;
}

#pdp .price-info a {
  line-height: 100%;
  text-decoration: none;
}

#pdp .price-accordion-menu {
  display: block !important;
}

.pdp-product-information .fs-6 {
  font-size: 1.1rem;
  font-weight: 400;
 font-family: 'Poppins', sans-serif;
}

.counter-desc-title {
  font-size: .9rem;
   font-weight: 400;
   font-weight: 400 !important;
  font-family: 'Poppins', sans-serif;
}

#pdp #pdp-rail-container .preview-freeform img {
  max-height: 100%;
  /* width: auto; */
}

#pdp .footer-header a, #pdp .footer-social a {
  color: #fff !important;
}

@media screen and (min-width: 992px) {
   
  #pdp .pdp-product-information {
   padding: 1rem 0 2rem 0;
} 
#pdp .navigation-bar-group.navigation-bar-group-stars {
  justify-content: flex-start;
}

#pdp .content-wrapper {
  padding-top: 15px;
}
#body_design #design__info .proof-price-usp, #body_product #design__info .proof-price-usp {
  text-align: left !important;
  margin: 10px 0 0 0;
  font-size: 13px;
  line-height: 140%;
}

}
#pdp .navigation-bar-group.navigation-bar-group-stars {
  justify-content: flex-start;
  margin-bottom: .5rem;
}

#pdp .pdp-panel .navigation-bar-group-stars .review_stars li {
  margin: 0px;
}

#pdp .pdp-panel .navigation-bar-group-stars ul {
  padding-left: 0!important;
  display: flex;
  flex-direction: row;

}

#pdp .pdp-panel  .navigation-bar-group-stars a {
  line-height: .8rem;
}


#pdp #choose_card_form {
  width: 100% !important;
  display: block;
  margin-bottom: 8px;
  /* max-width: 420px; */
}
/* #pdp .product-builder-container {
  border-radius: var(--border-radius-big);
  border: 1px #ccc solid;
  overflow: hidden;
} */

#pdp .price-info::after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  margin-left: .2rem;
}

/* #pdp #js-product-builder .option-group {
  padding: 1rem !important;
} */

#pdp #mid .pdp-usp-price-text {
  font-family: 'Poppins Light', "poppins", sans-serif;
  justify-content: flex-start;
  font-weight: 400 !important;
  text-align: left !important;
    margin: .5rem 0 !important;
  font-size: 13px;
  line-height: 140%;
  text-align: center !important;
  border-radius: var(--border-radius-round) !important;
  background-color: #f5f5f5 !important;
  padding: 0.5rem 1rem !important;
  font-weight: 300 !important;
}

#pdp .pdp-panel .pdp-usp li::before {
  color: var(--prettyorange);
}

#pdp .pdp-usp-price-text:before {
  content: "\f06b";
  font-family: "Font Awesome 5 Pro";
  margin-right: .5rem;
  font-weight: 100;
  color: var(--prettyorange);
}



#pdp .price-info::before {
  content: "\f30f";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-right: .5rem;
  color: var(--prettyorange);
}


/*-------------- Sidebar Menu PO-DE ----------*/


.sidebarMenuContainer {
  height: calc(100% - 147px);
  width: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 999;
  display: flex;
}

.sidebarMenuContainer .menu-column {
  width: 320px;
  background-color: #fff;
  overflow-y: auto;
  padding-top: 1rem;
  box-sizing: border-box;
  color: #111;
  border-right: 1px solid #ddd;
  display: none;
}

.sidebarMenuContainer a {
  display: block;
  font-size: 0.9375rem;
  padding: 1rem 2rem;
  text-decoration: none;
  color: #262626;
  border-bottom: 1px solid #e7e7e7;
  transition: color 0.2s, background-color 0.2s;
  position: relative;
}

.sidebarMenuContainer a:hover {
  color: #c66d55 !important;
  background-color: #f5f5f5 !important;
  cursor: pointer;
}



.sidebarMenuContainer a:hover::after {
  content: '\f054';
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  position: absolute;
  right: 2rem;
  color: #c66d55;
}

.menu-column h2 {
  padding: 1rem 2rem;
  color: #262626;
  font-size: 1.1rem;
  font-weight: 600;
  font-family: 'Poppins Medium', sans-serif;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}

.menu-column.active {
  display: block;
}

.navigation-bar__alle-anlässe span::before {
  content: "\f0c9";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  margin-right: .5rem;
}

.navigation-bar__alle-anlässe span {
  display: flex;
  justify-content: center;
  align-items: baseline;
  color: #c66d55;
}

.no-scroll {
  overflow: hidden;
}

.closebtn {
  font-size: 18px;
  cursor: pointer;
  margin-left: 10px;
  display: none;
}

.menu-column.active .closebtn {
  display: inline;
}


/* Content-banner no image */

.content-banner-no-image {
  max-width: 1800px;
  margin: auto;
}

.content-banner-no-image .content-banner-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.content-banner-subtitle {
  font-size: 1rem;
  font-family: 'Poppins';
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #c66e56;
}


.content-banner-no-image .content-banner-content h1 {
  text-align: center;
  font-size: 1.7rem;
  line-height: 120%;
  margin: 4px !important;
}


@media only screen and (min-width: 992px) {
  .content-banner-no-image .content-banner-content h1 {
    text-align: center;
    font-size: 2.6rem;
    line-height: 150%;
    margin: 15px 0;
  }
}


.hero-block {
  position: relative;
  width: 500px; /* Pas de breedte aan naar wens */
  height: 300px; /* Pas de hoogte aan naar wens */
  background-image: url('/web/20251124175856im_/https://kc-blue.eu-central-1.linodeobjects.com/mnt/data/image.png'); /* Vervang dit pad door het juiste pad naar je afbeelding */
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  color: #000;
  display: block;
}

.hero-block .hero-block-text-overlay {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 20px;
  width: 50%;
  z-index: 2; /* Zorg ervoor dat de tekst boven de golf ligt */
}

.hero-block .hero-block-title {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}

.hero-block .hero-block-text {
  margin: 5px 0 0 0;
  font-size: 16px;
}

.hero-block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #404040;
  clip-path: ellipse(80% 50% at 20% 50%);
  z-index: 1;
  transition: background-color 0.3s ease;
}

/* SECTION FLEX GRID CONTAINER */

.section-flex-grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* Verdeel in 5 kolommen */
  grid-template-rows: repeat(2, 1fr); /* Verdeel in 2 rijen */
  gap: 24px; /* Ruimte tussen de items */
  padding: 0;
}

.grid-version-2 .section-flex-grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Verdeel in 5 kolommen */
  grid-template-rows: repeat(1, 1fr); /* Verdeel in 2 rijen */
  gap: 24px; /* Ruimte tussen de items */
  padding: 0;
}

.flex-grid-item {
  position: relative; /* Voor positionering van de overlay */
  background-color: #fff;
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow-light);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  padding: 0rem;
  gap: 0rem;
  height: 100%;
  overflow: hidden; /* Zorgt ervoor dat de inhoud binnen de afgeronde randen blijft */
  text-decoration: none; /* Verwijder onderlijning van links */
  color: inherit; /* Zorgt ervoor dat de tekstkleur blijft zoals ingesteld */
  transition: .2s ease;
}

.flex-grid-item .block-element-label {
  position: absolute !important;
}



.flex-grid-content-container {
  width: 100%;
  padding: 2.5rem 1.5rem 1.5rem;
  height: 60%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: end;

}

.background-gradient-seashell {
  background: rgb(255,245,238);
  background: -moz-linear-gradient(8deg, rgba(255,245,238,1) 0%, rgba(255,245,238,0) 80%);
  background: -webkit-linear-gradient(8deg, rgba(255,245,238,1) 0%, rgba(255,245,238,0) 80%);
  background: linear-gradient(8deg, rgba(255,245,238,1) 0%, rgba(255,245,238,0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5ee",endColorstr="#fff5ee",GradientType=1);
}

.background-gradient-sagegreen {
  background: rgb(240,244,242);
  background: -moz-linear-gradient(8deg, rgba(240,244,242,1) 0%, rgba(240,244,242,0) 80%);
  background: -webkit-linear-gradient(8deg, rgba(240,244,242,1) 0%, rgba(240,244,242,0) 80%);
  background: linear-gradient(8deg, rgba(240,244,242,1) 0%, rgba(240,244,242,0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f4f2",endColorstr="#f0f4f2",GradientType=1);
}

.background-gradient-brightorange {
  background: rgb(255,212,173);
  background: -moz-linear-gradient(8deg, rgba(255,212,173,1) 0%, rgba(255,212,173,0) 80%);
  background: -webkit-linear-gradient(8deg, rgba(255,212,173,1) 0%, rgba(255,212,173,0) 80%);
  background: linear-gradient(8deg, rgba(255,212,173,1) 0%, rgba(255,212,173,0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd4ad",endColorstr="#ffd4ad",GradientType=1);
}


.category-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;

}

.category-container  .category {
      padding: 1rem 1rem 1rem 0;
  break-inside: avoid;
  min-width: 300px;
}

@media (max-width: 991px) {
  .category-container  .category {

  min-width: 45%;
}}

.flex-grid-item:hover {
  text-decoration: none; /* Verwijder onderlijning van links */
  transform: scale(98%);
}

/* Stijl voor de afbeelding */
.flex-grid-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Zorgt ervoor dat de afbeelding het gehele blok bedekt */
  z-index: 1; /* Zet de afbeelding op de achtergrond */
}

/* Stijl voor de content overlay */
.flex-grid-item span {
  position: relative; /* Voor plaatsing bovenop de afbeelding */
  z-index: 4; /* Zet de content boven de afbeelding */
}

.section-flex-grid-container .flex-grid-title {
  font-family: 'Poppins Light';
  font-size: clamp(1rem, 2.5vw, 1.1rem);
  line-height: 150%;
  margin-top: auto;
  margin-bottom: 8px;
  overflow-wrap: break-word; /* Zorgt ervoor dat lange woorden worden afgebroken */
  hyphens: auto; /* Voegt streepjes toe voor een natuurlijke woordafbreking */
  overflow: hidden; /* Verbergt alles buiten het blok */
  text-overflow: ellipsis; /* Voegt '...' toe aan het einde als de tekst te lang is */
  white-space: normal; /* Zorgt ervoor dat de tekst normaal afbreekt op spaties */
  color: #fff !important;
  text-shadow: 0 0 4px #00000050;
}

/* Stijl voor de titel in bold */
.section-flex-grid-container .flex-grid-title b {
  font-family: 'Poppins Semibold';
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  line-height: 150%;
  display: block;
}

.section-flex-grid-container .item-1 .flex-grid-title b {
  font-family: 'Poppins Semibold';
  font-size: clamp(1.2rem, 2.5vw, 1.8rem);
  line-height: 150%;
  display: block;
}

/* Stijl voor de content */
.section-flex-grid-container .flex-grid-content {
  font-size: .85rem;
  color: #848484;
  margin-bottom: 1rem;

}

/* Stijl voor de button */
.flex-grid-button {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #c66d55;
  color: #fff;
  margin-left: auto;
  font-weight: 700 !important;
  position: relative;
  z-index: 2;
  aspect-ratio: 1;
}

/* Stijl voor de button icoon */
.flex-grid-button i {
  font-weight: 600 !important;
}

/* Grote item neemt 2 kolommen en 2 rijen */
.flex-grid-item.large {
  grid-column: span 2; /* Beslaat 2 kolommen */
  grid-row: span 2; /* Beslaat 2 rijen */
  aspect-ratio: 1 / 1;
}

/* Kleine items nemen elk 1 kolom en 1 rij */
.flex-grid-item.small {
  grid-column: span 1; /* Beslaat 1 kolom */
  grid-row: span 1; /* Beslaat 1 rij */
}

/* Medium item neemt 2 kolommen en 1 rij */
.flex-grid-item.medium {
  grid-column: span 2; /* Beslaat 2 kolommen */
  grid-row: span 1; /* Beslaat 1 rij */
}

.grid-version-2 .flex-grid-item.large {
  grid-column: span 2;
  grid-row: span 1;
  aspect-ratio: 2 / 1;
}

/* Kleine items nemen elk 1 kolom en 1 rij */
.grid-version-2 .flex-grid-item.small {
  grid-column: span 1; /* Beslaat 1 kolom */
  grid-row: span 1; /* Beslaat 1 rij */
}


.flex-grid-item .img-desk {
  display: block;
}



.flex-grid-item .img-mob {
  display: none;
}

/* Extra groot breakpoint (max-width: 1360px) */
@media (max-width: 1360px) {
  .section-flex-grid-container {
      grid-template-columns: repeat(4, 1fr); /* Verdeel in 4 kolommen */
      grid-template-rows: repeat(2, 1fr); /* Pas aantal rijen aan indien nodig */
  }

  .flex-grid-item.large {
      grid-column: span 2; /* Beslaat 2 kolommen op bredere schermen */
      grid-row: span 1; /* Beslaat 2 rijen */
      aspect-ratio: 2 / 1;
  }

  .flex-grid-item.medium {
      grid-column: span 2; /* Beslaat 2 kolommen */
      grid-row: span 1; /* Beslaat 1 rij */
      aspect-ratio: 2 / 1;
  }

  

  .flex-grid-item .img-desk {
    display: none;
  }



  .flex-grid-item .img-mob {
    display: block;
  }
}

/* Tablet breakpoint (tussen 768px en 1024px) */
@media (max-width: 1024px) {
  .section-flex-grid-container {
      grid-template-columns: repeat(3, 1fr); /* Verdeel in 3 kolommen */
      grid-template-rows: repeat(3, 1fr); /* Pas aantal rijen aan indien nodig */
  }

  .flex-grid-item.large {
      grid-column: span 2; /* Beslaat 3 kolommen op tablets */
      grid-row: span 2; /* Beslaat 2 rijen */
      aspect-ratio: unset;
  }

  .flex-grid-item.small {
    grid-column: span 1; /* Beslaat 1 kolom op mobiele apparaten */
    grid-row: span 1; /* Beslaat 1 rij */
    aspect-ratio: 1 / 1;
}

  .flex-grid-item.medium {
      grid-column: span 1; /* Beslaat 3 kolommen op tablets */
      grid-row: span 1; /* Beslaat 1 rij */
      aspect-ratio: 1 / 1;
  }

  .grid-version-2 .flex-grid-item.large {
    grid-column: span 4;
    grid-row: 1;
    aspect-ratio: 2 / 1;
  }
  
  /* Kleine items nemen elk 1 kolom en 1 rij */
  .grid-version-2 .flex-grid-item.small {
    grid-column: span 2;
    grid-row: 2;
    aspect-ratio: 1 / 1;
  }
  


  .flex-grid-item .img-desk {
    display: none;
  }

.item-7 {
  display: none;
}

  .flex-grid-item .img-mob {
    display: block;
  }
}

/* Mobiel breakpoint (onder 768px) */
@media (max-width: 768px) {
  .section-flex-grid-container {
      grid-template-columns: repeat(2, 1fr); /* Verdeel in 2 kolommen */
      grid-template-rows: repeat(4, 1fr); /* Pas aantal rijen aan indien nodig */
  }

  .flex-grid-item.large {
      grid-column: span 2; /* Beslaat volledige breedte op mobiele apparaten */
      grid-row: span 1; /* Beslaat 2 rijen */
      aspect-ratio: 2 / 1;
  }


  .flex-grid-item .img-desk {
    display: none;
  }

  .item-7 {
    display: flex;
  }

  .flex-grid-item .img-mob {
    display: block;
  }

  .flex-grid-item.small {
      grid-column: span 1; /* Beslaat 1 kolom op mobiele apparaten */
      grid-row: span 1; /* Beslaat 1 rij */
      aspect-ratio: unset;
  }

  .flex-grid-item.medium {
      grid-column: span 2; /* Beslaat volledige breedte op mobiele apparaten */
      grid-row: span 1; /* Beslaat 1 rij */
      aspect-ratio: 2 / 1;
  }
}

/* Klein mobiel breakpoint (onder 480px) */
@media (max-width: 480px) {
/* .flex-grid-button {
  display: none;
} */

  .section-flex-grid-container {
      grid-template-columns: repeat(2 , 1fr); /* Verdeel in 1 kolom */
      grid-template-rows: repeat(4, 1fr); /* Pas aantal rijen aan indien nodig */
  }

  .flex-grid-item.large, .flex-grid-item.medium  {
    grid-column: span 2; /* Beslaat volledige breedte op kleine mobiele apparaten */
    grid-row: span 1; /* Beslaat 1 rij */
  }

  .flex-grid-item .img-desk {
    display: none;
  }



  .flex-grid-item .img-mob {
    display: block;
  }


  .flex-grid-item.small{
      grid-column: span 1; /* Beslaat volledige breedte op kleine mobiele apparaten */
      grid-row: span 1; /* Beslaat 1 rij */
      /* aspect-ratio: 1 / 1; */
  }


  .section-flex-grid-container {

    gap: 12px; /* Ruimte tussen de items */

  }

  .section-flex-grid {
    padding: .5rem !important;
  }

  .flex-grid-content-container {

    padding: 1rem;


  
  }

  .section-flex-grid-container .item-1 .flex-grid-title b, .section-flex-grid-container .item-6 .flex-grid-title b {
    font-family: 'Poppins Semibold';
    font-size: clamp(1.2rem, 2.5vw, 1.8rem);
    line-height: 150%;
    display: block;
  }


}

.section-usp-inline  {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 0 32px 32px;
}
/* 
.section-usp-inline.full-width  {
background-color: #f5f5f5;
border-radius: 0 0 32px 32px;
padding-top: 42px !important;
margin-top: -42px !important;
margin-bottom: .5rem !important;
} */

.section-usp-inline .section-container {
  display: flex !important;
  flex-direction: row;
 gap: 1.5rem;
  justify-content: center;
}

.section-usp-inline .card-usp {
  flex: 1;
  margin: 0 !important;
  padding: 1rem;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius-big);
  text-align: left;
  gap: 1rem;
}

.section-usp-inline .card-usp a {
  text-decoration: none;
}

.section-usp-inline .card-usp-title {
  display: block;
  font-family: 'Poppins Medium',sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  margin: 0;
  padding: 0;
  color: var(--text-color);
  text-transform: uppercase;
  letter-spacing: 0 !important;
}

.usp-small .card-usp .card-usp-title {
  font-size: 15px !important;
  letter-spacing: 0 !important;
}

.section-usp-inline .card-usp-icon {
  display: block;
  margin: 0;
  width: 58px;
}

.plp-container .section-usp-inline p {
  font-size: 13px !important;
  color: #262626 !important;
  margin: 0;
}

@media (max-width: 991px) {
  .section-usp-inline .card-usp {
    padding: 0.75rem 0;
  }

.section-usp-inline  {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 0 16px 16px;
}

.section-usp-inline .card-usp-icon {
  width: 48px;
}

.section-usp-inline .card-usp-title {
  line-height: 18px;
}

.plp-container .section-usp-inline p {
  font-size: 12px !important;
  line-height: 18px;
}

}

/*---------------  Section FAQ  ------------------------*/
.section-faq .faq-cols {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.section-faq .faq-content a {
  font-family: "Poppins Medium", sans-serif;
  color: #c66d55;
}

.section-faq .xs-12 {
  width: 100%;
  padding: 0;
}

@media (min-width: 992px) {
  .section-faq .md-6 {
    width: calc(50% - .5rem);
    padding: 0;
  }

  .section-faq .faq-cols {
    gap: 1rem;
  }

  /* Op desktop is de content standaard zichtbaar */
  .section-faq .faq-content {
    display: block;
  }
}

/* Styling voor de FAQ componenten */
.section-faq .faq-component {
  display: flex;
  flex-direction: column;

  background-color: #fff;
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow-light);
  gap: 1rem;
  margin-bottom: 1rem;
}

/* FAQ titel styling */
.section-faq .faq-title {
  font-size: 1rem;
  font-family: 'Poppins Medium';
  display: flex;
  padding: 1.5rem;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 1rem;
}


 /* Chevron rotatie bij actief */
 .section-faq.md-collapse .faq-component.active .faq-title {

  padding: 1.5rem 1.5rem 0 1.5rem;
}
.section-faq .faq-content {
  font-size: .9rem;
  padding: 0 1.5rem 1.5rem 1.5rem;
}

.section-faq .faq-component i {
  display: none;
}

.section-faq.md-collapse .faq-component i {
  display: block;
}

.section-faq.md-collapse .faq-content {
  display: none;
}

  /* Chevron animatie bij uitklappen */
  .section-faq.md-collapse .faq-component i {
    display: block;
    transition: transform 0.3s ease;
    transform: rotate(0deg); /* Standaard naar beneden gericht */
  }

  /* Wanneer de component actief is, draaien we de chevron naar boven */
  .section-faq.md-collapse .faq-component.active i {
    transform: rotate(180deg); /* Draai de chevron omhoog */
  }

  /* Chevron rotatie bij actief */
  .section-faq.md-collapse .faq-component.active .faq-content {
    display: block;
  }
/* Op mobiele apparaten verbergen we de content standaard */
@media (max-width: 991px) {


  .section-faq .faq-title {
    font-size: .9rem;
  }

  /* Chevron rotatie bij actief */
  .section-faq .faq-component.active .faq-content {
    display: block;
  }

  .section-faq .faq-content {
    display: none;
  }

  /* Chevron animatie bij uitklappen */
  .section-faq .faq-component i {
    display: block;
    transition: transform 0.3s ease;
    transform: rotate(0deg); /* Standaard naar beneden gericht */
  }

  /* Wanneer de component actief is, draaien we de chevron naar boven */
  .section-faq .faq-component.active i {
    transform: rotate(180deg); /* Draai de chevron omhoog */
  }
}


/*----------------- Swiper Category-selector ------------*/

.swiper-category-selector {
  width: auto;
  max-width: 1540px;
}

.swiper-category-selector swiper-slide {
  display: flex;
  flex-direction: column;
}


.swiper-category-selector swiper-slide a {
  display: flex;
  flex-direction: column;
} 

.swiper-category-selector swiper-slide  {
  background: #ffffff00;
  display: flex;
  flex-direction: column;
  max-width: 100px;
  text-decoration: none;
  margin-left: 4px;
  padding-top: .5rem;
  transition: .2s ease;
}

.swiper-category-selector swiper-slide a {

  text-decoration: none;

}

.swiper-category-selector swiper-slide .swiper-slide-img {
  transition: .2s ease;
  
  }

.swiper-category-selector swiper-slide .swiper-slide-img:hover {
transform: scale(1.05);

}

.swiper-category-selector swiper-slide .swiper-slide-img img {
  border-radius: var(--border-radius-big);
  border: 2px solid transparent;
}

.swiper-category-selector swiper-slide .swiper-slide-img img:hover {
  border: 2px solid var(--prettyorange);
}

.swiper-category-selector .swiper-slide-title {
  font-size: 14px;
  font-family: 'Poppins Medium',sans-serif;
  margin-top: 8px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  word-break: keep-all;
}
.swiper-category-selector swiper-slide img {
  max-width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

@media only screen and (min-width: 1100px) {
  .swiper-category-selector swiper-slide {
    max-width: 120px;
  }


}
@media only screen and (max-width: 1200px) {
.swiper-category-selector {
  width: 100%;
  max-width: 1200px;
}
}

/*---------------- SEO text ---------*/

.section-seo-text .cols {
  margin-left: -15px;
  margin-right: -15px;
}

.pagina-footer .section-seo-text h2 {
  font-style: normal;
  font-weight: normal;
  font-size: clamp(1.1rem,2.5vw,1.3rem);
  line-height: 140%;
  letter-spacing: -0.02em;
}

.section-seo-text p {
  margin-bottom: 1rem;
}

/*---------------- Section Notificationbar ---------*/
.section-notificationbar {
  max-width: 1800px;
  margin: auto;

  background-color: #f5f5f5;
  border-radius: 0 0 24px 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: ease .2s;
}

.section-notificationbar b {
  font-family: 'Poppins Semibold', sans-serif;
}

.plp-container:has(.section-notificationbar) .section-flex-grid.grid-version-2 {
  margin-top: 0 !important;
}


.section-notificationbar.full-width {
  margin: 0 auto !important;
  border-radius: 0 !important;
  padding: 0 .5rem !important;
  width: 100% !important;
  max-width: none !important;
}

.section-notificationbar.notificationbar-discount.full-width  {
  padding: .75rem !important;
  gap: 1rem;
}


.section-notificationbar.notificationbar-discount a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 0;
  font-size: .9rem;
  width: auto;
  font-family: "Poppins Light", sans-serif;
}

.section-notificationbar a { 
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: .75rem;
  font-size: .9rem;
  font-family: "Poppins Light", sans-serif;

}

.section-notificationbar:hover {
  background-color: #e6e6e6; 
}

.section-notificationbar a:hover {
  text-decoration: none !important;
}

.section-notificationbar .fa-chevron-right {
  font-size: .8rem;
}


@media only screen and (max-width: 991px) {


  
  .section-notificationbar a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.75rem 1.5rem;
    font-size: .75rem !important;
    font-family: "Poppins Light", sans-serif;
    line-height: 1.2rem;
  }


  .section-notificationbar.notificationbar-discount.full-width  {
    padding: .75rem !important;
    gap: .5rem;
  }

  
  
  
  


}



/* Contact page */

#body_ok .ok_card a{
  text-decoration: underline;
  }
  
  .ok_card {
  display: flex !important;
  flex-direction: row !important;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  border-radius:  var(--border-radius-big);
  }
  
  span.ok_card_title  {
  font-family: "Poppins Medium", sans-serif;
  }
  
  .ok_card_image img {
  width: 72px;
  }
  
  .ok_card_account {
      margin-bottom: auto;
  }

.section-two-columns .section-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}


 .container-right:has(.section-image-container),  .container-left:has(.section-image-container) {
  flex-grow: 1;
  height: auto;
  border-radius: var(--border-radius-big);
  padding: 0 !important;
  box-shadow: var(--box-shadow-light);
  flex-basis: 0;
  min-width: 0;
}

.container-right:has(.ok_card_image),  .container-left:has(.ok_card_image) {
  flex-grow: 1;
  height: auto;
  border-radius: var(--border-radius-big);
  padding: 1% 2% !important;
  box-shadow: unset !important;
  flex-basis: 0;
  min-width: 0;
}

.section-two-columns .container-right, .section-two-columns .container-left {
  flex-grow: 1;
  height: auto;
  border-radius: var(--border-radius-big);
  padding: 1% 2%;
  box-shadow: var(--box-shadow-light);
  flex-basis: 0;
  min-width: 0;
}

.section-two-columns.two-third .container-right {
  flex-grow: 2;
}

.section-two-columns.two-third .container-left { 
  flex-grow: 1;

}

.section-two-columns .container-right,.section-container .container-left {
  flex-grow: 1;
  height: auto;
  border-radius: var(--border-radius-big);
  padding: 1% 2%;
  box-shadow: var(--box-shadow-light);
}



.section-info .input-button-wrapper {
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem;
}

.section-info #userInput {
  flex-grow: 1;
  padding: .75rem 1.5rem;
  border-radius: 100px;
  border: none;
}

.section-info .start-chat-btn {
  border-radius: 100px;
  border: none;
  padding: .75rem 1.5rem;
  background-color: #c66d55;
  color: #fff;
  transition: .2s ease;
}

.section-info .start-chat-btn:hover {
  filter: brightness(.95);
  transform: scale(.98);
}
.image-title-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}

.image-title-container img {
  max-width: 100px;
  border-radius: 100px;
  border: 2px solid #c66d55;
}


.title-image {
  max-width: 100px;
  margin-bottom: 1rem;

}


.section-info .chat-link {
  padding: .25rem .5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: .2s ease;
  border-radius: 100px;
  gap: .3rem;
}

.section-info .chat-link:hover {
text-decoration: none;
background-color: #00000005;
}


.section-info .chat-link:before { 
  content: "";
  background-image: url('https://web.archive.org/web/20251124175856im_/https://www.prettyorange.de/media/kc-media/infopages-icons-new-2024.svg');
  width: 22px;
  height: 18px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}


@media only screen and (max-width: 1280px) { 
.section-two-columns.two-third .container-right {
  flex-grow: 1;
}

.section-two-columns.two-third .container-left { 
  flex-grow: 1;

}
}

@media only screen and (max-width: 991px) { 
  .section-two-columns .section-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .section-two-columns .container-right,.section-container .container-left {
    padding: 0% 8%;
  }

  .section-info .input-button-wrapper {
    flex-direction: column;

  }
}



/*TREND LABEL*/

#card_previews.card-preview-flat .thumbnail-card-wrapper {
  position: relative;
}

.corner-svg-label {
position: absolute;
top: 0;
right: 0;
width: 120px; /* Standaard breedte voor mobiele apparaten */
}

/* Verberg de TREND | tekst */
.hidden-trend {
display: none;
}

@media only screen and (max-width: 991px) {  

  .corner-svg-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px; /* Standaard breedte voor mobiele apparaten */
    }

}


/* Section Filter Pills { */

  @media only screen and (max-width: 991px) { 
    .plp-container .section-title-container, .pagina-footer .section-title-container {
  padding: 1.25rem 0 1rem 0;
  gap: .85rem !important;
  display: flex;
  flex-direction: column;
}
    .plp-container section.section-filter-pills {

  padding-left: 0 !important; 
}
  }

  .section-filter-pills {
    max-width: none !important;
  }
  
 section.section-filter-pills .section-pills-container {
  position: relative;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  gap: .85rem;
  padding-bottom: 0;
  padding-right: 40px; /* Ruimte voor de scroll */
  /* Fade-effect aan de rechterkant */
  mask-image: linear-gradient(to right, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent); /* Voor Safari */
 
}

section.section-filter-pills .section-pills-container.no-fade {
  /* Verwijder het fade-effect wanneer er niet meer gescrold kan worden */
  mask-image: none;
  -webkit-mask-image: none; /* Voor Safari */
}

/* Verberg standaard de scrollbar */
section.section-filter-pills .section-pills-container::-webkit-scrollbar {
  display: none; /* Verbergt de scrollbar in WebKit-browsers (zoals Chrome, Safari) */
}

section.section-filter-pills .section-pills-container {
  -ms-overflow-style: none;  /* Verbergt scrollbar in IE en Edge */
  scrollbar-width: none;  /* Verbergt scrollbar in Firefox */
}

/* Styling voor de filter pills */
section.section-filter-pills .filter-pill {
  /* background-color: #fdeae9 !important; */
  padding: 10px 15px;
  border-radius: 20px; /* Ronde hoeken */
  cursor: pointer;
}

section.section-filter-pills .filter-pill:hover {
  /* background-color: #d88d94 !important; */
  color: #ffffff !important;
}

/* Algemene styling voor de scrollbare sectie */
section.section-filter-pills {  
  padding-right: 40px; /* Ruimte voor scrollbare content */
    /* position: sticky; */
  top: 0;
  z-index: 10;
  border-radius: 0 0 20px 20px !important;
  background-color: #fff;

}
  
  @media only screen and (max-width: 991px) { 
    section.section-filter-pills {

  padding-right: 40px; 
    position: sticky;
  top: 90px;
  z-index: 10;
  background-color: #fff;
}
  }

.section-title-container h4 {
  margin-bottom: 10px;
}


/* CUSTOMER SERVICE PAGE */


html:has(.container-cs) {
  --bs-primary: #c66d55 !important;
}

.container-cs  .chat-image-container img {
  width: 100px;
  height: 100px;
}


.container-cs h3 {
  font-size: 24px;
  line-height: 160%;
}

.container-cs .fa-comment-dots {
  float: none !important;
  color: var(--bs-primary);
  margin-right: .25rem;
}

:root {
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c66d55;
  --bs-btn-border-color: #c66d55;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ac604b;
  --bs-btn-hover-border-color: #ac604b;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ac604b;
  --bs-btn-active-border-color: #ac604b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f5a792;
  --bs-btn-disabled-border-color: #f5a792;
}
}
/*
     FILE ARCHIVED ON 17:58:56 Nov 24, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:34:35 May 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.513
  load_resource: 363.328 (2)
  PetaboxLoader3.resolve: 115.96 (2)
  PetaboxLoader3.datanode: 104.446 (2)
*/