/* Zweifarbig: Akzente Nill-Blau / Nill-Pink (CI), sonst Grautöne.
   Quellen: Heroicons (MIT, tailwindlabs/heroicons), Tabler Icons (MIT),
   Simple Icons (CC0, simpleicons.org) — eingebettet als Inline-SVG. */
.svg-icon {
  display: block;
  width: 100%;
  height: 100%;
}
/* Footer: Basis .svg-icon würde sonst 100%×100% im Flex sein und riesig wirken */
.svg-icon.footer-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.svg-icon--nav {
  width: 1.05rem;
  height: 1.05rem;
}
.svg-icon--section {
  width: 2.75rem;
  height: 2.75rem;
}
.svg-icon--tile {
  width: 2.75rem;
  height: 2.75rem;
}
.svg-icon--map-inline {
  width: 1.05rem;
  height: 1.05rem;
  margin-left: 0.35rem;
  vertical-align: -0.12em;
  display: inline-block;
}
.info-block-icon .svg-icon--section,
.map-address-icon .svg-icon--section {
  width: 2.15rem;
  height: 2.15rem;
}
/* Grautöne (Icon-Kontur / Fläche) */
.svg-stroke-muted {
  fill: none;
  stroke: var(--text-tertiary);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.svg-fill-muted {
  fill: var(--text-tertiary);
}
.svg-fill-blue { fill: var(--company-nill-blue); }
.svg-fill-pink { fill: var(--company-nill-pink); }
.svg-stroke-blue {
  fill: none;
  stroke: var(--company-nill-blue);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.svg-stroke-pink {
  fill: none;
  stroke: var(--company-nill-pink);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Tabler: Original stroke 2 → an Heroicons angeglichen */
.svg-icon--tabler path {
  stroke-width: 1.5;
}

.btn-nav .svg-icon--nav {
  flex-shrink: 0;
}
.svg-stroke-on-primary {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}