.btn {
    padding: 6px 12px;
    gap: 8px;
}
.btn *::first-letter, .btn::first-letter, .btn span::first-letter, button .btn::first-letter, a .btn::first-letter {
    text-transform: uppercase!important;
}
.btn span {
    font-size: 16px;
    width: fit-content;
}
.btn i {
    font-size: 14px;
    line-height: 1;
}
/*.btn p {
    font-size: 16px;
}*/

.db-formbutton {
    margin-top: 30px;
}
.db-formbutton {
    margin-bottom: 20px;
    /*height: 100%;*/
    /*max-height: 38px;*/
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
}

#dbikarte .db-formbutton {
    margin-bottom: 10px;
}

.db-crud-head .btn {
    height: 100%;
    max-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.db-crud-button {
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
}

a.db-crud-button:hover {
    text-decoration: none;
}

a.db-crud-button, span.db-crud-button, .db-nodecoration {
    text-decoration: none;
}
/*
.db-crud-button-text {
    display: inline-block;
}*/
.db-crudcolumns-all {
    text-decoration:none;
    color: var(--light);
    background-color: var(--btn-info);
    border-radius: 4px;
    margin-right: 8px;
}
.db-crudcolumns-all:hover {
    background-color: var(--btn-info-hover);
    color: var(--light);
}

.darkmode .db-crud-button-red,
.darkmode .btn.btn-danger,
.darkmode .db-crud-button-green,
.darkmode a.db-crud-button-green,
.darkmode .db-crud-button-blue,
.darkmode .btn.btn-primary,
.darkmode .db-crud-button-red:hover,
.darkmode .btn.btn-danger:hover,
.darkmode .db-crud-button-green:hover,
.darkmode a.db-crud-button-green:hover,
.darkmode .btn.btn-primary:hover,
.darkmode .db-crud-button-blue:hover {
    color: var(--header-textcolor);
    border: 1px solid var(--grey-5);
}
.db-crud-button-red, .btn.btn-danger {
    color: white;
    background-color: var(--btn-danger);
    border: 1px solid var(--btn-danger);
}
.db-crud-button-red:hover, .btn.btn-danger:hover {
    color: white;
    background-color: var(--btn-danger-hover);
    border: 1px solid var(--btn-danger-border);
}


.db-crud-button-orange {
    color: white;
    background-color: var(--btn-warning);
    border: 1px solid var(--btn-warning);
}
.db-crud-button-orange:hover {
    color: white;
    background-color: var(--btn-warning-hover);
    border: 1px solid var(--btn-warning-border);
}



.btn:focus {
    box-shadow: none;
}
.darkmode .db-td-aktionen .db-crud-button,.darkmode .db-td-aktionen .db-crud-button:hover {
    border: 1px solid var(--light);
}
.db-crud-button-grey, a.db-crud-button-grey {
    color: white;
    background-color: var(---btn-secondary);
    border: 1px solid var(---btn-secondary);
}
.db-crud-button-grey:hover,a.db-crud-button-grey:hover {
    color: white;
    background-color: var(---btn-secondary-hover);
    border: 1px solid var(---btn-secondary-border);
}
.darkmode .db-crud-button-grey, .darkmode a.db-crud-button-grey {
    border: 1px solid var(--grey-5);
}
.fas.fa-edit.db-crud-button.db-crud-button-grey {
    font-size: 18px;
    line-height: 28px;
}
.db-crud-button-danger {
    color: white;
    background-color: var(--orange);
}

.db-crud-button-blue, .btn.btn-primary {
    color: white;
    background-color: var(---btn-primary);
    border: 1px solid var(---btn-primary);
}

.db-crud-button-blue:hover,.btn.btn-primary:hover {
    color: white;
    background-color: var(---btn-primary-hover);
    border: 1px solid var(---btn-primary-border);
}

.db-crud-button-green, a.db-crud-button-green {
    color: white;
    background-color: var(--btn-success);
    border: 1px solid var(--btn-success);
}

.db-crud-button-green:hover {
    color: white!important;
    background-color: var(--btn-success-hover);
    border: 1px solid var(--btn-success-border);
}
body.darkmode .db-crud-button.db-crud-button-green {
    color: var(--light);
}
body.darkmode .db-crud-button-green:hover {
    background-color: var(---success-hover-dark);
}
.db-auftragssammler-form .db-last-value {
    text-decoration: none;
    color: var(--text);
    background-color: var(--btn-warning);
    border-radius: 7px;
    border: none;
    display: none;
    padding: 6px 10px;
    border: 1px solid var(--btn-warning);
}

.db-auftragssammler-form .db-last-value:hover {
    background-color: var(--btn-warning-hover);
    color: var(--text);
}

.delete-filter-btn {
    display: flex;
    align-items: center;
}

.delete-filter-btn p {
    margin: 0;
}

.db-crudcolumns-preset,  .delete-filter-btn, body.darkmode .db-crudcolumns-preset, body.darkmode .delete-filter-btn {
    text-decoration:none;
    color: var(--text);
    background-color: var(--btn-warning);
    border-radius: 4px;
}

.db-crudcolumns-preset:hover, .delete-filter-btn:hover, .darkmode .db-crudcolumns-preset:hover, .darkmode .delete-filter-btn:hover {
    background-color: var(--btn-warning-hover);
    color: var(--text);
}

.db-crud-button-mit-as .fa-trash-alt.db-crud-button-red,.db-crud-button-mit-as .fa-trash-restore-alt.db-crud-button-red  {
    background-color: transparent;
    border-color: var(--btn-danger);
    color: var(--btn-danger);
    border-style: dashed;
}
.db-crud-button-mit-as .fa-trash-alt.db-crud-button-red:hover,.db-crud-button-mit-as .fa-trash-restore-alt.db-crud-button-red:hover {
    background-color: var(--alert-red-light-1);
}

.darkmode .db-crud-button-mit-as .fa-trash-alt.db-crud-button-red, .darkmode .db-crud-button-mit-as .fa-trash-alt.db-crud-button-red:hover, .darkmode .db-crud-button-mit-as .fa-trash-restore-alt.db-crud-button-red , .darkmode .db-crud-button-mit-as .fa-trash-restore-alt.db-crud-button-red:hover  {
    border-color: var(--light);
    color: var(--light);
}
.darkmode .db-crud-button-mit-as .fa-trash-alt.db-crud-button-red:hover, .darkmode .db-crud-button-mit-as .fa-trash-restore-alt.db-crud-button-red:hover {
    background-color: var(--btn-danger);
    border-style: dashed;
}
.btn-info {
    color: var(--light)!important;
}
.btn-info.fbm-btn-info {
    background-color: var(--btn-info);
    border: 1px solid var(--btn-info-border);
    color: var(--light);
}
.btn-info.fbm-btn-info:hover {
    background-color: var(--btn-info-hover);
}

.db-buttonrow-container {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    align-items: center;
}

.db-button-row-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    column-gap: 20px;
}

.db-button-row-left-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
    align-items: center;
}

.db-button-row-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    column-gap: 20px;

}

.db-button-row-right > button:last-child {
    margin-right: 10px;
}

.db-button-row-right ~ .accordion {
    margin-top: 20px;
}
.filepreview.db-crud-button.dlrg-efgk-file-preview {
    font-family: 'dlrg';
}
.db-crud-button.dlrg-efgk-waiver-frequency {

}
.db-auflagenitem-expand.dbi-auflagenitem-expand.dlrg-efgk-chevron-down {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pdfpreview {
    display: block;
}

/* Richtet die Button in der ersten Spalte der Tabelle aus */
table .crudDataColumn[data-title="Besonderheiten"] div[data-col="symbol"] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}