/* ==========================================================================
   UTILITIES-RESPONSIVE.CSS — Teil 2
   Alles was Breakpoint-Varianten braucht.
   
   Mobile First:
   - Basis: 0px+     (kein Prefix)
   - md:    760px+   (Tablet)
   - lg:    992px+   (Desktop)

   SPACING-PRINZIP:
   Nur Einzelseiten-Klassen (pt, pr, pb, pl, mt, mr, mb, ml).
   Keine Shorthands (p, px, py, m, mx, my).
   → Keine Spezifitäts-Konflikte im CMS Live Editor.
   → Explizite Intention pro Seite.
   ========================================================================== */


/* ==========================================================================
   SPACING — Padding (nur Einzelseiten)
   4px-Grid: Zahl × 4px (1 = 4px, 4 = 16px, 8 = 32px)
   Skala: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24, 32, 40, 48
   ========================================================================== */

/* --- padding-top --- */
.pt-0  { padding-top: 0 !important; }
.pt-1  { padding-top: 0.25rem !important; }
.pt-2  { padding-top: 0.5rem !important; }
.pt-3  { padding-top: 0.75rem !important; }
.pt-4  { padding-top: 1rem !important; }
.pt-5  { padding-top: 1.25rem !important; }
.pt-6  { padding-top: 1.5rem !important; }
.pt-8  { padding-top: 2rem !important; }
.pt-10 { padding-top: 2.5rem !important; }
.pt-12 { padding-top: 3rem !important; }
.pt-16 { padding-top: 4rem !important; }
.pt-20 { padding-top: 5rem !important; }
.pt-24 { padding-top: 6rem !important; }
.pt-32 { padding-top: 8rem !important; }
.pt-40 { padding-top: 10rem !important; }
.pt-48 { padding-top: 12rem !important; }

/* --- padding-right --- */
.pr-0  { padding-right: 0 !important; }
.pr-1  { padding-right: 0.25rem !important; }
.pr-2  { padding-right: 0.5rem !important; }
.pr-3  { padding-right: 0.75rem !important; }
.pr-4  { padding-right: 1rem !important; }
.pr-5  { padding-right: 1.25rem !important; }
.pr-6  { padding-right: 1.5rem !important; }
.pr-8  { padding-right: 2rem !important; }
.pr-10 { padding-right: 2.5rem !important; }
.pr-12 { padding-right: 3rem !important; }
.pr-16 { padding-right: 4rem !important; }
.pr-20 { padding-right: 5rem !important; }
.pr-24 { padding-right: 6rem !important; }
.pr-32 { padding-right: 8rem !important; }
.pr-40 { padding-right: 10rem !important; }
.pr-48 { padding-right: 12rem !important; }

/* --- padding-bottom --- */
.pb-0  { padding-bottom: 0 !important; }
.pb-1  { padding-bottom: 0.25rem !important; }
.pb-2  { padding-bottom: 0.5rem !important; }
.pb-3  { padding-bottom: 0.75rem !important; }
.pb-4  { padding-bottom: 1rem !important; }
.pb-5  { padding-bottom: 1.25rem !important; }
.pb-6  { padding-bottom: 1.5rem !important; }
.pb-8  { padding-bottom: 2rem !important; }
.pb-10 { padding-bottom: 2.5rem !important; }
.pb-12 { padding-bottom: 3rem !important; }
.pb-16 { padding-bottom: 4rem !important; }
.pb-20 { padding-bottom: 5rem !important; }
.pb-24 { padding-bottom: 6rem !important; }
.pb-32 { padding-bottom: 8rem !important; }
.pb-40 { padding-bottom: 10rem !important; }
.pb-48 { padding-bottom: 12rem !important; }

/* --- padding-left --- */
.pl-0  { padding-left: 0 !important; }
.pl-1  { padding-left: 0.25rem !important; }
.pl-2  { padding-left: 0.5rem !important; }
.pl-3  { padding-left: 0.75rem !important; }
.pl-4  { padding-left: 1rem !important; }
.pl-5  { padding-left: 1.25rem !important; }
.pl-6  { padding-left: 1.5rem !important; }
.pl-8  { padding-left: 2rem !important; }
.pl-10 { padding-left: 2.5rem !important; }
.pl-12 { padding-left: 3rem !important; }
.pl-16 { padding-left: 4rem !important; }
.pl-20 { padding-left: 5rem !important; }
.pl-24 { padding-left: 6rem !important; }
.pl-32 { padding-left: 8rem !important; }
.pl-40 { padding-left: 10rem !important; }
.pl-48 { padding-left: 12rem !important; }


/* ==========================================================================
   SPACING — Margin (nur Einzelseiten)
   Skala: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24, 32, 40, 48, auto
   ========================================================================== */

/* --- margin-top --- */
.mt-0    { margin-top: 0 !important; }
.mt-1    { margin-top: 0.25rem !important; }
.mt-2    { margin-top: 0.5rem !important; }
.mt-3    { margin-top: 0.75rem !important; }
.mt-4    { margin-top: 1rem !important; }
.mt-5    { margin-top: 1.25rem !important; }
.mt-6    { margin-top: 1.5rem !important; }
.mt-8    { margin-top: 2rem !important; }
.mt-10   { margin-top: 2.5rem !important; }
.mt-12   { margin-top: 3rem !important; }
.mt-16   { margin-top: 4rem !important; }
.mt-20   { margin-top: 5rem !important; }
.mt-24   { margin-top: 6rem !important; }
.mt-32   { margin-top: 8rem !important; }
.mt-40   { margin-top: 10rem !important; }
.mt-48   { margin-top: 12rem !important; }
.mt-auto { margin-top: auto !important; }

/* --- margin-right --- */
.mr-0    { margin-right: 0 !important; }
.mr-1    { margin-right: 0.25rem !important; }
.mr-2    { margin-right: 0.5rem !important; }
.mr-3    { margin-right: 0.75rem !important; }
.mr-4    { margin-right: 1rem !important; }
.mr-5    { margin-right: 1.25rem !important; }
.mr-6    { margin-right: 1.5rem !important; }
.mr-8    { margin-right: 2rem !important; }
.mr-10   { margin-right: 2.5rem !important; }
.mr-12   { margin-right: 3rem !important; }
.mr-16   { margin-right: 4rem !important; }
.mr-20   { margin-right: 5rem !important; }
.mr-24   { margin-right: 6rem !important; }
.mr-32   { margin-right: 8rem !important; }
.mr-40   { margin-right: 10rem !important; }
.mr-48   { margin-right: 12rem !important; }
.mr-auto { margin-right: auto !important; }

/* --- margin-bottom --- */
.mb-0  { margin-bottom: 0 !important; }
.mb-1  { margin-bottom: 0.25rem !important; }
.mb-2  { margin-bottom: 0.5rem !important; }
.mb-3  { margin-bottom: 0.75rem !important; }
.mb-4  { margin-bottom: 1rem !important; }
.mb-5  { margin-bottom: 1.25rem !important; }
.mb-6  { margin-bottom: 1.5rem !important; }
.mb-8  { margin-bottom: 2rem !important; }
.mb-10 { margin-bottom: 2.5rem !important; }
.mb-12 { margin-bottom: 3rem !important; }
.mb-16 { margin-bottom: 4rem !important; }
.mb-20 { margin-bottom: 5rem !important; }
.mb-24 { margin-bottom: 6rem !important; }
.mb-32 { margin-bottom: 8rem !important; }
.mb-40 { margin-bottom: 10rem !important; }
.mb-48 { margin-bottom: 12rem !important; }

/* --- margin-left --- */
.ml-0    { margin-left: 0 !important; }
.ml-1    { margin-left: 0.25rem !important; }
.ml-2    { margin-left: 0.5rem !important; }
.ml-3    { margin-left: 0.75rem !important; }
.ml-4    { margin-left: 1rem !important; }
.ml-5    { margin-left: 1.25rem !important; }
.ml-6    { margin-left: 1.5rem !important; }
.ml-8    { margin-left: 2rem !important; }
.ml-10   { margin-left: 2.5rem !important; }
.ml-12   { margin-left: 3rem !important; }
.ml-16   { margin-left: 4rem !important; }
.ml-20   { margin-left: 5rem !important; }
.ml-24   { margin-left: 6rem !important; }
.ml-32   { margin-left: 8rem !important; }
.ml-40   { margin-left: 10rem !important; }
.ml-48   { margin-left: 12rem !important; }
.ml-auto { margin-left: auto !important; }

/* --- Negative Margins --- */
.-mt-1 { margin-top: -0.25rem !important; }  .-mt-2 { margin-top: -0.5rem !important; }
.-mt-4 { margin-top: -1rem !important; }     .-mt-6 { margin-top: -1.5rem !important; }
.-mt-8 { margin-top: -2rem !important; }

.-mr-1 { margin-right: -0.25rem !important; }  .-mr-2 { margin-right: -0.5rem !important; }
.-mr-4 { margin-right: -1rem !important; }

.-mb-1 { margin-bottom: -0.25rem !important; }  .-mb-2 { margin-bottom: -0.5rem !important; }
.-mb-4 { margin-bottom: -1rem !important; }     .-mb-6 { margin-bottom: -1.5rem !important; }
.-mb-8 { margin-bottom: -2rem !important; }

.-ml-1 { margin-left: -0.25rem !important; }  .-ml-2 { margin-left: -0.5rem !important; }
.-ml-4 { margin-left: -1rem !important; }


/* ==========================================================================
   SPACING — Gap
   ========================================================================== */
.gap-0  { gap: 0 !important; }        .gap-1  { gap: 0.25rem !important; }  .gap-2  { gap: 0.5rem !important; }
.gap-3  { gap: 0.75rem !important; }  .gap-4  { gap: 1rem !important; }     .gap-5  { gap: 1.25rem !important; }
.gap-6  { gap: 1.5rem !important; }   .gap-8  { gap: 2rem !important; }     .gap-10 { gap: 2.5rem !important; }
.gap-12 { gap: 3rem !important; }     .gap-16 { gap: 4rem !important; }     .gap-20 { gap: 5rem !important; }
.gap-24 { gap: 6rem !important; }     .gap-32 { gap: 8rem !important; }
.gap-40 { gap: 10rem !important; }    .gap-48 { gap: 12rem !important; }

.gap-x-0  { column-gap: 0 !important; }       .gap-x-1  { column-gap: 0.25rem !important; }
.gap-x-2  { column-gap: 0.5rem !important; }  .gap-x-3  { column-gap: 0.75rem !important; }
.gap-x-4  { column-gap: 1rem !important; }    .gap-x-5  { column-gap: 1.25rem !important; }
.gap-x-6  { column-gap: 1.5rem !important; }  .gap-x-8  { column-gap: 2rem !important; }
.gap-x-10 { column-gap: 2.5rem !important; }  .gap-x-12 { column-gap: 3rem !important; }
.gap-x-16 { column-gap: 4rem !important; }    .gap-x-20 { column-gap: 5rem !important; }
.gap-x-24 { column-gap: 6rem !important; }    .gap-x-32 { column-gap: 8rem !important; }
.gap-x-40 { column-gap: 10rem !important; }   .gap-x-48 { column-gap: 12rem !important; }

