/* ==== Mobile-Anpassungen (Nachbau hannes-lange.de) ==== */
@media (max-width: 760px){
  /* 1) CTA-Button in der oberen Kopfleiste ausblenden */
  .con-kit-section.layout .con-kit-link-button,
  .con-kit-section.layout .con-kit-component-button,
  .con-kit-section.layout .con-kit-atom-link-group{ display: none !important; }

  /* 1b) Kopfleiste: onepage-Inhalt ausblenden, Logo sauber mittig als Hintergrund */
  .con-kit-section.layout{
    position: relative !important;
    height: 74px !important; min-height: 74px !important; max-height: 74px !important;
    padding: 0 !important; overflow: hidden !important; background: #ffffff !important;
  }
  .con-kit-section.layout > *{ opacity: 0 !important; pointer-events: none !important; }
  .con-kit-section.layout::after{
    content: ""; position: absolute; inset: 0; z-index: 2;
    background: #ffffff url("../img/65f7a42c-623d-4748-a017-edcf81e0446e.png") no-repeat center center;
    background-size: auto 54px;
  }

  /* 2) Titel + Untertitel (gesamter Hero-Text) zentrieren */
  .con-kit-section.hero *{ text-align: center !important; }
  .con-kit-section.hero .con-kit-animation__atom,
  .con-kit-section.hero .con-kit-component-atom-list,
  .con-kit-section.hero .con-kit-component-header,
  .con-kit-section.hero .con-kit-component-plain-text{
    align-items: center !important;
    justify-content: center !important;
  }

  /* 3) Mehrspaltige Container untereinander statt nebeneinander */
  .con-kit-component-grid-list--columns-2,
  .con-kit-component-grid-list--columns-3,
  .con-kit-component-grid-list--columns-4{
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  .con-kit-component-grid-list--columns-2 > *,
  .con-kit-component-grid-list--columns-3 > *,
  .con-kit-component-grid-list--columns-4 > *{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}