.hs-menu-item a, .header__menu-link, .header__button-col a  {
text-decoration: none;
}
.blog-listing__post-content.blog-listing__post-content--card{
    background-color: #fff;
}
.hs-blog-listing #hs_cos_wrapper_dnd_area-module-2 .blog-listing__post-title-link, .hs-blog-listing #hs_cos_wrapper_dnd_area-module-2 .blog-listing__post-tag, .blog-listing__post-tag, .blog-listing__post-title-link {
  font-weight: 600;
  text-decoration: none;
}
.blog-listing__header .blog-listing__post-tag{

color: var(--color-secondary);
}
.hs-blog-listing h1, .blog-post h1{
position: relative;
  
padding-bottom: 35.3031px;
}
.blog-post h1{
text-align: center;

}
.hs-blog-listing h1::before, .blog-post h1::before{
  background-image: url(https://144523864.fs1.hubspotusercontent-eu1.net/hubfs/144523864/streepje.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    width: 120px;
}
.blog-post h1::before{
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
    .hs-blog-listing h1:before, .blog-post h1::before {
        height: 20px;
    }
}
.blog-listing__post-content{
-webkit-box-flex: 1;
    display: block;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 1em 2.65em 1em 1em;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media screen and (min-width: 1320px) {
    .blog-listing__post-content {
        padding: 1.45em 2.45em 1.45em 1.45em;
    }
}
@media screen and (min-width: 1320px) {
    .blog-listing__post-content  {
        padding: 1.45em 3.45em 1.45em 1.45em;
    }
}
.blog-listing__post-content:before{
      background: var(--color-secondary);
      height: 180px;
      right: -35%;
      -webkit-transform: translateY(-50%) rotate(45deg) scale(1);
      -ms-transform: translateY(-50%) rotate(45deg) scale(1);
      transform: translateY(-50%) rotate(45deg) scale(1);
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s,-webkit-transform .3s;
      width: 180px;
}
.blog-listing__post-content:after,.blog-listing__post-content:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: -1
}

.blog-listing__post-content:after {
  background-image: url(https://144523864.fs1.hubspotusercontent-eu1.net/hubfs/144523864/Pijl%20wit.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 18px;
  right: 5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px
}
.blog-listing__post-content--card .blog-listing__header{
margin-bottom: 0;
}
.blog-post-listing__post--card:hover .blog-listing__post-content:before{
    -webkit-transform: translateY(-50%) rotate(45deg) scale(1.35);
    -ms-transform: translateY(-50%) rotate(45deg) scale(1.35);
     transform: translateY(-50%) rotate(45deg) scale(1.35);
    -webkit-transition: -webkit-transform .3s; 
     transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; 
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_post_filter .block{
    display: flex;
    gap: 1.25rem;
    align-items: center;
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_post_filter .block h3{
margin: 0;
  font-family: Raleway, sans-serif;
font-size: 18.4px;
font-weight: 600;
line-height: 21.16px;
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_post_filter .block ul{
    display: flex;
    list-style: none;
    padding-left: 0;
  margin: 0;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_post_filter .block ul li{
margin: 0;    
  background: #fff;
    border: 2px solid var(--color-tertiary);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 10px 20px;
    -webkit-transition: color .3s, background .3s, border-color .3s;
    transition: color .3s, background .3s, border-color .3s;
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_post_filter .block ul li a{
font-family: Raleway, sans-serif;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-dark-blue);
}
@media screen and (min-width: 1320px){
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_post_filter .block ul{

  gap: 0.85rem;
}
}

@media screen and (min-width: 992px) {
.dnd_area-row-0-background-image{
height: 365px;
}
}
.cell_17175112023043-vertical-alignment{
  position: relative;
}
#hs_cos_wrapper_widget_1728391699836 .button--small{
    background: #fff;
    bottom: -30px;
    display: inline-block;
    height: 60px;
    left: 20px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 60px;
  border: none;
}
@media screen and (min-width: 992px) {
  #hs_cos_wrapper_widget_1728391699836 .button--small{
bottom: -60px;
  }
}
 @media screen and (min-width: 1320px) {
  #hs_cos_wrapper_widget_1728391699836 .button--small {
    bottom:-70px;
    height: 80px;
    width: 80px
   }
}

#hs_cos_wrapper_widget_1728391699836 .button--small::before {
  background-image: url(https://144523864.fs1.hubspotusercontent-eu1.net/hubfs/144523864/8bc35565ecfd40454b95.svg);
  background-position:center 24px;
  background-repeat: no-repeat;
  background-size: 10px;
  bottom: 0;
  content: "";
  display: inline-block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
/* searchbar */
.hs-search-field--open .hs-search-field__suggestions{
z-index: 1;
}
@media screen and (min-width: 1320px) {
  #hs_cos_wrapper_widget_1728391699836 .button--small::before {
    
    background-size: 15px
  }
}
.blog-post__body p, .blog-post__body li, .blog-post__timestamp, .blog-post__author-name{
  color: var(--color-dark-blue);
    font-family: Raleway,sans-serif;
    font-weight: 300;
  line-height: 28px;
}

@media screen and (min-width: 768px) {
    .blog-post__body p, .blog-post__body li, .blog-post__timestamp, .blog-post__author-name {
        font-size:1.25rem;
      line-height:38px;
    }
}}

.hs-search-field__button svg {
 height: 20px; 
}
}