/* Anpassung footer Kategorie Archieve */
.archive .entry-meta, 
.archive .entry-footer, 
.archive .byline, 
.archive .posted-on {
    display: none !important;
}

/* Verfasst von entfernen */
.archive .entry-content p:contains('Verfasst von') {
    display: none !important;
}

footer.entry-footer.responsive-max-width {
    display: none !important;
}
/* Navigation im einzelnen Beitrag entfernen */
.single .post-navigation {
    display: none !important;
}

/* "Bearbeiten" (Edit) entfernen */
.single .edit-link {
    display: none !important;
}

/* Kommentare entfernen */
#comments {
    display: none !important;
}

/* Ende Anpassung Footer Kategorie Archieve */




/* Anpassung Titel und Bild in Beiträgen */
.site-branding, .site-logo-img {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.site-logo-img img {
    max-width: 130px !important; /* HIER: Logo-Größe anpassen */
    height: auto !important;
}

/* --- 2. TITEL GRÖSSE & ZENTRIERUNG --- */
.entry-header {
    text-align: center !important;
    margin-top: 100px !important; 
    margin-bottom: 10px !important;
}

.entry-title {
    font-size: 80px !important; /* HIER: Schriftgröße des Titels anpassen */
    font-weight: bold;
    line-height: 1.2;
}

/* --- 3. BEITRAGSBILD (VORSCHAUBILD) GRÖSSE & ZENTRIERUNG --- */
.post-thumb-img-content, 
.ast-single-post-featured-section {
    text-align: center !important;
}

.wp-post-image {
    display: inline-block !important;
    margin: 0 auto !important;
    max-width: 700px !important; /* HIER: Bild-Breite anpassen (z.B. 400px oder 800px) */
    width: 100% !important;   
    height: auto !important;
    border-radius: 8px;    
}
/*Ende Titel und Bild in Beiträgen */


/* Anpassung Navigation Kategorie Archive */
/* 1. Hide the original theme text labels */
.nav-links .nav-next-text,
.nav-links .nav-prev-text {
    display: none !important;
}

/* 2. Style the navigation links: Bold, Larger, and Centered */
.nav-links .next.page-numbers,
.nav-links .prev.page-numbers {
    display: inline-flex !important;
    align-items: center;
    text-decoration: none;
    font-size: 1.20rem; /* Slightly larger */
    font-weight: 550;    /* Bold like the screenshot */

}

/* 3. Add the "zurück" text after the left arrow */
.nav-links .prev.page-numbers::after {
    content: "zurück";
    margin-left: 10px; /* Space between icon and bold text */
}

/* 4. Add the "mehr" text before the right arrow */
.nav-links .next.page-numbers::before {
    content: "weiter";
    margin-right: 10px; /* Space between bold text and icon */
}

/* 5. Ensure the SVG icons stay centered with the bold text */
.nav-links .page-numbers svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
/* Ende Anpassung Navigation Kategorie Archive */


/* Social Media footer */
/* Container styling */
.my-social-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.social-footer-title {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

/* Flexbox row for icons */
.social-icons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Base button style */
.social-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 50px; /* Rounded look */
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Icon size inside button */
.social-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Hover effect */
.social-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    opacity: 0.9;
}

/* Individual Brand Colors */
.wa { background-color: #25D366; }
.website { background-color: #444444; }
.insta { background-color: #E1306C; }
.youtube { background-color: #FF0000; }
.spotify { background-color: #1DB954; }
.tiktok { background-color: #000000; }

/* Responsive: hide text on very small phones if needed */
@media (max-width: 480px) {
    .social-btn span { display: none; }
    .social-btn { padding: 10px; }
}

/* Centering the entire social section */
.my-social-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    clear: both;
    display: flex; /* Added for vertical layout control */
    flex-direction: column;
    align-items: center; /* Centers items horizontally */
}

.social-footer-title {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #333;
    text-align: center; /* Ensures text is centered */
}

.social-icons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center; 
}
/* Ende Social Media footer */


/* Anpassung Titel Beiträge in Kategorie Archive */
.archive .entry-title a {
    font-size: 35px;
    line-height: 1.2;
}
/* Ende Anpassung Titel Beiträge in Kategorie Archive */

/* Anpassung Aussehen Unterkategorien */
.subcat-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.subcat-pill {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #0073aa;
    border-radius: 6px;
    color: #0073aa;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

/* Hover and Active states */
.subcat-pill:hover, 
.subcat-pill.active {
    background-color: #0073aa;
    color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,115,170,0.2);
}

/* Ende Anpassung Aussehen Unterkategorien */