/* Karte */
#map {
  height: 600px;
  width: 100%;
}

/* Optional: Tabelle scrollbar */
.table-responsive {
  max-height: 300px;
}

/* Fähnchen-Icon */
.flag-icon {
  position: relative;
  width: 0;
  height: 0;
}
/* Dreieck (die eigentliche Fahne) */
.flag-icon .triangle {
  position: absolute;
  left: -7px;           /* horizontale Verschiebung, Spitze zentriert */
  top: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid red; /* Farbe wird per JS überschrieben */
}
/* Mast */
.flag-icon .pole {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 12px;
  background: #333;
}