/* ==== Musterseite: Kopfbereich ==== */
.muster-header{max-width:1700px;margin:0 auto;padding:40px 24px 30px}
.zurueck-link{display:inline-block;font-size:13px;color:#0083B9;text-decoration:none;font-weight:600;margin-bottom:20px}
.zurueck-link:hover{ text-decoration:underline}

.muster-header h1{font-size:28px;font-weight:700;color:#12202e;margin-bottom:8px}
.muster-sub{font-size:15px;color:#5c6b7a}

/* ==== Musterseite: Grid ==== */
.muster-grid{max-width:1700px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}

.muster-tile{display:block;text-decoration:none;background:#0B1C2E;border-radius:6px;overflow:hidden;box-shadow:0 6px 18px rgba(10,30,50,0.12);transition:transform 0.2s ease, box-shadow 0.2s ease}
.muster-tile:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(10,30,50,0.2)}

.muster-bild{aspect-ratio:4/3;overflow:hidden;background:#10263D}
.muster-bild img{width:100%;height:100%;/*object-fit:cover;*/display:block}

.muster-info{padding:12px 14px 14px}
.muster-id{font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:#0083B9;font-weight:700;margin-bottom:4px}
.muster-thema{font-size:14px;color:#F5F7FA;font-weight:600}

.muster-grid .tile{height:100%;aspect-ratio:auto}

.tile-spacer{position:absolute;inset:0;width:100%;height:100%;/*object-fit:cover;*/z-index:0;opacity:0}

/* ==== Responsive: 4 / 2 / 1 ==== */
@media (max-width: 1400px){
.muster-grid{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width: 991px){
.muster-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 600px){
.muster-grid{ grid-template-columns:1fr; }
}