html, body { height: 100%; margin: 0; }
    body { display: flex; flex-direction: column; }
    main#content { flex: 1; overflow-y: auto; }

    body { background:#f8f9fa; }
    header { min-height:56px }

    /* Grundlayout: geteilt (50/50) */
    #map { height: 40vh; flex: none; transition: height .2s ease; }
    #list { flex: 1; overflow-y: auto; }

    /* Vollbild-Karte */
    body.layout-map-only #map { height: calc(100vh - 56px - 42px); /* Header ~56px, Footer ~42px */ flex: none; }
    body.layout-map-only #list { display: none; }


    .responsive-image { max-height: 300px; width: auto; max-width: 100%; object-fit: contain; display: block; margin: 0 auto; }
    @media (min-width: 576px) {
      .responsive-image.landscape { width: 100%; height: auto; max-height: none; }
    }


    footer { flex: none; text-align: center; font-size: .9em; padding: 10px; color: #777; }
    .addr { font-size: .9rem; color: #6c757d; }
    .dist { font-size: .9rem; color: #0d6efd; white-space: nowrap; }
    
    .bg-customblue {
    background-color: #0d6efd; /* Bootstrap Primary Blau */
    }


    .coords-badge { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
    .small-mute { font-size:.925rem;color:#6c757d }