# Blog CSS Unused Classes Report

**Generated:** 1768734007.2952442

## Summary

- **Total classes defined:** 192
- **Total classes used:** 400
- **Unused classes:** 43
- **Usage rate:** 208.3%

### By Category

- **Blog classes (blog-*):**
  - Defined: 31
  - Used: 58
  - Unused: 3

- **Post classes (post-*):**
  - Defined: 36
  - Used: 0
  - Unused: 36

## Unused Classes by Component

### Other (31 unused)

- `btn-ordio`
- `category-card-count`
- `category-nav--links`
- `category-nav-link`
- `embed-breakout-wrapper`
- `excel-visual-mini-container`
- `featured-post-card`
- `featured-post-category`
- `featured-post-content`
- `featured-post-cta`
- `featured-post-excerpt`
- `featured-post-image`
- `featured-post-image-wrapper`
- `featured-post-meta`
- `featured-post-title`
- `featured-posts-grid`
- `featured-posts-hero`
- `pillar-card-carousel-category`
- `pillar-hero-grid`
- `pillar-hero-section`
- `pillar-hero-sidebyside`
- `pillar-hero-sidebyside--left`
- `pillar-hero-sidebyside--right`
- `pillar-hero-sidebyside-category`
- `pillar-hero-sidebyside-text`
- `pillar-hero-sidebyside-visual`
- `table-breakout-wrapper`
- `topic-hub-hero-description`
- `topic-hub-hero-stat`
- `topic-hub-hero-stats`
- `topic-hub-hero-title`

### Post Card (8 unused)

- `post-card`
- `post-card--compact`
- `post-card-category`
- `post-card-category--dienstplan`
- `post-card-category--inside-ordio`
- `post-card-category--lexikon`
- `post-card-category--ratgeber`
- `post-card-category--zeiterfassung`

### Blog TOC (2 unused)

- `blog-toc-item--active`
- `blog-toc-item--h4`

### Image Lightbox (1 unused)

- `blog-image-lightbox-trigger`

### Post Header (1 unused)

- `post-header-category-link`

## Detailed Analysis

### Unused Blog Classes

- `blog-image-lightbox-trigger`
- `blog-toc-item--active`
- `blog-toc-item--h4`

### Unused Post Classes

- `post-card`
- `post-card--compact`
- `post-card-category`
- `post-card-category--dienstplan`
- `post-card-category--inside-ordio`
- `post-card-category--lexikon`
- `post-card-category--ratgeber`
- `post-card-category--zeiterfassung`
- `post-card-content`
- `post-card-date`
- `post-card-date-icon`
- `post-card-date-text`
- `post-card-dates`
- `post-card-excerpt`
- `post-card-image`
- `post-card-image-wrapper`
- `post-card-link`
- `post-card-title`
- `post-card-updated-date`
- `post-card-updated-icon`
- `post-card-updated-text`
- `post-content`
- `post-content-inner`
- `post-count`
- `post-header`
- `post-header-author`
- `post-header-category`
- `post-header-category-link`
- `post-header-content`
- `post-header-date`
- `post-header-image`
- `post-header-image-wrapper`
- `post-header-meta`
- `post-header-reading-time`
- `post-header-title`
- `post-header-updated-date`

## Recommendations

### Safe to Remove

Classes that are clearly unused and can be safely removed:

**43 classes identified for removal:**

- `blog-image-lightbox-trigger`
- `blog-toc-item--active`
- `blog-toc-item--h4`
- `btn-ordio`
- `category-card-count`
- `category-nav--links`
- `category-nav-link`
- `embed-breakout-wrapper`
- `excel-visual-mini-container`
- `featured-post-card`
- `featured-post-category`
- `featured-post-content`
- `featured-post-cta`
- `featured-post-excerpt`
- `featured-post-image`
- `featured-post-image-wrapper`
- `featured-post-meta`
- `featured-post-title`
- `featured-posts-grid`
- `featured-posts-hero`
- `pillar-card-carousel-category`
- `pillar-hero-grid`
- `pillar-hero-section`
- `pillar-hero-sidebyside`
- `pillar-hero-sidebyside--left`
- `pillar-hero-sidebyside--right`
- `pillar-hero-sidebyside-category`
- `pillar-hero-sidebyside-text`
- `pillar-hero-sidebyside-visual`
- `post-card`
- `post-card--compact`
- `post-card-category`
- `post-card-category--dienstplan`
- `post-card-category--inside-ordio`
- `post-card-category--lexikon`
- `post-card-category--ratgeber`
- `post-card-category--zeiterfassung`
- `post-header-category-link`
- `table-breakout-wrapper`
- `topic-hub-hero-description`
- `topic-hub-hero-stat`
- `topic-hub-hero-stats`
- `topic-hub-hero-title`

### Manual Review Required

Classes that might be used dynamically (Alpine.js, JavaScript):

- Review JavaScript files for dynamic class usage
- Check Alpine.js `x-bind:class` directives
- Verify no inline styles or JavaScript add these classes

## Notes

- This analysis compares static PHP templates only
- Dynamic class usage (JavaScript, Alpine.js) may not be detected
- Always test visually before removing CSS classes
- Some classes may be used in blog post HTML content (not templates)