img.img-fluid.wp-post-image {
  width: 100%;
  object-fit: cover;
}
a.madeby {
  color: #0b5b4b;
}
.blog-details .article-content .content a {
  color: rgba(22, 160, 133, 1) !important;
  font-weight: 600; /* vælg den farve du vil */
}
.blog-details .article-content .content a:hover {
  color: #0b5b4b !important; /* vælg den farve du vil */
}

html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  border-radius: 0px;
}

/* Box layout for alle links inkl. current */
.pagination a.page-numbers,
.pagination .current {
  display: inline-block;
  padding: 8px 12px; /* samme højde som de andre links */
  margin: 2px;
  border: 1px solid #0b5b4b;
  border-radius: 4px;
  text-decoration: none;
  color: #0b5b4b;
  line-height: 1.5; /* sikrer vertikal centering */
  box-sizing: border-box; /* inkl. padding i størrelsen */
  transition: 0.3s;
  margin-top: 25px;
}

/* Hover effekt */
.pagination a.page-numbers:hover {
  background-color: #0b5b4b;
  color: #ffffff;
}

/* Nuværende aktive side */
.pagination .current {
  background-color: #0b5b4b;
  color: #ffffff;
}

.product-image {
  object-fit: cover;
  width: 100%;
  height: 250px;
  margin-top: 15px;
  margin-bottom: 15px;
}
a.btn.btn-primary.produkt-link {
  background-color: rgba(22, 160, 133, 1) !important;
  border-color: rgba(22, 160, 133, 1) !important;
  color: #fff !important;
}
a.btn.btn-primary.produkt-link:hover {
  color: #fff !important;
  background-color: #0b5b4b !important;
}

@media (min-width: 1200px) {
  .navmenu li:hover > a,
  .navmenu .active,
  .navmenu .active:focus {
    color: #0b5b4b;
  }
}
@media (min-width: 1200px) {
  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover > a {
    color: #0b5b4b;
  }
}
@media (max-width: 1199px) {
  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: #0b5b4b;
  }
  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: #0b5b4b !important;
    color: #fff;
    transform: rotate(180deg);
  }
  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: #0b5b4b !important;
    color: var(--contrast-color);
  }
  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: #0b5b4b !important;
    color: #fff !important;
  }

  .navmenu a i,
  .navmenu a:focus i {
    color: #fff !important;
    background-color: #0b5b4b;
  }

  .mobile-nav-toggle:hover {
    background-color: #0b5b4b;
    color: #fff;
  }
}