.elementor-3776 .elementor-element.elementor-element-5e7b647{--display:flex;}.elementor-3776 .elementor-element.elementor-element-d57f956{--grid-columns:3;}.elementor-3776 .elementor-element.elementor-element-d57f956 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3776 .elementor-element.elementor-element-d57f956 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3776 .elementor-element.elementor-element-d57f956 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3776 .elementor-element.elementor-element-d57f956 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3776 .elementor-element.elementor-element-d57f956 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-3776 .elementor-element.elementor-element-d57f956{--grid-columns:2;}}@media(max-width:767px){.elementor-3776 .elementor-element.elementor-element-d57f956{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-d57f956 *//* —— Blog-Pagination im Lilia-CI —— */
.elementor-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 40px;
}

/* Zahlen + Vor/Zurück – Grundstil */
.elementor-pagination a,
.elementor-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: all .18s ease;
  border: 1px solid #e6e8eb;
  color: #0f172a;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Hover */
.elementor-pagination a:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #e91e63, #a31244);
  box-shadow: 0 10px 24px rgba(163,18,68,.28);
  transform: translateY(-1px);
}

/* Aktive Seite */
.elementor-pagination .page-numbers.current {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #e91e63, #a31244);
  box-shadow: 0 10px 24px rgba(163,18,68,.28);
}

/* Ellipsen (…) etwas heller */
.elementor-pagination .page-numbers.dots {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b7280;
  font-weight: 600;
}

/* Pfeile Vor/Zurück (falls als «/» dargestellt) */
.elementor-pagination .prev, 
.elementor-pagination .next {
  padding: 8px 14px;
}

/* Kompakter auf Mobil */
@media (max-width: 480px){
  .elementor-pagination a,
  .elementor-pagination span {
    min-width: 34px;
    height: 34px;
    padding: 6px 10px;
    font-weight: 700;
  }
  .elementor-pagination { gap: 4px; }
}/* End custom CSS */