/* ==============================================
   TM24 NOVAChild - Responsive Breakpoints
   Datei: base/responsive.css
   Scope: global
   UTF-8 ohne BOM

   Breakpoints:
   - xs:  < 576px   (Smartphone klein)
				    - sm:  >= 576px  (Smartphone)
   - md:  >= 768px  (Tablet)
   - lg:  >= 992px  (Laptop)
   - xl:  >= 1200px (Desktop)
   - xxl: >= 1400px (Wide)
   ============================================== */

/* Container max-width */
.tm24-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Grid Ghost-Karten (4-4-4-4-Regel) */
.tm24-grid-ghost {
    visibility: hidden !important;
    pointer-events: none !important;
}

.tm24-grid-ghost > * {
    display: none !important;
}

/* ---- TABLET (< 992px) ---- */
						@media (max-width: 991px) {
						    .tm24-hide-md { display: none !important; }
						}
						
						/* ---- MOBIL (< 768px) ---- */
@media (max-width: 767px) {
    .tm24-hide-sm { display: none !important; }

    .tm24-container {
        padding: 0 16px;
    }
}

/* ---- KLEIN MOBIL (< 576px) ---- */
							 @media (max-width: 575px) {
							     .tm24-hide-xs { display: none !important; }
							 
							     .tm24-container {
							         padding: 0 12px;
							     }
							 }
							 
							 /* ---- NUR DESKTOP (>= 768px) ---- */
@media (min-width: 768px) {
    .tm24-show-md { display: flex !important; }
}