/* Grid layout */
.aif-firmen-wrapper{ margin: 1rem 0; }
.aif-firmen-filter{ margin-bottom: 1rem; }
.aif-firmen-filter select{ padding: .5rem; }

.aif-grid{
  display:grid;
  grid-gap:1rem;
}

.aif-card{
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}

.aif-thumb img{ width:100%; display:block; height:auto; }

.aif-card-body{ padding:1rem; }
.aif-title{ margin:.25rem 0 .5rem; font-size:1.125rem; }
.aif-title a{ text-decoration:none; }
.aif-terms{ font-size:.875rem; color:#6b7280; margin-bottom:.5rem; }
.aif-visit{ text-decoration:underline; }
@media (min-width:640px){
  .aif-grid{ grid-template-columns: repeat( var(--aif-cols, 3), minmax(0,1fr) ); }
}
/* Respect columns attribute via data-attr */
.aif-firmen-wrapper[data-columns="1"] .aif-grid{ --aif-cols: 1; }
.aif-firmen-wrapper[data-columns="2"] .aif-grid{ --aif-cols: 2; }
.aif-firmen-wrapper[data-columns="3"] .aif-grid{ --aif-cols: 3; }
.aif-firmen-wrapper[data-columns="4"] .aif-grid{ --aif-cols: 4; }
.aif-firmen-wrapper[data-columns="5"] .aif-grid{ --aif-cols: 5; }
.aif-firmen-wrapper[data-columns="6"] .aif-grid{ --aif-cols: 6; }

/* Rotator */
.aif-rotator{
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
}
.aif-rotator-link, .aif-rotator-img{
  display:block;
  width:100%;
  height:100%;
}
.aif-rotator-img{
  object-fit: cover;
}


/* Smooth appearance for rotator images */
.aif-rotator-img{ transition: opacity .25s ease-in-out; opacity: 0; }