/* ALANYA24 | EINHEITLICHES INHALTSRASTER – 02.11.2026
 * Breiten aus assets/alanya24-header-container-align-v1.css. Ausschliesslich innerhalb von <main>.
 * Header, Footer, Hero-Textbreiten, Impressum- und Datenschutztexte bleiben unberuehrt.
 * Ziel: Aussenkanten wie Logo und Footer; Karten grosszuegiger;
 * Artikelspalten und Seitenleisten in identischer Rasterlogik.
 */

/* Gemeinsame Aussenkanten. Bestehende CSS-Werte werden nicht ueberschrieben,
   soweit die darunter genannten expliziten Layoutcontainer nicht betroffen sind. */
main#main-content .a24-steps2 .a24-steps2-wrap,
main#main-content .article-grid.guide-grid,
main#main-content .prose-layout.wrap,
main#main-content .faq-page-layout.wrap,
main#main-content .bt-page > .bt-layout.bt-wrap {
  box-sizing: border-box !important;
  width: min(1420px, calc(100% - var(--a24-home-side, clamp(18px, 6vw, 120px)) - var(--a24-home-side, clamp(18px, 6vw, 120px)))) !important;
  max-width: 1420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Vier Schritte auf der Startseite: vorher maximal 1280px, jetzt selbe
   Aussenkanten wie die anderen grossen Abschnitte. Karten bleiben responsiv. */
main#main-content .a24-steps2 .a24-steps2-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Artikelseiten: gleiche Aussenkanten und rechte Sidebar-Position.
   Keine Eingriffe in Ueberschriften, Textbreiten oder Artikelbilder. */
@media (min-width: 1021px) {
  main#main-content .prose-layout.wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: clamp(32px, 3.4vw, 52px);
    align-items: start;
  }
  main#main-content .bt-page > .bt-layout.bt-wrap {
    grid-template-columns: minmax(0, 1fr) 320px !important;
    column-gap: clamp(32px, 3.4vw, 52px) !important;
  }
}

/* Ratgeberkarten: den horizontalen Raum wirklich ausnutzen. */
main#main-content .article-grid.guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.2vw, 30px);
  align-items: stretch;
}
main#main-content .article-grid.guide-grid > * {
  min-width: 0;
}

/* FAQ: nur aeusserer Rahmen, Frage-/Lesespalte bleibt wie bisher. */
main#main-content .faq-page-layout.wrap > * {
  min-width: 0;
}

/* Uebergang zu Tablet: Sidebar unter dem Hauptinhalt, ohne horizontales Scrollen. */
@media (min-width: 761px) and (max-width: 1020px) {
  main#main-content .prose-layout.wrap,
  main#main-content .bt-page > .bt-layout.bt-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 28px;
  }
  main#main-content .bt-page .bt-sidebar { position: static; }
  main#main-content .article-grid.guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Auf Mobilgeraeten die bereits eingefuehrten 16px Seitenränder beibehalten. */
@media (max-width: 760px) {
  main#main-content .a24-steps2 .a24-steps2-wrap,
  main#main-content .article-grid.guide-grid,
  main#main-content .prose-layout.wrap,
  main#main-content .faq-page-layout.wrap,
  main#main-content .bt-page > .bt-layout.bt-wrap {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }
  main#main-content .prose-layout.wrap,
  main#main-content .bt-page > .bt-layout.bt-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  main#main-content .article-grid.guide-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}