/* ===== Smartphones – Portrait nach Breite (iPhone + Android/Samsung) ===== */
@media screen and (max-width: 360px) {
  /* sehr kleine Phones */
   .displaynone { display: none !important; }
}

@media screen and (min-width: 361px) and (max-width: 390px) {
  /* gängige iPhones + viele Androids */
   .displaynone { display: none !important; }
}

@media screen and (min-width: 391px) and (max-width: 412px) {
  /* größere Phones */
   .displaynone { display: none !important; }
}

@media screen and (min-width: 413px) and (max-width: 430px) {
  /* Plus/Max-Modelle */
   .displaynone { display: none !important; }
}

/* ===== Smartphones – Landscape ===== */
@media screen and (max-height: 430px) and (orientation: landscape) {
  /* Phones quer */
  .displaynone { display: none !important; }
}

/* ===== iPad / Tablets ===== */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* iPad hochkant display*/

}

@media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
  /* iPad quer (inkl. Pro) */
}

/* ===== High-DPI (Retina/Android) – optional für feine Assets ===== */
@media screen and (-webkit-min-device-pixel-ratio: 2),
       screen and (min-resolution: 192dpi) {
  /* hochauflösende Grafiken/Icons aktivieren */
}

/* ===== Content-first Breakpoints (Layout-getrieben) ===== */
@media (min-width: 600px)  { /* Modul-/Grid-Anpassungen */ }
@media (min-width: 768px)  { /* Tablet-Layouts */ }
@media (min-width: 1024px) { /* Desktop-Basis */ }
@media (min-width: 1280px) { /* breitere Desktops */ }


@media (max-width: 600px)  { /* Modul-/Grid-Anpassungen */ }
@media (max-width: 768px)  { 
  /* Tablet-Layouts */
    .vc_col-sm-3  {
  flex: 2 1 calc(50% - 20px); /* 4 Columns */
  background: #fff;
  padding: 20px;
  box-sizing: border-box;


}

}
@media (max-width: 1024px) { 
  /* Desktop-Basis */
      .card-btn .vc_btn3     
      {
          font-size: 18px !important;
      }

     .vc_btn3.vc_btn3-size-lg
      {
          padding: 10px 10px !important;
      }
 }
@media (max-width: 1280px) { /* breitere Desktops */ }