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

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

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

.gui a {
  color: #0a8de9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* custom */
@font-face {
    font-family: 'kelson_sans';
    src: url('https://cdn.webshopapp.com/shops/313565/files/360796256/kelson-sans-regular-webfont.woff2') format('woff2'),
         url('https://cdn.webshopapp.com/shops/313565/files/360796253/kelson-sans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.kennis-list {
  gap: 5px;
  display: flex;
  flex-direction: column;
}

.mobile-search-btn {
  position: fixed;
  transition: all .4s ease;
  top: 0px;
  transform: translateY(54px);
  right: 125px;
  z-index: 1000;
  background: none;
  padding-right: 0px;
  background: none !important;
  > i {
  font-size:20px;
  }
}
.mobile-search-btn.scrolled {
  position: fixed;
  transform: translateY(20px);
}
@media only screen and (min-width: 769px) {
.mobile-search-btn {
  display:none;
}
}
@media only screen and (max-width: 769px) {
  .usp-carousel.swiper-container {
      max-width: calc(100vw - 180px) !important;
  }
  #search-results {
    min-width: 150%;
    max-width: 100%;
    margin-left: 56%;
    display: flex;
    flex-direction: column;
    > div {
      width: 100%;
      min-width: 100%;
    }
  }
  
  #header-search.active {
  display: block !important;
  width: 200px;
    margin-left: -160px !important;
  }
  
}





body {
background-color: #fff;
  font-family: 'Dosis', sans-serif;
}

h1 {
font-family: 'kelson_sans', sans-serif;
}

h2 {
font-family: 'kelson_sans', sans-serif;
}

h3 {
font-family: 'kelson_sans', sans-serif;
}

h4 {
font-family: 'kelson_sans', sans-serif;
}

.category-card {
max-width: 170px;
}

.col-6 col-3@md {
flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em));
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 0px 40px;
  grid-template-areas:
    "links1 rechts1"
    "links2 rechts2"
    "links3 rechts3"
    "hondenbadkamer dierenarts"
    "graveren speelotheek"
    "sparen bezorgen"
    "links4 rechts4"
    "midden midden";
}

.grid-container > div {
  background-color: #fff;
  padding: 20px 0px;
}
.links1 { grid-area: links1; }
.rechts1 { grid-area: rechts1; }
.links2 { grid-area: links2; }
.rechts2 { grid-area: rechts2; }
.links3 { grid-area: links3; }
.rechts3 { grid-area: rechts3; }
.hondenbadkamer { grid-area: hondenbadkamer; }
.dierenarts { grid-area: dierenarts; }
.graveren { grid-area: graveren; }
.speelotheek { grid-area: speelotheek; }
.sparen { grid-area: sparen; }
.bezorgen { grid-area: bezorgen; }
.links4 { grid-area: links4; }
.rechts4 { grid-area: rechts4; }
.midden { grid-area: midden; }

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&family=Roboto:wght@300&family=Unbounded:wght@300&display=swap');

.puppygids input[type=text],
.puppygids input[type=email] {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
box-sizing: border-box;
margin-top: 1%;
margin-bottom: 1%;
resize: vertical
}

.puppygids input[type=submit] {
background-color: #FFFFFF;
color: black;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
border: 2px solid black;
}

.puppygids input[type=submit]:hover {
background-color: black;
color: white;
}