/* grid --------------------------------------------------------*/

/* @group @variables */

[class*="m-grid-columns"],
[class*="a-grid-columns"],
[class*="m-grid-colonne"],
[class*="a-grid-colonne"]{
--grid-x-count: var(--grid-count-primary);
--grid-x-repeat: var(--grid-repeat-count-primary);
--grid-columns: repeat(var(--grid-x-count), var(--grid-x-repeat));
--grid-gap: 1.5rem;
--grid-place-items: var(--place-items-stretch-primary);
}

[class*="m-grid-colun"],
[class*="a-grid-colun"] {
--grid-x-count: var(--grid-count-primary);
--grid-x-repeat: var(--grid-repeat-count-primary);
--grid-columns: repeat(var(--grid-x-count), var(--grid-x-repeat));
--grid-gap: .75rem;
--grid-place-items: var(--place-items-stretch-primary);
}

.m-grid-columns-vierte,
.a-grid-columns-vierte,
.m-grid-colonne-vierte,
.a-grid-colonne-vierte,
.m-grid-colun-vierte,
.a-grid-colun-vierte {
--grid-x-count: var(--grid-count-vierte);
}

.m-grid-columns-deutero,
.a-grid-columns-deutero,
.m-grid-colonne-deutero,
.a-grid-colonne-deutero,
.m-grid-colun-deutero,
.a-grid-colun-deutero {
--grid-x-count: var(--grid-count-deutero);
}

.m-grid-columns-trito,
.a-grid-columns-trito,
.m-grid-colonne-trito,
.a-grid-colonne-trito,
.m-grid-colun-trito,
.a-grid-colun-trito {
--grid-x-count: var(--grid-count-trito);
}

.m-grid-columns-tercero,
.a-grid-columns-tercero {
--grid-x-count: var(--grid-count-tercero);
}

.m-grid-columns-cuarto,
.a-grid-columns-cuarto {
--grid-x-count: var(--grid-count-cuarto);
}

/* @end @variables */

/* @group @variables */

[class*="m-grid-columna"],
[class*="a-grid-columna"],
[class*="m-grid-colonna"],
[class*="a-grid-colonna"] {
--grid-columns: 1fr;
--grid-gap: 1.5rem;
--grid-place-items: var(--place-items-stretch-primary);
}
 
 @media all and (min-width:48em) {

.m-grid-columna-secondary,
.a-grid-columna-secondary,
.m-grid-colonna-secondary,
.a-grid-colonna-secondary {
--grid-columns: 2fr 1fr;
}

.m-grid-columna-deutero,
.a-grid-columna-deutero,
.m-grid-colonna-deutero,
.a-grid-colonna-deutero {
--grid-columns: 1fr 2fr;
}

.m-grid-columna-segundo,
.a-grid-columna-segundo,
.m-grid-colonna-segundo,
.a-grid-colonna-segundo {
--grid-columns: 3fr 2fr;
}

.m-grid-columna-deuxieme,
.a-grid-columna-deuxieme,
.m-grid-colonna-deuxieme,
.a-grid-colonna-deuxieme {
--grid-columns: 2fr 3fr;
}

}

/* @end @variables */

/* @group @-grid-columns */

[class*="m-grid-columns"],
[class*="a-grid-columns"],
[class*="m-grid-colonne"],
[class*="a-grid-colonne"],
[class*="m-grid-columna"],
[class*="a-grid-columna"],
[class*="m-grid-colonna"],
[class*="a-grid-colonna"],
[class*="m-grid-colun"],
[class*="a-grid-colun"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--grid-columns);
grid-template-rows: var(--grid-rows);
place-items: var(--grid-place-items);
gap: var(--grid-gap);
}

[class*="m-grid-colonne"],
[class*="a-grid-colonne"],
[class*="m-grid-colonna"],
[class*="a-grid-colonna"] {
direction: rtl;
}

[class*="m-grid-colonne"]>*,
[class*="a-grid-colonne"]>*,
[class*="m-grid-colonna"]>* ,
[class*="a-grid-colonna"]>* {
direction: ltr;
}

/* @end @m-grid-columns */

/* @group @a-grid-order */
 
 @media all and (min-width:48em) {
 
 .a-grid-order-secondary {
 order: -1;
 }
 
 }
 
/* @end @a-grid-order*/