/* --- 1. AUFRÄUMEN & SUCHTEXT ENTFERNEN --- */
.pages_total {
    border: none !important;
    padding: 0 !important;
    margin: 40px 0 !important;
}

/* Den Text "Suchergebnisse 6 bis 10 von 151" radikal ausblenden */
.pages_total .result_txt, 
.pages_total > span, 
.pages_total > div:not(.kesearch_pagebrowser) {
    display: none !important;
}

/* --- 2. CONTAINER SETUP --- */
.kesearch_pagebrowser {
    width: 100% !important;
}

.pagination {
    display: flex !important;
    justify-content: center !important; /* Alles zentrieren */
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 10px !important; /* Standard-Abstand zwischen den Bullets */
}

/* --- 3. DIE PFEIL-PAARE ZUSAMMENRÜCKEN --- */
/* Wir geben den äußeren Pfeil-Paaren ein engeres Gap */

/* Erster & Zweiter Button (Anfang & Zurück) */
.page-item:nth-child(1) { margin-right: -5px !important; }

/* Vorletzter & Letzter Button (Weiter & Ende) */
.page-item:nth-last-child(1) { margin-left: -5px !important; }

/* Der Abstand von der Zahlengruppe zu den Pfeilpaaren */
.page-item:nth-child(2) { margin-right: 20px !important; }
.page-item:nth-last-child(2) { margin-left: 20px !important; }

/* --- 4. GEMEINSAME STYLES (DIE KREISE) --- */
.page-link, .page-item span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #fff !important;
    color: #666 !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    padding: 0 !important;
}

/* Aktiver Status (Dot) */
.page-item.active .page-link,
.page-item.active span {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* --- 5. SVG PFEIL INTEGRATION --- */
.page-link.prev, .page-link.next, 
.page-item:first-child .page-link, 
.page-item:last-child .page-link {
    font-size: 0 !important; /* Text weg */
    background-image: url('/fileadmin/redesign2025/svg/arrow.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px !important;
}

/* Linke Pfeile spiegeln */
.page-item:first-child .page-link,
.page-link.prev {
    transform: scaleX(-1);
}

/* Doppelpfeil-Optik (Anfang/Ende) etwas markanter */
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    background-color: #f0f0f0 !important; /* Dezenter Unterschied */
    border-width: 1.5px !important;
}

/* Hover-Effekte */
.page-link:hover:not(.disabled) {
    background-color: #f8f8f8 !important;
    border-color: #ccc !important;
}

/* Deaktiviert-Status */
.page-item.disabled {
    opacity: 0.2;
    pointer-events: none;
}