/* Standardfarbe der Markierungen */
#svg-map-container path {
    fill: #000; /* Standardfarbe (Schwarz) */
    cursor: pointer; /* Zeigt an, dass die Markierungen anklickbar sind */
    pointer-events: auto; /* Sicherstellen, dass die Markierungen anklickbar sind */
}

/* Farbe der aktiven Markierung (Rot) */
#svg-map-container path.active {
    fill: #cb3c30 !important; /* Markierung wird Rot */
    stroke: #cb3c30 !important; /* Optional: Rahmenfarbe ebenfalls in Rot ändern */
    stroke-width: 2px !important; /* Optional: Macht den Rahmen sichtbar */
    pointer-events: auto !important; /* Sicherstellen, dass Markierungen anklickbar bleiben */
    z-index: 9999; /* Bringt die aktiven Markierungen nach vorne */
}

/* Sanfter Übergang der Farbänderung */
#svg-map-container path {
    transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out; /* Optional: Weiche Farbänderung */
}

/* Links unter der Karte mit Zeilenumbruch und Trennzeichen */
#location-links {
    display: block; /* Block-Layout, damit jeder Link in einer neuen Zeile angezeigt wird */
    text-align: left; /* Links werden linksbündig ausgerichtet */
    margin-top: 20px;
}

#location-links a {
    text-decoration: none !important; /* Keine Unterstreichung für alle Links */
    color: #444; /* Standardfarbe für Links */
    font-family: 'zen-kaku-gothic-new', Helvetica, Arial, sans-serif; /* Schriftart */
    font-size: 24px; /* Schriftgröße */
    line-height: 1.5em; /* Zeilenhöhe */
}

/* Trennzeichen zwischen den Links */
#location-links a::after {
    content: " / "; /* Trennzeichen "/" wird nach jedem Link hinzugefügt */
}

#location-links a:last-child::after {
    content: ""; /* Entfernt das Trennzeichen beim letzten Link */
}

/* Hover-Effekt für Links (ohne Unterstreichen) */
#location-links a:hover {
    text-decoration: none !important; /* Keine Unterstreichung beim Hover */
}

/* Farbe und Styling für den aktiven Link (Rot, ohne Unterstreichen) */
#location-links a.active {
    color: #cb3c30 !important; /* Aktiver Link wird Rot */
    text-decoration: none !important; /* Kein Unterstreichen für den aktiven Link */
}
/* Entferne Abstände und Padding beim Container der SVG */
#svg-map-container {
    border-top: 1px solid #000; /* Schwarze Border-Top (1px) */
    margin-top: 0 !important; /* Entfernt jeglichen Abstand über der Karte */
    padding-top: 0 !important; /* Entfernt internes Padding */
    border-collapse: collapse; /* Verhindert Abstände durch das Layout */
    box-sizing: border-box; /* Inklusive Border in die Box-Berechnung */
}

/* Border-Top direkt auf der Karte ohne Abstand */
#svg-map-container {
    border-top: 1px solid #444; /* Schwarze Border-Top (1px) */
    margin-top: 0 !important; /* Entfernt den Abstand über der Karte */
    padding-top: 0 !important; /* Sicherstellen, dass es kein Padding gibt */
}

/* Spezifische Anpassungen für das <object>-Tag, das die SVG lädt */
#svg-map-container object {
    display: block; /* Verhindert Inline-Abstand beim <object>-Tag */
    margin: 0 !important; /* Entfernt jeglichen Abstand */
    padding: 0 !important; /* Entfernt jegliches Padding */
    border: none; /* Keine zusätzliche Border für das <object> */
    height: auto; /* Anpassung der Höhe, um sicherzustellen, dass kein Abstand entsteht */
}