/* ==========================================================================
   Kajinga Display Conditions — Client-Side Device-Hide (v0.57.0)
   --------------------------------------------------------------------------
   Server-Conditions werfen das Element bereits vor dem Render aus dem
   HTML-Output. Hier wird nur der client-side Device-Filter abgehandelt:
   das Element bleibt im DOM, aber wird per @media ausgeblendet wenn das
   aktuelle Endgerät nicht in der `data-ke-dc-devices`-Liste am Wrapper steht.

   Die Hide-Klassen werden vom JS gesetzt:
     .ke-dc-hide-desktop  → display:none ab Tablet-Breakpoint aufwärts
     .ke-dc-hide-tablet   → display:none im Tablet-Range
     .ke-dc-hide-mobile   → display:none unterhalb Tablet-Breakpoint

   Elementor-Standard-Breakpoints:
     - Mobile:  bis 767 px
     - Tablet:  768–1024 px
     - Desktop: ab 1025 px
   ========================================================================== */

@media (max-width: 767px) {
    .ke-dc-hide-mobile { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .ke-dc-hide-tablet { display: none !important; }
}
@media (min-width: 1025px) {
    .ke-dc-hide-desktop { display: none !important; }
}
