.page-header{
  display: none;
}

*{
  margin: 0;
  padding: 0;
}


/* =============================================================
   CKS – Full-Width-Sektionen für Joomla
   -------------------------------------------------------------
   Diese Datei MUSS als LETZTES Stylesheet geladen werden
   (nach template.css bzw. style.css). Sie lässt die
   vollflächigen Sektionen aus dem zentrierten Beitrags-
   Container ausbrechen, sodass sie randlos über die ganze
   Breite laufen.
   ============================================================= */
.hero,
.experience,
.band-247,
.cta-mountain,
.benefit-split,
.facts,
.service-areas,
.img-hero,
.karriere-band,
.benefits-dark,
.ref-showcase,
.map-embed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Kappt den 100vw-Überstand (Scrollleiste) ohne Sticky/Scroll zu stören */
html { overflow-x: clip; }

/* === Referenzen: Flip-Karten + gleiche Reihenbreite (2er-Reihe = 3er-Reihe) === */
.ref-flip .flip-card-front .icon { color: var(--color-primary); }
.ref-flip .flip-card-front h3 { color: #3f4a54; text-transform: none; font-size: 1.15rem; font-weight: 600; }
.ref-flip,
.ref-flip .flip-card-inner,
.ref-flip .flip-card-front,
.ref-flip .flip-card-back { min-height: 300px; }
.ref-flip .flip-card-back { padding: 30px 26px; }
.ref-flip .flip-card-back p { font-size: .9rem; line-height: 1.55; }
/* 6-Spalten-Raster: obere 3 Karten je span 2 (=1/3), untere 2 je span 3 (=1/2) */
.ref-grid { grid-template-columns: repeat(6, 1fr); }
.ref-grid > .flip-card { grid-column: span 2; }
.ref-grid > .flip-card:nth-child(4),
.ref-grid > .flip-card:nth-child(5) { grid-column: span 3; }
@media (max-width: 900px) {
  .ref-grid { grid-template-columns: 1fr; }
  .ref-grid > .flip-card,
  .ref-grid > .flip-card:nth-child(4),
  .ref-grid > .flip-card:nth-child(5) { grid-column: auto; }
}
/* Dezenter Rahmen + weicher Schatten wie im Referenz-Layout */
.ref-flip .flip-card-front,
.ref-flip .flip-card-back { border: 1px solid var(--color-border); box-shadow: var(--shadow-soft); }

/* =============================================================
   Scroll-Fix für Joomla (Sticky-Header + Scroll-Erkennung)
   ------------------------------------------------------------
   1) body darf KEIN eigener Scroll-Container werden. Durch
      html{overflow-x:clip} oben + body{overflow-x:hidden} aus der
      template.css wurde der body zum Scroll-Container -> window.scrollY
      blieb 0 -> Header-Schatten & "nach oben"-Button reagierten nicht.
      overflow-x: clip erzeugt KEINEN Scroll-Container.
   2) Der .site-header steckt im kurzen Joomla-Modul-Wrapper
      (.header > .mod-custom, nur ~147px hoch) – darin kann sticky
      nicht halten. Deshalb die Header-Region selbst sticky machen.
   ============================================================= */
body { overflow-x: clip; }
body > .header { position: sticky; top: 0; z-index: 1000; }