.card {
    display: flex;
    flex-direction: column;
}
.card.shadow {
    box-shadow: 0 0 1rem rgba(0,0,0,0.1);
}
.cards-filled .card {
    background: var(--card-background);
    border-radius: var(--border-radius);
}
.ui-v3-sidebar.cards-filled .card {
    background: var(--card-background);
}

.card {
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.1);
    /*backdrop-filter: blur( 12.0px );
    -webkit-backdrop-filter: blur( 12.0px );*/
    border: 1px solid var(--card-border-color);
}

.card > .card-title,
.card > .card-search,
.card > .card-note,
.card > .card-footer {
    background: var(--card-title-background);
}
.card > .card-title {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
.card > .card-search,
.card > .card-note {
    padding: .5rem 2rem;
}

.card + .card,
.card + .card-wrapper,
.card-wrapper + .card-wrapper,
.card-wrapper + .card {
    margin-top: var(--inner-content-padding);
}
.card > .card-title {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 4rem;
}
.card > .card-title,
.card > .card-footer {
    padding: 0 var(--inner-content-padding);
}
.card > .card-footer {
    border-top: .1rem solid var(--control-border-color);
}
.card > .card-footer:last-child {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
.card > .card-search {
    padding: 0 var(--inner-content-padding);
}
.card > .card-search .form-control {
    padding-left: 0
}
.card > .card-search .input-group-addon {
    padding-right: 0 !important;
}
.card > .card-search .nav-search-control {
    padding-bottom: .5rem;
}
.card > .card-title > .actions {
    flex-grow: 1;
    place-content: flex-end;
    display: flex;
    padding: .5rem 0;
}

.card > .card-image {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    background-size: cover;
    background-repeat: no-repeat;
}
.card > .card-title + .card-image {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card.card-framed {
    border: .1rem solid var(--background-color);
}
.card.card-framed > .card-title {
    padding-top: calc(var(--inner-content-padding) / 2.5);
    padding-bottom: calc(var(--inner-content-padding) / 2.5);
}

/* Sorgt dafür, dass die Kartentitel genauso hoch sind wie das links-Panel */
/*.card > .card-title.condensed {
    padding-top: calc(var(--inner-content-padding) / 2.5);
    padding-bottom: calc(var(--inner-content-padding) / 2.5);
    min-height: 4.2rem;
}*/
.card h4 {
    font-weight: bold;
    color: var(--title-color);
    user-select: none;
    margin: auto 0;
}
.card > .card-title > h4.toggle-button {
    cursor: pointer;
}
.card > .card-title > .note {
    flex-grow: 1;
    text-align: right;
    margin: .5rem 0;
}
.card > .card-title > .badge {
    margin: auto 0;
    margin-left: 1rem;
    align-self: flex-start;
    flex-shrink: 0;
}

.card > .card-body,
.card > .card-content {
    flex-grow: 1;
    flex-shrink: 1;
    /* overflow-y: auto; */
    padding: var(--inner-content-padding);
}

.card > .card-body:first-child {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
.card > .card-body.alternative-background {
    background: var(--card-background-alt);
}
.card.icon-card > .card-body {
    padding: .3rem !important;
}
.card.icon-card > .card-body i {
    font-size: 1.6rem;
}
.card.search-card > .card-body {
    padding: .6rem .5rem !important;
}

.card > .card-title + .card-body:not(.force-padding):not(.has-nav),
.card > .card-title + .card-content {
    padding-top: 0; /* !important; */
    border-top: .1rem solid var(--control-border-color);
}
.card-body.has-nav {
    padding: 1rem !important;
}
.card-body.has-properties {
    padding: 1rem 2rem !important;
}

.card-body.has-table {
    padding: 0 !important;
    position: relative;
}
.card-body.has-properties {
    padding: 2rem;
}
.card-body.has-table tr > th:first-child,
.card-body.has-table tr > td:first-child {
    padding-left: 2rem !important;
}
.card-body.has-table tr > th:last-child,
.card-body.has-table tr > td:last-child {
    padding-right: 2rem !important;
}

.card > .card-body + .card-body {
    border-top: .1rem solid var(--card-divider-color);
}

.card > .card-body > hr {
    margin: 1rem -1rem;
}