/* Standort-Karten Ausgabe */
.mnmt-locations{
  --mnmt-card-btn-bg: #7a1f2b;
  --mnmt-card-btn-fg: #ffffff;
}

.mnmt-location-card{
  margin: 2.2em 0;
}

/* NEU: Header (Bild + Titel mittig zum Bild) */
.mnmt-location-header{
  display:flex;
  gap: 24px;
  align-items:center;
}

.mnmt-location-headtext{ flex: 1 1 auto; }
.mnmt-location-body{ margin-top: 12px; }

/* (Legacy) */
.mnmt-location-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items:start;
}

.mnmt-location-title{
  margin: 0 0 .4em 0;
}

.mnmt-location-address{
  margin: 0 0 .9em 0;
  font-weight: 600;
  opacity: .9;
}

.mnmt-location-desc{
  margin: 0 0 1.0em 0;
}

.mnmt-location-image img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 12px;
}

/* Desktop Layout: Bild links / Text rechts */
.mnmt-location-card--image-left .mnmt-location-text{ order: 2; }
.mnmt-location-card--image-left .mnmt-location-image{ flex: 0 0 auto; order: 0; }

/* Toggle / Button */
.mnmt-location-toggle{ margin-top: 16px; }

.mnmt-location-summary{
  list-style:none;
  cursor:pointer;
  display:block;
  width:100%;
  text-align:center;

  padding: 14px 16px;
  border-radius: 10px;
  background: var(--mnmt-card-btn-bg);
  color: var(--mnmt-card-btn-fg);
  border: 1px solid var(--mnmt-card-btn-bg);
  font-weight: 700;
  user-select:none;
}

.mnmt-location-summary::-webkit-details-marker{ display:none; }

.mnmt-location-panel{
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 10px;
}

/* Mobile: IMMER Text + Button zuerst, Bild darunter */
@media (max-width: 900px){
  /* Mobile: immer Bild über Titel/Text, unabhängig vom gewählten Desktop-Layout */
  .mnmt-location-header{
    flex-direction: column !important;
    align-items: flex-start;
  }
  .mnmt-location-image{
    width: 100% !important;
    order: 0 !important;
  }
  .mnmt-location-headtext{
    order: 1 !important;
    width: 100%;
  }
}

@media (min-width: 901px){
  /* Desktop: Layout entsprechend der Auswahl */
  .mnmt-location-card--text-left .mnmt-location-header{ flex-direction: row; }
  .mnmt-location-card--image-left .mnmt-location-header{ flex-direction: row; }

  /* Layout: Text links / Bild rechts */
  .mnmt-location-card--text-left .mnmt-location-headtext{ order: 0; }
  .mnmt-location-card--text-left .mnmt-location-image{ order: 1; }

  /* Layout: Bild links / Text rechts */
  .mnmt-location-card--image-left .mnmt-location-image{ order: 0; }
  .mnmt-location-card--image-left .mnmt-location-headtext{ order: 1; }
}