/* Globales Icon-System – verhindert übergroße SVG-Darstellung */

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
}

.icon svg {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.icon--sm { width: 1rem; height: 1rem; }
.icon--md { width: 1.5rem; height: 1.5rem; }
.icon--lg { width: 2rem; height: 2rem; }
.icon--xl { width: 2.75rem; height: 2.75rem; }

.trust-strip__icon,
.bento-card__icon,
.use-case-card__icon,
.hero__meta-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.trust-strip__icon { width: 40px; height: 40px; }
.bento-card__icon { width: 52px; height: 52px; }
.use-case-card__icon { width: 48px; height: 48px; }
.hero__meta-item .icon { width: 20px; height: 20px; }

.top-bar__link-item .icon,
.main-nav__contact-btn .icon,
.mobile-call-bar .icon,
.fab-menu .icon {
  width: 1.125rem;
  height: 1.125rem;
}

.feature-list .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.15rem;
  flex-shrink: 0;
}

/* Fallback: SVG ohne .icon-Wrapper begrenzen */
svg {
  flex-shrink: 0;
}