/*
.ifs-wa { display: grid; gap: 14px; }
.ifs-wa-layout-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ifs-wa-layout-list { grid-template-columns: 1fr; }

.ifs-wa-item { 
	display:flex; gap:12px; padding:12px; 
	border:1px solid rgba(0,0,0,.08); 
	border-radius:10px;
	text-decoration:none; color:inherit; 
}
.ifs-wa-logo-wrap { width:72px; flex:0 0 72px; display:flex; align-items:center; justify-content:center; }
.ifs-wa-logo { max-width:72px; height:auto; display:block; }
.ifs-wa-name { font-weight:700; line-height:1.2; }
.ifs-wa-url { font-size: 12px; opacity: .75; }
.ifs-wa-excerpt { margin-top:6px; font-size: 14px; opacity:.9; }
*/

.ifs-wa {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (min-width: 768px) {
    .ifs-wa {
        flex-direction: row;
    }
}

.ifs-wa-item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

@media (min-width: 768px) {
    .ifs-wa-item {
        width: 33.33333333%;
    }
}

.ifs-wa-item-inner
{
  width: 70%;
  max-width: 350px;   /* responsive max */
  margin: 15px auto;
  text-decoration: none;
}

/* Einheitlicher 2:1-Rahmen, unabhängig vom Seitenverhältnis der Quelldatei. */
.ifs-wa-logo-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
}

/* PNG/JPG/SVG vollständig und ohne Zuschnitt oder Verzerrung einpassen.
   Explizite Maße übersteuern auch WordPress-SVG-Attribute width="1" height="1". */
.ifs-wa .ifs-wa-logo-wrap > img.ifs-wa-logo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}


.ifs-wa-text {
  margin-top: 8px;
  text-align: center;
}

.ifs-wa-name {
  font-weight: 700;
}

.ifs-wa-url {
}

.ifs-wa-excerpt {
  margin-top: 6px;
  opacity: 0.9;
}