/* css/kalendra-routing.css */

/* Wrapper, den dein JS um die Route-Buttons baut */
.k-route-wrap{
  margin-top:22px;
  display:grid;
  gap:12px;
  justify-items:center;
}

/* Route-Button (wir nutzen deine k-btn--full Optik, aber Route-spezifisch) */
.k-route-btn{
  width:min(420px, 100%);
  max-width:420px;
}

/* Optional: zwei Buttons nebeneinander auf Desktop (falls du später wieder 2 nutzt) */
@media (min-width:860px){
  .k-route-wrap.is-two{
    grid-template-columns:1fr 1fr;
    justify-items:stretch;
  }
  .k-route-wrap.is-two .k-route-btn{
    width:100%;
    max-width:none;
  }
}

/* Kleine Feinheiten auf sehr kleinen Screens */
@media (max-width:380px){
  .k-route-btn{
    font-size:20px;
    letter-spacing:.03em;
  }
}