/* dark blue */
/* dark blue */
/* purple */
/* light gray */
/* light gray */
/* light gray */
/* light gray */
/* light gray */
/* gray */
@media (max-width: 767px) {
  .animal-groups-wrap {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease; }
    .animal-groups-wrap .animal-groups {
      display: none; }
      .animal-groups-wrap .animal-groups a {
        display: flex;
        align-items: center;
        padding-right: 25px; }
        .animal-groups-wrap .animal-groups a:after {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          position: absolute;
          border: solid 1px #05325c;
          border-bottom: none;
          border-left: none;
          top: 50%;
          margin-top: -6px;
          right: 18px;
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .animal-groups-wrap .animal-groups a img {
          width: 150px;
          max-width: 40%;
          margin-right: 12px; }
      .animal-groups-wrap .animal-groups a:nth-of-type(even):before {
        content: '';
        position: absolute;
        top: 0;
        right: -15px;
        bottom: 0;
        left: -15px;
        background: #f6f7fa;
        z-index: -1; }
    .animal-groups-wrap .close-filter-results {
      position: relative;
      padding-right: 25px;
      float: right;
      font-weight: 600;
      cursor: pointer;
      margin-bottom: 13px; }
      .animal-groups-wrap .close-filter-results:before, .animal-groups-wrap .close-filter-results:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 9px;
        width: 19px;
        border-bottom: solid 2px #05325c;
        transform: rotate(45deg); }
      .animal-groups-wrap .close-filter-results:after {
        transform: rotate(-45deg); }
  .page {
    opacity: 1;
    transition: opacity 0.5s ease;
    margin-top: 20px; }
    .page .responsive-banner span.image {
      max-width: 360px;
      min-height: 117px; }
  .show-filter-results .page {
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden; }
  .show-filter-results .animal-groups-wrap {
    opacity: 1;
    height: auto;
    overflow: visible; }
    .show-filter-results .animal-groups-wrap .animal-groups {
      display: block; }
  .animals-slider-wrap {
    margin-top: 20px; }
  .mobileonly {
    display: block; }
  .notonmobile {
    display: none; }
  .responsive-banner .text {
    padding: 5px 15px 10px; }
    .responsive-banner .text .header {
      font-size: 26px; }
    .responsive-banner .text .subheader {
      font-size: 15px; }
  main > .content .fbbutton {
    position: relative;
    right: initial;
    top: initial; }
  #page_embed .huisdierentest {
    padding: 0; } }

@media (max-width: 991px) {
  header .logo {
    line-height: 64px;
    max-width: calc(80% - 80px); }
    header .logo img {
      vertical-align: middle; } }