.layout--asset-admin {
  display: flex;
  gap: 2rem;
}

.layout--asset-admin .layout__sidebar {
  flex: 0 0 250px;
}

.layout--asset-admin .layout__sidebar .form-element {
    width: 100%;
}

.layout--asset-admin .layout__content {
  flex: 1;
}
/*
.asset-filters .form-item {
    margin-block: 0;
    margin-bottom: var(--space-l);
}
*/

/* Generischer Inline-Flex Container für Admin-Forms */
.container-inline-flex {
  display: flex;
  flex-wrap: wrap;        /* erlaubt Umbruch bei schmalen Viewports */
  align-items: center;    /* vertikal zentrieren */
  gap: 1rem;              /* gleichmäßiger Abstand zwischen Items */
}

.container-inline-flex .form-item {
  margin-top: 0;
}

.container-inline-flex .field--type-boolean {
    padding-top: 1.5rem;
}

.views-view-responsive-grid__item,
.views-view-responsive-grid__item-inner,
.asset.asset--teaser {
  height:100%;
}

.asset-teaser-card {
  display:flex;
  flex-direction: column;
  height: 100%;
  border:1px solid var(--color-gray-100);
  border-radius: var(--gin-border-l);
  overflow: hidden;
}

.asset-teaser-card > * + * {
  border-top:1px solid var(--color-gray-100);
}

.asset-teaser-card .image {
  display: block;
  aspect-ratio: 16 / 9;
  background: var(--color-gray-050);
  position: relative;
}

.asset-teaser-card .image img
{
  display: block;
  object-fit: contain;
  object-position: center;
  height: 100%;
  width: 100%;
  aspect-ratio: inherit;
}

.asset-teaser-card > *:not(.image),
.asset-teaser-card .image .badges,
.asset-thumbnail .badges {
  padding:0.25rem 0.5rem;
}

.asset-teaser-card .image .badges,
.asset-thumbnail .badges {
  position: absolute;
  bottom:0.25rem;
  left:0;
  z-index: 1;
}

.asset-teaser-card .badges,
.asset-teaser-card .tags,
.asset-thumbnail .badges {
  display: flex;
  flex-wrap: wrap;
  gap:0.25rem;
}

.asset-teaser-card .badge,
.asset-thumbnail .badge {
  display:inline-block;
  background-color: var(--bg,var(--color-gray-400));
  color:var(--color-white);
  border-radius: 0.25rem;
  padding:0.1rem 0.25rem;
  font-size: 0.75em;
}

.asset-teaser-card .title {
  font-weight: bold;
  overflow: hidden;
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1;

}

.asset-teaser-card .row {
  display: flex;
  justify-content: space-between;
  font-family: monospace;
  font-size: 0.85em;
  padding:0;
}
.asset-teaser-card .row > div {
  padding:0.25rem 0.5rem;
}

.asset-teaser-card .row > div+div {
  border-left:1px solid var(--color-gray-100);
}

.asset-teaser-card .content {
  flex:1 1 auto;
}

.asset-teaser-card .asset-actions {
  /* padding:0 !important; */
  display: flex;
  border-top-width: 0;
}

.asset-teaser-card .asset-actions > * {
  margin:0;
  flex:1 1 auto;
}

.views-field.views-field-rendered-entity img {
  max-height: 160px;
}

.view-media-assets-eb .views-field.views-field-rendered-entity {
  max-width: 180px;  

}
.view-media-assets-eb .views-exposed-form {
  flex-wrap: nowrap;
}
.view-media-assets-eb .custom-view-actions {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.asset-thumbnail {
  position: relative;
  min-height: 60px;
  background-color: '#EFEFEF';
}

@keyframes fadeInWallpaper {
  0% {
    opacity: 1;
    object-position: 0% center;
  }
  100% {
    opacity: 1;
    object-position: 100% center;
  }
}

body.gin-login .user-form-page__wallpaper img {animation-duration: 60s;}

.ief-form.ief-form-row {
  padding:0.5rem;
}

.form-item--delete-confirm {margin-bottom: 0 !important;}
.form-item--delete-confirm + .button {margin-bottom:2rem !important;}

.di-admin-table {
  font-size: 90%;
}
.di-admin-table td,
.di-admin-table th {white-space: nowrap;padding-top:0.25rem;padding-bottom:0.25rem;padding-right: 0;}
.di-admin-table td .form-actions {flex-wrap: nowrap; white-space: nowrap;margin:0;}
.di-admin-table td input,
.di-admin-table td select {
  font-size: inherit;
}

.di-admin-table + pre {
  font-size: 75%;
}

.di-admin-table td .container-inline-flex {
  flex-wrap: nowrap;
  gap:0 0.25rem;
}

.di-admin-table td .button {
  margin:0;
}