.gap-y-0  { row-gap: 0 !important; }          .gap-y-1  { row-gap: 0.25rem !important; }
.gap-y-2  { row-gap: 0.5rem !important; }     .gap-y-3  { row-gap: 0.75rem !important; }
.gap-y-4  { row-gap: 1rem !important; }       .gap-y-5  { row-gap: 1.25rem !important; }
.gap-y-6  { row-gap: 1.5rem !important; }     .gap-y-8  { row-gap: 2rem !important; }
.gap-y-10 { row-gap: 2.5rem !important; }     .gap-y-12 { row-gap: 3rem !important; }
.gap-y-16 { row-gap: 4rem !important; }       .gap-y-20 { row-gap: 5rem !important; }
.gap-y-24 { row-gap: 6rem !important; }       .gap-y-32 { row-gap: 8rem !important; }
.gap-y-40 { row-gap: 10rem !important; }      .gap-y-48 { row-gap: 12rem !important; }

/* --- Space Between Children (Tailwind-Pattern: > * + *) --- */
.space-x-0  > * + * { margin-left: 0 !important; }       .space-x-1  > * + * { margin-left: 0.25rem !important; }
.space-x-2  > * + * { margin-left: 0.5rem !important; }  .space-x-3  > * + * { margin-left: 0.75rem !important; }
.space-x-4  > * + * { margin-left: 1rem !important; }    .space-x-5  > * + * { margin-left: 1.25rem !important; }
.space-x-6  > * + * { margin-left: 1.5rem !important; }  .space-x-8  > * + * { margin-left: 2rem !important; }
.space-x-10 > * + * { margin-left: 2.5rem !important; }  .space-x-12 > * + * { margin-left: 3rem !important; }
.space-x-16 > * + * { margin-left: 4rem !important; }    .space-x-20 > * + * { margin-left: 5rem !important; }
.space-x-24 > * + * { margin-left: 6rem !important; }    .space-x-32 > * + * { margin-left: 8rem !important; }
.space-x-40 > * + * { margin-left: 10rem !important; }   .space-x-48 > * + * { margin-left: 12rem !important; }

.space-y-0  > * + * { margin-top: 0 !important; }        .space-y-1  > * + * { margin-top: 0.25rem !important; }
.space-y-2  > * + * { margin-top: 0.5rem !important; }   .space-y-3  > * + * { margin-top: 0.75rem !important; }
.space-y-4  > * + * { margin-top: 1rem !important; }     .space-y-5  > * + * { margin-top: 1.25rem !important; }
.space-y-6  > * + * { margin-top: 1.5rem !important; }   .space-y-8  > * + * { margin-top: 2rem !important; }
.space-y-10 > * + * { margin-top: 2.5rem !important; }   .space-y-12 > * + * { margin-top: 3rem !important; }
.space-y-16 > * + * { margin-top: 4rem !important; }     .space-y-20 > * + * { margin-top: 5rem !important; }
.space-y-24 > * + * { margin-top: 6rem !important; }     .space-y-32 > * + * { margin-top: 8rem !important; }
.space-y-40 > * + * { margin-top: 10rem !important; }    .space-y-48 > * + * { margin-top: 12rem !important; }

/* Section-Abstände → verschoben nach helpers.css (feste Breakpoint-Werte) */


/* ==========================================================================
   DISPLAY
   ========================================================================== */
.block        { display: block !important; }
.inline-block { display: inline-block !important; }
.inline       { display: inline !important; }
.flex         { display: flex !important; }
.inline-flex  { display: inline-flex !important; }
.grid         { display: grid !important; }
.inline-grid  { display: inline-grid !important; }
.contents     { display: contents !important; }
.hidden       { display: none !important; }
.table        { display: table !important; }
.table-row    { display: table-row !important; }
.table-cell   { display: table-cell !important; }


/* ==========================================================================
   FLEXBOX
   ========================================================================== */
