/* ===== GShop Autovermietung Styles ===== */

/* Formular */
.gshop-new-rental-form {
    margin-bottom: 20px;
}

/* Tabelle */
.gshop-new-rental-table {
    width: 100%;
    border-collapse: collapse;
}

/* Spaltenbreite (25% pro Spalte) */
.gshop-col-25 {
    width: 25%;
}

/* Standard-Zellen */
.gshop-td {
    padding: 5px;
}

/* Zellen, die oben ausgerichtet sein sollen */
.gshop-td-top {
    padding: 5px;
    vertical-align: top;
}

/* Labels */
.gshop-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

/* Selectfelder */
.gshop-select {
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Inputfelder */
.gshop-input {
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Textarea */
.gshop-textarea {
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Datumseingabe */
.gshop-date {
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Flex-Container (z. B. für Select und Buttons nebeneinander) */
.gshop-flex {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Elemente ausblenden */
.gshop-hidden {
    display: none;
}

/* Buttons */
.gshop-button {
    padding: 8px 12px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.gshop-button:hover {
    background-color: #005177;
}

/* ===== Zusätzliche Styles für Abholung Übersicht und Aktionen ===== */

/* Vermietungsformular */
.vermietung-form {
    max-width: 800px;
    margin: 0 auto;
}

/* Formular-Gruppen */
.form-group {
    margin-bottom: 1em;
}
.form-group label {
    display: block;
    margin-bottom: 0.5em;
}
.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 40px;
}

/* Buttons und File-Buttons */
.buttons {
    margin-top: 1em;
}
.buttons button,
.file-btn {
    min-width: 120px;
    margin-right: 10px;
    padding: 10px;
    cursor: pointer;
}

/* File Input Wrapper */
.file-input-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.file-input-wrapper input[type="file"] {
    position: absolute;
    font-size: 100px;
    opacity: 0;
    left: 0;
    top: 0;
}
.file-btn {
    background-color: #0073aa;
    color: #fff;
    border: none;
    text-align: center;
    display: inline-block;
}

/* Aktion Buttons für Übersicht */
.action-button {
    background-color: #0073aa;
    color: #fff;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}
form > div {
    display: flex;
    flex-direction: column;
}

.filter-button {
    height: 100%;
    box-sizing: border-box; /* Damit Padding die Höhe nicht zusätzlich vergrößert */
}
        .filter-form {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 20px;
            align-items: flex-end;
        }
        .filter-field {
            display: flex;
            flex-direction: column;
        }
        .filter-field label {
            font-weight: bold;
            margin-bottom: 5px;
        }
        .filter-field input,
        .filter-field select {
            padding: 6px;
            border: 1px solid #ccc;
            border-radius: 4px;
            height: 40px;
            box-sizing: border-box;
        }
        .action-button {
            padding: 8px 16px;
            border: none;
            border-radius: 4px;
            background-color: #0073aa;
            color: #fff;
            text-decoration: none;
            text-align: center;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .action-button:hover {
            background-color: #005880;
        }
        .action-button.action-button-orange {
            background-color: #ff9800;
        }
        .action-button.action-button-orange:hover {
            background-color: #e68900;
        }
        .action-button.action-button-grey {
            background-color: #808080;
        }
        .action-button.action-button-grey:hover {
            background-color: #666;
        }
        .print-button {
            padding: 12px 20px;
            font-size: 18px;
            background-color: #dff0d8;
            color: #333;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin-bottom: 20px;
        }
        .print-button:hover {
            background-color: #c8e5bc;
        }
        .vermietung-form { max-width: 800px; margin: 0 auto; }
        .vermietung-form .form-group { margin-bottom: 1em; }
        .vermietung-form .form-group label { display: block; margin-bottom: 0.5em; }
        .vermietung-form .form-group input,
        .vermietung-form .form-group select,
        .vermietung-form .form-group textarea {
            width: 100%;
            box-sizing: border-box;
            min-height: 40px;
        }
        .vermietung-form .buttons { margin-top: 1em; }
        .vermietung-form .buttons button {
            min-width: 120px;
            margin-right: 10px;
            padding: 10px;
            cursor: pointer;