/* ============================================================
   TALDIS LAYOUT — Grid & Container
   Gemeinsame Quelle für Website (Astro) UND CMS-Vorschau
   ============================================================ */

.container { max-width: 1920px; margin: 0 auto; padding: 0 80px; }

.grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 40px; }

.col-4  { grid-column: span 4; }
.col-6  { grid-column: span 6; }
.col-12 { grid-column: span 12; }
.col-center-8 { grid-column: 3 / span 8; }

@media (max-width: 1023px) {
  .container { padding: 0 40px; }
  .col-4 { grid-column: span 12; }
  .col-6 { grid-column: span 12; }
  .col-center-8 { grid-column: span 12; }
}

@media (max-width: 767px) {
  .container { padding: 0 24px; }
  .grid { gap: 24px; }
}