.flex-row         { flex-direction: row !important; }
.flex-col         { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-col-reverse { flex-direction: column-reverse !important; }
.flex-wrap        { flex-wrap: wrap !important; }
.flex-nowrap      { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

/* Justify Content */
.justify-start   { justify-content: flex-start !important; }
.justify-center  { justify-content: center !important; }
.justify-end     { justify-content: flex-end !important; }
.justify-between { justify-content: space-between !important; }
.justify-around  { justify-content: space-around !important; }
.justify-evenly  { justify-content: space-evenly !important; }
.justify-normal  { justify-content: normal !important; }
.justify-stretch { justify-content: stretch !important; }

/* Justify Items */
.justify-items-start   { justify-items: start !important; }
.justify-items-center  { justify-items: center !important; }
.justify-items-end     { justify-items: end !important; }
.justify-items-stretch { justify-items: stretch !important; }

/* Justify Self */
.justify-self-auto    { justify-self: auto !important; }
.justify-self-start   { justify-self: start !important; }
.justify-self-center  { justify-self: center !important; }
.justify-self-end     { justify-self: end !important; }
.justify-self-stretch { justify-self: stretch !important; }

/* Align Content */
.content-start   { align-content: flex-start !important; }
.content-center  { align-content: center !important; }
.content-end     { align-content: flex-end !important; }
.content-between { align-content: space-between !important; }
.content-around  { align-content: space-around !important; }
.content-evenly  { align-content: space-evenly !important; }
.content-stretch { align-content: stretch !important; }
.content-normal  { align-content: normal !important; }

/* Align Items */
.items-start    { align-items: flex-start !important; }
.items-center   { align-items: center !important; }
.items-end      { align-items: flex-end !important; }
.items-stretch  { align-items: stretch !important; }
.items-baseline { align-items: baseline !important; }

/* Align Self */
.self-auto    { align-self: auto !important; }
.self-start   { align-self: flex-start !important; }
.self-center  { align-self: center !important; }
.self-end     { align-self: flex-end !important; }
.self-stretch { align-self: stretch !important; }
.self-baseline { align-self: baseline !important; }

/* Place Content / Items / Self */
.place-content-start   { place-content: start !important; }
.place-content-center  { place-content: center !important; }
.place-content-end     { place-content: end !important; }
.place-content-between { place-content: space-between !important; }
.place-content-around  { place-content: space-around !important; }
.place-content-evenly  { place-content: space-evenly !important; }
.place-content-stretch { place-content: stretch !important; }
.place-items-start     { place-items: start !important; }
.place-items-center    { place-items: center !important; }
.place-items-end       { place-items: end !important; }
.place-items-stretch   { place-items: stretch !important; }
.place-self-auto    { place-self: auto !important; }
.place-self-start   { place-self: start !important; }
.place-self-center  { place-self: center !important; }
.place-self-end     { place-self: end !important; }
.place-self-stretch { place-self: stretch !important; }

/* Flex Grow/Shrink/Basis */
.flex-1       { flex: 1 1 0% !important; }
.flex-auto    { flex: 1 1 auto !important; }
.flex-initial { flex: 0 1 auto !important; }
.flex-none    { flex: none !important; }
.grow         { flex-grow: 1 !important; }
.grow-0       { flex-grow: 0 !important; }
.shrink       { flex-shrink: 1 !important; }
.shrink-0     { flex-shrink: 0 !important; }

.basis-0    { flex-basis: 0 !important; }
.basis-auto { flex-basis: auto !important; }
.basis-full { flex-basis: 100% !important; }
.basis-1\/2 { flex-basis: 50% !important; }
.basis-1\/3 { flex-basis: 33.333333% !important; }
.basis-2\/3 { flex-basis: 66.666667% !important; }
.basis-1\/4 { flex-basis: 25% !important; }
.basis-3\/4 { flex-basis: 75% !important; }

/* Order */
.order-first { order: -9999 !important; }
.order-last  { order: 9999 !important; }
.order-none  { order: 0 !important; }
.order-1 { order: 1 !important; }  .order-2 { order: 2 !important; }  .order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }  .order-5 { order: 5 !important; }  .order-6 { order: 6 !important; }
.order-7 { order: 7 !important; }  .order-8 { order: 8 !important; }  .order-9 { order: 9 !important; }
.order-10 { order: 10 !important; } .order-11 { order: 11 !important; } .order-12 { order: 12 !important; }


/* ==========================================================================
   CSS GRID
   ========================================================================== */

/* Grid Template Columns */
.grid-cols-1  { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.grid-cols-3  { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.grid-cols-4  { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.grid-cols-5  { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.grid-cols-6  { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.grid-cols-7  { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.grid-cols-8  { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
.grid-cols-9  { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
.grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
.grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
.grid-cols-none     { grid-template-columns: none !important; }
.grid-cols-subgrid  { grid-template-columns: subgrid !important; }

/* Column Span */
.col-span-1  { grid-column: span 1 / span 1 !important; }
.col-span-2  { grid-column: span 2 / span 2 !important; }
.col-span-3  { grid-column: span 3 / span 3 !important; }
.col-span-4  { grid-column: span 4 / span 4 !important; }
.col-span-5  { grid-column: span 5 / span 5 !important; }
.col-span-6  { grid-column: span 6 / span 6 !important; }
.col-span-7  { grid-column: span 7 / span 7 !important; }
.col-span-8  { grid-column: span 8 / span 8 !important; }
.col-span-9  { grid-column: span 9 / span 9 !important; }
.col-span-10 { grid-column: span 10 / span 10 !important; }
.col-span-11 { grid-column: span 11 / span 11 !important; }
.col-span-12 { grid-column: span 12 / span 12 !important; }
.col-span-full { grid-column: 1 / -1 !important; }
.col-auto { grid-column: auto !important; }

/* Column Start */
.col-start-1  { grid-column-start: 1 !important; }
.col-start-2  { grid-column-start: 2 !important; }
.col-start-3  { grid-column-start: 3 !important; }
.col-start-4  { grid-column-start: 4 !important; }
.col-start-5  { grid-column-start: 5 !important; }
.col-start-6  { grid-column-start: 6 !important; }
.col-start-7  { grid-column-start: 7 !important; }
.col-start-8  { grid-column-start: 8 !important; }
.col-start-9  { grid-column-start: 9 !important; }
.col-start-10 { grid-column-start: 10 !important; }
.col-start-11 { grid-column-start: 11 !important; }
.col-start-12 { grid-column-start: 12 !important; }
.col-start-13 { grid-column-start: 13 !important; }
.col-start-auto { grid-column-start: auto !important; }

/* Column End */
.col-end-1  { grid-column-end: 1 !important; }
.col-end-2  { grid-column-end: 2 !important; }
.col-end-3  { grid-column-end: 3 !important; }
.col-end-4  { grid-column-end: 4 !important; }
.col-end-5  { grid-column-end: 5 !important; }
.col-end-6  { grid-column-end: 6 !important; }
.col-end-7  { grid-column-end: 7 !important; }
.col-end-8  { grid-column-end: 8 !important; }
.col-end-9  { grid-column-end: 9 !important; }
.col-end-10 { grid-column-end: 10 !important; }
.col-end-11 { grid-column-end: 11 !important; }
.col-end-12 { grid-column-end: 12 !important; }
.col-end-13 { grid-column-end: 13 !important; }
.col-end-auto { grid-column-end: auto !important; }

/* Grid Template Rows */
.grid-rows-1      { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; }
.grid-rows-2      { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; }
.grid-rows-3      { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; }
.grid-rows-4      { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; }
.grid-rows-5      { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; }
.grid-rows-6      { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; }
.grid-rows-none   { grid-template-rows: none !important; }
.grid-rows-subgrid { grid-template-rows: subgrid !important; }

/* Row Span */
.row-span-1    { grid-row: span 1 / span 1 !important; }
.row-span-2    { grid-row: span 2 / span 2 !important; }
.row-span-3    { grid-row: span 3 / span 3 !important; }
.row-span-4    { grid-row: span 4 / span 4 !important; }
.row-span-5    { grid-row: span 5 / span 5 !important; }
.row-span-6    { grid-row: span 6 / span 6 !important; }
.row-span-full { grid-row: 1 / -1 !important; }
.row-auto      { grid-row: auto !important; }

/* Row Start / End */
.row-start-1    { grid-row-start: 1 !important; }
.row-start-2    { grid-row-start: 2 !important; }
.row-start-3    { grid-row-start: 3 !important; }
.row-start-4    { grid-row-start: 4 !important; }
.row-start-auto { grid-row-start: auto !important; }
.row-end-1    { grid-row-end: 1 !important; }
.row-end-2    { grid-row-end: 2 !important; }
.row-end-3    { grid-row-end: 3 !important; }
.row-end-4    { grid-row-end: 4 !important; }
.row-end-auto { grid-row-end: auto !important; }

/* Auto Flow */
.grid-flow-row       { grid-auto-flow: row !important; }
.grid-flow-col       { grid-auto-flow: column !important; }
.grid-flow-dense     { grid-auto-flow: dense !important; }
.grid-flow-row-dense { grid-auto-flow: row dense !important; }
.grid-flow-col-dense { grid-auto-flow: column dense !important; }

/* Auto Columns/Rows */
.auto-cols-auto { grid-auto-columns: auto !important; }
.auto-cols-min  { grid-auto-columns: min-content !important; }
.auto-cols-max  { grid-auto-columns: max-content !important; }
.auto-cols-fr   { grid-auto-columns: minmax(0, 1fr) !important; }
.auto-rows-auto { grid-auto-rows: auto !important; }
.auto-rows-min  { grid-auto-rows: min-content !important; }
.auto-rows-max  { grid-auto-rows: max-content !important; }
.auto-rows-fr   { grid-auto-rows: minmax(0, 1fr) !important; }


/* ==========================================================================
   TEXT ALIGN
   ========================================================================== */
.text-left   { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right  { text-align: right !important; }
.text-justify { text-align: justify !important; }
.text-start  { text-align: start !important; }
.text-end    { text-align: end !important; }


/* ==========================================================================
   SIZING
   ========================================================================== */
.w-0      { width: 0 !important; }
.w-1      { width: 0.25rem !important; }   .w-2    { width: 0.5rem !important; }
.w-3      { width: 0.75rem !important; }   .w-4    { width: 1rem !important; }
.w-5      { width: 1.25rem !important; }   .w-6    { width: 1.5rem !important; }
.w-8      { width: 2rem !important; }      .w-10   { width: 2.5rem !important; }
.w-12     { width: 3rem !important; }      .w-16   { width: 4rem !important; }
.w-20     { width: 5rem !important; }      .w-24   { width: 6rem !important; }
.w-32     { width: 8rem !important; }      .w-40   { width: 10rem !important; }

.w-auto   { width: auto !important; }
.w-full   { width: 100% !important; }
.w-screen { width: 100vw !important; }
.w-fit    { width: fit-content !important; }
.w-min    { width: min-content !important; }
.w-max    { width: max-content !important; }

.w-1\/2   { width: 50% !important; }
.w-1\/3   { width: 33.333333% !important; }  .w-2\/3   { width: 66.666667% !important; }
.w-1\/4   { width: 25% !important; }         .w-3\/4   { width: 75% !important; }
.w-1\/5   { width: 20% !important; }         .w-2\/5   { width: 40% !important; }
.w-3\/5   { width: 60% !important; }         .w-4\/5   { width: 80% !important; }

.min-w-0    { min-width: 0 !important; }
.min-w-full { min-width: 100% !important; }
.min-w-min  { min-width: min-content !important; }
.min-w-max  { min-width: max-content !important; }
.min-w-fit  { min-width: fit-content !important; }

.max-w-none    { max-width: none !important; }
.max-w-xs      { max-width: 20rem !important; }
.max-w-sm      { max-width: 24rem !important; }
.max-w-md      { max-width: 28rem !important; }
.max-w-lg      { max-width: 32rem !important; }
.max-w-xl      { max-width: 36rem !important; }
.max-w-2xl     { max-width: 42rem !important; }
.max-w-3xl     { max-width: 48rem !important; }
.max-w-4xl     { max-width: 56rem !important; }
.max-w-5xl     { max-width: 64rem !important; }
.max-w-6xl     { max-width: 72rem !important; }
.max-w-7xl     { max-width: 80rem !important; }
.max-w-full    { max-width: 100% !important; }
.max-w-prose   { max-width: 65ch !important; }
.max-w-screen-md { max-width: 47.5em !important; }
.max-w-screen-lg { max-width: 62em !important; }

.h-0      { height: 0 !important; }
.h-1      { height: 0.25rem !important; }   .h-2    { height: 0.5rem !important; }
.h-3      { height: 0.75rem !important; }   .h-4    { height: 1rem !important; }
.h-6      { height: 1.5rem !important; }    .h-8    { height: 2rem !important; }
.h-10     { height: 2.5rem !important; }    .h-12   { height: 3rem !important; }
.h-16     { height: 4rem !important; }      .h-20   { height: 5rem !important; }
.h-24     { height: 6rem !important; }      .h-32   { height: 8rem !important; }
.h-40     { height: 10rem !important; }

.h-auto   { height: auto !important; }
.h-full   { height: 100% !important; }
.h-screen { height: 100dvh !important; }
.h-fit    { height: fit-content !important; }
.h-min    { height: min-content !important; }
.h-max    { height: max-content !important; }
.h-1\/2   { height: 50% !important; }
.h-1\/3   { height: 33.333333% !important; }
.h-2\/3   { height: 66.666667% !important; }

.min-h-0      { min-height: 0 !important; }
.min-h-full   { min-height: 100% !important; }
.min-h-screen { min-height: 100dvh !important; }
.min-h-fit    { min-height: fit-content !important; }

.max-h-none   { max-height: none !important; }
.max-h-full   { max-height: 100% !important; }
.max-h-screen { max-height: 100dvh !important; }
.max-h-fit    { max-height: fit-content !important; }

/* Size (width + height gleichzeitig) */
.size-0    { width: 0 !important; height: 0 !important; }
.size-1    { width: 0.25rem !important; height: 0.25rem !important; }
.size-2    { width: 0.5rem !important; height: 0.5rem !important; }
.size-3    { width: 0.75rem !important; height: 0.75rem !important; }
.size-4    { width: 1rem !important; height: 1rem !important; }
.size-5    { width: 1.25rem !important; height: 1.25rem !important; }
.size-6    { width: 1.5rem !important; height: 1.5rem !important; }
.size-8    { width: 2rem !important; height: 2rem !important; }
.size-10   { width: 2.5rem !important; height: 2.5rem !important; }
.size-12   { width: 3rem !important; height: 3rem !important; }
.size-16   { width: 4rem !important; height: 4rem !important; }
.size-20   { width: 5rem !important; height: 5rem !important; }
.size-full { width: 100% !important; height: 100% !important; }


/* ==========================================================================
   POSITION
   ========================================================================== */
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed    { position: fixed !important; }
.sticky   { position: sticky !important; }
.static   { position: static !important; }

.inset-0    { inset: 0 !important; }
.inset-auto { inset: auto !important; }
.inset-x-0  { left: 0 !important; right: 0 !important; }
.inset-y-0  { top: 0 !important; bottom: 0 !important; }

.top-0    { top: 0 !important; }     .top-1    { top: 0.25rem !important; }   .top-2    { top: 0.5rem !important; }
.top-4    { top: 1rem !important; }   .top-6    { top: 1.5rem !important; }    .top-8    { top: 2rem !important; }
.top-auto { top: auto !important; }   .top-full { top: 100% !important; }     .top-1\/2 { top: 50% !important; }

.right-0    { right: 0 !important; }   .right-1    { right: 0.25rem !important; } .right-2    { right: 0.5rem !important; }
.right-4    { right: 1rem !important; } .right-auto { right: auto !important; }    .right-full { right: 100% !important; }
.right-1\/2 { right: 50% !important; }

.bottom-0    { bottom: 0 !important; }     .bottom-1    { bottom: 0.25rem !important; } .bottom-2    { bottom: 0.5rem !important; }
.bottom-4    { bottom: 1rem !important; }   .bottom-6    { bottom: 1.5rem !important; }  .bottom-8    { bottom: 2rem !important; }
.bottom-auto { bottom: auto !important; }   .bottom-full { bottom: 100% !important; }
.bottom-1\/2 { bottom: 50% !important; }

.left-0    { left: 0 !important; }   .left-1    { left: 0.25rem !important; } .left-2    { left: 0.5rem !important; }
.left-4    { left: 1rem !important; } .left-auto { left: auto !important; }    .left-full { left: 100% !important; }
.left-1\/2 { left: 50% !important; }

.-top-1 { top: -0.25rem !important; } .-top-2 { top: -0.5rem !important; } .-top-4 { top: -1rem !important; }
.-bottom-1 { bottom: -0.25rem !important; } .-bottom-2 { bottom: -0.5rem !important; }
.-left-1 { left: -0.25rem !important; } .-left-2 { left: -0.5rem !important; }
.-right-1 { right: -0.25rem !important; } .-right-2 { right: -0.5rem !important; }

/* Z-Index */
.z-behind { z-index: -1 !important; }
.z-0      { z-index: 0 !important; }
.z-10     { z-index: 10 !important; }
.z-20     { z-index: 20 !important; }
.z-30     { z-index: 30 !important; }
.z-40     { z-index: 40 !important; }
.z-50     { z-index: 50 !important; }
.z-auto   { z-index: auto !important; }


/* ==========================================================================
   OVERFLOW
   ========================================================================== */
.overflow-hidden   { overflow: hidden !important; }
.overflow-auto     { overflow: auto !important; }
.overflow-visible  { overflow: visible !important; }
.overflow-scroll   { overflow: scroll !important; }
.overflow-clip     { overflow: clip !important; }
.overflow-x-auto   { overflow-x: auto !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-auto   { overflow-y: auto !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-y-scroll { overflow-y: scroll !important; }
.overscroll-auto     { overscroll-behavior: auto !important; }
.overscroll-contain  { overscroll-behavior: contain !important; }
.overscroll-none     { overscroll-behavior: none !important; }


/* ==========================================================================
   CUSTOM-VALUE UTILITIES
   Für beliebige Werte per Inline-Variable im CMS Live Editor.
   Nutzung: <div class="pt-var pb-var" style="--pt: 1.5rem !important; --pb: 3rem">
   ========================================================================== */

/* --- Padding --- */
.pt-custom { padding-top: var(--pt) !important; }
.pr-custom { padding-right: var(--pr) !important; }
.pb-custom { padding-bottom: var(--pb) !important; }
.pl-custom { padding-left: var(--pl) !important; }

/* --- Margin --- */
.mt-custom { margin-top: var(--mt) !important; }
.mr-custom { margin-right: var(--mr) !important; }
.mb-custom { margin-bottom: var(--mb) !important; }
.ml-custom { margin-left: var(--ml) !important; }

/* --- Layout --- */
.gap-custom    { gap: var(--gap) !important; }
.w-custom      { width: var(--w) !important; }
.h-custom      { height: var(--h) !important; }
.top-custom    { top: var(--top) !important; }
.right-custom  { right: var(--right) !important; }
.bottom-custom { bottom: var(--bottom) !important; }
.left-custom   { left: var(--left) !important; }

/* --- Typografie --- */
.text-custom { font-size: var(--text) !important; }

/* --- Sizing Erweiterung --- */
.min-w-custom  { min-width: var(--min-w) !important; }
.max-w-custom  { max-width: var(--max-w) !important; }
.min-h-custom  { min-height: var(--min-h) !important; }
.max-h-custom  { max-height: var(--max-h) !important; }


/* ==========================================================================
   RESPONSIVE: md (760px+)
   ========================================================================== */
@media (min-width: 760px) {

  /* --- Padding (nur Einzelseiten) --- */
  .md\:pt-0  { padding-top: 0 !important; }       .md\:pt-1  { padding-top: 0.25rem !important; }
  .md\:pt-2  { padding-top: 0.5rem !important; }  .md\:pt-3  { padding-top: 0.75rem !important; }
  .md\:pt-4  { padding-top: 1rem !important; }    .md\:pt-5  { padding-top: 1.25rem !important; }
  .md\:pt-6  { padding-top: 1.5rem !important; }  .md\:pt-8  { padding-top: 2rem !important; }
  .md\:pt-10 { padding-top: 2.5rem !important; }  .md\:pt-12 { padding-top: 3rem !important; }
  .md\:pt-16 { padding-top: 4rem !important; }    .md\:pt-20 { padding-top: 5rem !important; }
  .md\:pt-24 { padding-top: 6rem !important; }
  .md\:pt-32 { padding-top: 8rem !important; }  .md\:pt-40 { padding-top: 10rem !important; }
  .md\:pt-48 { padding-top: 12rem !important; }

  .md\:pr-0  { padding-right: 0 !important; }       .md\:pr-1  { padding-right: 0.25rem !important; }
  .md\:pr-2  { padding-right: 0.5rem !important; }  .md\:pr-3  { padding-right: 0.75rem !important; }
  .md\:pr-4  { padding-right: 1rem !important; }    .md\:pr-5  { padding-right: 1.25rem !important; }
  .md\:pr-6  { padding-right: 1.5rem !important; }  .md\:pr-8  { padding-right: 2rem !important; }
  .md\:pr-10 { padding-right: 2.5rem !important; }  .md\:pr-12 { padding-right: 3rem !important; }
  .md\:pr-16 { padding-right: 4rem !important; }    .md\:pr-20 { padding-right: 5rem !important; }
  .md\:pr-24 { padding-right: 6rem !important; }  .md\:pr-32 { padding-right: 8rem !important; }
  .md\:pr-40 { padding-right: 10rem !important; }  .md\:pr-48 { padding-right: 12rem !important; }

  .md\:pb-0  { padding-bottom: 0 !important; }       .md\:pb-1  { padding-bottom: 0.25rem !important; }
  .md\:pb-2  { padding-bottom: 0.5rem !important; }  .md\:pb-3  { padding-bottom: 0.75rem !important; }
  .md\:pb-4  { padding-bottom: 1rem !important; }    .md\:pb-5  { padding-bottom: 1.25rem !important; }
  .md\:pb-6  { padding-bottom: 1.5rem !important; }  .md\:pb-8  { padding-bottom: 2rem !important; }
  .md\:pb-10 { padding-bottom: 2.5rem !important; }  .md\:pb-12 { padding-bottom: 3rem !important; }
  .md\:pb-16 { padding-bottom: 4rem !important; }    .md\:pb-20 { padding-bottom: 5rem !important; }
  .md\:pb-24 { padding-bottom: 6rem !important; }
  .md\:pb-32 { padding-bottom: 8rem !important; }  .md\:pb-40 { padding-bottom: 10rem !important; }
  .md\:pb-48 { padding-bottom: 12rem !important; }

  .md\:pl-0  { padding-left: 0 !important; }       .md\:pl-1  { padding-left: 0.25rem !important; }
  .md\:pl-2  { padding-left: 0.5rem !important; }  .md\:pl-3  { padding-left: 0.75rem !important; }
  .md\:pl-4  { padding-left: 1rem !important; }    .md\:pl-5  { padding-left: 1.25rem !important; }
  .md\:pl-6  { padding-left: 1.5rem !important; }  .md\:pl-8  { padding-left: 2rem !important; }
  .md\:pl-10 { padding-left: 2.5rem !important; }  .md\:pl-12 { padding-left: 3rem !important; }
  .md\:pl-16 { padding-left: 4rem !important; }    .md\:pl-20 { padding-left: 5rem !important; }
  .md\:pl-24 { padding-left: 6rem !important; }  .md\:pl-32 { padding-left: 8rem !important; }
  .md\:pl-40 { padding-left: 10rem !important; }  .md\:pl-48 { padding-left: 12rem !important; }

  /* --- Margin (nur Einzelseiten) --- */
  .md\:mt-0    { margin-top: 0 !important; }       .md\:mt-1    { margin-top: 0.25rem !important; }
  .md\:mt-2    { margin-top: 0.5rem !important; }  .md\:mt-3    { margin-top: 0.75rem !important; }
  .md\:mt-4    { margin-top: 1rem !important; }    .md\:mt-5    { margin-top: 1.25rem !important; }
  .md\:mt-6    { margin-top: 1.5rem !important; }  .md\:mt-8    { margin-top: 2rem !important; }
  .md\:mt-10   { margin-top: 2.5rem !important; }  .md\:mt-12   { margin-top: 3rem !important; }
  .md\:mt-16   { margin-top: 4rem !important; }    .md\:mt-20   { margin-top: 5rem !important; }
  .md\:mt-24   { margin-top: 6rem !important; }
  .md\:mt-32   { margin-top: 8rem !important; }  .md\:mt-40   { margin-top: 10rem !important; }
  .md\:mt-48   { margin-top: 12rem !important; }
  .md\:mt-auto { margin-top: auto !important; }

  .md\:mr-0    { margin-right: 0 !important; }       .md\:mr-1    { margin-right: 0.25rem !important; }
  .md\:mr-2    { margin-right: 0.5rem !important; }  .md\:mr-3    { margin-right: 0.75rem !important; }
  .md\:mr-4    { margin-right: 1rem !important; }    .md\:mr-5    { margin-right: 1.25rem !important; }
  .md\:mr-6    { margin-right: 1.5rem !important; }  .md\:mr-8    { margin-right: 2rem !important; }
  .md\:mr-10   { margin-right: 2.5rem !important; }  .md\:mr-12   { margin-right: 3rem !important; }
  .md\:mr-16   { margin-right: 4rem !important; }  .md\:mr-20   { margin-right: 5rem !important; }
  .md\:mr-24   { margin-right: 6rem !important; }  .md\:mr-32   { margin-right: 8rem !important; }
  .md\:mr-40   { margin-right: 10rem !important; }  .md\:mr-48   { margin-right: 12rem !important; }
  .md\:mr-auto { margin-right: auto !important; }

  .md\:mb-0  { margin-bottom: 0 !important; }       .md\:mb-1  { margin-bottom: 0.25rem !important; }
  .md\:mb-2  { margin-bottom: 0.5rem !important; }  .md\:mb-3  { margin-bottom: 0.75rem !important; }
  .md\:mb-4  { margin-bottom: 1rem !important; }    .md\:mb-5  { margin-bottom: 1.25rem !important; }
  .md\:mb-6  { margin-bottom: 1.5rem !important; }  .md\:mb-8  { margin-bottom: 2rem !important; }
  .md\:mb-10 { margin-bottom: 2.5rem !important; }  .md\:mb-12 { margin-bottom: 3rem !important; }
  .md\:mb-16 { margin-bottom: 4rem !important; }    .md\:mb-20 { margin-bottom: 5rem !important; }
  .md\:mb-24 { margin-bottom: 6rem !important; }  .md\:mb-32 { margin-bottom: 8rem !important; }
  .md\:mb-40 { margin-bottom: 10rem !important; }  .md\:mb-48 { margin-bottom: 12rem !important; }

  .md\:ml-0    { margin-left: 0 !important; }       .md\:ml-1    { margin-left: 0.25rem !important; }
  .md\:ml-2    { margin-left: 0.5rem !important; }  .md\:ml-3    { margin-left: 0.75rem !important; }
  .md\:ml-4    { margin-left: 1rem !important; }    .md\:ml-5    { margin-left: 1.25rem !important; }
  .md\:ml-6    { margin-left: 1.5rem !important; }  .md\:ml-8    { margin-left: 2rem !important; }
  .md\:ml-10   { margin-left: 2.5rem !important; }  .md\:ml-12   { margin-left: 3rem !important; }
  .md\:ml-16   { margin-left: 4rem !important; }  .md\:ml-20   { margin-left: 5rem !important; }
  .md\:ml-24   { margin-left: 6rem !important; }  .md\:ml-32   { margin-left: 8rem !important; }
  .md\:ml-40   { margin-left: 10rem !important; }  .md\:ml-48   { margin-left: 12rem !important; }
  .md\:ml-auto { margin-left: auto !important; }

  /* --- Gap --- */
  .md\:gap-0 { gap: 0 !important; }    .md\:gap-1 { gap: 0.25rem !important; }  .md\:gap-2 { gap: 0.5rem !important; }
  .md\:gap-3 { gap: 0.75rem !important; }  .md\:gap-4 { gap: 1rem !important; }  .md\:gap-5 { gap: 1.25rem !important; }
  .md\:gap-6 { gap: 1.5rem !important; }   .md\:gap-8 { gap: 2rem !important; }  .md\:gap-10 { gap: 2.5rem !important; }
  .md\:gap-12 { gap: 3rem !important; }
  .md\:gap-16 { gap: 4rem !important; }  .md\:gap-20 { gap: 5rem !important; }  .md\:gap-24 { gap: 6rem !important; }
  .md\:gap-32 { gap: 8rem !important; }  .md\:gap-40 { gap: 10rem !important; }  .md\:gap-48 { gap: 12rem !important; }
  .md\:gap-x-0 { column-gap: 0 !important; }       .md\:gap-x-1 { column-gap: 0.25rem !important; }
  .md\:gap-x-2 { column-gap: 0.5rem !important; }  .md\:gap-x-3 { column-gap: 0.75rem !important; }
  .md\:gap-x-4 { column-gap: 1rem !important; }    .md\:gap-x-5 { column-gap: 1.25rem !important; }
  .md\:gap-x-6 { column-gap: 1.5rem !important; }  .md\:gap-x-8 { column-gap: 2rem !important; }
  .md\:gap-x-10 { column-gap: 2.5rem !important; } .md\:gap-x-12 { column-gap: 3rem !important; }
  .md\:gap-x-16 { column-gap: 4rem !important; }   .md\:gap-x-20 { column-gap: 5rem !important; }
  .md\:gap-x-24 { column-gap: 6rem !important; }   .md\:gap-x-32 { column-gap: 8rem !important; }
  .md\:gap-x-40 { column-gap: 10rem !important; }  .md\:gap-x-48 { column-gap: 12rem !important; }

  .md\:gap-y-0 { row-gap: 0 !important; }       .md\:gap-y-1 { row-gap: 0.25rem !important; }
  .md\:gap-y-2 { row-gap: 0.5rem !important; }  .md\:gap-y-3 { row-gap: 0.75rem !important; }
  .md\:gap-y-4 { row-gap: 1rem !important; }    .md\:gap-y-5 { row-gap: 1.25rem !important; }
  .md\:gap-y-6 { row-gap: 1.5rem !important; }  .md\:gap-y-8 { row-gap: 2rem !important; }
  .md\:gap-y-10 { row-gap: 2.5rem !important; } .md\:gap-y-12 { row-gap: 3rem !important; }
  .md\:gap-y-16 { row-gap: 4rem !important; }   .md\:gap-y-20 { row-gap: 5rem !important; }
  .md\:gap-y-24 { row-gap: 6rem !important; }   .md\:gap-y-32 { row-gap: 8rem !important; }
  .md\:gap-y-40 { row-gap: 10rem !important; }  .md\:gap-y-48 { row-gap: 12rem !important; }

  /* --- Space Between --- */
  .md\:space-x-0  > * + * { margin-left: 0 !important; }       .md\:space-x-1  > * + * { margin-left: 0.25rem !important; }
  .md\:space-x-2  > * + * { margin-left: 0.5rem !important; }  .md\:space-x-3  > * + * { margin-left: 0.75rem !important; }
  .md\:space-x-4  > * + * { margin-left: 1rem !important; }    .md\:space-x-5  > * + * { margin-left: 1.25rem !important; }
  .md\:space-x-6  > * + * { margin-left: 1.5rem !important; }  .md\:space-x-8  > * + * { margin-left: 2rem !important; }
  .md\:space-x-10 > * + * { margin-left: 2.5rem !important; }  .md\:space-x-12 > * + * { margin-left: 3rem !important; }
  .md\:space-x-16 > * + * { margin-left: 4rem !important; }    .md\:space-x-20 > * + * { margin-left: 5rem !important; }
  .md\:space-x-24 > * + * { margin-left: 6rem !important; }    .md\:space-x-32 > * + * { margin-left: 8rem !important; }
  .md\:space-x-40 > * + * { margin-left: 10rem !important; }   .md\:space-x-48 > * + * { margin-left: 12rem !important; }

  .md\:space-y-0  > * + * { margin-top: 0 !important; }       .md\:space-y-1  > * + * { margin-top: 0.25rem !important; }
  .md\:space-y-2  > * + * { margin-top: 0.5rem !important; }  .md\:space-y-3  > * + * { margin-top: 0.75rem !important; }
  .md\:space-y-4  > * + * { margin-top: 1rem !important; }    .md\:space-y-5  > * + * { margin-top: 1.25rem !important; }
  .md\:space-y-6  > * + * { margin-top: 1.5rem !important; }  .md\:space-y-8  > * + * { margin-top: 2rem !important; }
  .md\:space-y-10 > * + * { margin-top: 2.5rem !important; }  .md\:space-y-12 > * + * { margin-top: 3rem !important; }
  .md\:space-y-16 > * + * { margin-top: 4rem !important; }    .md\:space-y-20 > * + * { margin-top: 5rem !important; }
  .md\:space-y-24 > * + * { margin-top: 6rem !important; }    .md\:space-y-32 > * + * { margin-top: 8rem !important; }
  .md\:space-y-40 > * + * { margin-top: 10rem !important; }   .md\:space-y-48 > * + * { margin-top: 12rem !important; }

  /* Display */
  .md\:block { display: block !important; }  .md\:inline-block { display: inline-block !important; }
  .md\:inline { display: inline !important; }  .md\:flex { display: flex !important; }
  .md\:inline-flex { display: inline-flex !important; }  .md\:grid { display: grid !important; }
  .md\:contents { display: contents !important; }  .md\:hidden { display: none !important; }

  /* Flexbox */
  .md\:flex-row { flex-direction: row !important; }  .md\:flex-col { flex-direction: column !important; }
  .md\:flex-row-reverse { flex-direction: row-reverse !important; }  .md\:flex-col-reverse { flex-direction: column-reverse !important; }
  .md\:flex-wrap { flex-wrap: wrap !important; }  .md\:flex-nowrap { flex-wrap: nowrap !important; }
  .md\:justify-start { justify-content: flex-start !important; }  .md\:justify-center { justify-content: center !important; }
  .md\:justify-end { justify-content: flex-end !important; }  .md\:justify-between { justify-content: space-between !important; }
  .md\:justify-around { justify-content: space-around !important; }  .md\:justify-evenly { justify-content: space-evenly !important; }
  .md\:items-start { align-items: flex-start !important; }  .md\:items-center { align-items: center !important; }
  .md\:items-end { align-items: flex-end !important; }  .md\:items-stretch { align-items: stretch !important; }
  .md\:items-baseline { align-items: baseline !important; }
  .md\:self-auto { align-self: auto !important; }  .md\:self-start { align-self: flex-start !important; }
  .md\:self-center { align-self: center !important; }  .md\:self-end { align-self: flex-end !important; }
  .md\:self-stretch { align-self: stretch !important; }
  .md\:flex-1 { flex: 1 1 0% !important; }  .md\:flex-auto { flex: 1 1 auto !important; }  .md\:flex-none { flex: none !important; }
  .md\:grow { flex-grow: 1 !important; }  .md\:grow-0 { flex-grow: 0 !important; }
  .md\:shrink { flex-shrink: 1 !important; }  .md\:shrink-0 { flex-shrink: 0 !important; }

  /* CSS Grid */
  .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
  .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  .md\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
  .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
  .md\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
  .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
  .md\:grid-cols-none { grid-template-columns: none !important; }

  .md\:col-span-1 { grid-column: span 1 / span 1 !important; }  .md\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .md\:col-span-3 { grid-column: span 3 / span 3 !important; }  .md\:col-span-4 { grid-column: span 4 / span 4 !important; }
  .md\:col-span-5 { grid-column: span 5 / span 5 !important; }  .md\:col-span-6 { grid-column: span 6 / span 6 !important; }
  .md\:col-span-7 { grid-column: span 7 / span 7 !important; }  .md\:col-span-8 { grid-column: span 8 / span 8 !important; }
  .md\:col-span-9 { grid-column: span 9 / span 9 !important; }  .md\:col-span-10 { grid-column: span 10 / span 10 !important; }
  .md\:col-span-11 { grid-column: span 11 / span 11 !important; }  .md\:col-span-12 { grid-column: span 12 / span 12 !important; }
  .md\:col-span-full { grid-column: 1 / -1 !important; }  .md\:col-auto { grid-column: auto !important; }

  .md\:col-start-1 { grid-column-start: 1 !important; }  .md\:col-start-2 { grid-column-start: 2 !important; }
  .md\:col-start-3 { grid-column-start: 3 !important; }  .md\:col-start-4 { grid-column-start: 4 !important; }
  .md\:col-start-5 { grid-column-start: 5 !important; }  .md\:col-start-6 { grid-column-start: 6 !important; }
  .md\:col-start-7 { grid-column-start: 7 !important; }  .md\:col-start-8 { grid-column-start: 8 !important; }
  .md\:col-start-9 { grid-column-start: 9 !important; }  .md\:col-start-10 { grid-column-start: 10 !important; }
  .md\:col-start-11 { grid-column-start: 11 !important; }  .md\:col-start-12 { grid-column-start: 12 !important; }
  .md\:col-start-auto { grid-column-start: auto !important; }

  .md\:row-span-1 { grid-row: span 1 / span 1 !important; }  .md\:row-span-2 { grid-row: span 2 / span 2 !important; }
  .md\:row-span-3 { grid-row: span 3 / span 3 !important; }  .md\:row-span-full { grid-row: 1 / -1 !important; }

  .md\:grid-flow-row { grid-auto-flow: row !important; }  .md\:grid-flow-col { grid-auto-flow: column !important; }
  .md\:grid-flow-dense { grid-auto-flow: dense !important; }

  /* Order */
  .md\:order-first { order: -9999 !important; }  .md\:order-last { order: 9999 !important; }  .md\:order-none { order: 0 !important; }
  .md\:order-1 { order: 1 !important; }  .md\:order-2 { order: 2 !important; }  .md\:order-3 { order: 3 !important; }
  .md\:order-4 { order: 4 !important; }  .md\:order-5 { order: 5 !important; }  .md\:order-6 { order: 6 !important; }

  /* Text */
  .md\:text-left { text-align: left !important; }  .md\:text-center { text-align: center !important; }
  .md\:text-right { text-align: right !important; }  .md\:text-justify { text-align: justify !important; }

  /* Sizing */
  .md\:w-auto { width: auto !important; }  .md\:w-full { width: 100% !important; }  .md\:w-screen { width: 100vw !important; }
  .md\:w-fit { width: fit-content !important; }  .md\:w-min { width: min-content !important; }  .md\:w-max { width: max-content !important; }
  .md\:w-1\/2 { width: 50% !important; }  .md\:w-1\/3 { width: 33.333333% !important; }  .md\:w-2\/3 { width: 66.666667% !important; }
  .md\:w-1\/4 { width: 25% !important; }  .md\:w-3\/4 { width: 75% !important; }
  .md\:max-w-none { max-width: none !important; }  .md\:max-w-full { max-width: 100% !important; }
  .md\:max-w-prose { max-width: 65ch !important; }  .md\:max-w-screen-md { max-width: 47.5em !important; }
  .md\:h-auto { height: auto !important; }  .md\:h-full { height: 100% !important; }  .md\:h-screen { height: 100dvh !important; }
  .md\:min-h-0 { min-height: 0 !important; }  .md\:min-h-full { min-height: 100% !important; }  .md\:min-h-screen { min-height: 100dvh !important; }

  /* Aspect Ratio */
  .md\:aspect-auto    { aspect-ratio: auto !important; }
  .md\:aspect-square  { aspect-ratio: 1 / 1 !important; }
  .md\:aspect-video   { aspect-ratio: 16 / 9 !important; }
  .md\:aspect-4\/3    { aspect-ratio: 4 / 3 !important; }
  .md\:aspect-3\/4    { aspect-ratio: 3 / 4 !important; }
  .md\:aspect-3\/2    { aspect-ratio: 3 / 2 !important; }
  .md\:aspect-9\/16   { aspect-ratio: 9 / 16 !important; }

  /* Position */
  .md\:relative { position: relative !important; }  .md\:absolute { position: absolute !important; }
  .md\:fixed { position: fixed !important; }  .md\:sticky { position: sticky !important; }  .md\:static { position: static !important; }
  .md\:inset-0 { inset: 0 !important; }  .md\:inset-auto { inset: auto !important; }
  .md\:top-0 { top: 0 !important; }  .md\:top-auto { top: auto !important; }  .md\:top-1\/2 { top: 50% !important; }
  .md\:right-0 { right: 0 !important; }  .md\:right-1\/2 { right: 50% !important; }
  .md\:bottom-0 { bottom: 0 !important; }  .md\:bottom-1\/2 { bottom: 50% !important; }
  .md\:left-0 { left: 0 !important; }  .md\:left-1\/2 { left: 50% !important; }
  .md\:center-xy { position: absolute !important; top: 50% !important; left: 50% !important; translate: -50% -50% !important; }
  .md\:center-x { position: absolute !important; left: 50% !important; translate: -50% 0 !important; }
  .md\:center-y { position: absolute !important; top: 50% !important; translate: 0 -50% !important; }

  .md\:z-0 { z-index: 0 !important; }  .md\:z-10 { z-index: 10 !important; }  .md\:z-20 { z-index: 20 !important; }
  .md\:z-30 { z-index: 30 !important; }  .md\:z-40 { z-index: 40 !important; }  .md\:z-50 { z-index: 50 !important; }

  /* Overflow */
  .md\:overflow-hidden { overflow: hidden !important; }  .md\:overflow-auto { overflow: auto !important; }
  .md\:overflow-visible { overflow: visible !important; }
  .md\:overflow-x-auto { overflow-x: auto !important; }  .md\:overflow-y-auto { overflow-y: auto !important; }

  /* Visibility */
  .md\:invisible { visibility: hidden !important; }  .md\:visible { visibility: visible !important; }

  /* Columns */
  .md\:columns-1 { columns: 1 !important; }  .md\:columns-2 { columns: 2 !important; }
  .md\:columns-3 { columns: 3 !important; }  .md\:columns-4 { columns: 4 !important; }

  /* --- Typography --- */
  .md\:text-xs   { font-size: 0.75rem !important; }   .md\:text-sm   { font-size: 0.875rem !important; }
  .md\:text-base { font-size: 1rem !important; }      .md\:text-lg   { font-size: 1.125rem !important; }
  .md\:text-xl   { font-size: 1.25rem !important; }   .md\:text-2xl  { font-size: 1.5rem !important; }
  .md\:text-3xl  { font-size: 1.875rem !important; }  .md\:text-4xl  { font-size: 2.25rem !important; }
  .md\:text-5xl  { font-size: 3rem !important; }      .md\:text-6xl  { font-size: 3.75rem !important; }

  .md\:text-h1 { font-size: calc(var(--text-h1) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .md\:text-h2 { font-size: calc(var(--text-h2) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .md\:text-h3 { font-size: calc(var(--text-h3) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .md\:text-h4 { font-size: calc(var(--text-h4) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .md\:text-h5 { font-size: calc(var(--text-h5) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .md\:text-h6 { font-size: calc(var(--text-h6) * (0.75 + 0.25 * var(--fluid-progress))) !important; }

  .md\:leading-none    { line-height: 1 !important; }
  .md\:leading-tight   { line-height: var(--leading-tight) !important; }
  .md\:leading-snug    { line-height: var(--leading-snug) !important; }
  .md\:leading-normal  { line-height: var(--leading-normal) !important; }
  .md\:leading-relaxed { line-height: var(--leading-relaxed) !important; }
  .md\:leading-loose   { line-height: 2 !important; }

  .md\:tracking-tighter { letter-spacing: -0.05em !important; }
  .md\:tracking-tight   { letter-spacing: -0.025em !important; }
  .md\:tracking-normal  { letter-spacing: 0 !important; }
  .md\:tracking-wide    { letter-spacing: 0.025em !important; }

  /* --- Custom-Value Utilities --- */
  .md\:pt-custom { padding-top: var(--md-pt, var(--pt)) !important; }
  .md\:pr-custom { padding-right: var(--md-pr, var(--pr)) !important; }
  .md\:pb-custom { padding-bottom: var(--md-pb, var(--pb)) !important; }
  .md\:pl-custom { padding-left: var(--md-pl, var(--pl)) !important; }

  .md\:mt-custom { margin-top: var(--md-mt, var(--mt)) !important; }
  .md\:mr-custom { margin-right: var(--md-mr, var(--mr)) !important; }
  .md\:mb-custom { margin-bottom: var(--md-mb, var(--mb)) !important; }
  .md\:ml-custom { margin-left: var(--md-ml, var(--ml)) !important; }

  .md\:gap-custom    { gap: var(--md-gap, var(--gap)) !important; }
  .md\:w-custom      { width: var(--md-w, var(--w)) !important; }
  .md\:h-custom      { height: var(--md-h, var(--h)) !important; }
  .md\:min-w-custom  { min-width: var(--md-min-w, var(--min-w)) !important; }
  .md\:max-w-custom  { max-width: var(--md-max-w, var(--max-w)) !important; }
  .md\:min-h-custom  { min-height: var(--md-min-h, var(--min-h)) !important; }
  .md\:max-h-custom  { max-height: var(--md-max-h, var(--max-h)) !important; }

  .md\:top-custom    { top: var(--md-top, var(--top)) !important; }
  .md\:right-custom  { right: var(--md-right, var(--right)) !important; }
  .md\:bottom-custom { bottom: var(--md-bottom, var(--bottom)) !important; }
  .md\:left-custom   { left: var(--md-left, var(--left)) !important; }

  .md\:text-custom   { font-size: var(--md-text, var(--text)) !important; }

  /* --- Shadow --- */
  .md\:shadow-sm    { box-shadow: 0 1px 2px 0 oklch(0 0 0 / .05) !important; }
  .md\:shadow       { box-shadow: 0 1px 3px 0 oklch(0 0 0 / .1), 0 1px 2px -1px oklch(0 0 0 / .1) !important; }
  .md\:shadow-md    { box-shadow: 0 4px 6px -1px oklch(0 0 0 / .1), 0 2px 4px -2px oklch(0 0 0 / .1) !important; }
  .md\:shadow-lg    { box-shadow: 0 10px 15px -3px oklch(0 0 0 / .1), 0 4px 6px -4px oklch(0 0 0 / .1) !important; }
  .md\:shadow-xl    { box-shadow: 0 20px 25px -5px oklch(0 0 0 / .1), 0 8px 10px -6px oklch(0 0 0 / .1) !important; }
  .md\:shadow-2xl   { box-shadow: 0 25px 50px -12px oklch(0 0 0 / .25) !important; }
  .md\:shadow-inner { box-shadow: inset 0 2px 4px 0 oklch(0 0 0 / .05) !important; }
  .md\:shadow-none  { box-shadow: none !important; }
}


/* ==========================================================================
   RESPONSIVE: lg (1200px+)
   ========================================================================== */
@media (min-width: 1200px) {

  /* --- Padding (nur Einzelseiten) --- */
  .lg\:pt-0  { padding-top: 0 !important; }       .lg\:pt-1  { padding-top: 0.25rem !important; }
  .lg\:pt-2  { padding-top: 0.5rem !important; }  .lg\:pt-3  { padding-top: 0.75rem !important; }
  .lg\:pt-4  { padding-top: 1rem !important; }    .lg\:pt-5  { padding-top: 1.25rem !important; }
  .lg\:pt-6  { padding-top: 1.5rem !important; }  .lg\:pt-8  { padding-top: 2rem !important; }
  .lg\:pt-10 { padding-top: 2.5rem !important; }  .lg\:pt-12 { padding-top: 3rem !important; }
  .lg\:pt-16 { padding-top: 4rem !important; }    .lg\:pt-20 { padding-top: 5rem !important; }
  .lg\:pt-24 { padding-top: 6rem !important; }
  .lg\:pt-32 { padding-top: 8rem !important; }  .lg\:pt-40 { padding-top: 10rem !important; }
  .lg\:pt-48 { padding-top: 12rem !important; }

  .lg\:pr-0  { padding-right: 0 !important; }       .lg\:pr-1  { padding-right: 0.25rem !important; }
  .lg\:pr-2  { padding-right: 0.5rem !important; }  .lg\:pr-3  { padding-right: 0.75rem !important; }
  .lg\:pr-4  { padding-right: 1rem !important; }    .lg\:pr-5  { padding-right: 1.25rem !important; }
  .lg\:pr-6  { padding-right: 1.5rem !important; }  .lg\:pr-8  { padding-right: 2rem !important; }
  .lg\:pr-10 { padding-right: 2.5rem !important; }  .lg\:pr-12 { padding-right: 3rem !important; }
  .lg\:pr-16 { padding-right: 4rem !important; }    .lg\:pr-20 { padding-right: 5rem !important; }
  .lg\:pr-24 { padding-right: 6rem !important; }  .lg\:pr-32 { padding-right: 8rem !important; }
  .lg\:pr-40 { padding-right: 10rem !important; }  .lg\:pr-48 { padding-right: 12rem !important; }

  .lg\:pb-0  { padding-bottom: 0 !important; }       .lg\:pb-1  { padding-bottom: 0.25rem !important; }
  .lg\:pb-2  { padding-bottom: 0.5rem !important; }  .lg\:pb-3  { padding-bottom: 0.75rem !important; }
  .lg\:pb-4  { padding-bottom: 1rem !important; }    .lg\:pb-5  { padding-bottom: 1.25rem !important; }
  .lg\:pb-6  { padding-bottom: 1.5rem !important; }  .lg\:pb-8  { padding-bottom: 2rem !important; }
  .lg\:pb-10 { padding-bottom: 2.5rem !important; }  .lg\:pb-12 { padding-bottom: 3rem !important; }
  .lg\:pb-16 { padding-bottom: 4rem !important; }    .lg\:pb-20 { padding-bottom: 5rem !important; }
  .lg\:pb-24 { padding-bottom: 6rem !important; }
  .lg\:pb-32 { padding-bottom: 8rem !important; }  .lg\:pb-40 { padding-bottom: 10rem !important; }
  .lg\:pb-48 { padding-bottom: 12rem !important; }

  .lg\:pl-0  { padding-left: 0 !important; }       .lg\:pl-1  { padding-left: 0.25rem !important; }
  .lg\:pl-2  { padding-left: 0.5rem !important; }  .lg\:pl-3  { padding-left: 0.75rem !important; }
  .lg\:pl-4  { padding-left: 1rem !important; }    .lg\:pl-5  { padding-left: 1.25rem !important; }
  .lg\:pl-6  { padding-left: 1.5rem !important; }  .lg\:pl-8  { padding-left: 2rem !important; }
  .lg\:pl-10 { padding-left: 2.5rem !important; }  .lg\:pl-12 { padding-left: 3rem !important; }
  .lg\:pl-16 { padding-left: 4rem !important; }    .lg\:pl-20 { padding-left: 5rem !important; }
  .lg\:pl-24 { padding-left: 6rem !important; }  .lg\:pl-32 { padding-left: 8rem !important; }
  .lg\:pl-40 { padding-left: 10rem !important; }  .lg\:pl-48 { padding-left: 12rem !important; }

  /* --- Margin (nur Einzelseiten) --- */
  .lg\:mt-0    { margin-top: 0 !important; }       .lg\:mt-1    { margin-top: 0.25rem !important; }
  .lg\:mt-2    { margin-top: 0.5rem !important; }  .lg\:mt-3    { margin-top: 0.75rem !important; }
  .lg\:mt-4    { margin-top: 1rem !important; }    .lg\:mt-5    { margin-top: 1.25rem !important; }
  .lg\:mt-6    { margin-top: 1.5rem !important; }  .lg\:mt-8    { margin-top: 2rem !important; }
  .lg\:mt-10   { margin-top: 2.5rem !important; }  .lg\:mt-12   { margin-top: 3rem !important; }
  .lg\:mt-16   { margin-top: 4rem !important; }    .lg\:mt-20   { margin-top: 5rem !important; }
  .lg\:mt-24   { margin-top: 6rem !important; }
  .lg\:mt-32   { margin-top: 8rem !important; }  .lg\:mt-40   { margin-top: 10rem !important; }
  .lg\:mt-48   { margin-top: 12rem !important; }
  .lg\:mt-auto { margin-top: auto !important; }

  .lg\:mr-0    { margin-right: 0 !important; }       .lg\:mr-1    { margin-right: 0.25rem !important; }
  .lg\:mr-2    { margin-right: 0.5rem !important; }  .lg\:mr-3    { margin-right: 0.75rem !important; }
  .lg\:mr-4    { margin-right: 1rem !important; }    .lg\:mr-5    { margin-right: 1.25rem !important; }
  .lg\:mr-6    { margin-right: 1.5rem !important; }  .lg\:mr-8    { margin-right: 2rem !important; }
  .lg\:mr-10   { margin-right: 2.5rem !important; }  .lg\:mr-12   { margin-right: 3rem !important; }
  .lg\:mr-16   { margin-right: 4rem !important; }  .lg\:mr-20   { margin-right: 5rem !important; }
  .lg\:mr-24   { margin-right: 6rem !important; }  .lg\:mr-32   { margin-right: 8rem !important; }
  .lg\:mr-40   { margin-right: 10rem !important; }  .lg\:mr-48   { margin-right: 12rem !important; }
  .lg\:mr-auto { margin-right: auto !important; }

  .lg\:mb-0  { margin-bottom: 0 !important; }       .lg\:mb-1  { margin-bottom: 0.25rem !important; }
  .lg\:mb-2  { margin-bottom: 0.5rem !important; }  .lg\:mb-3  { margin-bottom: 0.75rem !important; }
  .lg\:mb-4  { margin-bottom: 1rem !important; }    .lg\:mb-5  { margin-bottom: 1.25rem !important; }
  .lg\:mb-6  { margin-bottom: 1.5rem !important; }  .lg\:mb-8  { margin-bottom: 2rem !important; }
  .lg\:mb-10 { margin-bottom: 2.5rem !important; }  .lg\:mb-12 { margin-bottom: 3rem !important; }
  .lg\:mb-16 { margin-bottom: 4rem !important; }    .lg\:mb-20 { margin-bottom: 5rem !important; }
  .lg\:mb-24 { margin-bottom: 6rem !important; }  .lg\:mb-32 { margin-bottom: 8rem !important; }
  .lg\:mb-40 { margin-bottom: 10rem !important; }  .lg\:mb-48 { margin-bottom: 12rem !important; }

  .lg\:ml-0    { margin-left: 0 !important; }       .lg\:ml-1    { margin-left: 0.25rem !important; }
  .lg\:ml-2    { margin-left: 0.5rem !important; }  .lg\:ml-3    { margin-left: 0.75rem !important; }
  .lg\:ml-4    { margin-left: 1rem !important; }    .lg\:ml-5    { margin-left: 1.25rem !important; }
  .lg\:ml-6    { margin-left: 1.5rem !important; }  .lg\:ml-8    { margin-left: 2rem !important; }
  .lg\:ml-10   { margin-left: 2.5rem !important; }  .lg\:ml-12   { margin-left: 3rem !important; }
  .lg\:ml-16   { margin-left: 4rem !important; }  .lg\:ml-20   { margin-left: 5rem !important; }
  .lg\:ml-24   { margin-left: 6rem !important; }  .lg\:ml-32   { margin-left: 8rem !important; }
  .lg\:ml-40   { margin-left: 10rem !important; }  .lg\:ml-48   { margin-left: 12rem !important; }
  .lg\:ml-auto { margin-left: auto !important; }

  /* --- Gap --- */
  .lg\:gap-0 { gap: 0 !important; }    .lg\:gap-1 { gap: 0.25rem !important; }  .lg\:gap-2 { gap: 0.5rem !important; }
  .lg\:gap-3 { gap: 0.75rem !important; }  .lg\:gap-4 { gap: 1rem !important; }  .lg\:gap-5 { gap: 1.25rem !important; }
  .lg\:gap-6 { gap: 1.5rem !important; }   .lg\:gap-8 { gap: 2rem !important; }  .lg\:gap-10 { gap: 2.5rem !important; }
  .lg\:gap-12 { gap: 3rem !important; }
  .lg\:gap-16 { gap: 4rem !important; }  .lg\:gap-20 { gap: 5rem !important; }  .lg\:gap-24 { gap: 6rem !important; }
  .lg\:gap-32 { gap: 8rem !important; }  .lg\:gap-40 { gap: 10rem !important; }  .lg\:gap-48 { gap: 12rem !important; }
  .lg\:gap-x-0 { column-gap: 0 !important; }       .lg\:gap-x-1 { column-gap: 0.25rem !important; }
  .lg\:gap-x-2 { column-gap: 0.5rem !important; }  .lg\:gap-x-3 { column-gap: 0.75rem !important; }
  .lg\:gap-x-4 { column-gap: 1rem !important; }    .lg\:gap-x-5 { column-gap: 1.25rem !important; }
  .lg\:gap-x-6 { column-gap: 1.5rem !important; }  .lg\:gap-x-8 { column-gap: 2rem !important; }
  .lg\:gap-x-10 { column-gap: 2.5rem !important; } .lg\:gap-x-12 { column-gap: 3rem !important; }
  .lg\:gap-x-16 { column-gap: 4rem !important; }   .lg\:gap-x-20 { column-gap: 5rem !important; }
  .lg\:gap-x-24 { column-gap: 6rem !important; }   .lg\:gap-x-32 { column-gap: 8rem !important; }
  .lg\:gap-x-40 { column-gap: 10rem !important; }  .lg\:gap-x-48 { column-gap: 12rem !important; }

  .lg\:gap-y-0 { row-gap: 0 !important; }       .lg\:gap-y-1 { row-gap: 0.25rem !important; }
  .lg\:gap-y-2 { row-gap: 0.5rem !important; }  .lg\:gap-y-3 { row-gap: 0.75rem !important; }
  .lg\:gap-y-4 { row-gap: 1rem !important; }    .lg\:gap-y-5 { row-gap: 1.25rem !important; }
  .lg\:gap-y-6 { row-gap: 1.5rem !important; }  .lg\:gap-y-8 { row-gap: 2rem !important; }
  .lg\:gap-y-10 { row-gap: 2.5rem !important; } .lg\:gap-y-12 { row-gap: 3rem !important; }
  .lg\:gap-y-16 { row-gap: 4rem !important; }   .lg\:gap-y-20 { row-gap: 5rem !important; }
  .lg\:gap-y-24 { row-gap: 6rem !important; }   .lg\:gap-y-32 { row-gap: 8rem !important; }
  .lg\:gap-y-40 { row-gap: 10rem !important; }  .lg\:gap-y-48 { row-gap: 12rem !important; }

  /* --- Space Between --- */
  .lg\:space-x-0  > * + * { margin-left: 0 !important; }       .lg\:space-x-1  > * + * { margin-left: 0.25rem !important; }
  .lg\:space-x-2  > * + * { margin-left: 0.5rem !important; }  .lg\:space-x-3  > * + * { margin-left: 0.75rem !important; }
  .lg\:space-x-4  > * + * { margin-left: 1rem !important; }    .lg\:space-x-5  > * + * { margin-left: 1.25rem !important; }
  .lg\:space-x-6  > * + * { margin-left: 1.5rem !important; }  .lg\:space-x-8  > * + * { margin-left: 2rem !important; }
  .lg\:space-x-10 > * + * { margin-left: 2.5rem !important; }  .lg\:space-x-12 > * + * { margin-left: 3rem !important; }
  .lg\:space-x-16 > * + * { margin-left: 4rem !important; }    .lg\:space-x-20 > * + * { margin-left: 5rem !important; }
  .lg\:space-x-24 > * + * { margin-left: 6rem !important; }    .lg\:space-x-32 > * + * { margin-left: 8rem !important; }
  .lg\:space-x-40 > * + * { margin-left: 10rem !important; }   .lg\:space-x-48 > * + * { margin-left: 12rem !important; }

  .lg\:space-y-0  > * + * { margin-top: 0 !important; }       .lg\:space-y-1  > * + * { margin-top: 0.25rem !important; }
  .lg\:space-y-2  > * + * { margin-top: 0.5rem !important; }  .lg\:space-y-3  > * + * { margin-top: 0.75rem !important; }
  .lg\:space-y-4  > * + * { margin-top: 1rem !important; }    .lg\:space-y-5  > * + * { margin-top: 1.25rem !important; }
  .lg\:space-y-6  > * + * { margin-top: 1.5rem !important; }  .lg\:space-y-8  > * + * { margin-top: 2rem !important; }
  .lg\:space-y-10 > * + * { margin-top: 2.5rem !important; }  .lg\:space-y-12 > * + * { margin-top: 3rem !important; }
  .lg\:space-y-16 > * + * { margin-top: 4rem !important; }    .lg\:space-y-20 > * + * { margin-top: 5rem !important; }
  .lg\:space-y-24 > * + * { margin-top: 6rem !important; }    .lg\:space-y-32 > * + * { margin-top: 8rem !important; }
  .lg\:space-y-40 > * + * { margin-top: 10rem !important; }   .lg\:space-y-48 > * + * { margin-top: 12rem !important; }

  /* Display */
  .lg\:block { display: block !important; }  .lg\:inline-block { display: inline-block !important; }
  .lg\:inline { display: inline !important; }  .lg\:flex { display: flex !important; }
  .lg\:inline-flex { display: inline-flex !important; }  .lg\:grid { display: grid !important; }
  .lg\:contents { display: contents !important; }  .lg\:hidden { display: none !important; }

  /* Flexbox */
  .lg\:flex-row { flex-direction: row !important; }  .lg\:flex-col { flex-direction: column !important; }
  .lg\:flex-row-reverse { flex-direction: row-reverse !important; }  .lg\:flex-col-reverse { flex-direction: column-reverse !important; }
  .lg\:flex-wrap { flex-wrap: wrap !important; }  .lg\:flex-nowrap { flex-wrap: nowrap !important; }
  .lg\:justify-start { justify-content: flex-start !important; }  .lg\:justify-center { justify-content: center !important; }
  .lg\:justify-end { justify-content: flex-end !important; }  .lg\:justify-between { justify-content: space-between !important; }
  .lg\:justify-around { justify-content: space-around !important; }  .lg\:justify-evenly { justify-content: space-evenly !important; }
  .lg\:items-start { align-items: flex-start !important; }  .lg\:items-center { align-items: center !important; }
  .lg\:items-end { align-items: flex-end !important; }  .lg\:items-stretch { align-items: stretch !important; }
  .lg\:items-baseline { align-items: baseline !important; }
  .lg\:self-auto { align-self: auto !important; }  .lg\:self-start { align-self: flex-start !important; }
  .lg\:self-center { align-self: center !important; }  .lg\:self-end { align-self: flex-end !important; }
  .lg\:self-stretch { align-self: stretch !important; }
  .lg\:flex-1 { flex: 1 1 0% !important; }  .lg\:flex-auto { flex: 1 1 auto !important; }  .lg\:flex-none { flex: none !important; }
  .lg\:grow { flex-grow: 1 !important; }  .lg\:grow-0 { flex-grow: 0 !important; }
  .lg\:shrink { flex-shrink: 1 !important; }  .lg\:shrink-0 { flex-shrink: 0 !important; }

  /* CSS Grid */
  .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-none { grid-template-columns: none !important; }

  .lg\:col-span-1 { grid-column: span 1 / span 1 !important; }  .lg\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .lg\:col-span-3 { grid-column: span 3 / span 3 !important; }  .lg\:col-span-4 { grid-column: span 4 / span 4 !important; }
  .lg\:col-span-5 { grid-column: span 5 / span 5 !important; }  .lg\:col-span-6 { grid-column: span 6 / span 6 !important; }
  .lg\:col-span-7 { grid-column: span 7 / span 7 !important; }  .lg\:col-span-8 { grid-column: span 8 / span 8 !important; }
  .lg\:col-span-9 { grid-column: span 9 / span 9 !important; }  .lg\:col-span-10 { grid-column: span 10 / span 10 !important; }
  .lg\:col-span-11 { grid-column: span 11 / span 11 !important; }  .lg\:col-span-12 { grid-column: span 12 / span 12 !important; }
  .lg\:col-span-full { grid-column: 1 / -1 !important; }  .lg\:col-auto { grid-column: auto !important; }

  .lg\:col-start-1 { grid-column-start: 1 !important; }  .lg\:col-start-2 { grid-column-start: 2 !important; }
  .lg\:col-start-3 { grid-column-start: 3 !important; }  .lg\:col-start-4 { grid-column-start: 4 !important; }
  .lg\:col-start-5 { grid-column-start: 5 !important; }  .lg\:col-start-6 { grid-column-start: 6 !important; }
  .lg\:col-start-7 { grid-column-start: 7 !important; }  .lg\:col-start-8 { grid-column-start: 8 !important; }
  .lg\:col-start-9 { grid-column-start: 9 !important; }  .lg\:col-start-10 { grid-column-start: 10 !important; }
  .lg\:col-start-11 { grid-column-start: 11 !important; }  .lg\:col-start-12 { grid-column-start: 12 !important; }
  .lg\:col-start-auto { grid-column-start: auto !important; }

  .lg\:row-span-1 { grid-row: span 1 / span 1 !important; }  .lg\:row-span-2 { grid-row: span 2 / span 2 !important; }
  .lg\:row-span-3 { grid-row: span 3 / span 3 !important; }  .lg\:row-span-full { grid-row: 1 / -1 !important; }

  .lg\:grid-flow-row { grid-auto-flow: row !important; }  .lg\:grid-flow-col { grid-auto-flow: column !important; }
  .lg\:grid-flow-dense { grid-auto-flow: dense !important; }

  /* Order */
  .lg\:order-first { order: -9999 !important; }  .lg\:order-last { order: 9999 !important; }  .lg\:order-none { order: 0 !important; }
  .lg\:order-1 { order: 1 !important; }  .lg\:order-2 { order: 2 !important; }  .lg\:order-3 { order: 3 !important; }
  .lg\:order-4 { order: 4 !important; }  .lg\:order-5 { order: 5 !important; }  .lg\:order-6 { order: 6 !important; }

  /* Text */
  .lg\:text-left { text-align: left !important; }  .lg\:text-center { text-align: center !important; }
  .lg\:text-right { text-align: right !important; }  .lg\:text-justify { text-align: justify !important; }

  /* Sizing */
  .lg\:w-auto { width: auto !important; }  .lg\:w-full { width: 100% !important; }  .lg\:w-screen { width: 100vw !important; }
  .lg\:w-fit { width: fit-content !important; }  .lg\:w-min { width: min-content !important; }  .lg\:w-max { width: max-content !important; }
  .lg\:w-1\/2 { width: 50% !important; }  .lg\:w-1\/3 { width: 33.333333% !important; }  .lg\:w-2\/3 { width: 66.666667% !important; }
  .lg\:w-1\/4 { width: 25% !important; }  .lg\:w-3\/4 { width: 75% !important; }
  .lg\:max-w-none { max-width: none !important; }  .lg\:max-w-full { max-width: 100% !important; }
  .lg\:max-w-prose { max-width: 65ch !important; }  .lg\:max-w-screen-lg { max-width: 62em !important; }
  .lg\:h-auto { height: auto !important; }  .lg\:h-full { height: 100% !important; }  .lg\:h-screen { height: 100dvh !important; }
  .lg\:min-h-0 { min-height: 0 !important; }  .lg\:min-h-full { min-height: 100% !important; }  .lg\:min-h-screen { min-height: 100dvh !important; }

  /* Aspect Ratio */
  .lg\:aspect-auto    { aspect-ratio: auto !important; }
  .lg\:aspect-square  { aspect-ratio: 1 / 1 !important; }
  .lg\:aspect-video   { aspect-ratio: 16 / 9 !important; }
  .lg\:aspect-4\/3    { aspect-ratio: 4 / 3 !important; }
  .lg\:aspect-3\/4    { aspect-ratio: 3 / 4 !important; }
  .lg\:aspect-3\/2    { aspect-ratio: 3 / 2 !important; }
  .lg\:aspect-9\/16   { aspect-ratio: 9 / 16 !important; }

  /* Position */
  .lg\:relative { position: relative !important; }  .lg\:absolute { position: absolute !important; }
  .lg\:fixed { position: fixed !important; }  .lg\:sticky { position: sticky !important; }  .lg\:static { position: static !important; }
  .lg\:inset-0 { inset: 0 !important; }  .lg\:inset-auto { inset: auto !important; }
  .lg\:top-0 { top: 0 !important; }  .lg\:top-auto { top: auto !important; }  .lg\:top-1\/2 { top: 50% !important; }
  .lg\:right-0 { right: 0 !important; }  .lg\:right-1\/2 { right: 50% !important; }
  .lg\:bottom-0 { bottom: 0 !important; }  .lg\:bottom-1\/2 { bottom: 50% !important; }
  .lg\:left-0 { left: 0 !important; }  .lg\:left-1\/2 { left: 50% !important; }
  .lg\:center-xy { position: absolute !important; top: 50% !important; left: 50% !important; translate: -50% -50% !important; }
  .lg\:center-x { position: absolute !important; left: 50% !important; translate: -50% 0 !important; }
  .lg\:center-y { position: absolute !important; top: 50% !important; translate: 0 -50% !important; }

  .lg\:z-0 { z-index: 0 !important; }  .lg\:z-10 { z-index: 10 !important; }  .lg\:z-20 { z-index: 20 !important; }
  .lg\:z-30 { z-index: 30 !important; }  .lg\:z-40 { z-index: 40 !important; }  .lg\:z-50 { z-index: 50 !important; }

  /* Overflow */
  .lg\:overflow-hidden { overflow: hidden !important; }  .lg\:overflow-auto { overflow: auto !important; }
  .lg\:overflow-visible { overflow: visible !important; }
  .lg\:overflow-x-auto { overflow-x: auto !important; }  .lg\:overflow-y-auto { overflow-y: auto !important; }

  /* Visibility */
  .lg\:invisible { visibility: hidden !important; }  .lg\:visible { visibility: visible !important; }

  /* Columns */
  .lg\:columns-1 { columns: 1 !important; }  .lg\:columns-2 { columns: 2 !important; }
  .lg\:columns-3 { columns: 3 !important; }  .lg\:columns-4 { columns: 4 !important; }

  /* --- Typography --- */
  .lg\:text-xs   { font-size: 0.75rem !important; }   .lg\:text-sm   { font-size: 0.875rem !important; }
  .lg\:text-base { font-size: 1rem !important; }      .lg\:text-lg   { font-size: 1.125rem !important; }
  .lg\:text-xl   { font-size: 1.25rem !important; }   .lg\:text-2xl  { font-size: 1.5rem !important; }
  .lg\:text-3xl  { font-size: 1.875rem !important; }  .lg\:text-4xl  { font-size: 2.25rem !important; }
  .lg\:text-5xl  { font-size: 3rem !important; }      .lg\:text-6xl  { font-size: 3.75rem !important; }

  .lg\:text-h1 { font-size: calc(var(--text-h1) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .lg\:text-h2 { font-size: calc(var(--text-h2) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .lg\:text-h3 { font-size: calc(var(--text-h3) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .lg\:text-h4 { font-size: calc(var(--text-h4) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .lg\:text-h5 { font-size: calc(var(--text-h5) * (0.75 + 0.25 * var(--fluid-progress))) !important; }
  .lg\:text-h6 { font-size: calc(var(--text-h6) * (0.75 + 0.25 * var(--fluid-progress))) !important; }

  .lg\:leading-none    { line-height: 1 !important; }
  .lg\:leading-tight   { line-height: var(--leading-tight) !important; }
  .lg\:leading-snug    { line-height: var(--leading-snug) !important; }
  .lg\:leading-normal  { line-height: var(--leading-normal) !important; }
  .lg\:leading-relaxed { line-height: var(--leading-relaxed) !important; }
  .lg\:leading-loose   { line-height: 2 !important; }

  .lg\:tracking-tighter { letter-spacing: -0.05em !important; }
  .lg\:tracking-tight   { letter-spacing: -0.025em !important; }
  .lg\:tracking-normal  { letter-spacing: 0 !important; }
  .lg\:tracking-wide    { letter-spacing: 0.025em !important; }

  /* --- Custom-Value Utilities --- */
  .lg\:pt-custom { padding-top: var(--lg-pt, var(--pt)) !important; }
  .lg\:pr-custom { padding-right: var(--lg-pr, var(--pr)) !important; }
  .lg\:pb-custom { padding-bottom: var(--lg-pb, var(--pb)) !important; }
  .lg\:pl-custom { padding-left: var(--lg-pl, var(--pl)) !important; }

  .lg\:mt-custom { margin-top: var(--lg-mt, var(--mt)) !important; }
  .lg\:mr-custom { margin-right: var(--lg-mr, var(--mr)) !important; }
  .lg\:mb-custom { margin-bottom: var(--lg-mb, var(--mb)) !important; }
  .lg\:ml-custom { margin-left: var(--lg-ml, var(--ml)) !important; }

  .lg\:gap-custom    { gap: var(--lg-gap, var(--gap)) !important; }
  .lg\:w-custom      { width: var(--lg-w, var(--w)) !important; }
  .lg\:h-custom      { height: var(--lg-h, var(--h)) !important; }
  .lg\:min-w-custom  { min-width: var(--lg-min-w, var(--min-w)) !important; }
  .lg\:max-w-custom  { max-width: var(--lg-max-w, var(--max-w)) !important; }
  .lg\:min-h-custom  { min-height: var(--lg-min-h, var(--min-h)) !important; }
  .lg\:max-h-custom  { max-height: var(--lg-max-h, var(--max-h)) !important; }

  .lg\:top-custom    { top: var(--lg-top, var(--top)) !important; }
  .lg\:right-custom  { right: var(--lg-right, var(--right)) !important; }
  .lg\:bottom-custom { bottom: var(--lg-bottom, var(--bottom)) !important; }
  .lg\:left-custom   { left: var(--lg-left, var(--left)) !important; }

  .lg\:text-custom   { font-size: var(--lg-text, var(--text)) !important; }

  /* --- Shadow --- */
  .lg\:shadow-sm    { box-shadow: 0 1px 2px 0 oklch(0 0 0 / .05) !important; }
  .lg\:shadow       { box-shadow: 0 1px 3px 0 oklch(0 0 0 / .1), 0 1px 2px -1px oklch(0 0 0 / .1) !important; }
  .lg\:shadow-md    { box-shadow: 0 4px 6px -1px oklch(0 0 0 / .1), 0 2px 4px -2px oklch(0 0 0 / .1) !important; }
  .lg\:shadow-lg    { box-shadow: 0 10px 15px -3px oklch(0 0 0 / .1), 0 4px 6px -4px oklch(0 0 0 / .1) !important; }
  .lg\:shadow-xl    { box-shadow: 0 20px 25px -5px oklch(0 0 0 / .1), 0 8px 10px -6px oklch(0 0 0 / .1) !important; }
  .lg\:shadow-2xl   { box-shadow: 0 25px 50px -12px oklch(0 0 0 / .25) !important; }
  .lg\:shadow-inner { box-shadow: inset 0 2px 4px 0 oklch(0 0 0 / .05) !important; }
  .lg\:shadow-none  { box-shadow: none !important; }
}