/* extra styles in case needed */


.section.header .logo img {
  height: 85px;         /* Logo-Größe anpassen */
  margin-right: 8px;    /* Abstand zum Titel */
  text-align: left;
  float: left;
}

.section.header .title h3 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
}

.subtitle {
  margin: 0.2rem 0 0 0; /* kleiner Abstand nur nach oben */
  font-size: 0.9rem;
  font-style: italic;
  color: #555;          /* dezentes Grau, nicht grell */
}

.subsubtitle {
  margin: 0.1rem 0 0 0; /* kleiner Abstand nur nach oben */
  font-size: 0.7rem;
  font-style: italic;
  color: #555;          /* dezentes Grau, nicht grell */
}

/* Cursor shown when setting Start/Ziel */
.leaflet-container.cursor-pick {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="36" viewBox="0 0 24 36"><path d="M12 0c-4.4 0-8 3.6-8 8 0 6 8 16 8 16s8-10 8-16c0-4.4-3.6-8-8-8z" fill="%23059" stroke="white" stroke-width="1.5"/><circle cx="12" cy="8" r="3.5" fill="white"/></svg>') 12 32, crosshair !important;
}