/* ── 3D-ICONS ──
   Ersetzen die früheren Emoji. Ein einziges Bild-Element (.ic) wird
   je nach Umgebung unterschiedlich groß dargestellt. */

.ic {
  display: inline-block;
  height: 1.35em;
  width: auto;
  vertical-align: -0.32em;
  margin-right: .18em;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .35));
}

/* Große Kachel-Icons auf der Startseite */
.nav-card-icon .ic { height: 74px; margin: 0 0 4px; vertical-align: baseline; }

/* Icons in den Faktenzeilen beim Hauptpartner */
.ekk-fact-icon .ic { height: 42px; margin: 0; vertical-align: baseline; }

/* Icons in den Partner-Karten (früher font-size: 2.2rem) */
.karten-icon { line-height: 1; margin-bottom: 12px; }
.karten-icon .ic { height: 62px; margin: 0; vertical-align: baseline; }

/* Navigation und Fußzeile */
.nav-logo .ic    { height: 1.5em; vertical-align: -0.42em; }
.footer-logo .ic { height: 1.5em; vertical-align: -0.42em; }

/* In Buttons etwas kleiner, damit die Zeile ruhig bleibt */
.btn .ic { height: 1.25em; vertical-align: -0.28em; }

/* Abschnittslabels sind klein geschrieben – Icon entsprechend zurücknehmen */
.section-label .ic { height: 1.6em; vertical-align: -0.5em; }

/* Auf schmalen Bildschirmen die großen Kachel-Icons verkleinern */
@media (max-width: 750px) {
  .nav-card-icon .ic { height: 60px; }
  .karten-icon .ic   { height: 52px; }
}