/* ===== OPEN EAR BREADCRUMBS - IN template.css ===== */

#breadcrumbs {
    display: block !important;
    padding: 15px 0 18px 0 !important;
    margin: 0 0 30px 0 !important;
    font-family: 'Helvetica', 'Arial', sans-serif !important;
    font-size: 16px !important;
    border-bottom: 1px solid #e5e7eb !important;
    clear: both !important;
}

#breadcrumbs a {
    color: #10b981 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    background: rgba(16, 185, 129, 0.05) !important;
    margin: 0 2px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

#breadcrumbs a:hover {
    color: #059669 !important;
    background: rgba(16, 185, 129, 0.1) !important;
    text-decoration: none !important;
}

/* Verstecke unerwünschte Elemente */
#breadcrumbs br,
#breadcrumbs .current {
    display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
    #breadcrumbs {
        padding: 12px 0 !important;
        font-size: 15px !important;
    }
    
    #breadcrumbs a {
        font-size: 15px !important;
        padding: 3px 6px !important;
    }
}