/* ============================================================
   LANDING — what the landing pages under /leistungen/ need on top of
   the start page building blocks in home-sections.css.
   Values come from werkstatt-tokens.css. Loaded after werkstatt.css.
   ============================================================ */

body.menu-open{overflow:hidden}

/* Space between a section's main block and a block below it (start page uses 60px inline) */
.lp-block{margin-top:var(--space-3xl)}

/* Four reasons read better as two by two than as three plus one */
.reasons-2{grid-template-columns:repeat(2,1fr)}

/* Three price cards instead of the start page's four */
.pricing-3{grid-template-columns:repeat(3,1fr)}

/* Guarantee call to action row, centred like the start page */
.guarantee-ctas{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}

@media (max-width:1100px){
  .pricing-3{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .reasons-2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pricing-3{grid-template-columns:1fr}
}