:root{ --content-max:1560px; --content-pad:10px; --phantom-red:#ff3b3f; }
    .main-inner{ max-width:var(--content-max)!important; padding-left:var(--content-pad)!important; padding-right:var(--content-pad)!important; }

	/* Abschnittstitel */
	.sub-section-title{
	  margin: 32px 0 8px;                 /* vorher 18px 0 8px */
	  padding-top: 12px;                  /* Platz unterhalb der Linie */
	  font-size: 32px;
	  text-transform: uppercase;
	  letter-spacing: .08em;
	  color: #a7863f;                     /* Gold */
	  position: relative;
	}

    /* Raster: jetzt 2 Spalten (mobil 1) */
    .maps-grid{
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap:12px;
      width:100%;
    }

    /* Card Styles wie gehabt */
    .map-card{ background:#0f1317; border:1px solid var(--line); }
    .map-link{ display:block; color:inherit; text-decoration:none; }
    .with-frame{ border:1px solid var(--line); background:#0b0f13; }
    .card-img-wrap{ aspect-ratio:16/3; overflow:hidden; }
    .card-img{ width:100%; height:100%; object-fit:cover; display:block; }
    .card-img--ph{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:12px; opacity:.7; }
    .card-content{ padding:10px 12px; }
    .card-title{ font-size:19px; margin:0 0 6px; }
    .card-summary{ font-size:15px; color:#c9d0d6; margin:0 0 8px; }
    .badges{ display:flex; gap:6px; flex-wrap:wrap; }
    .badge{ display:inline-flex; align-items:center; height:20px; padding:0 8px; font-size:13px; border:1px solid var(--line); background:#0e1317; }
    .badge--gold{ border-color:#a58a2a; color:#e9d47a; background:rgba(169,133,0,.1); }

    /* Responsive: unter 900px auf 1 Spalte */
    @media (max-width: 900px){
      .maps-grid{ grid-template-columns: 1fr; }
    }

	/* Cards im Raster: alle gleich hoch strecken */
	.maps-grid{
	  display:grid;
	  grid-template-columns: repeat(2, minmax(0, 1fr)); /* deine 2 Spalten */
	  gap:32px;
	  align-items: stretch; /* <— wichtig für gleiche Höhe */
	}

	/* Link um die ganze Karte: flex column */
	.map-card{ background:#0f1317; border:1px solid var(--line); }
	.map-link{
	  display:flex;
	  flex-direction:column;
	  height:100%;
	  color:inherit;
	  text-decoration:none;     /* kein Unterstreichen */
	}
	.map-link:hover{ text-decoration:none; } /* sicherheitshalber */

	/* Content als Column: Text oben, Badges unten */
	.card-content{
	  display:flex;
	  flex-direction:column;
	  gap:8px;
	  padding:10px 12px;
	  flex:1 1 auto;            /* füllt Resthöhe */
	}

	.card-title{ font-size:19px; margin:0; }
	.card-summary{ font-size:15px; color:#c9d0d6; margin:0; }

	/* Badges fix an den unteren Rand "kleben" lassen */
	.badges{
	  margin-top:auto;          /* <— schiebt Badges nach unten */
	  display:flex;
	  gap:6px;
	  flex-wrap:wrap;
	  align-items:flex-end;
	}
	.badge{
	  display:inline-flex;
	  align-items:center;
	  height:25px;
	  padding:2px 12px;
	  font-size:15px;
	  border:1px solid var(--gold);
	  background: var(--gold-hover);
	}
	.badge--gold{ border-color:#a58a2a; color:#e9d47a; background:rgba(169,133,0,.1); }

	/* Links in der Maps-Ansicht generell ohne Unterstreichen */
	.maps-view a, .maps-view a:hover, .maps-view a:focus{
	  text-decoration:none;
	}

	/* --- Übersicht: Bild-Cropping erzwingen (alle Bereiche: Vehicles/Classes/Challenges) --- */
	.maps-view .map-card .card-img-wrap {
	  position: relative;
	  display: block;
	  overflow: hidden;
	  line-height: 0; /* verhindert weiße Zwischenräume */
	}

	/* gewünschtes Seitenverhältnis für die Übersicht (Headerbilder) */
	.maps-view .map-card .card-img-wrap--16x3 {
	  aspect-ratio: 16 / 3;
	}

	/* IMG & Platzhalter müssen die Fläche vollständig füllen */
	.maps-view .map-card .card-img-wrap--16x3 > img,
	.maps-view .map-card .card-img-wrap--16x3 > .card-img--ph {
	  width: 100% !important;
	  height: 100% !important;
	  object-fit: cover !important;     /* echtes Cropping */
	  display: block !important;
	}

	/* Sicherheitsnetz gegen generische globale IMG-Regeln */
	.maps-view .map-card .card-img-wrap img {
	  max-width: none !important;
	}