/* css/components/modals/_project.css */
/* NEU: Isoliertes Stylesheet nur für das "Projekt bearbeiten"-Modal */

/* --- Tab-Navigation für das Projekt-Modal --- */
#projectModalBackdrop .modal-tabs { 
    display: flex; 
    border-bottom: 2px solid var(--border-color-medium); 
    margin-bottom: 1.5rem; 
}
#projectModalBackdrop .modal-tabs .tab-btn { 
    padding: 0.75rem 1rem; 
    cursor: pointer; 
    background: none; 
    border: none; 
    font-size: 1rem; 
    color: var(--text-secondary); 
    border-bottom: 3px solid transparent; 
    margin-bottom: -2px; 
}
#projectModalBackdrop .modal-tabs .tab-btn.active { 
    color: var(--text-primary); 
    font-weight: bold; 
    border-bottom-color: var(--bg-today-button); 
}
#projectModalBackdrop .tab-content { 
    display: none; 
}
#projectModalBackdrop .tab-content.active { 
    display: block; 
}

/* --- Spezifische Stile für den Titelbild-Tab --- */
.project-image-container {
    margin-bottom: 1.25rem;
}
.project-image-preview-wrapper {
    width: 100%;
    /* GELÖSCHT: height: 200px; */
    background-color: var(--bg-body);
    border-radius: 4px;
    margin-top: 0.25rem;
    display: flex;
    justify-content: center;
    /* GELÖSCHT: align-items: center; */
    overflow: hidden;
}
#projectImagePreview {
    width: 100%;
    height: auto; /* GEÄNDERT */
    display: block; /* Stellt korrektes Rendering sicher */
    /* GELÖSCHT: object-fit Eigenschaft */
}