/* Grundlegendes Styling */
body {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #f5f5f5;
}

h1 {
    text-align: center;
}

/* Formular */
.form input,
.form textarea,
.form button {
    margin: 5px;
    padding: 6px;
    font-size: 14px;
}

textarea {
    width: 300px;
    height: 80px;
    resize: none; /* kein manuelles Vergrößern */
}

/* Tabelle */
#tableContainer {
    width: 100%;
    overflow-x: auto; /* Scrollbar, falls Tabelle zu breit */
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    page-break-inside: auto; /* wichtig für PDF */
}

thead {
    display: table-header-group; /* Kopfzeile auf jeder PDF-Seite wiederholen */
}

tbody {
    display: table-row-group;
}

tr {
    page-break-inside: avoid; /* Zeilen nicht trennen */
    page-break-after: auto;
}

th, td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}

/* Bilder in Tabelle */
img {
    max-width: 150px;
    max-height: 150px;
    margin: 2px;
}

/* Buttons */
button {
    margin: 2px;
    padding: 4px 8px;
    cursor: pointer;
    border: none;
    background-color: #2980b9;
    color: white;
    border-radius: 4px;
}

button:hover {
    background-color: #1c5980;
}

/* Bilder-Container (für X-Button zum Löschen) */
td div {
    position: relative;
    display: inline-block;
}

td div button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    font-weight: bold;
    width: 18px;
    height: 18px;
    padding: 0;
    line-height: 18px;
    border-radius: 50%;
}

/* Action Buttons */
.actions {
    margin-top: 20px;
    text-align: center;
}
.no-pdf {
    display: table-cell; /* Standardanzeige in Web */
}
/* Für PDF export ausblenden */
.hide-pdf {
    display: none !important;
}
/* Für PDF export ausblenden */
@media print {
    .no-pdf {
        display: none !important;
    }
}
#headerDisplay p {
    margin: 3px 0;
}
#headerForm input, #headerForm textarea {
    margin: 5px;
    padding: 4px;
    width: 250px;
}