#id-sammelwerk { position: relative; width: 100%; color: #000; }
#id-sammelwerk > h1{ color: #2c3e50; }

/* Tabs */
.tab-buttons { display: flex; gap: 10px; margin-bottom: 16px; }
.tab-btn { padding: 8px 14px; border: none; background: #ddd; cursor: pointer; font-weight: 600; border-radius: 6px; transition: background 0.3s; }
.tab-btn.active { background: #000; color: #fff; }
.tab-btn.disabled { background: #ccc; color: #666; cursor: pointer; }

/* Tab Contents */
.tab-content { display: none; }
.tab-content.active { display: block; }

/* PDF Viewer */
/* .pdf-layout { display: grid; grid-template-columns: 200px 1fr; gap: 16px; } */
.pdf-list { list-style: none; padding: 0; margin: 0; }
.pdf-list li { margin-bottom: 12px; }
.pdf-list li a { color: #000; text-decoration: underline; cursor: pointer; }
.pdf-viewer { width: 100%; height: 1200px; border: 1px solid #ccc; border-radius: 6px; }

/* Accordion */
.accordion { background-color: #f1f1f1; cursor: pointer; padding: 8px 12px; border-radius: 6px; margin: 4px 0; }
.accordion.active, .accordion:hover { background-color: #ddd; }

/* Access Modal */
#accessModal {
    position: absolute; /* wird dynamisch gesetzt */
    width: 240px;
    background: #fff;
    color: #000;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.3);
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(-10px);
}

#accessModal.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

#accessModal .modal-content p {
    margin: 0 0 10px;
    font-size: 14px;
}

#accessModal .modal-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

#accessModal .modal-buttons button {
    padding: 6px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

#accessModal .closeModalBtn {
    background: #ccc;
}

#accessModal .sendModalBtn {
    background: #007bff;
    color: #fff;
}

#accessModal .sendModalBtn:hover {
    background: #0056b3;
}

