.mappen-section { padding: 64px 20px 24px; }
.mappen-inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 26px; }
.mappen-karte { background: var(--white); border: 1px solid var(--line-soft); display: flex; flex-direction: column; box-shadow: var(--shadow); }
.mappen-bild { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--cream-deep); }
.mappen-bild img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.mappen-karte:hover .mappen-bild img { transform: scale(1.03); }
.mappen-text { padding: 22px 24px 24px; display: flex; flex-direction: column; flex: 1; gap: 10px; }
.mappen-text h3 { font-family: var(--display); font-size: 19px; font-weight: 600; line-height: 1.3; }
.mappen-text h3 a:hover { color: var(--bronze-deep); }
.mappen-text p { font-size: 14px; line-height: 1.6; color: var(--ink-soft); }
.mappen-zahl { font-size: 12px !important; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-mute) !important; }
.mappen-fuss { margin-top: auto; padding-top: 14px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mappen-kopieren { font-family: var(--body); font-size: 12.5px; font-weight: 500; color: var(--ink-soft); background: transparent; border: 1px solid var(--line-soft); padding: 9px 14px; cursor: pointer; transition: border-color .2s, color .2s; }
.mappen-kopieren:hover { border-color: var(--bronze); color: var(--ink); }
@media (max-width: 700px) { .mappen-section { padding: 44px 14px 16px; } .mappen-inner { grid-template-columns: 1fr; gap: 20px; } }